/*  MAKE LAYOUT RESPONSIVE at 1024px FOR SMALLER SCREENS ================================================================ */


	
		header {
			width: 93.75%; /* 960px / 1024px */
		}

		#maincontent{
					width: 93.75%; /* 960px / 1024px */
		}
		
		.maincontent{
			width: 93.75%; /* 960px / 1024px */
		}

		footer {
			width: 93.75%; /* 960px / 1024px */
		}
		
		
		
		#bottoms {
	bottom: 0;
    position: fixed;
    z-index: 100;
    width: 32%;
    margin-bottom: 0px;
    margin-left: 0px;
}
@media only screen and (max-width : 1024px) {
#intro {
width: 100%;
background:url(../img/fondo1024.jpg);
background-repeat: no-repeat;
position: relative;
}

#options {
	padding-top: 86px;
padding-bottom: 174px;
}

.esp {

margin-left:69px
}

.esp:hover {
	
background-color:#658594;
}

.esp a{

left:53px;

}

.esp a:hover{
	color:#333;
}

#privacy {
margin-left: 69px;
}

#privacy a{
	left:53px;
	padding-left: 26px;
}

#privacy a:hover{
	color:#333;
	text-decoration:none;
}

}