/*© Derechos Reservados - C.I.C.S.A. 2013 –– Grupo REFORMA*/

/*----- ESTILOS PARA EL GRÁFICO ANIMADO -----*/
/*Definir fondo y tipofrafia*/
#container_gral{
	background:url(../imagenes/fondo.jpg) no-repeat; font-family:Arial, Helvetica, sans-serif;}

/*------ANIMACIÓN------*/
#animacion{ width:980px; height:614px; position:absolute; z-index:11; overflow:hidden; background:url(../imagenes/portada.jpg) no-repeat; }
#cabeza_port{
	width:359px;
	height:66px;
	position:absolute;
	left:290px;
	top:-100px;
	background:url(../imagenes/cabezal.png) no-repeat;
}
#intro_port{
	position:absolute;
	width:500px;
	font-size:15px;
	line-height:16px;
	color:#FFF;
	font-weight:bold;
	top:113px;
	left:230px;
	text-align:center;
	display:none;
}
#continur_btn a{
	color:#CCC;
	font-size:12px;
	font-weight:bold;
	position:absolute;
	top:200px;
	left:439px;
	cursor:pointer;
	display:none;
}
#continur_btn:hover a{
	color:#FFF;
}
#contenido_neto{ width:auto; height:614px; display:none; }

/*----- ESTILOS GENERALES -----*/
#header{
	max-width:980px;
	height:120px;
}
.cabeza_principal{
	margin:13px 0 0 20px;
	font-size:26px;
	font-weight:bold;
}
.texto_intro{
	max-width:540px;
	margin:15px 0 0 50px; 
	font-size:15px;
	line-height:18px;
}
/*Todo el menú principal*/
#navegacion_indice{
	width:95%;
	height:26px;
	margin:0 auto;
	margin-left:40px;
	font-family: 'Comfortaa', Arial;
	letter-spacing:0.24em;
}
#navegacion_indice ul li{
	display:block;
	width:auto;
	float:left;
	height:26px;
	color:#CCC;
}
#navegacion_indice ul li a{
	display:block;
	cursor:pointer;
	height:26px;
	padding:0 15px;
	margin:0px;
	float:left; /*Cambiar a NONE para hecer vertical y establecer un ancho WIDTH*/
	line-height:24px;
	
}
/*Botón en estado de reposo*/
.it_vinculo{
	color:#999;
}
.it_vinculo:hover{
	color:#000;
}
/*Botón que está activo*/
.it_selected{
	color:#900;
}
#btn_inicio{
	float:right;
	margin-top:75px;
	margin-right:20px;}
	/*
++++++++ ESTILOS DENTRO DEL FRAME +++++++++++*/

#caja{
	margin:3px 20px;
	}

#container_frame{
	width:100%;
	height:440px;
	font-family:Arial, Helvetica, sans-serif;}
#header_frame{
	float:left;
	margin:0;
	width:230px;
	height:95%;
	}
#header_frame h1{
	font-family:'Comfortaa', Arial;
	font-size:36px;
	font-weight:100;
	margin:20px 15px;
	color:#999;}
#header_frame p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#333;
	margin:0 15px;
	line-height:18px;}
/*-----TABS------*/
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	width:680px;
	height:410px;
	float:left;
	margin:13px 0 0 20px;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
}
.ui-tabs .ui-tabs-nav li {
	display:block;
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 0 .4em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
	z-index:2;
}
.ui-tabs .ui-tabs-nav li a {
	display:block;
	float: left;
	padding: .5em 1em;
	text-decoration: none;
	color:#999;
	background: rgba(210, 210, 210, .4);
	text-align:center;
	font-size:15px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -2px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
	color:#000 !important;
	background: rgba(230, 230, 230, .4);
	-webkit-box-shadow: -2px 0px 2px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    -2px 0px 2px rgba(50, 50, 50, 0.2);
	box-shadow:         -2px 0px 2px rgba(50, 50, 50, 0.2);
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: rgba(230, 230, 230, .4);
	float:none;
	clear:both;
	height:330px;
	-webkit-box-shadow: 1px 2px 3px rgba(50, 50, 50, 0.56);
	-moz-box-shadow:    1px 2px 3px rgba(50, 50, 50, 0.56);
	box-shadow:         1px 2px 3px rgba(50, 50, 50, 0.56);
}
/*----ESCENA 01-----*/
.ui-tabs .ui-tabs-panel p{
	font-size:13px;
	margin:0 0 7px 0;
	line-height:15px;
}
.tres_columnas{
	width:28%;
	padding:10px 2% 0 3%;
	margin-top:10px;
	float:left;
}
.pleca_der{
	border-right:#333 1px dotted;
}
h4{
	font-size:13px;
	font-weight:bold;
	margin-bottom:9px;
}
.texto_intrito{
	font-size:14px !important;
	font-weight:500;
	color:#333;
}
.numero{
	font-size:26px;
	line-height:33px;
	font-family:'Comfortaa', Arial;
	font-weight:700;
}
.politica_color{
	color:#A40003;
}
/*----ESCENA 02----*/
.centrar_cont{
	width:auto;
	height:auto;
	margin:13px 0 0 30px; 
}
.centrar_cont img{
	width:318px;
	float:left;
	margin:0 13px 10px 0;
	border:1px solid #000;
}
.seguridad_color{
	color:#7559C0;
}
.dos_columnas{
	width:43%;
	padding:0 15px;
	float:left;
	margin-top:13px;
}
.dos_columnas img{
	width:95px;
	float:left;
	margin:0 13px 10px 0;
	border:2px solid #000;
}
/*----ESCENA 03----*/
.aprobado span{
	width:13px;
	height:10px;
	background:url(../imagenes/paloma.png) no-repeat bottom;
	float:left;
	padding:3px 4px 0 0;
}
.pendientes span{
	width:13px;
	height:10px;
	background:url(../imagenes/tache.png) no-repeat bottom;
	float:left;
	padding:3px 4px 0 0;
}
.pleca_izq{
	border-left:#333 1px dotted;
}
#cnte img{
	float:left;
	width:157px;
	border:1px solid #000;
}
/*----ESCENA 04----*/
.economia_color{
	color:#08517C;
}
h3{
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}
#pobreza img{
	width:225px;
	float:left;
	margin:0 13px 0 0;
	border:1px solid #000;
}
.desarrollo_color{
	color:#838E32;
}
.frase:before{
	content:'\201C';
	font-size:80px;
	float:left;
	display:block;
	height:7px;
	margin:23px 4px 0 0;
}
.frase_bloque{
	width:260px;
	float:right;
	margin:4px 8px 40px 20px;
}
.frase_bloque img{
	width:95px;
	float:left;
	margin:0 13px 10px 0;
	border:2px solid #000;
}