* {margin: 0px; padding: 0px;}
body { background: #fff; text-align: center; }
/* color verde ping pong 333333 */

.todo { margin: 0px auto; width: 1000px;}
.todo2 { float: left; width: 1000px; padding-bottom: 30px; background: #fff url(../images/comunes/fondo_degradadoXX.png) repeat;}


.cabecera, .pie { float: left; width: 1000px;}
.cabecera, .cabeceraescuela, .cabeceraenlaces {  background: #333333 url(../images/comunes/cabecera.jpg) no-repeat; height: 100px; text-align: left;}
.cabeceraescuela {  background: #333333 url(../images/comunes/cabeceraescuela.jpg) no-repeat;}
.cabeceraenlaces {  background: #333333 url(../images/comunes/cabecerasecundaria.jpg) no-repeat;}

.derecha { float: left; width: 120px;}
.centro { float: left; width: 1000px; padding: 10px 0px 0px 0px;}

.menu { list-style: none; float: left;  width: 120px; text-align: left; font-size: 1.2em; padding-top:10px;}
.menu li { float: left;  padding: 0px 0px 0px 5px; font-size: 0.9em;}
* html .menu li {font-size: 0.96em;}
.menu li a { float: left; text-decoration: none;  background: url(../images/comunes/paleta.png) no-repeat; }
.menu li a { padding: 2px 0px 3px 25px; margin: 0px 0px 5px 0px; color:#262F0B; }

.menu li a:active { background: url(../images/comunes/paleta2.png) no-repeat; }

.ul_patrocinadores {list-style: none; width: 120px; float: left; margin: 20px 0px 0px 0px; overflow: hidden;}
* html .ul_patrocinadores { width: 110px;}
.ul_patrocinadores li { float: left;}
.ul_patrocinadores li a img {border:none; width: 120px;}
* html .ul_patrocinadores li a img {width: 110px;}

.area_trabajo { float:left; width: 670px; text-align: justify; padding: 10px; }

.fecha { float: right; border: 1px solid blue; padding-top: 80px;}

/*.cabecera h1 {position: absolute; margin: 0px 0px 0px 170px; font-size: 3.5em;}
h1 { margin: 0px 0px 10px 0px; font-family:Times New Roman;}
h1 img {float:left; height: 68px; margin: 13px 0px 0px 0px;}
h1 span {float:left; margin: 20px 0px 0px 5px;}*/
.cabecera h1 {position: absolute; margin: -10000px 0px 0px 0px;}
.logo {position: absolute; margin: 0px 0px 0px 60px;}
.logo img { border:none; width: 100px; height: 100px;}

.migas { position:absolute;  margin: 80px 0px 0px 120px;}
.migas a { color: #000; text-decoration: none; font-weight: bold;}



.barra_derecha {float: left; width: 180px; padding: 0px 0px 0px 10px;}

.videos { float: left; width: 170px; margin: 30px 0px 0px 0px; text-align: left;  min-height: 160px;}
* html .videos {height: 160px;}
.flash { float:left; margin: 12px 0px 0px 0px; }
/*
* html .flash { margin: 12px 0px 0px -70px; }
*:first-child+html .flash { margin: 12px 0px 0px -70px; }
*/
.videos a { float: left; color: #224526; width:170px; text-align:center; text-decoration: none; font-weight: bold; }
.videos a span { background: url(../images/comunes/film2.png) no-repeat; padding: 0px 0px 0px 25px;}
.listafotos a.titulo { float: left; color: #224526; width:170px; text-align:center; text-decoration: none; font-weight: bold; }
.listafotos a.titulo span { background: url(../images/comunes/maquinareflex_peq.png) no-repeat; padding: 0px 0px 0px 25px;}

.resultados { float: left; width: 170px;  background: url(../images/comunes/resultados.png) no-repeat; padding: 10px 0px 10px 0px; margin: 30px 0px 0px 0px;}
.resultados a { text-decoration: none; font-weight: bold;  color: #224526; font-size: 1.6em;}

.ul_pie { list-style: none;}
.ul_pie li {float: left; /*width: 24.9%;*/}
.ul_pie li a {}
.ul_pie li a img{border: none; height: 50px;}

.escondido {display:none;}


.citaspelota {float:left; color: #224526; font-weight: bold; text-decoration: none; width: 176px; padding: 5px 0px 0px 0px; text-align:center;}

/* ************************************************* LISTA VIDEOS ******************************************* */
div.listavideos {float: left; width: 170px; margin: 10px 0px 0px 0px;}

div.listavideos div {float: left; }
div.listavideos div  p{float: left; width: 170px; }

div.listavideos div  p input.boton {border: none; font-weight:bold; color: #c30000; background: none; cursor: pointer; background: url(../images/comunes/fondo_peli.gif) no-repeat; width: 112px; height: 103px; margin:0 0 0px 34px;}
div.listavideos div  p span {float: left; margin: 2px 0px 0px 34px; width: 112px; text-align: center; padding-bottom: 30px; font-size: 0.8em; font-weight: bold;}
/* ************************************************* LISTA VIDEOS ******************************************* */

/* ************************************************* LISTA FOTOS ******************************************* */
div.listafotos {float: left; width: 170px; margin: 10px 0px 0px 0px; }
div.listafotos div.listafotospeq {float:left; padding-top: 10px;} 
div.listafotos div.listafotospeq a {float: left; width: 140px; text-decoration: none; color: #000; font-weight: bold; font-size: 0.8em; padding: 0px 15px 15px 15px;}
div.listafotos div.listafotospeq a img { width: 136px !important; max-height: 90px !important; border: 1px solid #000; padding: 1px;}
*:first-child+html div.listafotos div.listafotospeq a img {height: 90px; }
* html div.listafotos div.listafotospeq a img {height: 90px; }
/* ************************************************* LISTA FOTOS ******************************************* */

/* ************************************************* CALENDARIO ******************************************* */
.calendario_mes { float: left; min-height: 170px; min-width: 170px; font-size:0.8em; background: url(../images/comunes/fondo_calendario.png) no-repeat;}
* html .calendario_mes { height: 170px;}

.calendario_mes .mes {float:left; list-style: none;  width: 170px; text-align: center;  color:#224526;}
.calendario_mes .mes .nombre {width: 170px; margin: 25px 0px 10px 0px; }
.calendario_mes .mes li { float: left;}
.calendario_mes .mes li ul {float: left; list-style: none; width: 165px; padding: 0px 0px 0px 15px; }
.calendario_mes .mes li ul li {float: left;  width: 21px;}
.calendario_mes .mes li ul li a {float: left; text-decoration: none; color:#224526;}
.calendario_mes .mes li ul li strong { color:#262f0b;}
.calendario_mes .mes li ul li.hoy  a{/*color: #c30000;*/}
/* ************************************************* CALENDARIO ******************************************* */

/* ************************************************* DIA ******************************************* */
.agenda { float: left;  width:651px; padding: 31px 0px 12px 0px; background: url(../images/comunes/alambre.png) repeat-x;}

.agenda .ano {float:left; list-style: none;  text-align: center; padding: 0px 4px 13px 7px;  color:#224526; background: url(../images/comunes/cuadradito.png) repeat;}
.agenda .ano a {color:#224526; text-decoration: none;}
.agenda .ano li {float:left;   width: 640px;}
.agenda .ano .nombreano, .agenda .ano .nombremes { width: 640px; padding: 0px 0px 10px 0px; font-weight: bold;}
.agenda .ano .nombreano { padding: 8px 0px 0px 0px;}
.agenda .ano li ul {float:left; list-style: none; width: 640px;}
.agenda .ano li ul  li {float: left; width: 89px; border:1px solid #ccc; height: 80px;}
.agenda .ano li ul li span.nombredia {position:absolute; font-size: 1em; color: #666; text-align: center; width:87px; margin:0px 0px 0px 0px; z-index: 0;}
.agenda .ano li ul  li a.dia {float:left; font-size: 0.7em; text-decoration: none; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666;}
.agenda .ano li ul  li.hoy  a.dia { color: #c30000;}
/* ************************************************* DIA  ******************************************* */


/* ************************************************* CITAS ******************************************* */

.agenda .ano li ul  li div { float: left; width: 89px; cursor: pointer; height: 20px; }
.agenda .ano li ul  li div span.titulo { float: left; width: 89px; text-align: center; font-weight: bold; font-size: 0.75em;}
.agenda .ano li ul  li div span.texto { float: left; width: 83px; padding:2px 3px; text-align: left; height: 0px; overflow: hidden;}
.agenda .ano li ul  li div.cita {position: absolute; padding: 10px 0px 0px 0px;  min-width: 150px; min-height: 150px; z-index: 1;}
* html .agenda .ano li ul  li div.cita { width: 150px; }
.agenda .ano li ul  li div.cita span.titulo { font-size: 1.2em; width: 140px; padding:10px 0px 0px 5px; background:#b1ca48 url(../images/comunes/postittop.png) no-repeat top center;}
.agenda .ano li ul  li div.cita span.texto { font-size: 0.8em; height:auto; width: 130px; padding:0px 5px 15px 10px; background:#b1ca48 url(../images/comunes/postitbottom.png) no-repeat bottom center;}
* html .agenda .ano li ul  li div.cita {margin-left: -50px;}
*:first-child+html .agenda .ano li ul  li div.cita {margin-left: -50px;}
.agenda .ano li ul  li.sete div.cita {margin-left: -50px;}
* html .agenda .ano li ul  li.sete div.cita {margin-left: -100px;}
*:first-child+html .agenda .ano li ul  li.sete div.cita {margin-left: -100px;}
/* ************************************************* CITAS  ******************************************* */

/* ************************************************* NOTICIAS ******************************************* */
.h2_noticias, .h2_fotos, .h2_plantilla, .h2_escola { background: url(../images/comunes/logoagenda.png) no-repeat; padding: 0px 0px 13px 115px; font-size: 2em; }
.h2_fotos { background: url(../images/comunes/maquinareflex.png) no-repeat;}

.tipo_noticia {float: left; list-style: none; margin:20px 0px -1px 0px; padding: 0px 0px 0px 20px; min-width: 550px; }
* html .tipo_noticia {width: 550px; }
.tipo_noticia  li { float: left; border-bottom: none;}
.tipo_noticia  li p {cursor:pointer; float:left; text-decoration: none; padding: 2px 8px 2px 8px; background: #333333; color: #aaa; border:1px solid #fff; border-top: 3px solid #fff; font-weight: bold; color: #fff;}
.tipo_noticia  li p.activa { border-color: #333333;}

.tipo_noticia li.inicio { width: 8px; border-bottom: 7px solid  #333333; background: #333333 url(../images/comunes/c_i_s_t_n.png) no-repeat; border-right: 1px solid #fff;}
.tipo_noticia li.inicio2 { width: 8px; border-bottom: 7px solid  #333333; background: #333333 url(../images/comunes/c_i_s_t_n.png) no-repeat;}
.tipo_noticia li.fin 	    { width: 10px; border-bottom: 7px solid  #333333; background: #333333 url(../images/comunes/c_d_s_t_n.png) no-repeat;}


.noticias { list-style: none; float: left; padding: 0px 0px 0px 0px; background: #333333;}
.noticias li ul {float:left; list-style: none; padding: 0px; margin: 0px; }
.noticias li ul li { float: left; width: 639px; margin: 0px 0px 0px 0px; padding: 5px; background: #fff; border-bottom: 1px solid #333333; border-right: 10px solid #333333; border-left: 10px solid #333333; }
.noticias li ul li.primera { height: auto; width: 639px;}

.noticias li { float: left; text-decoration: none; }
.noticias li img { float: left; width: 120px; padding: 0px 10px 0px 0px; border: none; cursor: pointer; height: 95px;}
* html .noticias li img { cursor:pointer;}
*:first-child+html  .noticias li img { cursor:pointer;}
.noticias li img.fotonoticiaescondido {display:none; position:absolute; width: auto !important; height: auto !important; border: 2px solid #333333 !important; padding: 2px !important;}
* html .noticias li img.fotonoticiaescondido { margin-left: -130px;}
*:first-child+html .noticias li img.fotonoticiaescondido { margin-left: -130px;}
.noticias li strong { font-size: 1.1em;}
.noticias li a { text-decoration: none; color: blue;}

.noticias li ul li span { float:left;  height: 60px;  overflow: hidden; max-width: 506px;}
.noticias li ul li span.grande { width: auto;}
.noticias li ul li span.fecha {border:none; width: auto; height: auto; padding: 0px; font-size: 0.7em; color: #aba;}
.noticias li span.ver_noticia {float: left; width: 400px; text-indent: 160px; color:#224526; text-decoration: none;  background: url(../images/comunes/noticia_ico.png) no-repeat 130px 0px; height: auto; cursor: pointer;}
.noticias li ul li.primera span { height: auto; float: none;}
.noticias li ul li.primera span.ver_noticia {position:absolute; margin: -10000px 0px 0px 0px;}

.noticias li ul li span.ocultar {position:absolute; margin: -10000px 0px 0px 0px;  background: url(../images/comunes/ocultar.png) no-repeat 140px 0px;}
.noticias li ul li.primera span.ocultar {position: relative; float:left; margin: 0px;  width: 400px; text-indent: 160px; color:#224526; cursor: pointer;}

.noticias li ul li.listado { width: 668px; text-align: center; height: auto; border: none; padding: 0px; background: #333333;}
.noticias li ul li.listado a { float: none; color:/*#224526*/ #fff; text-decoration: none; font-weight: bold;}
.noticias li ul li.listado span { float: none; color:/*#224526*/ #fff; text-decoration: none; font-weight: bold; cursor: pointer;}

.noticias li.inicio {float: left; background: #333333; padding: 0px; margin: 0px 0px 10px 0px; width: 100%; min-height: 10px; border: none;}
.noticias li.inicio span.inicio {float: left; width: 10px !important; height: 10px !important; margin: 0px !important; padding: 0px !important; background: #333333 url(../images/comunes/c_i_s_t_n.png) no-repeat;}
.noticias li.inicio span.fin {float: right; width: 10px !important; height: 10px !important; margin: 0px !important; padding: 0px !important; background: #333333 url(../images/comunes/c_d_s_t_n.png) no-repeat;}

.noticias li.fin {float: left; background: #333333; padding: 0px; margin: 0px 0px 0px 0px; width: 100%; min-height: 10px; border: none;}
.noticias li.fin span.inicio {float: left; width: 10px !important; height: 10px !important; margin: 0px !important; padding: 0px !important; background: #333333 url(../images/comunes/c_i_i_t_n.png) no-repeat bottom;}
.noticias li.fin span.fin {float: right; width: 10px !important; height: 10px !important; margin: 0px !important; padding: 0px !important; background: #333333 url(../images/comunes/c_d_i_t_n.png) no-repeat bottom;}

.noticias li ul li span.sinfoto { max-width: none;}

.esperando {display: none;}
/* ************************************************* NOTICIAS ******************************************* */


/* ************************************************* AGENDA ******************************************* */

.agenda { float: left;}

/* ************************************************* AGENDA ******************************************* */


/* ************************************************* FOTOS ******************************************* */
h3.galeria {float: left; width: 668px; padding: 0px 0px 10px 0px; font-size: 1.4em; text-align: center;}
.listagruposfotos { float: left; background: url(../images/comunes/4polarids.png) no-repeat; list-style: none; width:  490px; padding: 30px 87px  20px; min-height: 60px;}
* html .listagruposfotos { height: 60px;}
.listagruposfotos li { float: left; padding: 5px 0px 0px 10px; width: 324px;}
.listagruposfotos li.album { font-size: 1.5em; font-weight: bold; padding: 0px 0px 0px 10px; width: 70px;}
.listagruposfotos li.actual { font-weight: bold;}
.listagruposfotos li a { text-decoration: none; color: #000; padding-top: 5px; }
.listagruposfotos li.siguientes {padding-left: 90px;}

.listafotos { float: left; list-style: none;  width: 668px; margin-bottom: 20px;}
.listafotos li { float: left; }
.listafotos li  a { float:left; text-decoration:none; width: 126px; height: 140px; border: 1px solid #ccc; padding: 8px 1px 1px 1px; margin: 18px; text-align: center;}
.listafotos li.uno  a{ background: url(../images/comunes/fondo_imagen_1.png) no-repeat;}
.listafotos li.dos  a{ background: url(../images/comunes/fondo_imagen_2.png) no-repeat;}

.listafotos li a  img { width: 110px; height: 80px; border: none;}

.listafotos li span.spantexto {float: left; font-size: 0.8em; width: 95px; height: 48px; margin: 0px 0px 0px 15px; overflow: hidden;}

.listafotos li a:hover  img {position:absolute; height:105px; width: 150px; margin: 0px 0px 0px -130px;}
.listafotos li a:hover span.spantexto { margin-top: 84px;}

.listafotos li a span.spantexto { color: #000;}
/* ************************************************* FOTOS ******************************************* */

/* ************************************************* VER FOTOS ******************************************* */

.ulverfoto { float: left; list-style: none; width: 658px; padding: 0px 0px 20px 0px; }
.ulverfoto li { float: left; padding: 0px 0px 0px 10px; width: 658px; text-align: center;}
.ulverfoto li.primera, .ulverfoto li.ultima { width: 329px; padding: 0px; height: 60px;}
.ulverfoto li a { text-decoration: none; color: #000; width: 95px; height: 60px;}
.ulverfoto li a img { width: 95px; height: 60px; border-color: #000; padding: 1px;}
.ulverfoto li a.peq:hover img {position:absolute; height:105px; width: 150px; margin: 0px 0px 0px -75px;}

.ulverfoto li.fotogrande { width:540px; border: 2px solid #ccc; padding: 10px 0px 5px 0px; margin: 0px 0px 10px 57px;}
* html .ulverfoto li.fotogrande { margin: 0px 0px 10px 27px;}

.ulverfoto li.fotogrande a img { width: 500px; height: auto; margin: 10px 0px 5px 0px; padding: 0px;}
.ulverfoto li.fotogrande span {float: left; width: 500px; margin: 0px 0px 0px 20px;}

/* ************************************************* VER FOTOS ******************************************* */


/* ************************************************* PLANTILLA ******************************************* */
.h2_plantilla { background: url(../images/comunes/plantilla.png) no-repeat; padding:3px 0px 11px 109px;}
ul.plantilla {float: left; list-style: none; width: 638px; margin: 0px 0px 20px 0px; padding: 20px 10px 0px 10px; background: url(../images/comunes/ladrillo.png) repeat;}
* html ul.plantilla { padding: 20px 10px 20px 10px;}
*:first-child+html  ul.plantilla  { padding: 20px 10px 20px 10px;}
ul.plantilla li {float: left; margin-bottom: 20px;}
ul.plantilla li.equipo { width: 618px; text-align: center; font-size: 1.5em; font-weight: bold;}
ul.plantilla li.cadaun {float: left; border: 2px solid #262F0B; padding: 2px; text-align: center; text-decoration: none; margin: 0px 0px 20px 40px; cursor: pointer;}
* html ul.plantilla li.cadaun { margin: 0px 0px 20px 30px; }
ul.plantilla li.cadaun  img { border: none; width: 150px; height: 136px; }
ul.plantilla li.cadaun  img.brillo { position: absolute; margin-top: -10000px;}
ul.plantilla li.cadaun  span { border: none; color: #262F0B; font-weight: bold;}
ul.plantilla li.cadaun  span.apellidos {float: left; width: 150px; overflow: hidden; height: 20px;}
ul.plantilla li.cadaun .filtrooscuro { position: absolute; margin-top: -10000px;}/*descativar filtro oscuro de plantilla*/

ul.plantilla li.cadaun:hover {border-color: #c30000;}
ul.plantilla li.cadaun:hover .filtrooscuro { position: absolute; margin-top: -10000px;}
ul.plantilla li.cadaun:hover span { color: #c30000;}

.filtrooscuro{position: absolute; width: 150px; height: 138px;  background: url(../images/comunes/transparencia.png) repeat;}
* html .filtrooscuro{position: absolute; margin-top: -10000px;}

ul.plantilla li.datos div.jugador {position:absolute; margin: -10000px; width: 650px;  padding: 10px 2px 2px 2px; border: 2px solid #c30000; background: url(../images/comunes/ladrillo.png) repeat;}
ul.plantilla li.datos div.mostrar { float:left; margin: 40px 0px 0px -628px; cursor: pointer;  z-index:1;}

ul.plantilla li div.jugador img {float: left; margin-left: 20px; max-width: 150px;}
* html ul.plantilla li div.jugador img { width: 150px;}
ul.plantilla li div.jugador span.datos {float: left; width: 459px; padding: 0px 0px 0px 20px; margin: 20px 0px 0px 0px;}
ul.plantilla li div.jugador span.texto {float: left; width: 609px; padding: 10px 20px 0px 20px;}
ul.plantilla li div.jugador span.cerrar {float: left; width: 609px; padding: 5px 20px 10px 20px; text-align: right; font-weight: bold;}
/* ************************************************* PLANTILLA ******************************************* */
/* ************************************************* EQUIPOS ******************************************* */
.listaequipos { float: left; list-style: none; width:  638px; padding: 7px  0px; }

.listaequipos li { float: left; padding: 4px 0px 0px 17px; margin:0px 10px 0px 0px; font-size: 0.9em; background: url(../images/comunes/4paletas.png) no-repeat 0px 5px; min-height: 18px;}
*:first-child+html  .listaequipos li { min-height: 17px;}
* html .listaequipos li { height: 17px;}
.listaequipos li.album { font-size: 1.2em; font-weight: bold; padding: 0px; background: none;}
.listaequipos li.actual { font-weight: bold;}
.listaequipos li a { text-decoration: none; color: #000; padding-top: 5px;}

/* ************************************************* EQUIPOS ******************************************* */


/* ************************************************* PARRAFOS Y TABLAS  ******************************************* */
.h2_escola { background: url(../images/comunes/mascota.png) no-repeat; padding:0px 0px 13px 69px;}

.divescola { float: left; background:#eee; width: 620px; padding: 20px; font-family:'Times New Roman'; text-align: center; color: #333;}
.divescola table { text-align: center; border-collapse : collapse; padding: 10px 0px; margin:10px auto 0px auto;}
.divescola table td, .divescola table th { border: 1px solid #333; padding: 0px 4px;}
.divescola table th { background: #333; color: #fff;}
.divescola table td {font-size: 0.9em;}

.divescola p {float: left; width: 600px;}
.divescola p.izquierda { text-align: left;}
.divescola p.centro { text-align: center;}
.divescola p.derecha { text-align: right;}
.divescola p.negrita { font-weight: bold;}
.divescola p.cursiva { font-style: italic;}
.divescola p.fonte { font-size: 1.5em;}
/* ************************************************* PARRAFOS Y TABLAS ******************************************* */

/* ************************************************* INFORMACION ******************************************* */
.h2_informacion { background: url(../images/comunes/informacion.png) no-repeat; padding:4px 0px 18px 34px;}

ul.informacion { float: left; list-style:none; background:#eee; width: 620px; padding: 20px; font-family:'Times New Roman'; color: #000;}
ul.informacion li { float: left; width: 620px; margin: 0px 0px 4px 0px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
ul.informacion li.uno {background: #ccc;}
ul.informacion li.dos {background: #ccffcc;}
ul.informacion li span {float:left; border: 2px solid #fff; padding: 2px; text-align: left;}
ul.informacion li span.nombre { width: 190px; font-weight: bold; padding: 0px 0px 0px 10px; min-height: 25px;}
*:first-child+html  ul.informacion li span.nombre { padding: 2px 0px 0px 10px; min-height: 23px;}
* html  ul.informacion li span.nombre { padding: 2px 0px 0px 10px; height: 23px;}

ul.informacion li span.texto { width: 404px; text-align: right; padding: 3px 10px 0px 0px; font-size: 0.9em; border-left: none; min-height: 22px;}
*:first-child+html  ul.informacion li span.texto { padding: 4px 10px 0px 0px; min-height: 21px;}
* html  ul.informacion li span.texto { padding: 4px 10px 0px 0px; height: 21px;}
/* ************************************************* INFORMACION ******************************************* */

/* ************************************************* CONTACTO ******************************************* */
.h2_contacto { background: url(../images/comunes/contacto.png) no-repeat; padding:6px 0px 18px 48px;}

form.contacto {float: left; width: 620px; padding: 30px 20px 20px 20px;  background:#eee url(../images/comunes/mesa.png) no-repeat center; font-weight: bold; }
form.contacto p {float: left; margin: 0px 0px 10px 58px; border-bottom: 1px solid #666; border-right: 1px solid #666;}
* html form.contacto p { border:none; margin: 0px 0px 10px 28px;}

form.contacto p input {float:left; background:transparent; border: 2px solid #ccc; width: 400px; text-indent: 5px; padding: 2px 0px 2px 0px;}
* html form.contacto p input {padding: 2px 0px 1px 0px;}
*:first-child+html  form.contacto p input {padding: 2px 0px 1px 0px;}

form.contacto p.botoncontacto {border: none; margin: 0px 0px 0px 300px;}
* html form.contacto p.botoncontacto {margin: 0px 0px 0px 150px;}
form.contacto p.botoncontacto span {float: left; border-bottom: 1px solid #666; border-right: 1px solid #666;}
* html form.contacto p.botoncontacto span { border: none;}
form.contacto p.botoncontacto input { width: 100px; font-weight: bold; cursor: pointer;}

form.contacto p.textocontacto {border: none; }
form.contacto p.textocontacto span {float: left;}
* html form.contacto p.textocontacto span {float: none;}
form.contacto p.textocontacto span.uno, form.contacto p.textocontacto span.dos { border-bottom: 1px solid #666;}
form.contacto p.textocontacto span.dos { border-right: 1px solid #666;}
form.contacto p.textocontacto input { height: 100px;}


form.contacto p label {float:left;  border: 2px solid #ccc; width: 95px; text-indent: 5px; }

p.error { font-weight: bold; color: #c30000; font-size: 1.2em;}

form.contacto p .errorcontacto { border-color: #c30000;}
/* ************************************************* CONTACTO ******************************************* */

/* ************************************************* PABELLON ******************************************* */
.h2_mapa { background: url(../images/comunes/mapa.png) no-repeat; padding:6px 0px 18px 48px;}
div.mapa { border: 10px solid #b5bbc4; border-left-color: #d5f5c1; border-top-color: #d5f5c1;}

ul.linksmapa {float: left; list-style:none; background:#eee; width: 620px; padding: 20px;}
ul.linksmapa li { float: left;}
ul.linksmapa li a img {border:none;}

div.todosmapas {float: left; list-style:none; height: 100px; background: url(../images/comunes/mapaico.jpg) no-repeat; padding: 4px 0px 0px 52px;}
div.todosmapas div { float: left;}
div.todosmapas div input.boton {float:left; border: none; background: none; cursor: pointer;}
div.todosmapas div.activo input.boton {font-weight: bold;}
div.todosmapas div.titulo {font-weight: bold;}
div.todosmapas div input {float:left; padding: 2px 0px 0px 0px;}
* html div.todosmapas div input {padding: 0px;  margin: 0px -0.4em;}
*:first-child+html div.todosmapas div input {padding: 0px;  margin: 0px -0.4em;}
/* ************************************************* PABELLON ******************************************* */


/* ************************************************* DESCARGAS ******************************************* */
.h2_descargas { background: url(../images/comunes/descargas.png) no-repeat; padding:6px 0px 18px 48px;}

ul.descargas {float: left; list-style:none; background:#eee; padding: 20px;}
ul.descargas li { float: left; width: 600px;  margin: 3px 0px 0px 0px;}

ul.descargas li.mas ul { position: absolute; margin-top: -10000px;}
ul.descargas li.grupo span{ cursor:pointer;}

ul.descargas li.mas { background: url(../images/comunes/carpeta_cerrada.png) no-repeat; padding:1px 0px 0px 28px; margin: 5px 0px 0px 0px;}
ul.descargas li.menos { background: url(../images/comunes/carpeta_aberta.png) no-repeat; padding:1px 0px 0px 28px; margin: 5px 0px 0px 0px;}

ul.descargas li.mas span.menos { position: absolute; margin-top: -10000px;}
ul.descargas li.menos span.mas { position: absolute; margin-top: -10000px;}

ul.descargas li.mas span.mas { font-size: 1.2em;}
ul.descargas li.menos span.menos { font-size: 1.2em;}

ul.descargas li ul { float: left; list-style:none;}
ul.descargas li ul li { float: left; width: 600px; text-indent: 20px; }

ul.descargas a { color: #1c42cd; text-decoration: none; background: url(../images/comunes/documento.png) no-repeat; padding:3px 0px 0px 27px;}

/* ************************************************* DESCARGAS ******************************************* */

/* ************************************************* VIDEOS ******************************************* */
.h2_videos { background: url(../images/comunes/claqueta.png) no-repeat; padding:6px 0px 18px 48px; text-align: left;}

#example {float:left;  padding: 60px 0px 20px 0px; background: url(../images/comunes/fondovideo.png) no-repeat; margin-bottom: 20px;}
div.vervideos {float: left; width: 585px; margin: 0px 0px 0px 30px;}
* html div.vervideos { margin: 0px 0px 0px 15px;}
div.vervideos div {float: left; }
div.vervideos div  p{float: left; width: 146px; }
div.vervideos div  p input.boton {border: none; font-weight:bold; color: #c30000; background: none; cursor: pointer; background: url(../images/comunes/fondo_peli.gif) no-repeat; width: 112px; height: 103px; margin:0 0 0px 34px;}
div.vervideos div  p span {float: left; margin: 2px 0px 0px 34px; width: 112px; text-align: center; padding-bottom: 30px; font-size: 0.8em; font-weight: bold; height: 20px; overflow: hidden;}

div.ver_video {float: left; width: 620px; text-align: center !important; margin: 0px 0px 0px 0px;}

div.listapadresvideos {float: left; list-style: none;  margin-bottom: 10px; width: 585px;}
div.listapadresvideos div {float: left; }
div.listapadresvideos span.titulo { font-weight: bold; cursor: pointer; background: transparent url(../images/comunes/film2.png) no-repeat; padding: 0px 0px 0px 24px;}
div.listapadresvideos div.video { }
div.listapadresvideos form {display: none; margin: 10px 0px 0px 0px;}
/* ************************************************* VIDEOS ******************************************* */


/* ************************************************* BOLA CITAS ******************************************* */
div.bolacitas {float: left;  width: 170px;}
div.bolacitas a { text-decoration: none; color: #000; font-weight: bold;}
/* ************************************************* BOLA CITAS ******************************************* */

/* ************************************************* LIGAZONS ******************************************* */
.h2_ligazons { background: url(../images/comunes/tierra.gif) no-repeat; padding:6px 0px 18px 48px;}


ul.ligazons {float: left; list-style:none; background:#eee; padding: 20px;}
ul.ligazons li { float: left; width: 600px;  margin: 3px 0px 0px 0px;}

ul.ligazons li.mas ul { position: absolute; margin-top: -10000px;}
ul.ligazons li.grupo span{ cursor:pointer;}

ul.ligazons li.mas { background: url(../images/comunes/carpeta_cerrada.png) no-repeat; padding:1px 0px 0px 28px; margin: 5px 0px 0px 0px;}
ul.ligazons li.menos { background: url(../images/comunes/carpeta_aberta.png) no-repeat; padding:1px 0px 0px 28px; margin: 5px 0px 0px 0px;}

ul.ligazons li.mas span.menos { position: absolute; margin-top: -10000px;}
ul.ligazons li.menos span.mas { position: absolute; margin-top: -10000px;}

ul.ligazons li.mas span.mas { font-size: 1.2em;}
ul.ligazons li.menos span.menos { font-size: 1.2em;}

ul.ligazons li ul { float: left; list-style:none;}
ul.ligazons li ul li { float: left; width: 600px; text-indent: 20px; }

ul.ligazons a { color: #1c42cd; text-decoration: none; background: url(../images/comunes/ligazons.png) no-repeat; padding:3px 0px 0px 27px;}
/* ************************************************* LIGAZONS ******************************************* */

/* ************************************************* IDIOMAS ******************************************* */
li.idioma {float: left; text-indent: 20px; margin: 0px 0px 0px 5px; color: #262F0B;  background: url(../images/comunes/paleta.png) no-repeat; cursor: pointer;}
* html li.idioma {margin: 0px 0px 0px 3px;}
div.idiomas {float: left; width: 120px; display: none;}
div.idiomas input { border: none; font-size: 0.7em; background: none; float: left; text-align: left; width: 90px; margin: 0px 0px 0px 20px; font-weight: bold;  color: #262F0B; cursor: pointer;}
/* ************************************************* IDIOMAS ******************************************* */