/****
HOJA DE ESTILOS para centroceo.com - GENERAL
(c) Enixe Diseño y Comunicación 2007
****/


/****** GENERAL ******/
body { background: #dddddd; padding:0; margin: 0 auto; border:0; width: 964px; font-family: "Garamond", "Times New Roman", Times, serif; color: #333333; font-size: 1.0em; font-weight: normal; font-style: normal; }
body a:link, body a:visited { color: #9b8585; text-decoration: underline; } 
body a:hover, body a:active { color: #008bcb; text-decoration: underline; }
body P { text-align:justify; margin: 0; padding-bottom: 10px; line-height: 1.1em;}

img { padding: 0; margin: 0; border: 0; }
h1 { font-size: 2.0em; font-weight: bold; color: #008bcb; padding: 0; margin: 0; border: 0; }

h2 { font-size: 1.9em; font-weight: bold; color: #008bcb; padding: 0; margin: 0; border: 0; } 

.txt {font-size: 1.7em; font-weight: bold; color: #82bce5; padding-bottom:24px; margin:0px; border: 0; line-height:0.8em;  }

h3 { font-size: 1.4em; font-weight: bold; color: #666666; padding-bottom: 10px; margin: 0; border: 0; }
h3 a:link, h3 a:visited { color: #666666; text-decoration: none; }
h3 a:hover, h3 a:active { color: #008bcb; text-decoration: underline; }

h4 { font-size: 1.2em; font-weight: bold; color: #82bce5; padding-bottom:3px; margin: 0; border: 0; line-height:0.9em; }
h4 a:link, h4 a:visited { color: #666666; text-decoration: none; }
h4 a:hover, h4 a:active { color: #008bcb; text-decoration: underline; }

h5 { font-size: 1.1em; font-weight: bold; color: #666666; padding: 4px 0 0 0; margin: 0; border: 0; text-align:left; line-height:1em; }
h5 a:link { color: #666666; text-decoration: none; }
h5 a:visited { color: #666666; text-decoration: none; }
h5 a:hover, h5 a:active { color: #008bcb; text-decoration: underline; }

.foto-izquierda { float: left; padding: 0 5px 5px 0; }
.foto-derecha { float: right; padding: 0 0 5px 5px; }

#tabla-inscripcion { width: 400px }

ul { padding: 0 0 0 20px; margin: 0; border: 0 }

li { padding: 0; margin: 0; border: 0; /*list-style: none*/ } 

ul.conpuntos li { padding: 0; margin-left: 20px; border: 0; list-style: inside } 



.ocultar { display: none }

#pagina { background: url(../bgs/bg.jpg) repeat-y top center; width:964px; margin: 0; padding: 0; border: 0  }

/*.titpda_tratamientos{ font-size: 1.5em; font-weight: bold; color: #82bce5; padding-bottom:3px; margin: 0; border: 0; line-height:0.9em; }*/

/*h5.pdatit_fotos { font-size: 1.2em; font-weight: bold; color: #666666; padding: 0; margin: 0; border: 0;  text-align:justify;  line-height:0.9em; padding-top:4px; }*/


/****** CABECERA ******/
#zona_cabecera { clear: both; width:964px; height:180px; border: 0; margin: 0  }
.logotipo { background: url(../bgs/logo_ceo.jpg) no-repeat; width:330px; height:180px; float:left; } 
.foto { background:url(../bgs/fotocab_pda.jpg) no-repeat; width:634px; height:180px; float:right; }

/****** CUERPO ******/
#cuerpo { width: 916px; margin-left: 24px }

/* MENU */
.secciones { float: left; padding: 0; border: 0; margin: 0; width: 307px; font-size: 1.1em; font-weight: bold }
.seccionesint { width: 307px; background: #028ccb; margin: 0; padding: 0; border: 0 }
.seccionesintint { width: 307px; background: url(../bgs/bottom_menu.jpg) no-repeat bottom left; padding-bottom: 52px; margin: 0; border: 0 }

/*ul.menulista { padding: 0; margin: 0; border: 0; list-style-type: none; overflow: hidden; text-align: left; color: #fff }
ul.menulista ul { margin-left: 1em; margin-bottom: 0.5em; padding: 0; border: 0 }
ul.menulista li {text-indent: 52px;  }
ul.menulista li UL LI { font-size: 0.9em; height: 1.5em; list-style: none; }
ul.menulista li a, ul.menulista li a:visited { display: block; height: 31px; line-height: 31px;  text-decoration: none; color: #fff }*/

/* prueba */

ul.menulista { padding: 0; margin: 0; border: 0; list-style-type: none; overflow: hidden; text-align: left; color: #fff }
ul.menulista ul { margin-left: 1em; margin-bottom: 0.5em; padding: 0; border: 0 }
ul.menulista li {/*text-indent: 52px;*/ /*margin-left:25px;*/ }
ul.menulista li UL LI { font-size: 0.9em; height: 1.5em; list-style: none; }
ul.menulista li a, ul.menulista li a:visited { display: block; height: 31px; line-height: 31px; text-decoration: none; color: #fff }

ul.menulista li UL LI.dos { font-size: 0.9em; height: 1.5em; list-style: none; padding-bottom:7px;  }
ul.menulista li.dos a, ul.menulista li.dos a:visited { display: block; height: 31px; line-height:1em; text-decoration: none; color: #fff; margin:10px 0px 0px 0px; }

#menu1 a:link, #menu1 a:visited { background: url(../bgs/menu.jpg) no-repeat 0px 0px; color: #ffffff; text-decoration: none; padding-left:55px; }
#menu2 a:link, #menu2 a:visited { background: url(../bgs/menu.jpg) no-repeat 0px -31px; color: #ffffff; text-decoration: none; padding-left:55px; }
#menu3 a:link, #menu3 a:visited { background: url(../bgs/menu.jpg) no-repeat 0px -62px; color: #ffffff; text-decoration: none; padding-left:55px; }
#menu4 a:link, #menu4 a:visited { background: url(../bgs/menu.jpg) no-repeat 0px -93px; color: #ffffff; text-decoration: none; padding-left:55px; }

#menu1 a:hover, #menu1 a:active { background: url(../bgs/menu.jpg) no-repeat -307px 0px; color: #ffffff; text-decoration: none; padding-left:55px; }
#menu2 a:hover, #menu2 a:active { background: url(../bgs/menu.jpg) no-repeat -307px -31px; color: #ffffff; text-decoration: none;padding-left:55px; }
#menu3 a:hover, #menu3 a:active { background: url(../bgs/menu.jpg) no-repeat -307px -62px; color: #ffffff; text-decoration: none;padding-left:55px; }
#menu4 a:hover, #menu4 a:active { background: url(../bgs/menu.jpg) no-repeat -307px -93px; color: #ffffff; text-decoration: none;padding-left:55px; }

/* colocado debajo porque influye: */
LI#menu1 A.current:link, LI#menu1 A.current:visited, LI#menu1 A.current:hover, LI#menu1 A.current:active { line-height:31px; color: #494949; text-decoration: none; background: url(../bgs/menu.jpg) no-repeat -614px 0px; padding-left:55px; }
LI#menu2 A.current:link, LI#menu2 A.current:visited, LI#menu2 A.current:hover, LI#menu2 A.current:active { line-height:31px; color: #494949; text-decoration: none; background: url(../bgs/menu.jpg) no-repeat -614px -31px; padding-left:55px; }
LI#menu3 A.current:link, LI#menu3 A.current:visited, LI#menu3 A.current:hover, LI#menu3 A.current:active { line-height:31px; color: #494949; text-decoration: none; background: url(../bgs/menu.jpg) no-repeat -614px -62px; padding-left:55px; }
LI#menu4 A.current:link, LI#menu4 A.current:visited, LI#menu4 A.current:hover, LI#menu4 A.current:active { line-height:31px; color: #494949; text-decoration: none; background: url(../bgs/menu.jpg) no-repeat -614px -93px; padding-left:55px; }

/* CONTENIDO */
.contenido { float: right; width: 527px; padding:12px 41px 30px 41px; border: 0; margin: 0;}

.box{ background:#f4f2f2; border:1px solid #e5e3e3; padding:10px;}

.box-blanca{ background:#ffffff; border:2px solid #94cce6; padding:10px; margin-bottom:10px;}
.box-blanca p{margin:0; padding:0;}

.box-azul{ background:#028ccb; padding:3px 2px 3px 6px; margin-bottom:10px; width:135px;}
.box-azul p{margin:0; padding:0; color:#FFFFFF; font-size:14px;}

.box-rojo{ background:#cb0202; padding:3px 2px 3px 6px; margin-bottom:10px; width:135px;}
.box-rojo p{margin:0; padding:0; color:#FFFFFF; font-size:14px;}

/*.titular { padding-bottom:10px; }*/
/*.texto { width: 527px; }*/
.bloques{ padding-top:34px; width: 527px; }


.bloque-tratamiento-pda { display: block; float: left; width: 230px; padding: 10px 30px 10px 0 }
.bloque-tratamiento-pda P { text-align: left; margin: 0; }
.tit-tratamientos-pda { font-size: 1.5em; padding-top: 25px; }




/*
.txt_columna{ width: 154px; }
.txt_columna P { text-align:left; padding-top:4px; }
.columna { padding-top:14px; float:left; width: 167px; padding-right:12px; }
.foto_columna1{ background:url(../phs/prisma.jpg) no-repeat; width: 167px; height:111px; }
.columna2 { padding-top:14px; float:right; width: 167px; padding-right:12px; }
.foto_columna2{ background:url(../phs/nene.jpg) no-repeat; width: 167px; height:111px; }
.columna3 { padding-top:14px;  float:right; width: 167px; }
.foto_columna3{ background:url(../phs/bebe.jpg) no-repeat; width: 167px; height:111px; line-height:1.0 }
*/

LI#text { padding-left:4px; padding-top:2px; margin-left:20px; border:0; list-style:disc;  }


/****** PIE DE PAGINA ******/

#pie { clear: both; background:url(../bgs/copy.jpg) no-repeat; width:964px; height:92px; border:0; margin: 0; padding: 0 }

.copy { padding-left: 40px; padding-top: 26px; font-size:1.0em; font-weight: bold; color: #215e8d; float:left; width:753px; text-decoration:none;}
.copy a:link, .copy a:visited { color:#424242; text-decoration:underline }
.copy a:hover, .copy a:active { color:#215e8d; text-decoration: underline }
.enixe {background:url(../bgs/enixe.jpg) no-repeat; position: relative; left: 0px; top: 20px; width:139px; height:59px; padding-right:32px; float:right; }
.enixe a:link, .enixe a:hover, .enixe a:visited, .enixe a:active {background:url(../bgs/enixe.jpg) no-repeat; position: relative; left: 0px; width:139px; height:59px; float:right; }

.confirmacion { border: 4px solid #fff; padding: 10px; background-color: #4bb950 /*#990000*/; color: #fff; text-align: center; font-weight: bold }
.error { border: 4px solid #fff; padding: 10px; background-color: #990000; color: #fff; text-align: center; font-weight: bold }



.fieldform{
	/*width: 350px;*/
	border: 1px solid #666666;
	padding: 3px;
	margin-top: 5px;
	background-color: #ffffff;
	color: #333333;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px
}	
.fieldform:hover, .fieldform:focus{
	background-color: #f2f5f8;
	border:1px solid #666666;
	padding: 3px;
	margin-top: 5px;
}
.fieldform-select{
	border: 1px solid #666666;
	padding: 3px;
	margin-top: 5px;
	background-color: #ffffff;
	color: #333333;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px
}
.form-ok{
	border: 2px solid #fff;
	padding: 10px;
	background-color: #99af23;
	color: #fff;
	text-align: center;
	font-size: 140%;
}
.button{
	font-size: 12px;
	font-weight: bold;
	color: #f9f9f4 !important;
	background-color: #308ac9;
	text-align: center;
	display: block;
	text-decoration: none !important;
	padding: 3px 20px 3px 20px;
}