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

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

.cuerpo {
    background: #fff url(body_bg.gif) repeat-x
}

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

#top,#header,#barra,#main,#footer_content{
	position:relative;
	margin:0 auto 0 auto;
	width:765px;
    padding: 0
}
#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height:4em /* esta altura debe ser menor que el padding bottom del main  */
}
#top{
	text-align:right;
	overflow:visible;
	height:20px;
	margin-bottom:2px
}
#header{
}
#barra{
	overflow:hidden;
	padding:0;
	background: url(barra_bg.gif) repeat-x #fff 2px 2px;
}
#main {
	overflow:hidden;
	min-height:300px;
	padding:0;
    background: url(cuerpo_bg.gif) repeat-x #fff 2px 2px;
}
* html #main{
	overflow:visible;
	height:300px
}

/* ------------------------- BASICOS ------------------------- */
body{
    font-family: Arial;
	font-size:0.8em;
    color:#5f5f5b
}
a{
	text-decoration:none;
	color:#10507e
}
a:hover{
	text-decoration:underline;
	color:#999
}
.btn,.textbtn{
	padding:0.2em;
	border:1px solid #808080;
	background: #fff url(btn_bg.gif) repeat-x;
	font-size:0.8em;
	font-weight:bold;
	color:#383834;
	margin:0.3em
}
.btn:hover,.textbtn:hover{
	text-decoration: none
}
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:#10507e
}
h3{
	font-size:1em;
	margin:2px 0;
	padding:0;
	color:#10507e
}
h4{
	background:none
}
h3,h4,h5{
	margin:0;
	padding:0;
	margin-top:0.5em
}
p{
	padding:0;
	margin:0 0 1em 0
}

.clear{
	clear:both
}
.content ul,.content_agenda ul{
	margin:0;
	padding:0;
	list-style: none
}
.content ul li,.content_agenda ul li{
	margin-left:20px;
	list-style: url(side1_bullet.gif)
}
.nodisplay{
	display:none
}
.doscolumnas_container{
	width:99%;
	overflow:hidden;
	margin-bottom:0.5em;
	padding-bottom:0.5em;
	border-bottom:1px solid #e1e1e1
}
.doscolumnas{
	width:40%;
	margin-right:5%;
	float:left
}

/* ------------------------- TOP ------------------------- */
#top a{
	margin-left:15px;
	padding-left:15px;
	font-size:0.83em;
	font-weight:bold;
	color:#fff
}
#top a:hover{
	color:#666
}
.top1{
	background:url(top_icon1.gif) no-repeat
}
.top2{
	background:url(top_icon2.gif) no-repeat
}
.top3{
	background:url(top_icon3.gif) no-repeat
}

/* ------------------------- HEADER ------------------------- */
#header h1{
	margin:0;
	padding:0;
}
#header img{
	border:none;
}
/* ------------------------- BARRA ------------------------- */
#barra_menu{
	float:left;
	margin-left:5px;
	margin-top:10px;
	padding-bottom:5px;
	overflow:hidden
}
#barra_menu ul{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}
#barra_menu ul li{
	border:1px solid #fff;
	margin:0;
	margin-right:3px;
	padding:0;
	float:left;
}
#barra_menu ul li a{
	background:url(menu_bg.gif) repeat-x 1px 1px #000;
	font-weight:bold;
	color:#fff;
	display:block;
	padding:5px
}
#barra_menu ul li a:hover{
	text-decoration:none;
	color:#c1c1c1
}
#barra_menu .self a{
	background:url(menu_bg_self.gif) repeat-x 1px 1px #999;
	color:#f1f1f1
}
#search{
	border:1px solid #fff;
	float:right;
	margin-right:5px;
	margin-top:10px
}
#search form{
	overflow:hidden;
	background:url(buscar_bg.gif) repeat-x 1px 1px #7690a2;
	margin:0;
	padding:3px 5px 1px 5px
}
* html #search form{
	height:1.9em;
	width:9.3em;
	overflow:visible;
	padding-top:0
}
#search #buscar_title{
	margin-right:5px;
	float:left;
	font-weight:bold;
	color:#fff
}
* html #search #buscar_title{
	margin-top:3px;
}


#search #ajaxSearch_input{
	background:url(buscar_input_bg.gif) repeat-x 1px 1px #fff;
	border:1px solid #8e8d82;
	width:90px;
	font-size:0.8em;
	color:#666
}
#search #ajaxSearch_submit{
	width:18px;
	height:20px;
	margin:0;
	padding:0;
	border:0;
	text-indent:-10000em;
	font-size:0.01em;
	background: url(buscar_btn.gif) no-repeat
}


