/*---------------------- ESTRUCTURA GENERAL -------------------------*/
/* hacks varios, adivinen para q browser... */
html, body, #wraper{
    min-height: 100%; /* alto minimom FF y Safari */
    width: 100%;
    height: 100%; /* alto minimo para IE Windows */
    margin: 0;
    padding: 0
}

html>body #wraper{
    height: auto /* con este hack escondemos el min-height de IE*/
}
/* fin hacks varios */

.cuerpo{
    background: url(bg.gif) repeat-x
}

#wraper{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

#top,#header,#main,#footer_content{
	position:relative;
	margin:0 auto 0 auto;
	width:960px;
    padding:0
}
#footer{
	background:url(footer_bg.gif) repeat-x #666;
    position: absolute;
    bottom: 0;
    width: 100%;
    height:7em /* esta altura debe ser menor que el padding bottom del main  */
}
#top{
	overflow:visible;
	height:30px;
	margin-bottom:3px
}
#header{
	background:url(head_bg.jpg) no-repeat 10px bottom;
	height:103px
}
* html #header{
	margin-top:-2px
}
#main{
	overflow:hidden;
	min-height:300px;
	padding:0;
    background: url(blanco_bg.gif) repeat-x #fff;
    border:1px solid #fff
}
* html #main{
	overflow:visible;
	height:300px
}

/* ------------------------- BASICOS ------------------------- */
body{
    font-family: Arial;
    color:#5f5f5b
}
a{
	color:#00327c
}
a:hover{
	text-decoration:none;
	color:#999
}
.btn,.textbtn{
	border:1px solid #808080;
	background: #fff url(btn_bg.gif) repeat-x;
	font-size:0.8em;
	font-weight:bold;
	color:#808080;
	margin:0.3em
}
img{
	border:2px solid #b4b4b0
}
.imgRight{
	margin-left:1em;
	margin-bottom:1em;
	float:right
}
.imgLeft{
	margin-right:1em;
	margin-bottom:1em;
	float:left
}
h2{
	font-size:1.2em;
	margin:10px 0;
	padding:0;
	color:#00327c
}
h3{
	font-size:1em;
	margin:2px 0;
	padding:0;
	color:#00327c
}
.content h3,.limpio_bg h3{
	margin-top:1.5em
}
h4{
	background:none
}
p{
	padding:0;
	margin:0 0 1em 0
}

.clear{
	clear:both
}
.content ul,.limpio_bg ul{
	margin:0;
	padding:0;
	list-style: none;
}
.content ul li,.limpio_bg ul li{
	margin-left:20px;
	list-style: url(bullet1.gif)
}
.nodisplay{
	font-size:0.1em;
	margin:0;
	padding:0;
	color:#fff
}


.text-centro{
	text-align:center
}
.text-izq{
	text-align:left
}
.text-der{
	text-align:right
}

.alerta{
	font-weight:bold;
	color:#c11515
}

/* ------------------------- TOP ------------------------- */
#bcn{
	float:left;
	margin-top:0.2%;
	background:url(bcn.gif) no-repeat;
	width:182px;
	height:31px
}
#bcn a{
	text-indent:-10000em;
	height:31px;
	display:block
}
#shortcuts{
	color:#fff;
	background:url(top_spacer.gif) no-repeat left;
	margin-top:0.8%;
	padding:0 2% 0 2%;
	float:left;
	font-weight:bold;
	font-size:0.7em
}
#shortcuts a{
	text-decoration:none;
	color:#fff
}
#shortcuts a:hover{
	text-decoration:underline;
	color:#999
}
#search{
	background:url(top_spacer.gif) no-repeat right 2px;
	float:right;
	margin:0.6% 0 0 0;
	padding:0;
	width:165px
}
#search form{
	margin:0;
	padding:0
}
#search #ajaxSearch_input{
	background:url(search_bg.gif) repeat-x 1px 1px #fff;
	padding:0.5%;
	border:1px solid #8e8d82;
	width:120px;
	font-size:0.7em;
	color:#8e8d82
}
#search #ajaxSearch_submit{
	width:18px;
	height:20px;
	margin:0;
	padding:0;
	border:0;
	text-indent:-10000em;
	font-size:0.01em;
	background: url(search.gif) no-repeat
}
#languages{
	margin:0;
	margin-top:0.8%;
	padding: 0 10px 0 10px;
	float:right;
	width:90px;
	background:url(top_spacer.gif) no-repeat right top;
	overflow:hidden
}
* html #languages{
	padding: 0 10px 0 5px
}
#languages a{
	font-size:0.1em;
	text-decoration:none;
	margin:0;
	padding:0;
	display:block;
	float:left;
	margin-left:5px;
	width:21px;
	height:14px;
	border:1px solid #fff;
	text-indent:-10000em
}
#languages a:hover{
	border:1px solid #c1c1c1
}
* html #languages a:hover{
	border:1px solid #fff
}
.lang_cat{
	background:url(flag_cat.gif) no-repeat
}
.lang_eng{
	background:url(flag_eng.gif) no-repeat
}
.lang_esp{
	background:url(flag_esp.gif) no-repeat
}

