/* CSS Document */



/* Estilo etiquetas general ******************************************************************************* */

*{

	margin:0;

	padding:0;

}

body {

	margin:0 auto;

	font-family:Arial, Helvetica, sans-serif;

	font-size:80%;

	color:#333333;

	background: url(../images/fondo_body.gif) repeat-y top center fixed #fff;

	text-align:center;
	
	text-rendering: optimizeLegibility;

}

h1{

	color: #000;

	font-weight:bold;

	font-size:260%;

	margin:0 auto;

	padding-top:25px;

	display: none;

}

h2{

	color: #7c7a7a;

	font-size:150%;

	text-transform:uppercase;

	font-weight:normal;
	
	font-size-adjust:0.5;
	cursor:pointer;
}
h2 span{

	display:none;
	
}
h4{

	color: #4B6CA3;

	font-size:140%;

}

h5{

	color: #4B6CA3;

	font-size:140%;

}

h5{

	color: #4B6CA3;

	font-size:100%;

}

img{

	border: none;

}

hr{

	height:1px;

	width:100%;

	border-bottom: 1px solid #999;

	outline:none;

	margin:10px 0px 10px 0px;

}

ul, ol, li{

	list-style: none;

}

a{

	outline:none;

	color:#333333;

	text-decoration:none;

	outline:none;

}

a:hover{

	color:#333333;

	text-decoration:underline;

}

iframe{

	border:none;

	overflow: hidden;

	background:#FFFFFF;

	width:100%;

	min-height:440px;

	border:none;

}



/* Estilo cajas contenedoras ******************************************************************************* */

#contenedor{

	width:100%;

	display:block;

	background: url(../images/fondo_superior.png) no-repeat top center;

	height:auto !important;

	height:100%;

	min-height:100%;

	text-align:center;

}

* html #contenedor {

	height:100%;

}

#cuerpo{

	width:980px;

	margin: 0 auto;

	background: url(../images/fondo_superior.png) no-repeat top center;

	height:auto !important;

	height:100%;

	min-height:100%;

}

* html #cuerpo {

	height:100%;

}

#cabecera {
	text-align:left;
	display:block;
	height:181px;
	width:978px;
	margin-top:10px;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-top:1px solid #999;
	position:relative;
	cursor:pointer;
	z-index:4;
	background: #fff;

}

#cabecera_imagen{

	display:block;

	height:181px;

	width:300px;

	float:left;

}

#cabecera_int{

	display:block;

	height:181px;

	width:678px;

	float:right;

}

#menu_nivel_1 {

	text-align:center;

	width:978px;

	border-left: 1px solid #999;

	border-right: 1px solid #999;

	border-top: 1px solid #999;

	/*background:#4B6CA3;*/

	background: url(../images/fondo_menu1.gif) repeat-x left bottom #dc006b;

	float:left;
	
	display:block;

	padding: 4px 0 0;

	font: bold 90% Arial,Helvetica,sans-serif;
	
	min-height:22px;

	height:22px;

}

#menu_nivel_2 {

	text-align:center;

	width:978px;

	border-left: 1px solid #999;

	border-right: 1px solid #999;

	border-bottom: 1px solid #acacac;

	background: url(../images/fondo_menu2.gif) repeat-x left bottom #f1f1f1;

	float:left;
	
	display:block;

	padding: 0 0 5px;

	font: bold 90% Arial,Helvetica,sans-serif;

	min-height:22px;

	height:22px;

}
#menu_nivel_2 ul{
	display:none;
}

#menu_nivel_3 {

	text-align:center;

	width:978px;

	border-left: 1px solid #999;

	border-right: 1px solid #999;

	border-bottom: 1px solid #acacac;

	background: url(../images/fondo_menu3.gif) repeat-x left bottom #fff;

	float:left;

	padding: 0 0 5px;

	font: bold 85% Arial,Helvetica,sans-serif;

	min-height:22px;

	height:22px;

	display:none;

}

#contenido{

	width:978px;

	float:left;

	background: #FFFFFF;

	border-right: 1px solid #999;

	border-left: 1px solid #999;

	padding:10px 0px 0px 0px;

}

