
/********** ESTILOS GENÉRICOS ***************/
*{
margin:0;
padding:0;
font-family:Arial, Verdana, sans-serif;
font-size:12px;
color:#767676;
}

body{
margin:10px 0 0 0;
background-image: url(img/fonfo-pantalla.gif);
}

h1{
font-size: 24px;
color: #000000;
	}

input{
margin:0;
padding:0 0 0 3px;;
font-size:10px;
color:#767676;
border: solid 1px #000000;
}

hr{
margin:1px 0 8px 0;
padding:0;
border:none;
height:1px;
background-color:#767676;
}

/********** ESTILOS CONTENIDO ***************/

.contenedor{
display:block;
width:880px;
background-color:#FFFFFF;
border: solid 2px #024D87;
}

.main{
	display:block;
	width:880px;
	margin:20px;
	padding:0;

}

.cabecera{
display:block;
margin-left:35%;
height:100px;
float:inherit;
}

.cabecera h1{

margin-top:5px;
margin-left:0px;
margin-bottom:10px;
font-size:15px;
font-weight:bold;
color:#666666;
}

.bandaTop{
display:block;
height:30px;
background-color:#024D87;
color:#FFFFFF;
}

.enlaces{
float:left;
margin:5px 0 0 10px;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
}

.enlaces a{
color:#FFFFFF;
font-size:12px;
text-decoration:none;
}

.enlaces a:hover{
text-decoration:underline;
font-weight:bold;
color:#CCFF00;
}

.buscador{
float:right;
margin:5px 10px 5px  0;
}
.buscador img{
vertical-align:-20%;
}

.cajaFecha{
display:block;
border-bottom:dotted 1px #CCCCCC;
margin-bottom:10px;
padding-bottom:2px;
}

.fecha{
float:right;
font-size:11px;
/*color:#0082C6;*/
/*color:2DA61A;*/
color:#666666;
}
.bienvenida{
float:left;
font-size:11px;
color:#787878;
}
.bienvenida a{
font-size:11px;
color:#0082C6;
}

/********** ESTILOS MENÚ LATERAL ***************/

.menu{
display:block;
border:solid 1px #dddddd;
padding:0px 5px 5px 20px;
text-align:left;

}

.menu ul{
	margin:0px;
	padding:10px;
	list-style-image: URL(img/pelota-icono.gif) ;
	line-height:40px;
	vertical-align:top;
	list-style-position: outside;
	font-weight:bold;
}

.menu li a{
	padding-bottom:10px;
	border-bottom:dotted 1px #cccccc;
	
	color:#024D87;
	text-decoration:none;
	vertical-align:5px;
	font-weight: normal;
}

.menu li a:hover{
color:#cc0000;
font-weight: bold;
}

.menu h1{
background-color:#2DA61A;
color:#2DA61A;
}

/*** Submenu ***/

.menu ol{
padding:0px;
margin-left:0px;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
line-height:18px;
}

.menu ol li{
font-size:10px;
margin-left:1px;
padding:2px;

}

.menu ol li a{
padding:2px;
margin-left:1px;
font-size:10px;
color:#cc0000;
border-bottom:none;
text-decoration:none;
line-height:normal;
}

.menu ol li a:hover{
padding:2px;
margin-left:1px;
font-size:11px;
color:#cc0000;
text-decoration:none;
}


/*************** ESTILOS FAQS ****************/
.encabezado-precios{
font-size:14px;
font-weight:bold;
color:#024D87;
}
.subencabezado-precios{
font-size:14px;
font-weight:bold;
color:#ffffff;
background-color:#024D87;
}
.link-precios{
font-size:12px;
font-weight:bold;
color:#CC0000;
}
.link-precios a:hover{
font-size:13px;
font-weight:bold;
color:#CC0000;
text-decoration:underline;
}
.encabezado-regimen{
font-size:14px;
font-weight:bold;
color:#cc0000;
}
.faqs{
margin:10px 0 0 20px;
width:190px;
}

.faqs h1{
height:20px;
padding:5px 0 5px 15px;
color:#FFFFFF;
font-size:12px;
background-color:#2DA61A;
}

.faqs a{
font-size:12px;
text-decoration:none;
font-weight:bold;
color:#767676;
vertical-align:bottom;
}

.faqs a:hover{
text-decoration:underline;
}

.faqs hr{
margin:10px 0 10px 0;
padding:0;
height:1px;
border-bottom: dotted 1px #CCCCCC;
}

/********** ESTILOS SELLOS CALIDAD ***************/

