header h1{
	background-color:#069;
	margin:20px 0;
	color:#FFF;
	padding:20px 0;
	text-align:center;
	clear:both;
}

.contenedor{
	width:100%;
	max-width:1400px;
	margin:auto;
	overflow:hidden;
	clear:both;
	background-color:#FFF;
	top:0px;
}
.contenedor2{
	/*margin: 10 0 10 0px;*/
	 margin-top: 10px;
    margin-bottom: 0px;
    margin-right: 10px;
    margin-left: 0px;
	width:100%;
	overflow:hidden;
	clear:both;
	float:left;
	top:0px;
	background-color:#ffffff;
}
.contenedor2_internas{
	/*margin: 10 0 10 0px;*/
	margin-bottom:10px;
	margin-right:10px;
	width:100%;
	overflow:hidden;
	clear:both;
	float:left;
	top:0px;
	background-image: url(/images/LogoBCN.jpg); 
 	 background-repeat:no-repeat;
 	 background-position:bottom right;
	 background-size:auto;
}

.main_img{
	position: relative;
	width:100%;
	height:auto;
}

.cabecera-left p{
	margin:0px;
}

.cabecera-left3 p{
	margin:0px;
}

a{
	color:#004b85;
	text-decoration:none;
	
}
a:hover{
	color:#000;
	text-decoration:none;
}

.bullet {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.bullet li {
	background: url("../images/bullet.png") 0 3px no-repeat;
	padding: 0 0 25px 20px;
	text-align: justify;
}
#image_pdf{
   list-style-image:url(/images/pdf2.png)
	display: block;
	float: left;
	background: url(/images/pdf2.png) no-repeat 0 0 transparent;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	}

.aside_right p{
	margin:0px;
}

.aside_left{
	width:37%;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:4px;
	padding-right:4px;
	box-sizing:border-box;
	background-color:#EEE;
	float:left;
	height:230px;
}
/*ESTILO PÁGINAS INTERNAS*/
.main_interna{
	width:75%;
	height:auto;
	min-height:48%;
	float:left;
	color:#000;
	/*padding: 4 25 4 45px; */
	padding-top: 4px;
    padding-right: 25px;
    padding-bottom: 4px;
    padding-left: 45px;
	box-sizing:border-box;
	font-size:14px;
	text-align:justify;
    line-height:1.5;
}

.main_interna2{
	width:100%;
	height:auto;
	float:left;
	color:#000;
	/*padding: 4 25 4 45px; */
	padding-bottom:4px;
	padding-right:25px;
	padding-top:4px;
	padding-left:45px;
	box-sizing:border-box;
	font-size:14px;
	text-align:justify;
    line-height:1.9;
}

.aside_right_interna{
	width:24%;
	float:right;
	color:#000;
	/*padding: 4 25 4 25px; */
	padding-top: 4px;
    padding-right: 25px;
    padding-bottom: 4px;
    padding-left: 25px;
	line-height:1.9;
	
}
/*Mapa de sitio*/
.main_SP1{
	width:25%;
	float:left;
	color:#000;
	/*padding: 4 15 4 15px; */
	padding-top: 4px;
    padding-right: 15px;
    padding-bottom: 4px;
    padding-left: 15px;
	box-sizing:border-box;
	font-size:12px;
	text-align:justify;
    line-height:1.9;
}
.main_SP2{
	width:25%;
	float:left;
	color:#000;
	/*padding: 4 15 4 15px; */
	padding-top: 4px;
    padding-right: 15px;
    padding-bottom: 4px;
    padding-left: 15px;
	box-sizing:border-box;
	font-size:12px;
	text-align:justify;
    line-height:1.9;
}
.main_SP3{
	width:25%;
	float:left;
	color:#000;
	/*padding: 4 15 4 15px; */
	padding-top: 4px;
    padding-right: 15px;
    padding-bottom: 4px;
    padding-left: 15px;
	box-sizing:border-box;
	font-size:12px;
	text-align:justify;
    line-height:1.9;
}
.main_SP4{
	width:25%;
	float:left;
	color:#000;
	/*padding: 4 15 4 15px; */
	padding-top: 4px;
    padding-right: 15px;
    padding-bottom: 4px;
    padding-left: 15px;
	box-sizing:border-box;
	font-size:12px;
	text-align:justify;
    line-height:1.9;
}
/*Resumen Interna*/
.main_internaR{
	width:50%;
	float:left;
	color:#000;
	/*padding: 4 50 4 45px; */
	padding-bottom:4px;
	padding-left:50px;
	padding-right:4px;
	padding-right:45px;
	box-sizing:border-box;
	font-size:14px;
	text-align:justify;
    line-height:1.9;
}

