*{margin:0;	padding:0;}
body {
	font-family: 'Droid Sans', sans-serif;
	font-size: 16px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	background-color:#333;
		}
.espacios{padding: 0 20px;}		
.noventa{width: 90%; margin: 0 auto; max-width: 1150px}
.logo{display: inline-block;vertical-align: top; margin:0; width: 34%;}
nav{display: inline-block; vertical-align: top; text-align: right; padding-top: 40px; width: 65% }
nav ul{list-style: none;display: inline-block;}
nav ul li{display: inline-block; margin: 3px;  text-align: left;}
nav ul li a{color: #333; text-decoration: none; padding: 10px 15px; font-size: 22px; font-weight: bold; display: block;}
nav ul li a:hover{background: #3E4095; color: #fff}
a.activa{background:#3E4095; color: #fff;}
.tel{clear:both; display:inline-block; font-size:20px;color:#3E4095; margin-bottom:20px; font-weight: bold;
background: url(../images/tel.png)no-repeat; background-position: left center; padding:5px 0px 5px 30px;}

.cuatro{display: inline-block; width: 200px; height: 260px; margin: 20px 10px; text-align: left; vertical-align: top; padding: 1%; border:1px solid #ccc;}
.medio{text-align: left; display: inline-block; vertical-align: top; width: 48%;}
.cuatro img{text-align: center;margin: 0 auto; display: block; padding-bottom: 5px;}
p {margin: 0px 15px 10px; 	}
li{padding: 3px 0px; font-weight: bold;}
footer{}
h1 {
	font-size: 25px;
	line-height:25px;
	color:#666;
	padding: 0 15px 20px; 
	}
h2 {
	
	font-size: 20px;
	line-height:20px;
	color:#666;
	padding: 0 15px 20px; 
	}

label {
display:block;
margin-top:15px;
letter-spacing:1px;
}


.formulario {
display:block;
margin:0 auto;
width:100%;
color: #666666;

}
form {
margin:0 auto;
padding: 0px 15px;
}

input, textarea {
width:90%;
background:#3E4097;
border:2px solid #3E4097;
padding:10px;
font-size: 17px;
margin-top:5px;

color:#ffffff;
}

textarea {	font-family: 'Droid Sans', sans-serif;
height:100px;
}

#submit {
width:85px;
height:35px;
border:none;
margin-top:20px;
cursor:pointer;
}




@media (max-width:1024px){
	.noventa{width: 100%}
}

@media (max-width:750px){
nav{padding-top: 40px;}
.medio{width: 90%; margin: 10px auto; text-align: left!important}
}
@media (max-width:650px){
	.logo{width: 100%;text-align: center;}
nav{width: 100%; padding-top: 10px; text-align: center; }
nav ul li{display: inline-block; margin:2px 5px;  text-align: left;}
nav ul li a{ padding: 5px; font-size: 18px;}

}



@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}


div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 20s slidy infinite; 
}