@charset "utf-8";
/* CSS Document */

/*estilos basicos*/
h1, h2, h3, h4, h5, h6{
	font-family: Arial, Helvetica, sans-serif;
}

h1, h1 a, h1 a:hover {
	color:#069DC7;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	text-decoration:none;
}
	
p {
	font-family: Arial, Helvetica, sans-serif;
	color: #009ECA;
}

.contenedor_index{
	width:1000px;
	height:885px;
	margin:0 auto; 
	padding:10px; 
	background:#FFF center; 
	box-shadow: 0px 0px 100px #93B0B2;
	-moz-box-shadow: 0px 0px 100px #93B0B2;
	-webkit-box-shadow: 0px 0px 100px #93B0B2;
	}
	
.contenedor_nosotros{
	width:1000px;
	height:2485px;
	margin:0 auto; 
	padding:10px; 
	background:#FFF center; 
	box-shadow: 0px 0px 100px #93B0B2;
	-moz-box-shadow: 0px 0px 100px #93B0B2;
	-webkit-box-shadow: 0px 0px 100px #93B0B2;
}

.contenedor_servicios{
	width:1000px;
	height:1985px;
	margin:0 auto; 
	padding:10px; 
	background:#FFF center; 
	box-shadow: 0px 0px 100px #93B0B2;
	-moz-box-shadow: 0px 0px 100px #93B0B2;
	-webkit-box-shadow: 0px 0px 100px #93B0B2;
	}

.contenedor_contacto{
	width:1000px;
	height:1700px;
	margin:0 auto; 
	padding:10px; 
	background:#FFF center; 
	box-shadow: 0px 0px 100px #93B0B2;
	-moz-box-shadow: 0px 0px 100px #93B0B2;
	-webkit-box-shadow: 0px 0px 100px #93B0B2;
}

.contenedor_contacto2{
	width:1000px;
	height:1480px;
	margin:0 auto; 
	padding:10px; 
	background:#FFF center; 
	box-shadow: 0px 0px 100px #93B0B2;
	-moz-box-shadow: 0px 0px 100px #93B0B2;
	-webkit-box-shadow: 0px 0px 100px #93B0B2;
}
		
.contenedor1{
	width:1000px;
	height:100px;
	background-image:url(../img/fondo.jpg);
}

.contenedor2{
	width:700px;
	height:100px;
	float:right;
}
	

#logo{
	width:300px;
	height:100px;
	float:left;
	display:block;
}


#menu {
	font-family: Arial;
}

#menu li {
	float: left;
	list-style-type: none;
	width:130px;
	-moz-box-width: 130px;
	-webkit-box-width: 130px;
}


#menu ul {
	margin-top:18px;
	padding: 20px;
}

#menu a {
	display: block;
	text-decoration: none;
	background-image:url(../img/botonmenu.png);
	padding: 15px 10px 15px 10px;
	text-align: center;
	height:20px;
	color:#069DC7;
}

#menu a:hover {
	display: block;
	text-decoration: none;
	background-image:url(../img/botonmenu2.png);
	padding: 15px 10px 15px 10px;
	text-align: center;
	height:20px;
	color:#ccc;
}

.banner{
	height:300px;
	width:1000px;
	box-shadow: 0px 0px 20px #ccc;
	-moz-box-shadow: 0px 0px 20px #ccc;
	-webkit-box-shadow: 0px 0px 20px #ccc;
}

.recuadro1{
	width:320px;
	height:250px;
	background-color:#ffffff;
	float:left;
	margin-right:20px;
	border: 1px solid #999;
	padding: 0px;
	border-radius:20px;
	margin-bottom:20px;
}

.fondo_recuadro1{
	width:300px;
	height:150px;
	alignment-adjust:central;
	background-color:#E8EDED;
	padding:10px;
	margin:0px;
}

.fondo_recuadro horarios lab{
	width:800px;
	height:150px;
	alignment-adjust:central;
	background-color:#E8EDED;
	padding:10px;
	margin:0px;
}

.texto_recuadro, .texto_recuadro a, .texto_recuadro a:hover{
	color:#879F31;
	width:290px;
	height:150px;
	padding:0px;
	margin:0px;
	text-decoration:none;
}

.texto_recuadro ul{
	margin-top:-17px;
	padding-top:0;
}

.texto_recuadro li{
	list-style-type: none;
	margin:0px;
	padding:0px;
}