.calidad{
	width:200px;
	margin:30px 0 0 0px;
	border:solid 1px #9D9D9D;
	font-size:10px;
	font-weight:bold;
	padding-bottom: 10px;
	
}

.calidad h1{
height:14px;
margin:0 0 10px 0;
padding:5px 0 5px 15px;
color:#FFFFFF;
font-size:12px;
background-color:#CC3300;
}

.calidad img{
	margin:0 3px 0 5px;
	
}

.calidad a{
font-size:11px;
text-decoration:none;

color:#0082C6;
}

.calidad a:hover{
text-decoration:underline;
}

.applus{
width:200px;
padding:5px;
margin:30px 0 0 0px;
border:solid 1px #dddddd;
}
/********Estilo link material deportivo******/
.link-rojo{
font-size:12px;
font-weight:normal;
color:#CC0000;
}






/********** ESTILOS CONTACTAR ***************/

.contactar{
width:200px;
margin:25px 0 0 0px;
border:solid 1px #9D9D9D;
padding:0px 0px 0px 0px;
}

.contactar h1{
height:13px;
padding:5px 0 5px 15px;
color:#FFFFFF;
font-size:12px;
background-color:#CC3300;
}

.contactar a{
font-size:11px;
text-decoration:none;

color:#0082C6;
}

.contactar a:hover{
text-decoration:underline;
}

.contactar img{
float:left;
margin:5px 5px 0 0;
}

.contactar p{
margin:5px 5px 0 0;
}

/********** ESTILOS CAJAS SUPERIORES ***************/

.caja1{
float:right;
width:315px;
margin-left:10px;
margin-bottom:10px;
padding:5px;
border: solid 1px #dddddd;
}

.caja1 h1{
font-size:12px;

font-weight:bold;
border-bottom:dotted 1px #CCCCCC;
padding-bottom:3px;
margin:12px 0 5px 0;
color:#cc0000;
}
.caja1 h1 a{
font-size:12px;
font-weight:bold;
border-bottom:dotted 1px #CCCCCC;
padding-bottom:3px;
margin:10px 0 5px 0;
color:#024d87;
}
.caja1 h1 a:hover{
font-size:12px;
font-weight:bold;
border-bottom:dotted 1px #CCCCCC;
padding-bottom:3px;
margin:10px 0 5px 0;
color:#cc0000;
}
.caja2{
float:right;
width:315px;
padding:5px;
margin-left:10px;
border: solid 1px #dddddd;
margin-bottom:10px;
}

.caja2 h1{
font-size:12px;
font-weight:bold;
border-bottom:dotted 1px #CCCCCC;
padding-bottom:3px;
margin:5px 0 5px 0;
margin-bottom:10px;
color:#767676;
}
.caja2 h1 a{
font-size:12px;
font-weight:bold;
border-bottom:dotted 1px #CCCCCC;
padding-bottom:3px;
margin:5px 0 5px 0;
margin-bottom:10px;
color:#024d87;

}
.caja2 h1 a:hover{
font-size:12px;
font-weight:bold;
border-bottom:dotted 1px #CCCCCC;
padding-bottom:3px;
margin:5px 0 5px 0;
color:#cc0000;
}
.caja3{
float:right;
width:315px;
padding:5px;
margin-left:10px;
border: solid 1px #dddddd;
}

.caja3 h1{
font-size:12px;
font-weight:bold;
border-bottom:dotted 1px #CCCCCC;
padding-bottom:3px;
margin:10px 0 5px 0;
color:#767676;
}
.caja3 h1 a{
font-size:12px;
font-weight:bold;
border-bottom:dotted 1px #CCCCCC;
padding-bottom:3px;
margin:10px 0 5px 0;
color:#024d87;
}
.caja3 h1 a:hover{
font-size:12px;
font-weight:bold;
border-bottom:dotted 1px #CCCCCC;
padding-bottom:3px;
margin:10px 0 5px 0;
color:#cc0000;
}
.caja-fotos{
float:right;
width:150px;
margin-left:10px;
margin-bottom:10px;
padding:5px;
border: solid 1px #dddddd;
font-size:10px;
}

.caja-fotos h1{
font-size:12px;

font-weight:bold;
border-bottom:dotted 1px #CCCCCC;
padding-bottom:3px;
margin:12px 0 5px 0;
color:#cc0000;
}
.caja-fotos h1 a{
font-size:12px;
font-weight:bold;
border-bottom:dotted 1px #CCCCCC;
padding-bottom:3px;
margin:10px 0 5px 0;
color:#024d87;
}
.caja-fotos h1 a:hover{
font-size:12px;
font-weight:bold;
border-bottom:dotted 1px #CCCCCC;
padding-bottom:3px;
margin:10px 0 5px 0;
color:#cc0000;
}