#col_c{

	display:block;

	background:#FFFFFF;

	float:left;

	margin: 0 15px;

    width: 645px;

}

#col_i{

	float:left;

	display:block;

	padding:0 5px 0 10px;

	margin-bottom:10px;

	width:150px;

}

#col_d{
	background: #fff;
	display: block;
	float: right;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 5px 10px 5px 5px;
	width: 275px;

}



/* Estilo cajas cabecera ******************************************************************************* */

#logo_ifema{

	position:absolute;

	right:7px;

	top:18px;

}

#logo_dc{

	position:absolute;

	right:14px;

	top:121px;

}

#logo{

	float:left;

	margin: 5px 20px 0 0px;

}

#colaboraciones{

	position:absolute;

	right:120px;

	top:15px;

	font-size:85%;

	text-align:center;

	color:#666666;

	display:none;

}

#colaboraciones img{

	clear:both;

	margin:5px 0 0;

}

#leyenda{
	margin:0 auto;
	padding-top:15px;
	position:absolute;
	left:320px;
	top:0px;
	text-align:left;
	width:349px;
	height: 122px;

}

/* Estilo cajas columnas ******************************************************************************* */

.caja{

	display:block;

	background: url(../images/fondo_cajas.jpg) repeat-x left bottom #f7f7f7;

	border-style:solid;

	border-width:2px;

	border-color: #CCCCCC #999 #999 #CCCCCC ;

	margin-bottom:10px;

	padding:0 2% 2%;

	width: 96%;

	clear:both;

}

.caja div{

	margin: 0 auto;

	padding:0 2% 0 1%;

}

.caja h3{

	font-size:90%;

	padding:2px 3px 3px 3px;

	color: #fff;

	margin: 2% 0px 2% 0px;

	background: url(../images/fondo_menu1.gif) repeat-x 0 0 #393939;

	border-style:solid;

	border-width:1px;

	border-color:  #a1a1a1 #000 #000 #a1a1a1;

}

.caja h3 span{

	text-align:left;

	display:block;


}

.caja ul li{

	font-size:88%;

	text-align:center;

	color:#000;

	margin-top:5px;

}

#col_d .caja ul li{

	text-align:center;

}

#col_d .caja ul li a{

	font-weight:bold;

	color:#000;

	text-transform:uppercase;

	text-align:left;

}
#col_d .caja ul.destacado li{

	border-bottom: 1px solid #CCCCCC;

}
#col_d .caja ul.destacado li a{
float:left;
white-space:nowrap;
}
 

.caja li a{

	color:#333;

	cursor:pointer;

	text-decoration:none;

	text-align:center;

	font-weight:bold;

}

.caja li a:hover{

	text-decoration: underline;

}

.caja li a img{

	padding:0px;

	margin: 0 auto;

}



/* Estilo menu_nivel_1 ******************************************************************************* */

#menu_nivel_1 ul{

	background-color: #99CC00;

    margin-left: 6px;

}

#menu_nivel_1 li{

	float: left;

    margin-right: 2px;

}

#menu_nivel_1 li a.activo{

	background-color: #f1f1f1;

    display: inline;

    float: left;

    text-align: center;

}

#menu_nivel_1 li a{

	color: #FFFFFF;

	display: inline;

	float: left;

	height: 20px;

	margin-right: 1px;

	padding: 2px 6px 0;

}

#menu_nivel_1 li a.activo{

	border-left: 1px solid #CCD5D9;

    border-right: 1px solid #CCD5D9;

    color: #000000;

    display: block;

    margin-right: 0;

}

#menu_nivel_2 li{

	display: inline;

    float: left;

    line-height: 145%;

	padding: 5px 0px 0 4px;

	color:#ccc;

}

#menu_nivel_2 li a.activo, #menu_nivel_3 li a.activo{

	color: #000;
	text-decoration:underline;

}

#menu_nivel_2 li a{

	margin-left: 4px;

    margin-right: 2px;

	color: #5C5C5C;
	
	background:url(../images/separador_menu.gif) no-repeat right top;
	
	padding-right:10px;

}

#menu_nivel_3 li{

	display: inline;

    float: left;

    line-height: 145%;

	padding: 5px 0px 0 4px;

	color:#ccc;

}

