/*----------------------------------------------------------------------- 
   Standard styles
 ------------------------------------------------------------------------ */

 * { margin: 0; padding: 0; }

 body {
	color: #666666;
 	font-family: arial, "lucida grande", verdana, "sans serif";
 	font-size: 12px;

	line-height: 18px;
	min-width: 750px;
 }

 h1 { font-family: arial, serif; font-size: 18px; font-weight: normal; padding-bottom: 16px; }

 h2 { font-size: 15px; margin-bottom: 3px; } 
 
 h3 { font-size: 12px; text-transform: uppercase; }
 
 h4 { font-size: 12px; padding: 10px 10px 0 10px; }
 
 h5 { font-size: 12px; font-weight: normal; font-family: arial, "Trebuchet MS, serif"; font-style: italic; margin-bottom: 18px; }

 a:link { color: #5ec6f2; font-weight: bold; text-decoration: none; }
 a:visited { color: #5ec6f2; font-weight: bold; text-decoration: none; }
 a:hover { color: #ff6600; font-weight: bold; text-decoration: none; }
 a:active { color: #5ec6f2; font-weight: bold; text-decoration: none; }
 
 h1 a { font-weight: normal; }
 
 img { border: 0; }

 p { padding-bottom: 14px; text-align: justify}
 
 ol {
 margin-left: 14px;
 margin-right: 0px; 
 padding-left: 14px; 
 padding-right: 0px;
 margin-bottom: 14px; 
 }

 ul {
 margin-left: 8px;
 margin-right: 0px; 
 padding-left: 8px; 
 padding-right: 0px;
 margin-bottom: 14px; 
 }
 
 li {
 padding: 1px 0 1px 0;
 }
 
 #esquemagral {
	 width: 750px;
	 text-align: left;
	 background: url(img/toplogo.jpg) top center no-repeat;
	 padding-top: 26px;
	 margin: 3px auto 0 auto;
 } 

.cls {
	clear: both;
}
/*-------------- menu -----------------------*/
 #cajamenu {
 border-bottom: 3px solid #5ec6f2;
 height: 30px;
}  
 
 #menu {
 float: left;
 width: 749px;
 height: 30px;
 background: url(img/menu.png);
 margin: 0;
 padding: 0;
 position: relative;
 top: 0px;
 }
 #menu span { display: none; }

 #menu li { margin: 0px; padding: 0px; list-style: none; position: absolute; top: 0px; }

 #menu li, 
 #menu a { height: 30px; display: block; }

 #opcion1 { left: 0px; width: 101px; }
 #opcion2 { left: 101px; width: 124px; }
 #opcion3 { left: 225px; width: 113px; }
 #opcion4 { left: 338px; width: 90px; }
 #opcion5 { left: 650px; width: 90px; }
  
 #opcion1 a:hover { background: transparent url(img/menu.png) 0px -31px no-repeat;}
 #opcion2 a:hover { background: transparent url(img/menu.png) -101px -31px no-repeat;}
 #opcion3 a:hover { background: transparent url(img/menu.png) -225px -31px no-repeat;}
 #opcion4 a:hover { background: transparent url(img/menu.png) -338px -31px no-repeat;}
 #opcion5 a:hover { background: transparent url(img/menu.png) -650px -31px no-repeat;}
 
 
 
  #topimagengrande {
 width: 750px; 
 height: 399px;
 /*background-color: lightblue;*/
 border-bottom: 3px solid #5ec6f2;
 }
 
  #imagengrande {
	position: absolute;
}
 .colizqda {
 float: left;
 width: 334px;
 background-color: transparent;
 padding: 20px;

  }
 
 .coldrcha {
 float: left;
 width: 335px;
 background-color: transparent;
 padding: 20px; 
  border-left: 1px dotted #CCC;
 }



/*----------------Pie de enlaces------------------------------- */


 #pieenlaces {
	 width: 750px;
	 border-top: 3px solid #5ec6f2;
	 padding: 5px 0 0px 0;
	 font-size: 11px;
	 line-height: 13px;
}

 #pieenlace1 { float: right; width: 142px; }
 #pieenlace2 { float: right; width: 147px;}
 #pieenlace3 { float: right; width: 232px; }
 #pieenlace4 { float: right; width: 90px; }

 #pienlaces a { color: #666; font-weight: normal; text-decoration: none; padding-top: 0; }
 #pienlaces a:hover { color: #ff6600; font-weight: normal; text-decoration: none; }
 
/* #pienlaces p { color: #FFFFFF; padding: 0px 10px 10px 10px; }*/
 #pienlaces span { display: none;}

 #pienlaces ul {
	list-style-type: none;
	margin: 0;
 }
 
 /*-----------------paginas de contenido------------------------------------ */
 #cabeceracontenido { 
 width: 750px;
 height: 130px;
 margin: 0 0 0 0;
 border-bottom: 3px solid #5ec6f2;
}
/*-----------------servicios-----------------------------------------------*/