.aside_right_internaR{
	width:50%;
	float:right;
	color:#000;
	/*padding: 4 50 4 45px; */
	padding-bottom:4px;
	padding-left:50px;
	padding-right:45px;
	padding-top:4px;
	line-height:1.9;
	font-size:14px;
	text-align:justify;
	
}
/*Título principal internas*/
.cabecera-interna{
	
   background-color: #FFF;
   color: #333300;
   font-size:16pt;
   font-weight: bold;
   /*padding: 3 3 3 25px;*/
   padding-bottom:3px;
   padding-left:25px;
   padding-right:3px;
   padding-top:25px;
   width:100%;
   float:left;
}
.cabecera-interna h1 {
    border-left: 8px solid #006596;
    margin-bottom: 15px;
    padding-left: 15px;
}
/*Título de menu lateral derecho internas*/
.tituloe_internas{
   width:100%;
   float:left;
}
.tituloe_internas h1 {
    margin-bottom: 0px;
	color: #333300;
   font-size:14pt;
   font-weight: bold;
  
}
.tituloe_internas h1:after {
	background: linear-gradient(to  right, rgba(255, 255, 255, 0) 0px, #006596 75%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: -3px;
    content: "";
    display: block;
    height: 3px;
    position: relative;
  
}
/*lista sin estilo */

ul.u {list-style-type: none; padding-top:20px;}
/*Enlace sin estilo*/
.nlink-style a{
	color:#004b85;
	text-decoration:none;
	
	}
	.nlink-style a:hover{
	color:#000;
	text-decoration:none;
	background-color:transparent;
	
	}
/*Enlaces menu internas - derecha*/
.aside_right_interna li{
	list-style:none;
	/*padding:10 20px;*/
	padding: 0 0 15px 20px;
	font-family: Helvetica, sans-serif;
	font-size:13px;
	color:#004b85;
	

}
.aside_right_interna li a{
	
	color:#004b85;
	text-decoration:none;

}

.aside_right_interna li a:hover{

	color:#000;
	background-color:transparent;
}
/*Donde estoy */
.breadcrumb{
   background-color: #FFF;
   color: #333300;
   font-size:9pt;
  /* padding: 3 3 3 25px;*/
  padding-bottom:3pz;
  padding-left:25px;
  padding-right:3px;
  padding-top:3px;
   width:100%;
   float:left;
}

.cabecera-left{
   background-color: #FFF;
   color: #333300;
   font-size:12pt;
   font-weight: bold;
   width:73%;
   float:left;
}
.cabecera-left3{
	background-image:url(../images/titulo_divulgacion.png);
	background-repeat:no-repeat;
   color: #333300;
   font-size:12pt;
   font-weight: bold;
   width:75%;
   height:50px;
   float:left;
}
.cabecera-leften{
   background-color: #FFF;
   color: #333300;
   font-size:12pt;
   font-weight: bold;
   width:50%;
   float:left;
}

.cabecera-left2{
	background-image:url(../images/titulo_publicaciones.png);
	background-repeat:no-repeat;
   color: #333300;
   font-size:12pt;
   font-weight: bold;
   width:74%;
   height:60px;
   float:left;
   padding-top:10px;
   margin-top:25px;
}
.cabecera-left2en{
   background-color: #FFF;
   font-size:12pt;
   width:40%;
   float:left;
   padding: 0 0 0 10px;
}

.cabecera-right{
	background-color: #FFF;
	padding: 0px;
	padding: 0 0 0 20px;
	width:60%;
	margin-left:74%;
}
.cabecera-righten{
	background-color: #eaeaea;
	padding: 0px;
	padding: 0 0 0 0px;
	width:50%;
	margin-left:50%;
}

.cabecera-right p{
	margin:0px;
}

.main{
	width:37%;
	margin-left:37%;
	margin-right: 26%;
	padding-top:0px;
	padding-bottom:4px;
	padding-left:4px;
	padding-right:4px;
	box-sizing:border-box;
	background-color:#FFF;
}

.aside_bottom{
	width: 74%;
    float:left;
	background-color:#FFF;
}

.aside_right{
	width:26%;
	padding: 4 0 4 20px; 
	box-sizing:border-box;
	background-color:#FFF;
	float:right;
}
.aside_righten{
	width:50%;
	padding: 0 10 0 0px; 
	box-sizing:border-box;
	background-color:#FFF;
	float:right;
}
/*Estilo para formularios*/
form{
		padding-left:25px;
	}
form span {
            display:block;
            float:left;
            width:100px;
        }
        input {
		 text-align:right;
		 background-color: #fff;
 		 border-radius: 5px;
  		 border: 1px solid #ccc;
		}
		select{
    
   	   border:1px solid #ccc;
       background:#fff;
       border-radius:5px;
}
.boton{
		 text-align:center;
		 color:#FFFFFF;
		 background-color: #428bca;
 		 border-radius: 5px;
  		 border: 1px solid #357ebd;
	
	}
	img { border: 0; }
.imgage {
	align-self:center;
	border-radius: 5px;
	box-shadow: 0px 10px 10px #888888;
	/*margin-left:40px;*/
	}
	 iframe {
       overflow-y: hidden;
    }
	.overflow{
		width:75%;
		height:75%
 	  overflow:hidden;
}
.overflow #overflow{
 width:75%;
		height:75%
  overflow:auto;
}
/*Para carga de páginas*/
#contenido{
float:right;
padding:5px;
width:100%;
/*background:#F2F2F2;*/
}
/***BOTONES**/
#copyrightB{
	background:#FFF;
	margin:20px 0;
	color:#000;
	padding:5px 0;
	text-align:center;
	width:99%;	
	}
	