/* ------------------------- HEADER ------------------------- */
h1{
	padding:0;
	margin:0;
	/*background:url(logo.gif) no-repeat 30px 10px;*/
	background:url(logo.gif) no-repeat 10px 10px;
	float:left
}
h1 a{
	display:block;
	/*width:150px;*/
	width:285px;
	height:95px;
	text-indent:-10000em
}
* html h1 a{
	/*width:154px*/
	width:290px
}
#headerImage{
	float:left;
	border:1px solid #fff;
	margin-top:10px
}
#sponsors{
	float:right;
	margin:20px 3px 0 0;
	display:block;
	width:101px
}
* html #sponsors{
	margin:20px 0 0 0
}
#sponsors ul{
	display:none
}
#sponsors .pisc_tit{
	text-align:center;
	font-size:0.7em;
	display:block
}
#sponsors .pisc_temp{
	margin-top:0.1em;
	color:#00327c;
	text-align:center;
	display:block;
	font-weight:bold;
	font-size:1.3em
}

/* ------------------------- MAIN ------------------------- */
#side{
	padding-bottom: 7.5em;   /* con este  padding el footer nunca toca el contenido */
	margin:20px 10px 10px 5px;
	float:left;
	width:135px
}
#central{
	margin:0;
	padding:0;
	padding-bottom: 7.5em;   /* con este  padding el footer nunca toca el contenido */
	float:left;
	overflow:hidden;
	width:670px
}
#banners{
	padding-bottom: 7.5em;   /* con este  padding el footer nunca toca el contenido */
	margin:7px 5px 10px 10px;
	float:right;
	width:103px
}

/* ------------------------- MENU ------------------------- */
#menu{
	width:130px;
	border:1px solid #eeeeeb;
	color:#8e8d82;
	background:url(menu1_bg.gif) repeat-x 1px 1px #eeeeeb;
	margin:0;
	overflow:visible
}
#menu ul{
	font-size:0.78em;
	font-weight:bold;
	margin:10px 5px 10px 15px;
	padding-left:5px;
	list-style-image:url(bullet1.gif)
}
#menu ul li{
	padding-bottom:7px;
	background:url(menu1_spa.gif) repeat-x bottom
}
#menu ul li li,#menu ul li ul{
	background:none;
	margin:0;
	padding-bottom:0.4em;
	font-size:0.9em
}
#menu ul li li{
	font-size:1em
}
#menu ul li ul{
	padding-top:0.5em
}
#menu a{
	text-decoration:none;
	color:#2d4578
}
#menu a:hover{
	text-decoration:underline;
	color:#c11515
}
#menu .active a{
	color:#666
}
#menu .self a{
	color:#c11515
}
/* ------------------------- ENCUESTAS ------------------------- */
#encuestas{
	border:1px solid #e2e2dc;
	background:url(menu2_bg.gif) repeat-x #e2e2dc;
	overflow:hidden;
	margin-top:10px;
	padding:5px;
	font-size:0.7em;
	width:120px
}
.encuestasTitle{
	color:#2d4578;
	margin:0;
	padding:0;
	padding-bottom:8px;
	background:url(menu2_spa.gif) repeat-x bottom
}
.encuesta form{
	margin:0;
	padding:0
}
/* ------------------------- AJAX POLLER ------------------------- */
.poller{	/* The poller box */
}
/* Poller title above radio buttons */
.pollerTitle{
	margin:0;
	padding:0;
	font-weight:bold
}
/* Label for each radio button */
.pollerOption{
	padding:0;
	margin:0 0 0 0
}
.pollerOption input{
	padding:0;
	margin:0
}
.pollerOption label{
	padding:0;
	margin:0;
}
.poller_question .btn{
	padding-left:0.2em;
	padding-right:0.2em;
	font-size:0.75em
}
/* Label for each option above graph - i.e. results */
.result_pollerOption{
	margin:0;
	padding:0;
	font-size:0.8em
}
/* Title of poller - when ajax shows the results */
.result_pollerTitle{
	margin:0;
	padding:0;
	font-size:1em;
	font-weight:bold
}
/* Don't change this one, it is used to get the left and right image(the corner) positioned correctly */
.result_pollGraph img{
	float:left;
	display:none
}
/* The <div> tag where the percentage result is shown */
.result_pollGraph div{
	float:left;
	height:1.2em;
	background-repeat:repeat-x;
	color:#666;
	font-weight:bold;
	font-size:1em;
	padding:0 0.5em;
	margin-bottom:5px;
	border:1px solid #fff;
}
/* Graph div - parent of both the corner images and the div displaying percentage votes */
.result_pollGraph{
	height:1.2em
}
/* Message when Ajax is working getting restults fromt the server */
.poller_waitMessage{
	display:none
}
.result_totalVotes{
	clear:both;
	float:left;
	font-weight:bold;
	font-size:0.9em
}
.result_voteTxt{
	clear:both
}
.result_pollerOption{
	margin-top:0.3em;
	clear:both;
	float:left
}
/* ------------------------- CONECTADOS ------------------------- */
#conectados{
	font-size:0.7em;
	margin-top:10px
}
#conectados strong{
	color:#2d4578
}