/* ------------------------- MAIN ------------------------- */
#side{
	padding-bottom: 4.5em;   /* con este  padding el footer nunca toca el contenido */
	margin:10px 10px 10px 5px;
	float:left;
	width:136px
}
* html #side{
	padding-bottom:6em
}
#central{
	margin:10px 0 0 0;
	padding:0;
	padding-bottom: 4.5em;   /* con este  padding el footer nunca toca el contenido */
	float:left;
	overflow:hidden;
	width:600px
}
* html #central{
	width:600px;
	padding-bottom: 6em   /* con este  padding el footer nunca toca el contenido */
}

/* ------------------------- MENU ------------------------- */
#menu{
	border:1px solid #fff;
	background:url(side1_bg.gif) repeat-x 2px 2px #4785ae;
	padding:0.8em 0;
	margin-bottom:1em
}
#menu ul{
	margin:0 5px 0 5px;
	padding:0
}
#menu ul li{
	background:url(side1_line.gif) repeat-x bottom;
	list-style:url(side1_bullet.gif);
	margin:0;
	padding:0.2em 0 0.3em 0;
	margin-left:15px
}
#menu ul li a{
	color:#fff;
	font-weight:bold
}
#menu ul li a:hover,#menu ul .self a{
	color:#c1c1c1;
	text-decoration: none
}
#menu ul li ul li{
	font-size:0.9em;
	background:none
}
#menu ul li ul li ul{
	padding:0;
	margin:0;
	list-style:none;
}
#menu ul li ul li ul li{
	padding:0;
	margin:0;
	list-style:none;
}
/* ------------------------- ENCUESTAS ------------------------- */
#encuestas{
	border:1px solid #fff;
	background:url(side2_bg.gif) repeat-x 2px 2px #3879a4;
	padding:0.8em 0;
	margin-bottom:1em
}
#encuestas .encuestasTitle{
	background:url(side2_line.gif) repeat-x bottom;
	padding-bottom:0.2em;
	margin:0 5px;
	font-size:1.2em;
	font-weight:bold;
	color:#fff
}
.encuesta form{
	font-size:0.85em;
	color:#efefe8;
	padding:0;
	margin:0 5px;
}
/* ------------------------- 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
}
.pollerOption input{
	padding:0;
	margin:0;
}
.pollerOption label{
	padding:0;
	margin:0;
	margin-left:0.3em
}
.poller_question .btn{
	margin-top:1em;
	padding-left:0.2em;
	padding-right:0.2em;
	font-size:0.8em
}
* html .poller_question .btn{
	font-size:0.77em;
	padding-left:0;
	padding-right:0;
}
*:first-child+html .poller_question .btn{
	font-size:0.77em;
	padding-left:0;
	padding-right:0;
}

/* Label for each option above graph - i.e. results */
.result_pollerOption{
	margin:0;
	padding:0;
	font-size:1em
}
/*para firefox*/
html>/**/body .result_pollerOption{
	clear:both
}
* html .result_pollerOption{
	width:100%
}
/* 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:16px;
	background-repeat:repeat-x;
	color:#666;
	font-weight:bold;
	font-size:1em;
	padding:0 0.5em;
	border:1px solid #fff;
	line-height:16px
}
/* Graph div - parent of both the corner images and the div displaying percentage votes */
.result_pollGraph{
	height:16px
}
/* Message when Ajax is working getting restults fromt the server */
.poller_waitMessage{
	display:none
}
.result_totalVotes{
	margin-top:0.3em;
	clear:both;
	font-size:1em;
	font-weight:bold;
}
/* ------------------------- EL TIEMPO ------------------------- */
#tiempo a{
	text-indent:-50000px;
	display:block;
	margin-bottom:0.5em;
	background:url(side3_bg.gif) no-repeat;
	width:136px;
	height:37px
}
/* ------------------------- LOGOS ------------------------- */
#logos{
	padding-bottom:5px;
	margin-bottom:1em;
	background:url(line_horiz.gif) repeat-x bottom;
	height:60px;
	overflow:hidden
}
#logos a{
	text-indent:-50000px;
}
#logos .coord_logo{
	margin-top:8px;
	float:left;
	background:url(coord_logo.gif) no-repeat;
	width:56px;
	height:52px
}
#logos .idc_logo{
	float:right;
	background:url(idc_logo.gif) no-repeat;
	width:57px;
	height:60px
}
/* ------------------------- CONECTADOS ------------------------- */
#conectados{
	color:#5f5f5b;
	font-size:0.85em
}
#conectados ul{
	list-style:url(side4_bullet.gif);
	margin:0;
	padding:0;
	margin-top:0.5em;
	margin-left:15px
}