#menu_nivel_3 li a{

	margin-left: 4px;

    margin-right: 2px;

	color: #5c5c5c;
	
	background:url(../images/separador_menu.gif) no-repeat right top;
	
	padding-right:10px;

}
#menu_nivel_1 a.fin, #menu_nivel_2 a.fin, #menu_nivel_3 a.fin{
	
	background: none;

}

/* Estilo pie de pagina ******************************************************************************* */

#pie {

	height:30px;

	clear: both;

	bottom:0;

	width:100%;

	display:block;

	font-size:85%;

	text-align:left;

	border-top: 1px solid #999;

	padding-top:5px;

	color:#666666;

}

#copy_right{

	float:left;

}

#pie li{

	float:right;

	padding-left:10px;

}



/* Estilo clases generales ******************************************************************************* */

.oculto, .alt{	display:none; }

.flota_i{

	float:left;

}

.margen_i{

	margin:0 10px 10px 0;

}

.flota_d{

	float: right;

}

.margen_d{

	margin:0 0 10px 10px;

}

.marco{

	border:2px solid #4B6CA3;

	padding:4px;

	background:#CCCCCC;

}



/* Estilo iconos ******************************************************************************* */

.carpeta{margin:0;min-height:16px;padding:2px 2px 2px 23px;background: transparent url('../images/iconos/carpeta.gif') no-repeat 0px 0px;}

.doc{margin:0;min-height:16px;padding:2px 2px 2px 23px;background: transparent url('../images/iconos/doc.gif') no-repeat 0px 0px;}

.xls{margin:0;min-height:16px;padding:2px 2px 2px 23px;background: transparent url('../images/iconos/xls.gif') no-repeat 0px 0px;}

.pdf{margin:0;min-height:16px;padding:2px 2px 4px 20px;background: transparent url('../images/iconos/pdf.gif') no-repeat 0px 0px;}

.ppt{margin:0;min-height:16px;padding:2px 2px 2px 23px;background: transparent url('../images/iconos/ppt.gif') no-repeat 0px 0px;}

.htm{margin:0;min-height:16px;padding:2px 2px 2px 23px;background: transparent url('../images/iconos/htm.gif') no-repeat 0px 0px;}

.zip{margin:0;min-height:16px;padding:2px 2px 2px 23px;background: transparent url('../images/iconos/zip.gif') no-repeat 0px 0px;}

.img{margin:0;min-height:16px;padding:2px 2px 2px 23px;background: transparent url('../images/iconos/img.gif') no-repeat 0px 2px;}

.mail{margin:0;min-height:16px;padding:2px 2px 2px 23px;background: transparent url('../images/iconos/mail.gif') no-repeat 0px 2px;}

.vacio{margin:0;min-height:16px;padding:2px 2px 2px 23px;background: transparent url('../images/iconos/vacio.gif') no-repeat 0px 2px;}

.xml{margin:0;min-height:16px;padding:2px 2px 2px 23px;background: transparent url('../images/iconos/xml.gif') no-repeat 0px 0px;}

.rar{margin:0;min-height:16px;padding:2px 2px 2px 23px;background: transparent url('../images/iconos/rar.gif') no-repeat 0px 0px;}

.outlook{margin:0;min-height:16px;padding:2px 2px 2px 23px;background: transparent url('../images/iconos/outlook.gif') no-repeat 0px 0px;}

.google{margin:0;min-height:16px;padding:2px 2px 2px 23px;background: transparent url('../images/iconos/google.gif') no-repeat 0px 0px;}

.calendar{margin:0;min-height:16px;padding:2px 2px 2px 23px;background: transparent url('../images/iconos/calendar.gif') no-repeat 0px 0px;}

.aviso{margin:0;min-height:16px;padding:2px 2px 2px 16px;background: transparent url('../images/legal.gif') no-repeat 0px 0px;}

.contactar{margin:0;min-height:16px;padding:2px 2px 2px 18px;background: transparent url('../images/contact.gif') no-repeat 0px 0px;}

