/********************** HEADER *********************/

.boxgrid{
 width: 325px;
 height: 260px;
 margin:10px;
 float:left;
 background:#161613;
 border: solid 1px #8399AF;
 overflow: hidden;
 position: relative;
}
.boxgrid img{
 position: absolute;
 top: 0;
 left: 0;
 border: 0;
}

.boxcaption{
 float: left;
 position: absolute;
 background: #333;
 height: 120px;
 width: 100%;
 opacity: 0.9;
 /* For IE 5-7 */
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
 /* For IE 8 */
 -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  }
  
  
  .captionfull .boxcaption {
 top: 260;
 left: 0;
}
.caption .boxcaption {
 top: 200;
 left: 0;
}
.cover{
min-height:260px;
}

#boxgridlink{
color:#fff;
text-decoration: none;
}

#boxtitle{
color:#FFF;
font-size:22px;
font-family:"Arial narrow";
text-align:center;

}

#boxcontent{
color:#FFF;
font-size:16px;
font-family:"Arial narrow";
min-height:360px;
text-align:justify;
padding:0px 12px 5px 12px;
}


a.pdf {
    background: url("pdf.png") no-repeat scroll center top #FFFFFF;
    float: left;
    margin-top: 60px;
    padding-left: 20px;
    padding-top: 50px;
}

a.excel{
	background: url("excel.png") no-repeat scroll center top #FFFFFF;
    float: left;
    margin-top: 60px;
    padding-left: 20px;
    padding-top: 50px;
}


#ni_header{		
	border: solid 0px #333;
	overflow:hidden;
	width:100%;
	height:100px;
	position:relative;
	margin-bottom:20px;
}

.ni_consejeria{
	float: right;
	padding-right:20px;
	position:absolute;
    top:0;
    bottom:0;
	right:0;
    margin:auto;
}

.ni_obsa{
	float: right;
	padding-right:20px;
	position:absolute;
    top:0;
    bottom:0;
	left:0;
    margin:auto;
}

.ni_title{
	float: center;
	font-size:22px;
	color:#000;
	font-family:"Arial narrow";
	font-weight:bold;
	text-align:center;
	position:absolute;
	text-align:center;
    top:50%;
    bottom:0;
	left:38%;
    margin:auto;
}


.ni_comparador{
	text-align:center;
	left:10%;
	bottom:10%;
	position:relative;
}

/*********************** BOXES *********************/
.boxgrid{
 width: 300px;
 height: 260px;
 margin:10px;
 float:left;
 background:#161613;
 border: solid 1px #8399AF;
 overflow: hidden;
 position: relative;
}
.boxgrid img{
 position: absolute;
 top: 0;
 left: 0;
 border: 0;
}

.boxcaption{
 float: left;
 position: absolute;
 background: #333;
 height: 120px;
 width: 100%;
 opacity: 0.9;
 /* For IE 5-7 */
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
 /* For IE 8 */
 -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  }
  
  
  .captionfull .boxcaption {
 top: 260;
 left: 0;
}
.caption .boxcaption {
 top: 200;
 left: 0;
}
.cover{
min-height:260px;
}

#boxgridlink{
color:#fff;
text-decoration: none;
}

#boxtitle{
padding-top:15px;
padding-bottom:15px;
color:#FFF;
font-size:24px;
font-family:"Arial narrow";
text-align:center;
height:30px;

}

#boxcontent{
color:#FFF;
font-size:16px;
font-family:"Arial narrow";
min-height:360px;
text-align:justify;
padding:0px 12px 5px 12px;
}


a.pdf {
    background: url("pdf.png") no-repeat scroll center top #FFFFFF;
    float: left;
    margin-top: 60px;
    padding-left: 20px;
    padding-top: 50px;
}

a.excel{
	background: url("excel.png") no-repeat scroll center top #FFFFFF;
    float: left;
    margin-top: 60px;
    padding-left: 20px;
    padding-top: 50px;
}

.fieldtitle_ni {
    border: 1px solid #FFFFFF;
    color: #777;
    float: left;
    font-family: "Arial narrow",Arial,Verdana,Serif;
    font-size: 13px;
    font-weight: bold;
    margin-top: 2px;
}

.cuadro_asturias_ni{
	overflow: hidden;
	font-size: 10px;
	border: 1px #ccc solid;
	padding: 10px;
	margin-bottom:15px;
	}
	
.columna_ni {
	font-size:0.9em;
	font-weight: bold;
	margin: 0 0 0 0px;
	float: left;
    font-size: 15px;
    width: 33%;
}