/* ------------------------- SHORTS ------------------------- */
#shorts{
	width:100%;
	margin:0;
	padding:0;
	overflow: hidden
}
#shorts ul{
	margin:0;
	padding:0;
	list-style: none
}
#shorts ul li{
	padding:0;
	margin:0;
	float:left;
	background:url(btn_bottom.gif) repeat-x bottom;
	padding-bottom:10px
}
#short1,#short2{
	margin-right:4%;
	background:url(short_amarillo.gif) repeat-x
}
#short3,#short4,#short5{
	margin-right:4%;
	background:url(short_azul.gif) repeat-x
}
#short5{
	background:url(short_cyan.gif) repeat-x;
	margin-right:0
}
#short1 a,#short2 a{
	font-weight: bold;
	font-size:0.8em;
	text-decoration: none
}
/*para firefox*/
html>/**/body #short1 a,html>/**/body #short2 a{
	padding:5px 46px 3px 5px
}
/*para IE6 y menores*/
* html #short1 a,* html #short2 a{
	padding:5px 10px 3px 5px
}
/*para IE7*/
*:first-child+html #short1 a,*:first-child+html #short2 a{
	padding:5px 10px 3px 5px
}


#short3 a,#short4 a,#short5 a{
	padding:5px 58px 3px 10px;
	font-weight: bold;
	font-size:0.75em;
	text-decoration: none;
	color:#e3d600
}
#shorts a:hover{
	color:#fff
}
#short1 a{
	display:block;
	background:url(btn_fis_bg.gif) no-repeat bottom right
}
#short2 a{
	display:block;
	background:url(btn_aqu_bg.gif) no-repeat bottom right
}
#short3 a{
	display:block;
	background:url(btn_nat_bg.gif) no-repeat bottom right
}
#short4 a{
	display:block;
	background:url(btn_wat_bg.gif) no-repeat bottom right
}
#short5 a{
	color:#fff;
	display:block;
	background:url(btn_temp_bg.gif) no-repeat bottom right
}

/* ------------------------- ZONA CENTRAL ------------------------- */
#zona_central{
	background:url(central_bg.gif) repeat-x 1px 1px #f7f7f6;
	padding:10px;
	padding-bottom:0;
	float:left;
	width:99.7%;
	overflow:hidden
}
#zona_central_cont{
	font-size:0.8em;
	width:98%;
	float:left;
	overflow:hidden;
	background:url(central_spa.gif) repeat-y 50%
}
#zona_central_cont ul{
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0
}
#zona_central_cont ul li{
	padding:0;
	margin:0;
}
#zona_central_cont .LIn_title{
	font-size: 1em;
	font-weight:bold;
	color:#00327c;
	margin:0
}
* html #zona_central_cont .LIn_title{
	float:left;
}
.destacado{
	list-style:none;
	float:left;
	width:47%;
	overflow:hidden
}
.destacado2{
	list-style:none;
	float:right;
	width:47%;
	overflow:hidden
}
.destacado img,.destacado2 img{
	border:3px solid #b4b4b0;
	float:left;
	/*width:130px;
	height:96px;*/
	margin-right:10px
}
.destacado p,.destacado2 p{
	font-size:0.9em;
	margin:0
}
* html #zona_central_cont ul li .LIn_title{
	float:none
}
#zona_central_cont .btn{
	font-size:0.83em;
	float:right;
	padding:1px 3px;
	text-decoration: none
}