.recuadro2{
	width:260px;
	height:120px;
	background-color:#ffffff;
	float:left;
	margin: 0 0px;
	border: 1px solid #999;
	padding: 0 20px;
	border-radius:20px;
	
}

.recuadro3{
	width:1000px;
	height:70px;
	text-align:center;
	color:#666666;
	float:left;	
}

.fondo_recuadro2{
	width:240px;
	height:100px;
	vertical-align:middle;
	padding:10px;
}

.recuadro4{
	width:630px;
	height:auto;
	border: 1px solid #999;
	padding: 10px 20px;
	border-radius:20px;
	float:left;
	margin:30px 0px 15px 0px;
}

.recuadro5{
	width:630px;
	height:auto;
	border: 1px solid #999;
	padding: 10px 20px;
	border-radius:20px;
	float:left;
	margin:15px 0px 15px 0px;
}

.recuadro6{
	width:950px;
	height:auto;
	border: 1px solid #999;
	padding: 10px 20px;
	border-radius:20px;
	float:left;
	margin:15px 0px 15px 0px;
}

.recuadro7{
	width:940px;
	height:130px;
	background-color:#ffffff;
	clear:both;
	margin-top:20px;
	border: 1px solid #999;
	padding: 0 20px;
	border-radius:20px;
	margin-bottom:20px;
	
}

.recuadro_muestras1{
	width:285px;
	height:80px;
	background-color:#ffffff;
	float:left;
	padding: 15px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#069DC7;
	text-align:center;
}

.footer{
	width:1000px;
	height:112px;
	float:left;
	background-image:url(../img/footer.jpg);
	color:#999999;
	vertical-align:middle;
}

.foto_lateral{
	width:300px;
	height:auto;
	margin-right:20px;
	float:left;
}

.texto_mas{
	color:#069DC7;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	margin:0px 20px 10px 00px;
	width: 300px;
}

.texto_mas a{
	color:#069DC7;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	margin:0px 20px 10px 00px;
	width: 300px;
}

.texto_mas a:hover{
	color:#069DC7;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	margin:0px 20px 10px 00px;
	width: 300px;
}

.texto{
	color:#666;
	margin:10px;
	text-align:left;
}

.menu_servicios li {
list-style-type: none;
float: left;
text-transform: uppercase;
font-size: 20px;
font-weight: bold;
line-height: 80px;
padding-right: 20px;
}

.menu_servicios {
width: 100%;
height: 40px;
}

.menu_servicios li a {
text-decoration: none;
color: #222;
display: block;
position: relative;
width: 130px;
height:50px;
background-image:url(../img/botonmenu.png);
}

.menu_servicios li a:hover {
color: #000;
}

.menu_servicios ul li ul span {
text-decoration: none;
color: #222;
display: block;
position: relative;
width: 130px;
height:50px;
background-color:#CCCCCC;
}

.menu_servicios ul li ul {
display: none; 
background: #000000 ;
padding: 10px 0;
position: absolute;

}

.menu_servicios ul li:hover ul {
display: block;
}

.menu_servicios ul li ul li {
display: block;
float: none;
position: relative;
color: #fff;
padding: 0 20px;
line-height: 30px;
}

.menu_servicios ul li ul li a{
color: #444;
}

.menu_servicios ul li ul li a:hover {
color: #000;
}

.menu_servicios li a:hover {
color: #000;
}

.recuadro_servicios1{
	width:300px;
	height:auto;
	background-color:#ffffff;
	float:left;
	margin-right:10px;
	margin-top:10px;
	border: 1px solid #999;
	padding: 10px;
	border-radius:20px;
}

.recuadro_servicios1b{
	width:300px;
	height:auto;
	background-color:#ffffff;
	float:right;
	margin-right:10px;
	margin-top:10px;
	border: 1px solid #999;
	padding: 10px;
	border-radius:20px;
}

.recuadro_servicios2{
	width:300px;
	height:auto;
	background-color:#ffffff;
	float:right;
	border: 1px solid #999;
	padding: 10px;
	border-radius:20px;
	margin-bottom:10px;
}

.contacto{
	float:left;
	vertical-align:top;
}

.calendario{
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: 310px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #136C8F;
}

.contador{
	position: absolute;
	bottom: -230px;
	left: 46%;
	margin-left: 385px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #136C8F;
}