.imprimir{margin:0;min-height:16px;padding:2px 2px 2px 19px;background: transparent url('../images/print.gif') no-repeat 0px 0px;}

.destacado li{margin:0;min-height:19px;padding:2px 2px 2px 20px;background: transparent url('../images/iconos/star.gif') no-repeat 0px 3px;}
li.ediciones{margin:0;min-height:19px;padding:2px 2px 2px 20px;background: transparent url('../images/cibeles.gif') no-repeat 0px 3px;}

.destacado li a span{
	display:none;
	font-size-adjust:0.5;
	float:left;
    font-size: 160%;
    font-weight: normal;
	color:#333333;

}



/* Date Sprite ******************************************************************************* */

.fechas {

	float: left;

    height: 58px;

    margin: 90px 0 0 118px;

    position: relative;

    width: 195px;

	cursor:pointer;
}

.mes, .dia, .ano{

	position:absolute; text-align:right; font-family: Arial, Helvetica, sans-serif;

}

.mes { bottom: 0px; left: 0; width:80px; font-size:140%; }

.dia { top: 8px; left: 0; width:80px; font-weight:bold; font-size:210%;}

.ano { top: 0; right: 0px; width:112px; color:#999999; font-size:440%; font-weight:bold; text-align:left; padding-left:8px; letter-spacing:-2px;}



/* -- REDES --------------------------------------------- */

#contenedor_redes{
	display: block;
	margin-bottom: 10px;
	width: 270px;
	margin-left: 5px;

}

#contenedor_redes div {

    padding: 0px 2% 0 1%;

}

#contenedor_redes div ul div div {

    padding: 5px 10px 5px 10px;

}

#contenedor_redes div ul div div div {

    padding: 0 0 5px;

}

#contenedor_redes ul{

    list-style:none;

    list-style-position:outside;

	display: block;

}

#contenedor_redes ul.menu li{

    float:left;

    margin-right:0px;

    margin-bottom:-1px;

	background: url(../images/fondo_tab.jpg) repeat-x top left #d6d5d6;

}

#contenedor_redes ul.menu li{

    background: url(../images/fondo_tab.jpg) repeat-x top left #d6d5d6;

    border-width: 1px;

    color: #000000;

    cursor: pointer;

    display: block;

    font-size: 100%;

    font-weight: bold;

    margin: 0px 0 -1px 10px;

    padding: 5px 10px 0px 5px;

    position: relative;

    border-radius:3px 3px 0 0;

    -moz-border-radius:3px 3px 0 0;

    -webkit-border-radius:3px 3px 0 0;

}

#contenedor_redes ul.menu li img{

	vertical-align: middle;

}

#contenedor_redes ul.menu li:hover, #contenedor_redes ul.menu #tab_facebook:hover, #contenedor_redes ul.menu #tab_twitter:hover{

    background: url(../images/fondo_tab.jpg) repeat-x top left #d6d5d6;

}

#contenedor_redes ul.menu li.active:hover, #contenedor_redes ul.menu #tab_facebook.active:hover, #contenedor_redes ul.menu #tab_twitter.active:hover{

    background: #fff;

}

#contenedor_redes ul.menu li:hover{

	border-top:1px solid #ccc;

	border-left:1px solid #ccc;

	border-right:1px solid #ccc;

	background:#fff;

}

#contenedor_redes ul.menu li.active{

    top:1px;

    border-bottom:0;

    color:#000000;

	border-top:1px solid #ccc;

	border-left:1px solid #ccc;

	border-right:1px solid #ccc;

	background:#fff;

}

#contenedor_redes .content_redes{

    float: left;

    margin: 0 3px 10px;

    padding: 8px 5px 0;

}

#contenedor_redes .cont_redes li{

	background: none repeat scroll 0 0 #FFFFFF;

    border: 1px solid #CCCCCC;

	float:left;

	border-radius:5px;

    -moz-border-radius:5px;

    -webkit-border-radius:5px;

}

/******* NOTICIAS *******/

.content_redes.noticias h3{

    background:transparent url(img/news.png) no-repeat scroll left top;

}

.content_redes.tab_facebook{

    display:block;

	margin-top:0;

}