/* ------------------------- ZONA MEDIA ------------------------- */
#zona_media{
	background:url(central_shad.gif) repeat-x 1px 1px;
	padding-top:20px;
	float:left;
	width:100%;
	overflow:hidden
}
#zona_media_cont{
	width:100%;
	float:left;
	overflow:hidden;
	background:url(central_spa.gif) repeat-y 74%
}
#noticias{
	float:left;
	width:73%;
	overflow:hidden
}
#noticias h2{
	margin:0;
	padding:0
}
#noticias ul{
	float:left;
	list-style:none;
	margin:0;
	padding:0
}
#noticias ul li{
	list-style-image:none;
	list-style:none;
	margin:0;
	padding:0
}
.noticias_cont{
	width:99%;
	margin:15px 0;
	clear:both;
	font-size:0.7em;
	overflow:hidden
}
.noticias_col{
	width:48.5%;
	overflow:hidden
}
.noticias_cont .izquierda{
	float:left
}
.noticias_cont .derecha{
	float:right
}
.noticias_cont img{
	float:left;
	width:58px;
	height:43px;
	border:2px solid #b4b4b0;
	margin-right:10px
}
.noticias_cont .LIn_title{
	font-size: 1.1em;
	font-weight:bold;
	color:#00327c;
	text-decoration:none;
	margin:0;
	padding:0
}
.noticias_cont .LIn_date{
	color:#00327c;
	font-size: 1em
}
.noticias_cont p{
	margin:0;
	padding:0
}
* html .noticias_cont .LIn_title{
	margin:0;
	padding:0;
	display:block;
	margin-top:-15px;
	float:none
}
* html .noticias_cont .LIn_date{
}
* html .noticias_cont p{
}
.noticias_cont .btn{
	float:right;
	font-size: 1em;
	background:none;
	border:0;
	text-decoration: none
}
.noticias_btn{
	margin-top:0px
}
#noticias .btn{
	clear:both;
	text-decoration: none;
	padding:0 5px;
	float:right;
	margin:0
}

#resultados{
	font-size:0.85em;
	float:right;
	width:25%;
	overflow:hidden
}
#resultados h2{
	margin:0 0 5px 0;
	font-size:1.1em
}
.resultados_cont{
	padding:5px;
	background: url(menu3_bg.gif) 1px 1px repeat-x #b4b4b0;
	margin:5px 0 0 0;
	overflow:hidden
}
#resultados h3{
	color:#fff;
	margin:0;
	font-size:1em;
	padding-bottom:8px;
	background:url(menu3_spa.gif) repeat-x bottom
}
#resultados ul{
	margin:0;
	padding:0;
	margin-left:15px;
	line-height:0.75em;
	list-style: url(bullet1.gif);
	margin-bottom:0.5em
}
#resultados ul li{
	margin:0;
	padding:0;
	margin-bottom:0.5em
}
#resultados ul a{
	position:relative;
	color:#333;
	text-decoration: none;
	font-size:0.8em;
	font-weight: normal
}
#resultados ul a:hover{
	color:#fff
}
#resultados .btn{
	font-size:0.8em;
	padding:1px 3px;
	text-decoration: none
}

/* ------------------------- BANNERS ------------------------- */
#banners #myGallery1,#banners #myGallery2,#banners #myGallery3,#banners #myGallery4,#banners #myGallery5,#banners #myGallery6,#banners #myGallery7{
	border: 1px solid #cfcfc8;
	margin-top:5px
}
.btn_banner{
	border:1px solid #919183;
	background:url(btn_bg.gif) repeat-x 1px 1px #fff;
	margin-bottom:3px;
	text-align:center;
	padding:0.2em 0.5em
}
.btn_banner a{
	font-size:0.7em;
	text-decoration: none;
	font-weight: bold
}
.btn_banner a:hover{
	color:#c11515
}
.banner_estatico{
	border:1px solid #919183;
	margin:3px 0 1px 0
}
/* ------------------------- FOOTER ------------------------- */
#footer_content{
	overflow:hidden;
	font-size:0.8em;
	color:#cfcfc8;
	margin-top:15px
}
#footer_left{
	float:left;
	width:60%
}
#footer_right{
	margin-top:10px;
	font-size:0.85em;
	float:right;
	width:33%
}
#footer_left h2{
	width:70%;
	font-size:1.2em;
	margin:0;
	padding:0;
	padding-bottom:0.5em;
	background:url(footer_spa.gif) repeat-x bottom;
	color:#cfcfc8
}
#footer_left ul{
	font-size:0.9em;
	font-weight:bold;
	margin:0;
	padding:0;
	float:left;
	width:30%
}
#footer_left ul li{
	background:url(footer_bullet.gif) no-repeat 0px 5px;
	padding-left:15px;
	list-style:none
	/*list-style:url(footer_bullet.gif);*/
}
#footer_left ul a{
	text-decoration: none;
	color:#cfcfc8
}
#footer_left ul a:hover{
	color:#fff
}
#footer_right a{
	color:#fff;
	text-decoration: none
}
#footer_right a:hover{
	text-decoration:underline
}