#copyrightB .SB1
{
	
	width:33%;
	display:block;
	background: ffffff;
	float: left;
	margin:0px;
	padding:0px;
	list-style:none;
	padding-top:5px;
	
}
#copyrightB .SB2
{
	
	width:33%;
	background: ffffff;
	float: left;
	margin:0px;
	padding:0px;
	list-style:none;
	padding-top:5px;
	
}
#copyrightB .SB3
{
	
	width:33%;
	background: ffffff;
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
	padding-top:5px;
	
}
#copyrightB .SB1  ul li{
	float:left;
	text-align:center;
	margin: 0; padding: 2.0em; color: #555;
	}

#copyright .SB1  ul li a{
	
	text-decoration:none;
	color: #555;background-color:transparent;
}

#copyright .SB2 ul li a:hover{
	color:#000;
	margin: 0; padding: 2.0em; color: #555;
	background-color:transparent;
	text-decoration:none;
	
}

#copyrightB .SB2 ul li{
	float:left;
	margin: 0; padding: 2.0em; color: #555;
	}

#copyright .SB2 ul li a{
	color: #555;background-color:transparent;
	text-decoration:none;
}

#copyright .SB3 ul li a:hover{
	color:#000;
	margin: 0; padding: 2.0em; color: #555;
	background-color:transparent;
	text-decoration:none;

}

#copyrightB .SB3 ul li{
	float:left;
	margin: 0; padding: 2.0em; color: #555;
	}

#copyright .SB3 ul li a{
	color: #555;
	background-color:transparent;
	text-decoration:none;
}

#copyright .SB3 ul li a:hover{
	color:#000;
	margin: 0; padding: 2.0em; color: #555;
	background-color:transparent;
	text-decoration:none;
}

@media (min-width: 769px) and (max-width: 1300px) {
	  .indicadores.two p:first-child {display: table-cell}
        .indicadores.two p:last-child {display: table-cell}
	.cabecera-left2{
	  width: 100%;
	}
	.cabecera-left{
	  width: 100%;
	}
    .aside_right {
        width: 26%;
    }
	.aside_left {
        width: 37%;
    }
	.main {
        width: 36%;
    }
}