/******* /NOTICIAS *******/
/* iconos */
.carpeta{margin:0;min-height:16px;padding:2px 2px 2px 23px;background: transparent url('../imagenes/iconos/carpeta.gif') no-repeat 0px 0px;}
.doc{margin:0;min-height:16px;padding:2px 2px 2px 21px;background: transparent url('../imagenes/iconos/doc.gif') no-repeat 0px 0px;}
.xls{margin:0;min-height:16px;padding:2px 2px 2px 21px;background: transparent url('../imagenes/iconos/xls.gif') no-repeat 0px 0px;}
.pdf{margin:0;min-height:16px;padding:1px 2px 4px 17px;background: transparent url('../imagenes/iconos/pdf.gif') no-repeat 0px 0px;}
.ppt{margin:0;min-height:16px;padding:2px 2px 2px 21px;background: transparent url('../imagenes/iconos/ppt.gif') no-repeat 0px 0px;}
.htm{margin:0;min-height:16px;padding:2px 2px 2px 21px;background: transparent url('../imagenes/iconos/htm.gif') no-repeat 0px 0px;}
.zip{margin:0;min-height:16px;padding:2px 2px 2px 21px;background: transparent url('../imagenes/iconos/zip.gif') no-repeat 0px 0px;}
.img{margin:0;min-height:16px;padding:2px 2px 2px 21px;background: transparent url('../imagenes/iconos/img.gif') no-repeat 0px 2px;}
.mail{margin:0;min-height:16px;padding:2px 2px 2px 21px;background: transparent url('../imagenes/iconos/mail.gif') no-repeat 0px 2px;}
.vacio{margin:0;min-height:16px;padding:2px 2px 2px 21px;background: transparent url('../imagenes/iconos/vacio.gif') no-repeat 0px 2px;}
.xml{margin:0;min-height:16px;padding:2px 2px 2px 21px;background: transparent url('../imagenes/iconos/xml.gif') no-repeat 0px 0px;}
.rar{margin:0;min-height:16px;padding:2px 2px 2px 21px;background: transparent url('../imagenes/iconos/rar.gif') no-repeat 0px 0px;}
.outlook{margin:0;min-height:16px;padding:2px 2px 3px 20px;background: transparent url('../imagenes/iconos/outlook.gif') no-repeat 2px 2px;}
.google{margin:0;min-height:16px;padding:2px 2px 3px 20px;background: transparent url('../imagenes/iconos/google.gif') no-repeat 2px 2px;}
.google2{margin:0;min-height:16px;padding:2px 2px 3px 20px;background: transparent url('../imagenes/iconos/google2.gif') no-repeat 2px 2px;}
.calendar{margin:0;min-height:16px;padding:2px 2px 2px 21px;background: transparent url('../imagenes/iconos/calendar.gif') no-repeat 0px 0px;}


/******* ENLACES *******/

.content_redes.tab_twitter h3{

    background:transparent url(img/links.png) no-repeat scroll left top;

	border:0;

	margin-top:3px;

}

.content_redes.tab_twitter{

    display:none;

	margin-top:0;

}

/******* /ENLACES *******/

#ir_arriba{

	background: url("../images/fondo_gotop.gif") no-repeat scroll center bottom transparent;
    bottom: 0;
    color: #fff;
    display: block;
    font-weight: bold;
    height: 17px;
    padding: 8px 10px 0;
    position: fixed;
    right: 10px;

}
#ir_arriba span{

	background: url("../images/top.gif") no-repeat scroll left top transparent;
    padding: 0 0 0 16px;

}
.caja .ver_mas{

	display: block;

    font-size: 95%;

    font-weight: bold;

    float: right;

	padding:0;
	
	color:#FFFFFF;

}
#menu_cabecera{
	position:absolute;
	right:0px;
	bottom:-9px;
	font-size:85%;
	font-weight:bold;
	padding:5px;
	z-index:5;
}
#menu_cabecera li{
	float:left;
	margin-left:20px;
}
.rosita{
	color:#dc006b;
	padding-top:5px;
	background:url(../images/video-television.png) no-repeat 0 3px;
	padding-left:18px;
	float:right;
	padding-bottom:10px;
	padding-right:10px;
}