/* ------------------------- BREADCRUMBS -------------------------*/
#breadcrumbs{
	font-size:0.7em;
	margin-bottom:10px;
	float:left;
	width:100%
}

/* ------------------------- NOTICIA -------------------------*/
.news_img{
	float:left;
	margin-right:10px;
	margin-bottom:0.5em
}
.news_desc{
	font-size:0.95em;
	font-weight:bold
}
.con_foto{
	width:99.5%
}
.news_cont{
	font-size:0.85em;
	margin-top:1em;
	clear:both
}


/* ------- LISTADOS: A�OS (RESULTADOS/NOTICIAS), MES (RESULTADOS/NOTICIAS), CHILDS (CARATULAS) -------*/
#anos{
	overflow:hidden
}
#anos ul{
	margin:0;
	padding:0
}
#anos ul li{
	overflow:hidden;
	width:17%;
	margin:0;
	padding:0;
	margin-right:10px;
	margin-bottom:25px;
	background:url(central_spa.gif) repeat-y right;
	float:left
}
#anos ul li ul{
	margin:0;
	padding:0;
	margin-left:5px
}
#anos ul li ul li{
	margin:0;
	padding:0;
	margin-left:15px;
	list-style-type:square;
	width:100%;
	background:none;
	float:none
}
.childs ul{
	margin:0;
	padding:0;
	list-style:none
}
.childs ul li{
	font-size:1em;
	list-style:url(bullet1.gif);
	margin-left:17px;
	margin-bottom:0.3em
}
#anos ul li a,.childs ul li a,#mes ul li a{
	text-decoration: none
}
#mes ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size:0.9em
}
#mes ul li{
	overflow:hidden;
	width:100%;
	clear:both;
	margin:0;
	padding:0;
	padding:0.5em 0;
	border-bottom:1px solid #e1e1e1
}
* html #mes ul li{
	margin:0;
	padding:0.5em 0;
	float:left;
	overflow:hidden;
	width:95%;
	list-style-image:none
}
#mes ul li img{
	float:left;
	margin-right:10px
}
#mes ul li .LIn_title{
	font-size: 1em;
	font-weight:bold;
	color:#00327c;
	text-decoration:none;
	margin:0;
	padding:0
}
* html #mes ul li .LIn_title{
}
#mes ul li .LIn_date{
	color:#00327c;
	font-size: 0.85em
}
#mes ul li p{
	margin:0;
	padding:0
}
#mes ul li .btn{
	text-decoration: none;
	padding:0 5px;
	float:right;
	margin:0
}

#caratula_medio{
	background:url(central_shad.gif) repeat-x 1px 1px;
	padding-top:1.5em;
	float:left;
	overflow:hidden;
}
#caratula_medio2{
	background:url(central_shad.gif) repeat-x 1px 1px;
	width:100%;
	padding-top:1.5em;
	float:left;
	overflow:hidden;
}
.caratula_img,.caratula_img_last{
	margin-bottom:10px;
	margin-right:6px
}
.caratula_img_last{
	margin-right:0px
}
.caratula_texto{
	float:left;
	width:430px;
}
.childs{
	width:200px;
	padding-left:15px;
	margin-bottom:25px;
	background:url(central_spa.gif) repeat-y left;
	float:right
}


/* ------------------------- TABLAS  ------------------------- */

table{
	border:1px solid #ddd;
	font-size:0.8em;
	padding:0;
	padding-bottom:0.5em;
	width:100%;
	margin:0
}
th{
	background:#ddd;
	padding:0.2em;
	vertical-align:middle
}
td{
	padding:0.1em;
	border-bottom:1px solid #ddd;
	padding-left:0.5em;
	vertical-align:top;
	text-align:left
}
table img{
	border:0
}

/* ------------------------- TABLA SURADA ------------------------- */

.surada{
	width:70%;
	border:0
}
.surada a{
	font-weight: bold;
	text-decoration: none
}
/* ------------------------- COLUMNAS DE CONTENIDO------------------------- */

.trescols{
	margin-top:1.5em;
	width:650px;
	overflow:hidden
}
.trescols_col{
	width:29%;
	float:left;
	margin-right:2%
}
.doscols_col{
	width:48%;
	float:left;
	margin-right:1%
}