#contenidoservicios {
	padding: 0px 0px 0px 0px;
}

#contenidoservicios h2 {
	font: normal 20px arial, Georgia, Times, serif;
/*text-transform: uppercase;*/
	margin-bottom: 10px;
	padding: 10px 0px 0px 10px;
}

#contenidoservicios h2 a {
	color: #666;
	font-weight: normal;
}

#contenidoservicios h2 a:hover {
	color: #F60;
}

#contenidoservicios p {
	position: relative;
	margin-left: 20px;
	margin-right: 10px;
	top: 3px;
	padding-bottom: 0px;
	text-align: left;
}
#contenidoservicios ul {
	margin-left: 30px;
}

.servicios-colizqda {
	float: left;
	width: 350px;
}

.servicios-coldrcha {
/*	float: left;*/	
	width: 370px;
 	margin-left: 375px; 
    border-left: 1px dotted #CCC;

}

.servicio {
	padding-bottom: 40px;
}

.servicio-img {
	float: left;
}

.servicio-desc1 {
	background-color: #ececca;
	padding: 20px 25px;
}

.servicio-desc2 {
	background-color: #f7f7e9;
	padding: 20px 25px;
}
.servicio-desc3 {
	background-color: #ffffff;
	padding: 20px 25px;
}
/*-----------------acerca de-----------------------------------------------*/

#contenidoacercade {
	padding: 0px 0px 0px 0px;
}

#contenidoacercade h2 {
	font: normal 20px "Arial", Arial, Times, serif;
	/*text-transform: uppercase;*/
	margin-bottom: 3px;
	padding: 10px 0px 0px 0px;
}

#contenidoacercade p {
	position: relative;
	margin-left: 20px;
	margin-right: 10px;
    top: 3px;
	padding-bottom: 5px;
	text-align: left;
}
#contenidoacercade ul {
	margin-left: 30px;
}


.acercade-colizqda {
	float: left;
	width: 350px;
}

.acercade-coldrcha {

	width: 370px;
 	margin-left: 375px; 


}
.acercade {
	padding-bottom: 40px;
}

.acercade img {
	float: left;
}

.acercade-desc1 {
	background-color: #ececca;
	padding: 20px 25px;
}

.acercade-desc2 {
	background-color: #f7f7e9;
	padding: 20px 25px;
	border-top: 1px dotted #CCC;
}
.acercade-desc3 {
	background-color: #ffffff;
	padding: 20px 25px;
}
/*-----------------contacto-----------------------------------------------*/

#contenidocontacto {
	padding: 0px 0px 0px 0px;
}


#contenidocontacto p {
	position: relative;
	margin-left: 10px;
/*	margin-right: 10px;*/
    top: 3px;
/*	padding-bottom: 5px;*/
	text-align: left;
    padding: 10px 10px 10px 10px;
}
#contenidocontacto ul {
	margin-left: 30px;
}


.contacto-colizqda {
	float: left;
	width: 350px;
}

.contacto-coldrcha {
	width: 360px;
 	margin-left: 375px;
    border-left: 1px dotted #CCC;
    padding: 0px 0px 0px 10px;
    
}
.contacto {
	padding-bottom: 0px;
}

.contacto img {
	float: left;
}

/*-----------------notalegal-----------------------------------------------*/

#contenidonotalegal {
	padding: 0px 15px 5px 15px;
}

#contenidonotalegal h1 {
	font: normal 20px Arial, Georgia, Times, serif;
	text-transform: uppercase;
	padding: 20px 0px 5px 0px;
	margin-bottom: 10px;
}

#contenidonotalegal p {
	position: relative;
	margin-left: 30px;
	top: 0px;
	padding-bottom: 0;
	text-align: justify;
}

#notalegal {
	float: left;
	width: 700px;
}

#contenidonotalegal ul{
	position: relative;
	margin-left: 40px;
	top: 0px;
	padding-bottom: 0;
	text-align: justify;
}
/*----------------------------------------------------------------------- 
   citas
 ------------------------------------------------------------------------ */

 q{ font-style: italic; padding-left: 40px; padding-right: 30px; display: block; margin-bottom: 1em;}
  q.citablanca{ background: transparent url("img/quotesblancas.jpg") 0px 0px no-repeat; }
  q.citatostada{ background: transparent url("img/quotestostadas.jpg") 0px 0px no-repeat; }
/*-----------------pie---------------------------------------------------- */
 #contenido-pie {
	 width: 750px;
 }
 #pie { 
 	width: 750px;
 	height: 50px;
 	padding-top: 30px;
 	font-size: 11px;
 	background: url(img/pie.gif) top center no-repeat;
 	border-top: 1px solid #CCC;
 }

 #pie p { text-align: center; color: #999; padding: 0px 90px 18px 90px; }

 #pie a { color: #5ec6f2; font-weight: bold; text-decoration: none; }
 #pie a:hover { color: #FF6600; font-weight: bold; text-decoration: none; }