.caja-fotos-servicios{
float:right;
width:320px;
margin-left:8px;
margin-bottom:5px;
padding:4px;
border: solid 1px #dddddd;
font-size:10px;
}

.caja-fotos-servicios h1{
font-size:12px;

font-weight:bold;
border-bottom:dotted 1px #CCCCCC;
padding-bottom:3px;
margin:12px 0 5px 0;
color:#cc0000;
}
.caja-fotos-servicios h1 a{
font-size:12px;
font-weight:bold;
border-bottom:dotted 1px #CCCCCC;
padding-bottom:3px;
margin:10px 0 5px 0;
color:#024d87;
}
.caja-fotos-servicios h1 a:hover{
font-size:12px;
font-weight:bold;
border-bottom:dotted 1px #CCCCCC;
padding-bottom:3px;
margin:10px 0 5px 0;
color:#cc0000;
}

.caja-fotos-educativos{
float:right;
width:150px;
margin-left:10px;
margin-bottom:10px;
padding:5px;
border: solid 1px #dddddd;
font-size:10px;
}

.caja-fotos-educativos h1{
font-size:12px;

font-weight:bold;
border-bottom:dotted 1px #CCCCCC;
padding-bottom:3px;
margin:12px 0 5px 0;
color:#cc0000;
}
.caja-fotos-educativos h1 a{
font-size:12px;
font-weight:bold;
border-bottom:dotted 1px #CCCCCC;
padding-bottom:3px;
margin:10px 0 5px 0;
color:#024d87;
}
.caja-fotos-educativos h1 a:hover{
font-size:12px;
font-weight:bold;
border-bottom:dotted 1px #CCCCCC;
padding-bottom:3px;
margin:10px 0 5px 0;
color:#cc0000;
}

.caja-contenidos{
float:right;
width:475px;
margin-left:10px;
margin-bottom:10px;
padding:5px;
border: solid 1px #dddddd;
color:#024D87;
text-align:justify;
}

.caja-contenidos h1{
font-size:16px;
font-weight:bold;
border-bottom:dotted 1px #CCCCCC;
padding-bottom:3px;
margin:12px 0 5px 0;
color:#cc0000;
}
.caja-contenidos h1 a{
font-size:16px;
font-weight:bold;
border-bottom:dotted 1px #CCCCCC;
padding-bottom:3px;
margin:10px 0 5px 0;
color:#024D87;
}
.caja-contenidos h1 a:hover{
font-size:12px;
font-weight:bold;
border-bottom:dotted 1px #CCCCCC;
padding-bottom:3px;
margin:10px 0 5px 0;
color:#cc0000;
}

.caja-contenidos-escuela{
float:right;
width:645px;
margin-left:10px;
margin-bottom:10px;
padding:5px;
border: solid 1px #dddddd;
color:#024D87;
text-align:justify;
}

.caja-contenidos-escuela h1{
font-size:16px;
font-weight:bold;
border-bottom:dotted 1px #CCCCCC;
padding-bottom:3px;
margin:12px 0 5px 0;
color:#cc0000;
}
.caja-contenidos-escuela h1 a{
font-size:12px;
font-weight:bold;
border-bottom:dotted 1px #CCCCCC;
padding-bottom:3px;
margin:10px 0 5px 0;
color:#024D87;
}
.caja-contenidos-escuela h1 a:hover{
font-size:12px;
font-weight:bold;
border-bottom:dotted 1px #CCCCCC;
padding-bottom:3px;
margin:10px 0 5px 0;
color:#cc0000;
}


.caja-contenidos-educativos{
float:right;
width:475px;
margin-left:10px;
margin-bottom:10px;
padding:5px;
border: solid 1px #dddddd;
color:#024D87;
text-align:justify;
}

.caja-contenidos-educativos h1{
font-size:16px;
font-weight:bold;
border-bottom:dotted 1px #CCCCCC;
padding-bottom:3px;
margin:12px 0 5px 0;
color:#cc0000;
}
.caja-contenidos-educativos h1 a{
font-size:12px;
font-weight:bold;
border-bottom:dotted 1px #CCCCCC;
padding-bottom:3px;
margin:10px 0 5px 0;
color:#024D87;
}
.caja-contenidos-educativos h1 a:hover{
font-size:12px;
font-weight:bold;
border-bottom:dotted 1px #CCCCCC;
padding-bottom:3px;
margin:10px 0 5px 0;
color:#cc0000;
}