/* ------------------------- BOLETIN ------------------------- */
#boletin #top,#boletin #header,#boletin #main,#boletin #footer_content{
	width:100%
}
#boletin #wraper{
	width:100%
}
#boletin #top{
	width:100%
}
#boletin #header{
	position:relative;
	width:90%
}
#boletin #main{
	width:90%
}
#boletin #visual{
	margin-top:5px;
	margin-bottom:10px;
	width:100%;
	text-align:center;
}
#boletin #visual a{
	font-size:0.85em;
	font-weight:bold;
	text-decoration:none;
	color:#fff
}
#boletin #header h2{
	margin:0;
	padding:0;
	font-size:2.5em;
	font-weight:bold;
	position:absolute;
	bottom:0px;
	right:10px
}
#boletin #boletinContent{
	margin:0 20px 8em 20px;
}

#boletin #footer_center{
	margin-top:1em;
	width:100%;
	text-align:center;
}
#boletin #footer_center a{
	font-size:0.85em;
	font-weight:bold;
	text-decoration:none;
	color:#fff
}
#boletin .boletinHead{
	overflow:hidden;
	padding-bottom:7px;
	margin-bottom:1.5em;
	background:url(central_shad.gif) repeat-x bottom;
}
.boletinNews{
	padding-bottom:0.5em;
}
#boletin #boletinContent img{
	float:left;
	margin-right:0.5em
}
#boletin #boletin .bol_title{
	text-decoration:none
}
#boletin .bol_content{
	font-size:0.85em;
	padding-top:2.3em;
	clear:both
}
/*para IE7*/
*:first-child+html #boletin .bol_content{
	padding-top:0
}
/*para IE6*/
* html #boletin .bol_content{
	padding-top:0;
	padding-bottom:1em
}

#boletin .boletinNews{
	background:url(horiz_dot.gif) repeat-x bottom;
	padding-bottom:1em;
	overflow:hidden
}
/*para IE7*/
*:first-child+html #boletin .boletinNews{
	margin-bottom:1em
}
/*para IE6*/
* html #boletin .boletinNews{
	clear:both;
	padding-bottom:2em
}
#boletin .boletinNews h3{
	background:none
}

#boletin .boletinHead{
	font-size:1.1em;
}
#boletin .textbtn{
	text-decoration:none;
	float:right
}
#boletin #zona_central{
	margin-top:1.3em;
	padding-bottom:1em;
	margin-bottom:1em;
	width:98%;
}


/* ------------------------- FORM ------------------------- */

.boletinForm label{
	float:left;
	width:150px;
	clear:both;
	margin-bottom:0.5em;
	margin-right:1em
}
.boletinForm input{
	margin-bottom:0.5em;
	margin-right:1em
}
.left{
	width:auto;
	clear:both;
	float:left
}
.btnBullet{
	text-decoration:none;
	font-weight:bold;
	font-size:0.8em;
	padding-left:10px;
	background:url(bullet1.gif) no-repeat 0 5px
}


/* ------------------------- TABLAS CONTENIDO ------------------------- */
.serveis_cardio{
	background:#ffe9d3
}
.serveis_tonif{
	background:#d3e991
}
.serveis_coreotonif{
	background:#ffffd3
}
.serveis_coreo{
	background:#ffd391
}
.serveis_local{
	background:#ff9191
}
.serveis_marcial{
	background:#ff91ff
}
.serveis_relax{
	background:#e9d3ff
}
.serveis_corporal{
	background:#91e9ff
}
.serveis_gran{
	background:#ffff66
}
.serveis_infantil{
	background:#e4e4e4
}
.serveis_especials{
	background:#e9ffe9
}

.tabla_subtitulo{
	color:#00327c
}



/* ------------------------- SWFs ------------------------- */
.swf_youtube{
	width:425px;
	height:350px
}
.swf_youtube img,.swf_youtube a{
	border:0
}

.swf_club{
	width:530px;
	height:400px
}
.swf_club img{
	border:0
}
.swf_installacions{
	width:660px;
	height:400px
}
.swf_installacions img{
	border:0
}
.swf_serveis{
	width:540px;
	height:400px
}
.swf_serveis img{
	border:0
}
.swf_altres{
	width:540px;
	height:400px
}
.swf_altres img{
	border:0
}
.swf_socis{
	width:530px;
	height:400px
}
.swf_socis img{
	border:0
}
.swf_competicio{
	width:530px;
	height:400px
}
.swf_competicio img{
	border:0
}
.swf_natacio{
	width:555px;
	height:402px
}
.swf_natacio img{
	border:0
}
.swf_waterpolo{
	width:555px;
	height:402px
}
.swf_waterpolo img{
	border:0
}
.swf_masters{
	width:555px;
	height:402px
}
.swf_masters img{
	border:0
}

.swf_banner{
	width:103px;
	height:67px
}
.swf_banner img{
	border:0
}