/* ------------------------- BREADCRUMBS -------------------------*/
#breadcrumbs{
	margin-bottom:0.5em;
	font-size:0.85em
}
#breadcrumbs a{
	font-weight: bold
}


/* ------------------------- DESTACADOS -------------------------*/
#destacados{
	background:url(dest_bg.gif) repeat-x 2px 1px #e8e8e5;
	padding:0.5em
}
#destacados h2{
	background:url(line_horiz.gif) repeat-x bottom;
	margin:0.2em 0;
	padding:0;
	color:#5f5f5b;
	font-size:1.5em
}
#destacados ul{
	background:url(line_vert.gif) repeat-y 50%;
	overflow:hidden;
	width:100%;
	list-style:none;
	margin:0;
	padding:0
}
#destacados ul li{
	margin:0;
	padding:0
}
#destacado1{
	overflow:hidden;
	float:left;
	height:100%;
	width:48%;
}
#destacado2{
	overflow:hidden;
	float:right;
	height:100%;
	width:48%;
}
#destacado1 img,#destacado2 img{
	border:3px solid #fff;
	margin-right:5px;
	float:left
}
#destacados .LIn_title{
	color:#10507e;
	font-size:1.3em;
	font-weight:bold
}
* html #destacados .LIn_title{
	float:left
}
/*para IE7*/
*:first-child+html #destacados .LIn_title{
	float:left
}

#destacados .LIn_intro{
	margin-top:0.5em
}
#destacados p{
	margin:0
}
#destacados .btn{
	float:right
}
/* ------------------------- ZONA MEDIA -------------------------*/
#zona_media{
	background:url(dest_shad.gif) repeat-x 0 1px;
	padding:1.5em 0 0.2em 0;
}
#zona_media_cont{
	background:url(line_vert.gif) repeat-y 440px 0;
	overflow:hidden;
	width:100%
}
#noticias{
	float:left;
	width:435px;
	overflow:hidden
}
#resultados{
	float:right;
	width:150px;
	overflow:hidden
}

/* ------------------------- NOTICIAS -------------------------*/
#noticias h2{
	float:left;
	width:auto;
	margin:0;
	padding:0;
	color:#5f5f5b;
	font-size:1.3em
}
#noticias .noticias_btn{
	margin:5px 0 10px 0;
	float:right
}
* html #noticias .noticias_btn{
	padding-bottom:0.5em
}
*:first-child+html #noticias .noticias_btn{
	padding-bottom:0.5em
}

#noticias ul{
	clear:both;
	list-style: none;
	margin:0;
	padding:0
}
#noticias ul li{
	margin:0;
	padding:0;
	margin-bottom:0.5em;
	list-style: none
}
#noticias .noticias_cont{
	overflow:hidden;
	width:100%
}
#noticias .noticias_col{
	overflow:hidden;
	width:48%;
}
#noticias .izquierda{
	float:left
}
#noticias .derecha{
	float:right
}
.noticias_col img{
	width:61px;
	height:47px;
	float:left;
	margin-right:5px;
	border:2px solid #10507e
}
.noticias_col .LIn_title{
	color:#10507e;
	font-size:1em;
	font-weight:bold
}
* html .noticias_col .LIn_title{
	width:135px;
	float:left
}
/*para IE7*/
*:first-child+html .noticias_col .LIn_title{
	width:135px;
	float:left
}

.noticias_col .LIn_date{
	margin-top:0.3em;
	font-size:0.85em
}
.noticias_col li .btn{
	float:right
}
.noticias_col p{
	margin:0;
	padding:0
}

/* ------------------------- INDEX DERECHA ------------------------- */

#imagenes{
	margin:0;
	padding:0;
	text-align:center;
	overflow:hidden;
	width:99%
}
* html #imagenes{
	width:98%;
	padding-bottom:1em
}
*:first-child+html #imagenes{
	width:98%;
	padding-bottom:1em
}
#imagenes h2{
	float:left;
	margin:0;
	margin-bottom:0.5em;
	padding:0;
	color:#5f5f5b
}
#imagenes .btn{
	float:right;
	margin:0;
	margin-top:0.5em
}