/********** ESTILOS MIDDLE ***************/

.middle{
width:645px;
float:right;
height:140px;
margin:25px 0 10px 10px;
padding:2px 5px 0 5px;
border: solid 1px #024d87;
}

.middle h1{
font-size:12px;
font-weight:bold;
background-color:#024D87;
border-bottom:dotted 1px #CCCCCC;
padding:2px;
color:#FFFFFF;
margin:0 0 5px 0;
}


/********** ESTILOS SECCIÓN ***************/

.seccion{
margin:0 0 0 20px;
}

.seccion ul {
margin:10px 0 10px 30px;
}

.seccion a {
color:#0082C6;
text-decoration:none;
}

.seccion a:hover {
color:#0082C6;
text-decoration:underline;
}

.seccion h1{
margin:0 0 10px 0;
font-size: 16px;
font-weight:bold;
color:#2DA61A;
border-bottom:dotted 1px #dddddd;
}

.solicitar{
width:285px;
border: none;
padding:3px;
margin-top:25px;
}

.solicitar h1{
font-size:13px;
color:#FFFFFF;
font-weight:bold;
border-bottom:dotted 1px #cccccc;
background-color:#2DA61A;
}

.solicitar h2{
font-size:12px;
color:#C0C0C0;
font-weight:bold;
}

.boton{
float:left;
width:180px;
margin:0 0 3px 0;
padding:2px;
}

.formulario{
margin:0 0 0 20px;
}

.formulario h1{
margin:0 0 10px 0;
font-size: 16px;
font-weight:bold;
color:#2DA61A;
border-bottom:dotted 1px #dddddd;
}

.formulario td{
padding-bottom:5px;
}
.formulario input{
width:173px;
}

.formulario i{
font-style:normal;
color:#FF0000;
}

.alert{
background-color:#f2f2f2;
border:solid 1px #dddddd;
padding:5px;
color:#2DA61A;
}
/********** ESTILOS TRATAMIENTOS ***************/

.servicios h1 {
font-size:12px;
width:645px;
float:right;
font-weight:bold;
margin:20px 0 25px 0;
padding:2px;
color:#FFFFFF;
background-color:#CC3300;
border-bottom:solid 1px #CCCCCC;
padding:2px;
}

.lista_tratamientos{
margin:20px 0 0 50px;

}

.lista_tratamientos img{
float:left;
margin:0 10px 0 0;
border:solid 1px #000000;
}

.lista_tratamientos h1 a{
padding-bottom:2px;
font-size:12px;
font-weight:bold;
color:#CC0000;
text-decoration:underline;
}

.lista_tratamientos h1 a:hover{
padding-bottom:2px;
font-size:12px;
font-weight:bold;
color:#666666;
text-decoration:underline;
}

.lista_tratamientos a{
font-size:11px;
color:#CC0000;
}

.lista_tratamientos a:hover{
font-size:12px;
color:#CC0000;
}

.lista_tratamientos strong{
color:#888888;
}

/********* ESTILOS SECCIONES INTERIORES **********************/

.fotos{
border: solid 1px #cccccc;
padding:10px;
}

.grupoEmpresarial{
width:400px;
margin:20px 0 40px 40px;
border-top: solid 1px #dddddd;
border-bottom: solid 1px #dddddd;
padding:3px 0 3px 0;

}


/********** ESTILOS FOOTER ***************/

.footer{
margin-top:35px;
padding-top:10px;
border-top:solid 1px #dddddd;
}

.cajaFooter{
float:right;
width:645px;
padding:3px;
background-color:#024D87;
}

.empresa{
float:left;
font-size:12px;
color:#FFFFFF;
font-weight:normal;
}

.site-map a{
float:right;
font-size:12px;
color:#FFFFFF;
font-weight:normal;
}

.footer h2{
float:left;
padding:3px;
font-size:12px;
color:#CCCCCC;
font-weight:normal;
}

.footer h2{
float:left;
padding:3px;
font-size:12px;
color:#B0B0B0;
font-weight:normal;
}

.footer h2 a{
font-size:11px;
color:#B0B0B0;
font-weight:normal;
}

.footer h2 a:hover{
font-size:11px;
color:#2DA61A;
font-weight:normal;
}

.footer h3{
float:right;
margin:10px 0 0 0;
font-size:11px;
color:#858585;
font-weight:normal;
}