.swfCaballito, #ContCaballito img{
	position:absolute;
	width:380px;
	height:230px;
	margin:0;
	padding:0;
	z-index:1;
	margin-top:50px;
	margin-left:150px
}
/*para IE7*/
*:first-child+html .swfCaballito, #ContCaballito img{
	margin-left:250px
}
/*para IE6*/
* html .swfCaballito, #ContCaballito img{
	margin-left:280px
}

/* ------------------------- RESULTADOS BUSQUEDA ------------------------- */

.ajaxSearch_result{
	clear:both;
	overflow:hidden;
	padding:1em 0;
	margin:0;
	border-bottom: 1px solid #f1f1f1
}
.ajaxSearch_extract{
	font-size:0.8em
}
.ajaxSearch_resultLink{
	padding-left:10px;
	background:url(bullet1.gif) no-repeat 0px 8px
}
.ajaxSearch_highlight{
	background:#e1e1e1
}
.ajaxSearch_paging{
	margin-top:0.5em;
	font-size:0.75em
}

/* ------------------------- INSTALACIONES ------------------------- */
.installacions_img{
	margin-bottom:0.8em
}

/* ------------------------- LIGHTBOX ------------------------- */

#lightbox{
	margin-top:10%;
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0
	}

#lightbox a img{
	border:none
}

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto
	}

#imageContainer{
	padding: 10px
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10
	}
#imageContainer>#hoverNav{
	left: 0
}
#hoverNav a{ outline: none
}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block
	}
#prevLink{
	left: 0;
	float: left
}
#nextLink{
	right: 0;
	float: right
}
#prevLink:hover,#prevLink:visited:hover{
	background: url(prev.gif) left 15% no-repeat
}
#nextLink:hover,#nextLink:visited:hover{
	background: url(next.gif) right 15% no-repeat
}


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em
	}

#imageData{
	padding:0 10px
	}
#imageData #imageDetails{
	width: 70%;
	float: left;
	text-align: left
}
#imageData #caption{
	font-weight: bold
}
#imageData #numberDisplay{
	display: block;
	clear: left;
	padding-bottom: 1.0em
}
#imageData #bottomNavClose{
	width: 13px;
	float: right;
	padding-top: 1.5em
}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background:#000;
	filter:alpha(opacity=0.6);
	-moz-opacity: 0.6;
	opacity: 0.6
	}


.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
	}

* html>body .clearfix {
	display: inline-block;
	width: 100%
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}






/* ------------------------- FOTOTECA ------------------------- */
.fototeca{
	margin:0;
	padding:0;
	overflow:hidden;
}
.fototeca li{
	padding:0;
	margin:0;
	list-style:none;
	float:left;
	margin-right:15px;
	margin-bottom:15px
}
.fototeca li a{
	display:block;
	padding-top:90px;
	padding-bottom:3px;
	width:150px;
	text-align:center;
	border:1px solid #f1f1f1;
	text-decoration:none
}
.fototeca li a:hover{
	text-decoration:underline
}
.fototeca_cant{
	font-size:0.85em
}
.fototeca #id420,.fototeca #id428,.fototeca #id436{
	background:url(389-i-natacio.png.jpeg) no-repeat center 10px
}
.fototeca #id421,.fototeca #id429,.fototeca #id437{
	background:url(390-i-activitats.png.jpeg) no-repeat center 10px
}
.fototeca #id422,.fototeca #id430,.fototeca #id438{
	background:url(391-i-masters.png.jpeg) no-repeat center 10px
}
.fototeca #id423,.fototeca #id431,.fototeca #id439{
	background:url(392-i-waterpolo.png.jpeg) no-repeat center 10px
}
.fototeca #id424,.fototeca #id432,.fototeca #id440{
	background:url(393-i-campionats-socials.png.jpeg) no-repeat center 10px
}
.fototeca #id425,.fototeca #id433,.fototeca #id441{
	background:url(394-i-travessia.png.jpeg) no-repeat center 10px
}
.fototeca #id426,.fototeca #id434,.fototeca #id442{
	background:url(395-i-cursa.png.jpeg) no-repeat center 10px
}
.fototeca #id547,.fototeca #id548,.fototeca #id549{
	background:url(escolar.jpg) no-repeat center 10px
}

.childscontainer ul,.thumbscontainer ul{
	overflow:hidden;
	margin:0;
	padding:0
}
.childscontainer .thumbs li,.thumbscontainer .thumbs li{
	float:left;
	margin:0;
	padding:0;
	padding-bottom:1em;
	text-align:center;
	width:155px;
	height:100px;
	overflow:hidden;
}
.childscontainer .thumbs li p,.thumbscontainer .thumbs li p{
	text-align:center;
	margin:0;
	padding:0;
	font-size:0.75em
}
.childscontainer .thumbnail,.thumbscontainer .thumbnail{
	border:2px solid #b4b4b0
}
.pagenumbers{
	width:100%;
	text-align:center;
	font-size:0.8em
}
.picture{
	height:350px
}


