/*RESET*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, li, ol, p, form, dd, dl, dt, label, fieldset, legend, address, center{margin:0;padding:0;list-style:none;font-weight:normal;font-style:normal;}


img, fieldset{border:0;}
a{text-decoration:none;color:#333333;}
a:hover{text-decoration:underline;}
input, select, textarea{font:12px Arial, Helvetica, sans-serif;outline:none;}
textarea{margin:0;resize:none;}
table, tr, td, th, tbody, thead{border:0;margin:0;padding:0;border-collapse:collapse;}
/*CLEARFIX*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*ciudadx*/
body {
	font:12px/15px Arial, Helvetica, sans-serif;
	background-color: #000000;
	margin: 0px;
	padding: 0px;
}
.pagina {
	background-color: #FFFFFF;
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	padding: 15px;
}
.cabezal{height:80px;}
.cabezal .logo{float: left; width:260px; }
.cabezal .menu{float:right; padding-top:15px;}
.cabezal .menu ul li{float:left; margin-left:40px; }
.cabezal .menu ul li a{ display:block; /*overflow:hidden;*/ }

.cabezal .menu ul li a.estemes{
	width:81px;
	height:18px;
	background-image: url(../img/btn_estemes.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.cabezal .menu ul li a.archivo{
	width:79px;
	height:18px;
	background-image: url(../img/btn_archivo.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.cabezal .menu ul li a.acercade{
	width:94px;
	height:18px;
	background-image: url(../img/btn_acercade.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.cabezal .menu ul li a.contacto{
	width:94px;
	height:18px;
	background-image: url(../img/btn_contacto.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}


.cabezal .menu ul li a:hover {background-position:left top; text-decoration:none;}
.estemes .salidas{margin-bottom:10px;}
.cuerpo .cd{ width:140px; float:left;}
.cuerpo .ci{ width:780px; float:left; margin-right:20px;}
.cuerpo .cd .mes{padding:2px; width:100%;}
.cuerpo .cd .portada{padding:10px 0;}
.cuerpo .cd .creditos{
	font-family: Tahoma, Arial, verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #000000;
}
.cuerpo .cd .creditos h3{font-family:Arial, Helvetica, sans-serif; font-size:13px; margin:10px 0; line-height:15px; font-weight:bold; }
.cuerpo .cd .creditos p{margin-bottom:10px; }
.cuerpo .cd .creditos p.numero{font:13px Arial, Helvetica, sans-serif}
.cuerpo .cd .creditos strong{color:#FFFFFF; background:#000000;}
.cuerpo .cd .creditos ul li{background: url(../img/bullet.jpg) no-repeat; }
.cuerpo .cd .creditos ul li a{margin-left:15px}
.cuerpo .ci .principal{width:780px; height: 280px; margin-bottom:14px;}
.cuerpo .ci .principal .foto{float:left; width:360px;}
.cuerpo .ci .principal .contenido{float:left; width:350px; margin-top:10px;}
.cuerpo .ci .principal .contenido img{margin:20px 0;}
.cuerpo .ci .principal .contenido p{font-size:14px; line-height:18px; margin-bottom:10px;}
.cuerpo .ci .principal .contenido li{ list-style:inside square; font-size:14px; margin-bottom:5px;}


.sumario{width:960px; display:block;clear:both;}
.sumario .titulo{background:#000000; padding:3px; margin-bottom:10px; .margin-top:10px;}
.sumario .col{float:left; width:233px; margin-right:9px;}
.sumario .last{margin-right:0px;}
.sumario .nota{padding:10px; margin-bottom:9px;}
.sumario .nota h6{font-family:Tahoma, Arial, verdana, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000; text-transform:uppercase; margin-bottom:4px;}
.sumario .nota em{
	font-style: normal;
}
.sumario .nota h4{font-size:16px; font-weight:bold;}
.sumario .nota h5{font-size:12px; font-weight:bold;}
.sumario .nota p{font-family:Tahoma, Arial, verdana, Helvetica, sans-serif; font-size:11px;color:#000000; }
.sumario .nota img{float:left; margin-right:10px; margin-bottom:10px;}

.pie{width:960px; display:block;clear:both;}
.pie .barra{height:24px; background:url(../img/bg_pie.png); width:100%; margin-bottom:10px;
 }
 .pie .links{font-family:Tahoma, Arial, verdana, Helvetica, sans-serif; color:#CCCCCC; float:left; width:50%; margin-top:30px; font-size:11px;}
  .pie .links em{font-style: normal; color:#333333;}
 .pie .logos{float:right; }
  .pie .logos img{float:left; padding-left:10px;}
  

/*JS*/
.item {
	width:250px;
	height:200px;		
	/* required to hide the image after resized */
	overflow:hidden;
	/* for child absolute position */
	position:relative;
	/* display div in line */
	float:left;
	margin-right:14px;
	margin-bottom:14px;
}
.item .caption {
	width:230px;
	height:180px;
	color:#fff;
	/* fix it at the bottom */
	position:absolute;
	left:0;
	/* hide it by default */
	display:none;
	background-image: url(../img/bg_transparente.png)!important;
	filter: none !important;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg_transparente.png', sizingMethod='scale');
	background-repeat: repeat;*/
	padding:10px;
	.background-color:#000;
	
}
.item .caption h2{
	font-size: 20px;
	line-height:21px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom:5px;
}
.item .caption a {
	text-decoration:none;
	color:#0cc7dd;
	font-size:16px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}
.item .caption h3{	font-size:15px; margin-bottom:5px;}
.item .caption p {	
font-family:Tahoma, Arial, verdana, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	color:#CCCCCC;
	margin-bottom:5px;
}
.last{ margin-right:0px;}
.item img {
	border:0;
	
	/* allow javascript moves the img position*/
	position:absolute;
}

.clear {
	clear:both;	
}
/*fin js*/
/*Archivo*/
.archivo .col{float:left; width:220px; margin-right:20px; position:relative; height:285px; margin-bottom:20px;}
.archivo .last{margin-right:0px;}  
.archivo .col .item {
	width:220px;
	height:250px;		
	/* required to hide the image after resized */
	overflow:hidden;
	/* for child absolute position */
	position:relative;
	/* display div in line */
	float:left;
	/*border:1px solid #cccccc;*/
	margin-right:0px;
	margin-bottom:0px;
}
.archivo .col .item .caption {
	width:220px;
	height:250px;
	color:#fff;
	/* fix it at the bottom */
	/*position:absolute;*/
	left:0;
	/* hide it by default */
	display:none;
	background-image: url(../img/over_tapa.png)!important;
	filter: none !important;
	padding:10px;
}
.archivo .col .item img.tapa {
	border:0;
	
	/* allow javascript moves the img position*/
	position:absolute;
}
.archivo .col .mes {
	width: 220px;
	/*position:absolute;
	bottom:0;
	left:0;*/
	border:1px solid #CCCCCC;
	height:26px;
	display: inline-block;
	margin-top:3px;
	
}
.archivo .col .mes img{margin:2px;}
.archivo .col .bg_proximamente{background:#CCCCCC;}
.archivo .col .proximamente{border:1px solid #CCCCCC;}

/*Ciudadx*/
.ciudadx .cuerpo .cd{ width:220px; float:left; background:url(../img/bg_linea_vertical.png) repeat-y left top;}
.ciudadx .cuerpo .cd .titulo{background:#E5E5E5; width:100%;}
.ciudadx .cuerpo .cd .titulo img{margin:6px;}
.ciudadx .cuerpo .cd .integrante{margin-left:10px; margin-top:10px; margin-bottom:20px;}
.ciudadx .cuerpo .cd .integrante img{float:left; margin-right:10px;}
.ciudadx .cuerpo .cd .integrante p{font-family:Tahoma, Arial, verdana, Helvetica, sans-serif; font-size:12px;color:#000000; font-weight:bold;}
.ciudadx .cuerpo .cd .integrante strong{background:#999999; color:#FFFFFF; font-size:11px;}
.ciudadx .cuerpo .ci{ width:700px; float:left; margin-right:20px;}
.ciudadx .cuerpo .ci img, .ciudadx .cuerpo .ci object{float:left; margin-right:20px;margin-bottom:20px;}
.ciudadx .cuerpo .ci p{ font-size:15px; line-height:17px; margin-bottom:10px; }
/*Contacto*/
.contacto .cuerpo .ci img{float:left; margin-right:20px;margin-bottom:20px;}
.contacto .cuerpo .ci h1{font-size:15px; margin-bottom:10px;}
.contacto .cuerpo .ci p{font-size:12px;margin-bottom:10px;}
.contacto .cuerpo .ci .formulario{font-weight:bold;}
.contacto .cuerpo .ci table td{padding:5px 0;}
.contacto .cuerpo .ci .campo{border:1px solid #CCCCCC; width: 270px; background:#F0F0F0;}
.contacto .cuerpo .ci .area{border:1px solid #CCCCCC; width: 266px; background:#F0F0F0;}
.contacto .cuerpo .ci a{color:#CD002D;  text-decoration:none;}
.contacto .cuerpo .ci a:hover{text-decoration:underline; color:}
/*ERROR*/
.error .cuerpo{background:url(../img/error.png) no-repeat; width:940px; height:431px;}
.error .cuerpo p{ color:#FFFFFF; font-size:15px; padding-top: 210px; padding-left:46px;}
/*Marca menu*/
.archivo .cabezal .menu ul li a.archivo {background-position:left top; text-decoration:none;}
.estemes .cabezal .menu ul li a.estemes {background-position:left top; text-decoration:none;}
.contacto .cabezal .menu ul li a.contacto {background-position:left top; text-decoration:none;}
.ciudadx .cabezal .menu ul li a.acercade {background-position:left top; text-decoration:none;}

/*Julio 2010*/
.bg_julio{background:#D9EFFA}
.julio .nota{background:#D9EFFA}
.sumario .separador{clear:both; width:100%; height:10px; background:url(../img/bg_separador.png) repeat-x center;display:block;}
.archivo .col .julio{border:1px solid #D9EFFA}
.archivo .col .julio .caption{border-color:#D9EFFA;background-image: url(../img/julio2010/over_tapa.png)!important;}

/*Agosto 2010*/
body.agosto{
	background-color: #000;
	background-image: url(../img/agosto2010/bg.jpg);
	background-repeat: no-repeat;
}
.bg_agosto{background:#B59526}
.bg_agosto p, .bg_agosto ul li{color:#FFF;}
.agosto .nota{background:#F0EAD4;}
.sumario .separador{clear:both; width:100%; height:10px; background:url(../img/bg_separador.png) repeat-x center;display:block;}
.archivo .col .agosto{border:1px solid #B59526}
.archivo .col .agosto .caption{border-color:#B59526;background-image: url(../img/agosto2010/over_tapa.png)!important;}

/*Septiembre 2010*/
.bg_septiembre { background:#F4D100;}
.septiembre .cuerpo .ci .principal .contenido { width:405px;}
.septiembre .cuerpo .ci .principal .contenido img {margin: 15px 0px 17px;}
.septiembre .cuerpo .ci .principal .contenido p { color:#000000; font-size:14px; line-height:17px; margin-bottom:7px;}
.septiembre .cuerpo .ci .principal .contenido li { color:#000000; font-size:14px; margin-bottom:3px;}
.septiembre .nota { background:#F3EDC2;}
.archivo .col .septiembre {border:1px solid #F4D100}
.archivo .col .septiembre .caption{border-color:#F4D100;background-image: url(../img/septiembre2010/over_tapa.png)!important;}

/*Octubre 2010*/
.bg_octubre { background:#3352A3;}
.octubre .cuerpo .ci .principal .contenido { margin-left:25px; margin-top:6px;}
.octubre .cuerpo .ci .principal .contenido img {margin: 16px 0;}
.octubre .cuerpo .ci .principal .contenido p { color:#fff; line-height:17px;}
.octubre .cuerpo .ci .principal .contenido li { color:#fff; margin-bottom:3px;}
.octubre .nota { background:#D1DAF0;}
.archivo .col .octubre {border:1px solid #3352A3}
.archivo .col .octubre .caption{border-color:#3352A3;background-image: url(../img/octubre2010/over_tapa.png)!important;}
.octubre .sumario .separador { height:13px;}
body.octubre {background-color:#3352A3;background-image:url(../img/octubre2010/bg2.jpg);background-repeat:no-repeat; background-position: center top; background-attachment:fixed;}

/*Noviembre 2010*/
.bg_noviembre { background:#4A9CD8;}
.noviembre .cuerpo .ci .principal .contenido { margin-top:4px; width:380px; position:absolute; right:7px; top:0;}
.noviembre .cuerpo .ci .principal .contenido img {margin: 13px 0;}
.noviembre .cuerpo .ci .principal .contenido p { color:#fff; line-height:17px;}
.noviembre .cuerpo .ci .principal .contenido li { color:#fff; margin-bottom:3px;}
.noviembre .nota { background:#BBDBF0;}
.archivo .col .noviembre {border:1px solid #4A9CD8}
.archivo .col .noviembre .caption{border-color:#4A9CD8;background-image: url(../img/noviembre2010/over_tapa.png)!important;}
.noviembre .sumario .separador { height:13px}
.noviembre .cuerpo .ci .principal .foto {bottom:0;left:0;position:absolute;}
.noviembre .cuerpo .ci .principal {position:relative;}


/*Diciembre 2010*/
.bg_diciembre { background:#3C505A;}
.diciembre .cuerpo .ci .principal .contenido { margin-top:4px; margin-left:28px; width:385px;}
.diciembre .cuerpo .ci .principal .contenido img {margin: 10px 0;}
.diciembre .cuerpo .ci .principal .contenido p { color:#fff; line-height:17px;}
.diciembre .cuerpo .ci .principal .contenido li { color:#fff; margin-bottom:3px;}
.diciembre .nota { background:#CCD8DD;}
.archivo .col .diciembre {border:1px solid #333}
.archivo .col .diciembre .caption{border-color:#333;background-image: url(../img/diciembre2010/over_tapa.png)!important;}
.diciembre .sumario .separador { height:13px}
body.diciembre {background-color:#4882BE;background-image:url(../img/diciembre2010/bg.jpg);background-repeat:no-repeat; background-position: center top; background-attachment:fixed;}

/*Enero 2011*/
body.enero{background:#A33652 url(../img/enero2011/bg.gif)}
.bg_enero{ background:#A33652;}
.enero .cuerpo .ci .principal .foto{width:415px;}
.enero .cuerpo .ci .principal .contenido { margin-top:4px; margin-left:20px; width:320px; color:#fff}
.enero .cuerpo .ci .principal .contenido img {margin: 10px 0;}
.enero .cuerpo .ci .principal .contenido p { color:#fff; line-height:17px;}
.enero .cuerpo .ci .principal .contenido li { color:#fff; margin-bottom:3px;}
.enero .nota { background:#E8CCD3;}
.archivo .col .enero {border:1px solid #A33652}
.archivo .col .enero .caption{border-color:#333;background-image: url(../img/enero2011/over_tapa.png)!important;}
.enero .sumario .separador { height:13px}

/*Febrero 2011*/
body.febrero{background:#fff url(../img/febrero2011/bg.png) no-repeat top center;}
.bg_febrero{background:#DB1F3B; }
.borde_febrero{border:5px solid #DB1F3B;}
.febrero .cuerpo .ci .principal {height:270px; width:770px;}
.febrero .cuerpo .ci .principal .foto{width:440px;}
.febrero .cuerpo .ci .principal .contenido { margin-top:4px; margin-left:10px; width:300px; color:#fff}
.febrero .cuerpo .ci .principal .contenido img {margin: 10px 0;}
.febrero .cuerpo .ci .principal .contenido p { color:#fff; line-height:17px;}
.febrero .cuerpo .ci .principal .contenido li { color:#fff; margin-bottom:3px;}
.febrero .nota { background:#7F9CBD;}
.archivo .col .febrero {border:1px solid #DB1F3B}
.archivo .col .febrero .caption{border-color:##DB1F3B;background-image: url(../img/febrero2011/over_tapa.png)!important;}
.febrero .sumario .separador { height:13px}

/*Marzo 2011*/
body.marzo{background:#9BD8DB url(../img/marzo2011/bg.jpg) no-repeat fixed top center;}
.bg_marzo{background:#FFEE0A; }
.borde_marzo{border:5px solid #FFEE0A;}
.marzo .cuerpo .ci .principal {height:270px; width:770px;}
.marzo .cuerpo .ci .principal .foto{width:440px;}
.marzo .cuerpo .ci .principal .contenido { margin-top:4px; margin-left:10px; width:300px; color:#fff}
.marzo .cuerpo .ci .principal .contenido img {margin: 10px 0;}
.marzo .cuerpo .ci .principal .contenido p { color:#000; line-height:17px;}
.marzo .cuerpo .ci .principal .contenido li { color:#000; margin-bottom:3px;}
.marzo .nota { background:#FFF684;}
.archivo .col .marzo {border:1px solid #FFEE0A}
.archivo .col .marzo .caption{border-color:#DB1F3B;background-image: url(../img/marzo2011/over_tapa.png)!important;}
.marzo .sumario .separador { height:13px}