#imagenes .index_thumbscontainer{
	text-align:center;
	margin:0;
	padding:0;
}
* html .index_thumbscontainer{
	width:93%
}
*:first-child+html .index_thumbscontainer{
	width:98%
}
#imagenes .index_thumbscontainer ul{
	margin:0;
	padding:0
}
#imagenes .index_thumbscontainer ul li{
	width:90%;
	text-align:center;
	margin:0;
	padding:0
}
#imagenes .index_thumbscontainer ul li img{
	border:2px solid #b4b4b0
}
#imagenes p{
	font-size:0.8em;
	margin-bottom:0.5em
}
html>/**/body #imagenes p{
	font-size:0.85em
}


#agenda{
	font-size:0.9em;
	background:url(agenda_bg.gif) repeat-x 2px 2px #d9d9d3;
	padding:0.4em;
	padding-top:0.8em;
	padding-bottom:1em;
	text-align:center;
	margin:10px 0;
	width:150px
}
* html #agenda{
	padding:0;
	padding-top:0.8em;
	padding-bottom:1em;
	margin:0
}
/*para IE7*/
*:first-child+html #agenda{
	padding:0;
	padding-top:0.8em;
	padding-bottom:1em;
	margin:0
}
/*para firefox*/
html>/**/body #agenda{
	width:140px
}
#agenda h2{
	margin:0;
	padding:0;
	padding-bottom:0.3em;
	margin-bottom:0.5em;
	width:95%;
	font-size:0.92em;
	background:url(agenda_line.gif) repeat-x bottom;
	color:#5f5f5b
}
#agenda .kalender_menu{
	font-size:0.9em;
}
#agenda ul{
	font-size:0.9em;
	margin:0;
	padding:0;
	list-style: none
}
#agenda ul li{
	margin-bottom:5px;
	overflow:hidden;
	width:100%
}
* html #agenda ul li{
	font-size:0.95em;
	margin:0
}
*:first-child+html #agenda ul li{
	font-size:0.95em;
	margin:0
}
#agenda a{
	color:#5f5f5b
}
#agenda .agenda_izq{
	float:left;
	width:45px;
	background:#c6c6c2;
	font-weight:bold;
	padding:0 3px;
}
#agenda .agenda_der{
	float:right;
	width:75px;
	background: #edede4;
	padding:0 3px;
	display:block
}

#agenda .btn{
	float:right;
	margin:0
}

.agenda_int{
	float:right;
	width:140px
}
.content_agenda{
	width:430px
}
/* ------------------------- FORO ------------------------- */

#foro{
	background:url(foro_shad.gif) repeat-x;
	padding:20px 5px 5px 5px;
	width:100%
}
#foro_cont{
	overflow:hidden;
	width:98%;
	background:url(foro_bg.gif) repeat-x #898985
}
#foro_cont h2{
	color:#cfcfc8;
	float:left;
	margin:8px 0 5px 5px;
	padding:0
}
#foro_cont .foro_btn{
	float:right;
	color:#fff;
	font-size:0.85em;
	font-weight:bold;
	background:url(foro_btn.gif) repeat-x #989894;
	padding:2px 5px;
	margin:8px 5px 5px 0
}
#foro_cont .foro_btn:hover{
	color:#333
}
#foro_cont ul{
	list-style:url(side1_bullet.gif);
	margin:0;
	padding:0;
	float:left;
	width:100%
}
* html #foro_cont ul{
	margin:0
}
#foro_cont ul li{
	margin:0;
	padding:0;
	list-style:url(side1_bullet.gif);
	font-size:0.97em;
	margin-left:30px
}
#foro_cont ul li a{
	font-size:0.9em;
	text-decoration:underline;
	color:#fff
}
#foro_cont ul li a:hover{
	text-decoration:none
}
#foro_cont ul li .foro_info{
	font-size:0.9em;
	color:#e1e1e1
}
#foro_cont .btn{
	float:right
}

/* ------------------------- FOOTER ------------------------- */
#footer_content{
	padding:1em 0 0.5em 0;
	font-size:0.7em;
	text-align:center;
	background:url(footer_bg.gif) repeat-x #fff
}
/* ------------------------- NOTICIA -------------------------*/
.news_img{
	float:left;
	margin-right:10px;
	margin-bottom:0.5em
}
.news_desc{
	font-size:1.2em;
	font-weight:bold
}
.con_foto{
	width:99.5%
}
.news_cont{
	font-size:0.9em;
	margin-top:1em;
	clear:both
}


/* ------- LISTADOS: A�OS (RESULTADOS/NOTICIAS), MES (RESULTADOS/NOTICIAS), CHILDS (CARATULAS) -------*/

