/*  MAKE LAYOUT RESPONSIVE at 768px FOR IPAD PORTRAIT ================================================================ */


	
		header {
			width: 93.75%; /* 720px / 768px */
		}

		#maincontent{
			width: 93.75%; /* 720px / 768px */
		}

		
		.maincontent{
			width: 93.75%; /* 720px / 768px */
		}

		
		footer {
			width: 93.75%; /* 720px / 768px */
		}
		
		.clearfix {
zoom: 1;
display:inline;
}

nav a {
color: #747373;
display: inline-block;
padding: 0.5em;
text-decoration: none;
line-height: 20px;
background-color: #CCC;
font-size: .9em;
}

nav a:hover {
color: #FFF;
background-color: #000;
-webkit-transition: background-color 1000ms linear;
-moz-transition: background-color 1000ms linear;
-o-transition: background-color 1000ms linear;
-ms-transition: background-color 1000ms linear;
transition: background-color 1000ms linear;
margin-top:0px;
margin-bottom:0px;
}

#bottoms {
	bottom: 0;
    position: fixed;
    z-index: 100;
    margin-left: -2%;
	width:25%;
}
    
	#pie {
background-color: #999;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
margin-bottom: 0px;
margin-left: 10px;
margin-right: 10px;
height: 50px;
width: 90%;
box-shadow: 5px 5px 9px rgba(0, 0, 0, 0.62);
}

#cliente {
font-family: Verdana, Geneva, sans-serif;
font-style: italic;
font-size: 1em;
color: #333;
text-align: center;
margin-top: 10px;
margin-bottom: 0px;
padding-top: 10px;
line-height: 1.5em;
		}   
		
		.esp {
			width:87%;
margin-left:25px
}

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

.esp a{

left:70px;

}

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

#privacy {
	margin-left:64px;
}

#privacy a{
	padding:0px;
}