@media (min-width: 401px) and (max-width: 768px) {
	.cabecera-left{
	  width: 50%;
	}
	.cabecera-left2{
	  width: 100%;
		margin-left:0%;
		margin-right: 0%;
	}
	.cabecera-left3{
	  width: 100%;
		margin-left:0%;
		margin-right: 0%;
	}
		.cabecera-left2en{
	  width: 100%;
		margin-left:0%;
		margin-right: 0%;
	}
	.cabecera-right{
	 	 width: 100%;
		float:left;
		 margin-top:0%;
		margin-left:0%;
		}
		.cabecera-righten{
	 	 width: 100%;
		margin-left:0%;
		margin-right: 0%;

		}
    .main {
        width: 100%;
		margin-left:0px;
		float:left;
    }
    .aside_right {
        width: 100%;
    }
	  .aside_righten {
        width: 100%;
    }
	.aside_left {
        width: 100%;
    }
	.main_interna{
	 width: 100%;
	 overflow:hidden;
	
	}
	
	.aside_right_interna{
	 width: 100%;
	}
	.imgage {
	align-self:center;
	border-radius: 5px;
	box-shadow: 0px 2px 2px #888888;
	margin-left:5px;
	width: 75%;
	}
	.main_SP1{
		 width: 100%;
		}
	.main_SP2{
		 width: 100%;
		}
	.main_SP3{
		 width: 100%;
		}
	.main_SP4{
		 width: 100%;
		}
		#copyrightB .SB1
			{
				width:100%;
				align-content:center;
				float:inherit;
			}
		#copyrightB .SB2
			{
				width:100%;
				align-content:center;
				float:inherit;
			}
		#copyrightB .SB3
			{
				width:100%;
				align-content:center;
				float:inherit;
			}
}

@media screen and (max-width: 400px) {
	.cabecera-left{
	  width: 73%;
	}
	.cabecera-left2{
	  width: 100%;
		margin-left:0%;
		margin-right: 0%;
	}
	.cabecera-left3{
	  width: 100%;
		margin-left:0%;
		margin-right: 0%;
	}
	.cabecera-left2en{
	  width: 100%;
		margin-left:0%;
		margin-right: 0%;
	}
	.cabecera-right{
	 	 width: 100%;
		 float:left;
		 margin-top:20%;
		margin-left:0%;
		}
		.cabecera-righten{
	 	 width: 100%;
		margin-left:0%;
		margin-right: 0%;

		}
    .contenedor {
        width: 100%;
    }
	 .main {
        width: 100%;
		margin-left:0px;
		float:left;
    }
	.aside_right {
        width: 100%;
    }
	.aside_left {
        width: 100%;
		height:100%;
    }
	.contenedor2_internas{
		  width: 100%;
	}
	.main_internaR{
	 width: 100%;
	}

	.aside_right_internaR{
	 width: 100%;
	}
	.main_interna{
	 width: 100%;
	 }

	.aside_right_interna{
	 width: 100%;
	}
	.main_SP1{
		 width: 100%;
		}
	.main_SP2{
		 width: 100%;
		}
	.main_SP3{
		 width: 100%;
		}
	.main_SP4{
		 width: 100%;
		}
		#copyrightB .SB1
			{
				width:50%;
				align-content:center;
				float:inherit;
			}
		#copyrightB .SB2
			{
				width:50%;
				align-content:center;
				float:inherit;
			}
		#copyrightB .SB3
			{
				width:50%;
				align-content:center;
				float:inherit;
			}



}
@media screen and (max-width: 300px) {
		.cabecera-right{
	 	 width: 100%;
		margin-left:0%;
		margin-right: 0%;
		}
		
		#copyrightB .SB1
			{
				width:50%;
				align-content:center;
				float:inherit;
			}
		#copyrightB .SB2
			{
				width:50%;
				align-content:center;
				float:inherit;
			}
		#copyrightB .SB3
			{
				width:50%;
				align-content:center;
				float:inherit;
			}


}

/* Inicio Tabla Indicadores */