#anos{
	overflow:hidden
}
#anos ul{
	list-style:none;
	margin:0;
	padding:0
}
#anos ul li{
	overflow:hidden;
	width:17%;
	margin:0;
	padding:0;
	margin-right:10px;
	margin-bottom:25px;
	border-right:1px solid #e1e1e1;
	float:left
}
#anos ul li ul{
	margin:0;
	padding:0;
	margin-left:5px
}
#anos ul li ul li{
	margin:0;
	padding:0;
	margin-left:10px;
	width:100%;
	background:none;
	float:none
}
#meses ul{
	list-style:none
}
#mes ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size:1em
}
#mes ul li{
	overflow:hidden;
	width:100%;
	clear:both;
	margin:0;
	padding:0;
	padding:0.5em 0;
	border-bottom:1px solid #f1f1f1
}
* html #mes ul li{
	margin:0;
	padding:0.5em 0;
	float:left;
	overflow:hidden;
	width:95%;
	list-style-image:none
}
#mes ul li img{
	width:70px;
	height:51px;
	border:2px solid #10507e;
	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;
	margin-top:1em;
}

#historial_agenda ul,#ano_agenda ul{
	list-style:none;
	margin:0;
	padding:0
}
#historial_agenda ul li,#ano_agenda ul li{
	margin-left:0.5em
}
#mes_agenda ul{
	margin:0
}
#mes_agenda ul li{
	margin-left:15px;
	list-style:url(side1_bullet.gif)
}



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

table{
	border:1px solid #ddd;
	font-size:1em;
	padding:0;
	padding-bottom:0.5em;
	width:100%;
	margin:0
}
th{
	font-weight:bold;
	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
}


/* ------------------------- BOLETIN ------------------------- */


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





/* ------------------------- SWFs ------------------------- */

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

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


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

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

#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: 0px;
	}
#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 no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(next.gif) right 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 ------------------------- */
.content .fototeca{
	margin:0;
	padding:0;
	overflow:hidden;
	list-style:none
}
.content .fototeca li{
	margin:0;
	padding:0;
	float:left;
	margin:0 10px 10px 0;
	list-style:none
}
.fototeca li a{
	list-style:none;
	font-weight:bold;
	display:block;
	padding-top:90px;
	padding-bottom:3px;
	width:138px;
	text-align:center;
	border:1px solid #f1f1f1;
	text-decoration:none
}
.fototeca li a:hover{
	text-decoration:underline
}
.fototeca_cant{
	font-size:0.85em
}
.fototeca #icono37{
	background:url(cat37.jpg) no-repeat 10px 10px
}
.fototeca #icono42{
	background:url(cat42.jpg) no-repeat 10px 10px
}
.fototeca #icono45{
	background:url(cat45.jpg) no-repeat 10px 10px
}
.fototeca #icono48{
	background:url(cat48.jpg) no-repeat 10px 10px
}
.fototeca #icono54{
	background:url(cat54.jpg) no-repeat 10px 10px
}
.fototeca #icono51{
	background:url(cat51.jpg) no-repeat 10px 10px
}
.fototeca #icono57{
	background:url(cat57.jpg) no-repeat 10px 10px
}
.fototeca #icono60{
	background:url(cat60.jpg) no-repeat 10px 10px
}
.fototeca #icono63{
	background:url(cat63.jpg) no-repeat 10px 10px
}
.fototeca #icono125{
	background:url(cat125.jpg) no-repeat 10px 10px
}
.fototeca #icono138{
	background:url(cat138.jpg) no-repeat 10px 10px
}
.fototeca #icono154{
	background:url(cat154.jpg) no-repeat 10px 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:135px;
	height:100px;
	overflow:hidden;
}
.childscontainer .thumbs li p,.thumbscontainer .thumbs li p{
	text-align:center;
	line-height:0.8em;
	margin:0;
	padding:0;
	padding-top:0.3em;
	padding-bottom:0.5em;
	font-size:0.85em
}
.childscontainer .thumbnail,.thumbscontainer .thumbnail{
	border:2px solid #b4b4b0
}
.pagenumbers{
	width:100%;
	text-align:center;
	font-size:0.8em
}
.picture{
	height:350px
}

/* ------------------------- PLANTILLA SIMPLE ------------------------- */
.body_simple{
	margin:1em 0.5em;
	padding:0
}


#estiba{
	text-align:center
}
#estiba img{
	border:0;
	border-left:1px solid;
	border-right:1px solid;
	border-color:#d1d1d1;
	margin-bottom:1em
}