.columna_ni_1 {
	float:left;
	font-size:0.9em;
	font-weight: bold;
	margin: 0 0 0 0px;
    font-size: 15px;
    width:600px;
	height:25px;
}

.columna_ni_2 {
	float:left;
	font-size:0.9em;
	font-weight: bold;
	margin: 0 0 0 0px;
    font-size: 15px;
    width:300px;
	height:25px;
}

.c1_ni{
	float:left;
	margin-left:10px !important;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 110px;
}

.c2_ni{
	relative:absolute;
	margin-left:4px !important;
	height: auto !important;
	height: 100%;
	width: 140px;
}

.c3_ni{
	float:left;
	margin-left:15px !important;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 115px;

}

.c4_ni{
	margin-left:4px !important;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 115px;
}


.c5_ni{
	float:left;
	margin-left:15px !important;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 115px;
}

.c6_ni{
margin-left:4px !important;
min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 115px;

}

.indicador{

width:440px !important;

}
	
/* COMPARADOR */

.row_content_ni {
    color: #000000;
    font-size: 1em;
    line-height: 1.2em;
    overflow: hidden;
    padding: 0;
	width:760px;
	background:#DEDEDE;
}

.row_content_ni_gray {
    color: #000000;
    font-size: 1em;
    line-height: 1.2em;
    overflow: hidden;
    padding: 0;
	width:760px;
}


.row_header_1_ni {
    border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
    font-size: 1.0em;
    font-weight: bold;
	height:30px;
	width:760px;
    margin: 0px 0;
    overflow: hidden;
}

.row_header_2_ni {
    border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
    font-size: 1.0em;
    font-weight: bold;
	height:30px;
	width:575px;
    margin: 0px 0;
    overflow: hidden;
}

.row_content_2_ni {
    color: #000000;
    font-size: 1em;
    line-height: 1.2em;
    overflow: hidden;
    padding: 0;
	width:575px;

}

.row_content_2_ni_gray {
    color: #000000;
    font-size: 1em;
    line-height: 1.2em;
    overflow: hidden;
    padding: 0;
	width:575px;
	background:#DEDEDE;
}

.column_s_ni {
	float: left;
	width: 2px;
	height:60px;
	margin: 0 0 0 0;
	background:#D2232A;
	padding: 0 0 0 0 ;
;}

.column_0_ni {
	float: left;
	width:120px;
	max-width: 250px;
	margin: 0 2px 0 0;
	
	}

.column_1_ni {
	 font-size:13px;
	font-weight: bold;
	float: left;
	width:120px;
	max-width: 250px;
	margin: 0 2px 0 0;
	text-align:center;
	 vertical-align:middle ;
	
	}

.column_2_ni,.column_7_ni{
	float: left;
	width: 90px;
	text-align:center;
	margin: 0 2px 0 0;
}
.column_3_ni {
	float: left;
	width: 90px;
	text-align:center;
	margin: 0 2px 0 0;}
.column_4_ni{
	float: left;
	width: 160px;
	text-align:center;
	margin: 0 2px 0 0;
	}
	
.column_5_ni{
	float: left;
	width: 160px;
	text-align:center;
	margin: 0 2px 0 0;}
	
.column_6_ni{
	float: left;
	width: 60px;
	text-align:center;
	margin: 0 2px 0 0;
	}



	
select.cg {
	width:400px;
   font-weight:bold;
   font-family: "Arial narrow", Arial, Verdana, Serif;
   line-height:1.1em;
   font-size: 18px ;
   }
	
select.cg option{
    font-size:  16px !important;
	font-weight:normal;
}
	
/* LEYENDA*/	
	
#leyenda_ni_1 {

	float:center;
	text-align:center;
	margin:20px;
	padding-bottom:15px;
}
#leyenda_ni_2 {

	float:center;
	text-align:center;
	margin:20px;
	padding-bottom:15px;
}
#leyenda_ni_izda{
	/*border: 1px solid #ccc;*/
	float:left;
	text-align:right;
	font-family: "Arial narrow",Helvetica, sans-serif;
	font-weight:bold;
	width:40%;
	margin-right:16px;
}
#leyenda_ni_dcha{
	/*border: 1px solid #ccc;*/
	text-align:left;
	font-family: "Arial narrow",Helvetica, sans-serif;
	font-weight:bold;
	float:left;
	width:35%;
	margin-left:16px;
}
#leyenda_ni img{
	vertical-align:middle;
	padding:0px;
	margin:0px;
	border: none;
	border: 1px solid #ddd;
}

#leyenda_ni_img{
	float:left;
	vertical-align:middle;
	padding:0px;
	margin:0px;
	border: none;
}