.indicadores p {margin: 0; padding: .5em; color: #555; background: #B2CDE2;}
    .indicadores p+p {background: #EEEEEE}
    .indicadores p+p+p {background: #d0d0d0}
    .indicadores p+p+p+p {background: #c0c0c0}

    .indicadores {display: table; width: 100%; table-layout: fixed}
	
/*	.imagen_indicador{
		width:100%;
		height:auto;
	}*/
	
	hr { 
  		border-color:#FFF;
 		height: 1px;
		margin:0px;
		padding:0px;
		width:100%;
	}
	
    @media (min-width: 1025px) {
        .indicadores.one p {display: table-cell}
    }
    @media (min-width: 641px) and (max-width: 1024px) {
        .indicadores.one p:first-child {display: table-cell}
    }    
    @media (max-width: 640px) {
        .indicadores.one p {display: block}
		.cabecera_right {
        width: 100%;
		height:100%;
    }
	
    }

    @media (min-width: 1025px) {    
        .indicadores.two p {display: table-cell}
    }    
    @media (min-width: 801px) and (max-width: 1024px) {
        .indicadores.two p:first-child {display: table-cell}
        .indicadores.two p:last-child {display: table-cell}
    }   
	/*  @media (min-width: 800px) and (max-width: 1024px) {
        .indicadores.two p:first-child {display: table-cell}
        .indicadores.two p:last-child {display: table-cell}
		.aside_right {
        width: 26%;
    }
	.aside_left {
        width: 37%;
    }
	.main {
        width: 37%;
    }
    }   */
    @media (min-width: 641px) and (max-width: 800px) {
        .indicadores.two p:first-child {display: table-cell}    
    }    
    @media (max-width: 640px) {
        .indicadores.two p {display: block}
		.cabecera_right {
        width: 100%;
		height:100%;
    }
    }

/* Fin Tabla Indicadores */

/* Inicio Botones de enlaces */

.botones{
	background:#FFF;
	margin:20px 0;
	color:#000;
	padding:5px 0;
	text-align:center;
}

	.botones ul li {margin: 0; padding: 2.0em; color: #555;}
	.botones ul li a{ color: #555;background-color:transparent;}
.botones ul li a:hover{ background-color:transparent;}
    ul {display: table; width: 100%; table-layout: fixed}

    @media (min-width: 1025px) {    
        ul.nine li {display: table-cell}
		
    }   
    @media (min-width: 801px) and (max-width: 1024px) {
        ul.nine li:first-child {display: table-cell}
        ul.nine li:last-child {display: table-cell}
		.botonesS1{
			  width: 100%;
			}
			.botonesS2{
			  width: 100%;
			}
			.botonesS3{
			  width: 100%;
			}
    }   
    @media (min-width: 641px) and (max-width: 800px) {
        ul.nine li:first-child {display: table-cell} 
		.botonesS1{
			  width: 100%;
			}
			.botonesS2{
			  width: 100%;
			}
			.botonesS3{
			  width: 100%;
			}
    }   
    @media (max-width: 640px) {
        ul.nine li {display: block}
		.botonesS1{
			  width: 100%;
			}
			.botonesS2{
			  width: 100%;
			}
			.botonesS3{
			  width: 100%;
			}
		
    }

/* Fin Botones de enlaces */

/* Inicio Noticias */

span p.columna1{margin: 0; padding: 1.1em; color: #FFF; background: #9C9D9F; width:10%; font-weight:bold; font-size:12px; text-align:center;}
    span p+p {background: #EEEEEE; width:90%; color: #000; font-size:12px; padding-left:10px;}

    span {display: table; width: 100%; table-layout: fixed; height:15%;}
	
	.tres{
		color: #000; font-size:12px; padding-left:10px; padding-top:20px;
	}
	.delgada { 
  		border-color:#579DBC;
 		height: 1px;
		margin:0px;
		padding:0px;
		width:100%;
	}
	
	.gruesa{ 
  		border-color:#579DBC;
		background-color:#579DBC;
 		height: 5px;
		margin:0px;
		padding:0px;
		margin-top:10px;
		width:100%;
	}
	/*Etiqueta alineada a la derecha para opción ver más*/
	span.tres{
		text-align:right;
		
		}
	
    @media (min-width: 1025px) {
        span.uno p {display: table-cell}
    }
    @media (min-width: 641px) and (max-width: 1024px) {
        span.uno p:first-child {display: table-cell; height:auto;}
    }    
    @media (max-width: 640px) {
        span.uno p {display: block; height:auto; width:100%; text-align:left;}
    }

    @media (min-width: 1025px) {    
        span.dos p {display: table-cell}
    }    
    @media (min-width: 801px) and (max-width: 1024px) {
        span.dos p:first-child {display: table-cell;}
        span.dos p:last-child {display: table-cell;}
    }    
    @media (min-width: 641px) and (max-width: 800px) {
        span.dos p:first-child {display: table-cell; height:auto;}    
    }    
    @media (max-width: 640px) {
        span.dos p {display: block; height:auto; width:100%; text-align:left;}
    }

/* Fin Noticias */

/* Inicio Publicaciones */

.stepcarousel{
position: relative; /*leave this value alone*/
border: 1px solid black;
overflow: scroll; /*leave this value alone*/
width: 100%; /*Width of Carousel Viewer itself*/
height: 170px; /*Height should enough to fit largest content's height*/
padding:5px;
float:left;
box-sizing:border-box;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
 /* width: 250px; Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

@media screen and (max-width: 768px) {
    .stepcarousel {
        width: 100%;
    }
	.belt {
        width: 100%;
    }
	.panel {
        width: 100%;
    }
}

@media screen and (max-width: 400px) {
    .stepcarousel {
        width: 100%;
    }
	.belt {
        width: 100%;
    }
	.panel {
        width: 100%;
    }
	table {
		overflow-x: auto;
		display: block;
		width:auto;
	}
}


/* Fin Publicaciones */

/* Inicio Tabla sin fondo */

.funcionarios_left{
	width:60%;
	padding: 4 0 4 50px; 
	box-sizing:border-box;
	background-color:transparent;
	float:left;
}

.tabla p {margin: 0; padding: .5em; background: transparent; width:30%;}
    .tabla p+p {background: transparent;font-size:14px; vertical-align:top; color:#036; width:70%;}
    .tabla p+p+p {background:transparent;}

    .tabla {display: table; width: 100%; table-layout: fixed}

.text_funcionarios{
	color:#000;
	text-align:justify;
	font-size:14px;
    line-height:1.9;
}

@media (min-width: 1025px) {    
        .tabla.two p {display: table-cell}
    }    
    @media (min-width: 801px) and (max-width: 1024px) {
        .tabla.two p:first-child {display: table-cell}
        .tabla.two p:last-child {display: table-cell}
    }    
    @media (min-width: 641px) and (max-width: 800px) {
        .tabla.two p:first-child {display: table-cell}    
    }    
    @media (max-width: 640px) {
        .tabla.two p {display: block}
    }
/* Fin Tabla sin fondo */

/* Inicio Portaditas Publicaciones*/

.hbf {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.hbf li {
   background: url("../images/portadas/hbf.jpg") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.epef {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.epef li {
   background: url("../images/portadas/epef.jpg") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.eeis {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.eeis li {
   background: url("../images/portadas/eeis.jpg") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}
.prog {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.prog li {
   background: url("../images/portadas/prog.jpg") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.enr {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.enr li {
   background: url("../images/portadas/enr.jpg") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.eem {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.eem li {
   background: url("../images/portadas/eem.jpg") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.e50 {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.e50 li {
   background: url("../images/portadas/e50.jpg") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.aet {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.aet li {
   background: url("../images/portadas/aet.jpg") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.anc {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.anc li {
   background: url("../images/portadas/anc.jpg") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.aia {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.aia li {
   background: url("../images/portadas/aia.jpg") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.aei {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.aei li {
   background: url("../images/portadas/aei.jpg") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.aec {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.aec li {
   background: url("../images/portadas/aec.jpg") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.adp {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.adp li {
   background: url("../images/portadas/adp.jpg") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.aae {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.aae li {
   background: url("../images/portadas/aae.jpg") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.sef {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.sef li {
   background: url("../images/portadas/sef.jpg") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.sicoe {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.sicoe li {
   background: url("../images/portadas/sicoe.jpg") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.tr {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.tr li {
   background: url("../images/portadas/tr.jpg") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.tfp {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.tfp li {
   background: url("../images/portadas/tfp.jpg") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.tet {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.tet li {
   background: url("../images/portadas/tet.jpg") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.tde {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.tde li {
   background: url("../images/portadas/tde.jpg") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.tdp {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.tdp li {
   background: url("../images/portadas/tdp.jpg") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.tcnt {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.tcnt li {
   background: url("../images/portadas/tcnt.jpg") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.tc {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.tc li {
   background: url("../images/portadas/tc.jpg") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.eee {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.eee li {
   background: url("../images/portadas/eee.jpg") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.mce {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.mce li {
   background: url("../images/portadas/mce.jpg") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.mci {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.mci li {
   background: url("../images/portadas/mci.jpg") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.mimae {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.mimae li {
   background: url("../images/portadas/mimae.jpg") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.mi {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.mi li {
   background: url("../images/portadas/mi.jpg") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.re {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.re li {
   background: url("../images/portadas/re.jpg") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.mimyf {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.mimyf li {
   background: url("../images/portadas/mimyf.jpg") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.tbe {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.tbe li {
   background: url("../images/portadas/tbe.jpg") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.xls {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.xls li {
   background: url("../images/xls.png") 0 0px no-repeat;
   padding: 0 0 25px 30px;
}

.html {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.html li {
   background: url("../images/html.png") 0 3px no-repeat;
   padding: 0 0 25px 20px;
}

.winzip {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.winzip li {
   background: url("../images/winzip.png") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.video {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.video li {
   background: url("../images/video.png") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.cuadro {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.cuadro li {
	background: url("../images/cuadro.jpg") 0 3px no-repeat;
	padding: 0 0 5px 20px;
	text-align: justify;
}

.ppt {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.ppt li {
   background: url("../images/ppt.png") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.pdf {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.pdf li {
   background: url("../images/portadas/pdf.png") 0 3px no-repeat;
   padding: 0 0 25px 20px;
}

.epub {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.epub li {
   background: url("../images/epub2.png") 0 3px no-repeat;
   padding: 0 0 25px 20px;
}

.video {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.video li {
   background: url("../images/video.png") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.docT {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.docT li {
   background: url("../images/portadas/docT.png") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.jpg {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.jpg li {
   background: url("../images/jpg.png") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

.mp3 {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.mp3 li {
   background: url("../images/mp3.png") 0 3px no-repeat;
   padding: 0 0 5px 20px;
}

/* Fin Portaditas Publicaciones */

/* Inicio Tabla Publicaciones */

.titulo{
	color:#036;
	font-size:14px;
	font-weight:bold;
	text-align: left;
}

.wrap {
	display : table;
	width:100%;
	padding: 10px; 
}
section {
	display : table-cell;
	width:50%;
	text-align:left;
	font-size:14px;
    line-height:1.9;
	padding-left:20px;
}

aside {
	display : table-cell;
	width:50%;
	color:#000;
	font-size:14px;
    line-height:1.9;
	vertical-align:top;
}

.section2 {
	display : table-cell;
	width:50%;
	text-align:left;
	font-size:14px;
    line-height:1.9;
	border: 1px solid #BFD7E1;
	padding-left:20px;
}

.section3 {
	display : table-cell;
	width:50%;
	text-align:left;
	font-size:14px;
    line-height:1.9;
	border: 1px solid #BFD7E1;
	padding-left:20px;
}

.aside2 {
	display : table-cell;
	width:50%;
	text-align:right;
	color:#000;
	padding: 4 25 4 45px; 
	font-size:14px;
    line-height:1.9;
}

@media only screen and (max-width: 699px) {
	
    aside {
		display : table-row;
        }
	section {
		display : table-header-group;
		}
	.aside2 {
		display : table-row;
        }
	.section2 {
		display : table-header-group;
		}
}

/* Fin Tabla Publicaciones */

.contenedor_OAIP{
	width:100%;
	overflow:hidden;
	float:left;
	top:0px;
	font-size:12px;
	text-align:justify;
    line-height:1.9;
	padding:10px;
}

.contenedor_descripcion{
	width:68%;
	overflow:hidden;
	float:left;
	top:0px;
	font-size:14px;
	text-align:justify;
    line-height:1.9;
	padding-left:50px;
}

.contenedor2_descripcion{
	width:28%;
	overflow:hidden;
	float:right;
	top:0px;
	font-size:14px;
	text-align:justify;
    line-height:1.9;
	padding:10px;
}

.historial{
	border: 1px solid #DDD;
	background-color:#006596;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
.historial2{
	border: 1px solid #DDD;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

@media only screen and (max-width: 699px) {
	
    .contenedor_descripcion{
	width:80%;
	overflow:hidden;
	float:left;
	text-align:justify;
    line-height:1.9;
}
	section {
		display : table-header-group;
		}

}
/* 
	Generic Styling, for Desktops/Laptops 
	*/
	
	table { 
		/*width: 100%; */
		font-family: Helvetica, sans-serif;
		font-size:12px;
		border-collapse: collapse;
	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
		background: #eee; 
	}
	th { 
		background: #006596; 
		color: white; 
		font-weight: bold; 
	}
	td, th { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: left; 
	}
	
.section_descripcion {
	display : table-cell;
	width:50%;
	padding:10px;
}
.aside_descripcion {
	display : table-cell;
	width:50%;
	padding:10px;
	vertical-align:top;
}

@media only screen and (max-width: 699px) {
	
    .aside_descripcion {
		display : table-row;
        }
	.section_descripcion {
		display : table-header-group;
		}

}