/* ------------------------- FORM TRAVESSIA ------------------------- */
.formTravessia,.formulario{
	width:90%;
	margin:1em 0;
	padding:0;
}
.formTravessia fieldset,.formulario fieldset{
	border:0
}
.formTravessia label,.formulario label{
	text-align:left;
	margin:0.5em 0.5em 0.5em 0;
	padding:0;
	clear:both;
	float:left;
	width:30%
}
.formTravessia input,.formTravessia textarea,.formulario input,.formulario textarea{
	margin:0.5em 0 0.5em 0;
	float:left;
	width:55%
}
.formTravessia #nac_dia,.formTravessia #nac_mes,.formTravessia #nac_ano,.formTravessia select,.formTravessia .sexo_radio,.formTravessia .participado_radio{
	width:auto;
	margin:0.5em;
	clear:right;
	float:left
}
.formTravessia .selecciona_label{
	width:100%
}
.formTravessia .selecciona_radio{
	margin:0;
	float:none;
	margin-left:3%;
	margin-right:1%;
	width:auto
}
/*para IE6*/
* html .formTravessia .nac_label,* html .formTravessia #nac_dia,* html .formTravessia #nac_mes,* html .formTravessia #nac_ano,* html .formTravessia select,* html .formTravessia .sexo_radio,* html .formTravessia .sexo_label{
	margin:0 0.2em;
	width:auto;
	clear:both;
	float:none
}
* html .formTravessia #nac_dia,* html .formTravessia #nac_mes,* html .formTravessia #nac_ano{
	padding-bottom:0.5em
}
* html .formTravessia .nac_label{
	margin-right:5%
}
* html .formTravessia .sexo_label{
	margin-right:22%
}
* html .formTravessia .participado_label{
	float:left;
	width:30%
}
* html .formTravessia .participado_radio{
	margin:0 0.2em;
	margin-top:0.5em;
	width:auto;
	float:left
}
* html .formTravessia .grupo{
	margin:0.5em 0
}
/*para IE7*/
*:first-child+html .formTravessia .nac_label,*:first-child+html .formTravessia #nac_dia,*:first-child+html .formTravessia #nac_mes,*:first-child+html .formTravessia #nac_ano,*:first-child+html .formTravessia select{
	margin:0 0.2em;
	width:auto;
	clear:both;
	float:none
}
*:first-child+html .formTravessia #nac_dia,*:first-child+html .formTravessia #nac_mes,*:first-child+html .formTravessia #nac_ano{
	padding-bottom:0.5em
}
*:first-child+html .formTravessia .nac_label{
	margin-right:9%
}
*:first-child+html .formTravessia .grupo{
	margin:0.2em 0
}


.formTravessia .acepto_check{
	margin:0 0.5em 0 0;
	float:none;
	width:auto
}
.formTravessia .acepto_label{
	float:none;
	width:auto
}
.formulario .formbtns{
	text-align:center !important;
	padding-left:30% !important
}
.formTravessia .formbtns,.formulario .btn{
	width:auto !important;
	margin-left:10px !important;
	margin-top:1em;
	text-align:center
}
/*para IE6*/
* html .formTravessia .formbtns{
	margin-top:2em
}
.formTravessia .btn{
	float:none;
	width:auto;
	border:1px solid #808080;
	background: #fff url(btn_bg.gif) repeat-x;
	font-size:0.8em;
	font-weight:bold;
	color:#808080;
	margin:0.3em
}
.travessia_resultado{
	border-bottom:1px solid #c1c1c1;
	margin-bottom:1em;
	padding-bottom:0.5em
}
.formTravessia .mini{
	font-size:0.8em
}


.ventanita_body{
	padding:1em;
	margin:1em
}
.ventanita_tit{
	border-bottom:1px solid #c1c1c1;
	color:#00327c;
	background:none;
	font-size:1.1em;
	width:100%;
	margin-bottom:1em
}
.ventanita_div{
	padding:1.5em;
	width:90%
}
.limpio_bg{
	background:url(limpio_bg.jpg) no-repeat;
	width:95%;
	margin:0;
	padding:10px;
	margin-bottom:2em
}

.tableCentrado{
	vertical-align:middle;
	text-align:center
}
.tableVacio{
	background-color:#f1f1f1
}

.sponsors2{
	margin-top:1em
}
.sponsors2 img{
	border:none
}
.carrers{
padding-bottom:10px;
}
.carrers.english{
padding-bottom:0px;
}
.turo img,.carrers img{
border:1px solid #cfcfc8
}