/*
color verde #d4e735 --   marrón #ba791f   --   naranja/amarillo #face4b  -- rojo #f25a29 -- naranja #f57325

*/

body {
    background-color:darkgray;
	width: 85%;
	margin: auto; 
	font: .9em Arial, "Arial Regular";	
    line-height: 1.75em;	
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
div {
    background-color:white;
}


/* ----------------------------------------------------------------------- */
.banner {
	padding-top: 1.1em;
	margin: 0.45em 0.1em 0em 0.1em;
		
}
	.logo_congreso {
		 float:right;
		padding:0em; padding-top:.5em;   
		margin: .5em 1.5em 0 2em; 
		line-height:1.9em;
	}

	.logo_uns {
		margin: 1em 0 0 2em;
		width:38%;float:left;
		background: url("img/uns_top_left.png") no-repeat;
		height:8em;
	}
	
	.logo_img {  width:100px;float:left; }
	
	.logo_titulo { 
		float:left; 
		padding:.5em .2em .85em .3em;
		text-align:left; 
		font-size:1.35em; 
		color:#425167; 
	}  
	.logo_tit1 { color:#696868; }




	
/* ----------------------------------------------------------------------- */	
.cuerpo_ppal {
	width:95%;	
	margin:0 auto; 
	padding:0;
	height:100%;
	clear:both;
}

.contenido_ppal {
    overflow: hidden;
    padding: 0em 0.85em 0em 1em;  
    text-align: left;
}

.tit_congreso {
	clear:both;
	font-size:1.3em;  
	font-weight:normal;   
	color: white;   	
	background:#425167;
	padding:0.4em 0 
}

.tit_sombra { 
	padding:.5em;
    padding-left: 1.1em; 
    background: rgba(255,255,255,0.1);
}

.pie{
	font-size: 0.85em;  
	text-align: center;
	color: #565656;
	background: #FFFFFF;
	padding: 0.5em 0 0.4em 0;	
	border-top: #425167 0.20em solid;	
	width:100%;    /*75em; */
	height: 13.16em;
	overflow:hidden;	
	clear: both;
}
		.footer_wrapper {
			margin: 2.5em auto 0;
			display: table; 
		}
		.logo_footer {
			display: table-cell;
			vertical-align: middle; 	
		}
		.bandera_footer {
			display: table-cell;
			vertical-align: middle; 
		}
		.texto_footer {
			display: table-cell;
			vertical-align: middle;
			font: .92em Arial;
			line-height: 150%;
			width: 80%;  
		}
		.destacar { font-weight:bold; }
		.pie a{
			color:#565656;
			text-decoration:none;    	
		}
		.pie a:hover{ text-decoration:underline; }
		.pie a:visited, .pie a:focus {  text-decoration:none; }



/* items del menu */
.items-menu {
	font-size:1.1em;
	text-align: left;
	overflow: hidden;
	float: left;    
	width: 20%;   
	background-color:#556377;   
	margin: 0 0 1em 0;
	padding:0;
	clear: both;
}

	.items-menu ul{
		padding: 0 0.15em 0 0;
		margin-top: .5em;
	}
	.items-menu ul li{
		padding: 0.5em 0.25em 0.35em 0.7em;
		list-style: none;
		border-bottom: rgb(150, 155, 160) 0.1em solid;
		margin-left: 0.25em;
	}
	.items-menu ul li a{
		color:#FFF;   
	}

	.items-menu a {	
		text-decoration: none;    
	}

	.items-menu a:hover, .items-menu a:focus {
		color: #FFF;  
		text-decoration: underline;
	}
	.items-menu a:visited {
		text-decoration: none;
	}

/*-------*/


/*  -- lo usa contenido --  */
	/* breadcrumbs */
	.camino_gral{
		border: 0;
		margin-bottom: 1.5em;
		width: 98%;
		border-bottom: #f57325 0.1em solid;  
	}
		.camino_gral ul {
			display: inline;
			margin-left:0.2em;	
			padding: 0;
		}
		.camino_gral li {
			display: inline;
			padding: 0;
			color:#425167; 
		}
		.camino_gral li:first-child:before {
			content: '';
		}
		.camino_gral li:before {
			content:' | ';
			font-weight: bolder;
			color:#425167;		
		}
		.camino_gral ul li a{
			font-weight: bolder;
			color:#425167;
			text-decoration: none; 
		}
			/*	.camino_gral a {text-decoration: none;}  */
			
		.camino_gral a:hover, .camino_gral a:focus {
			color:#666; 
			text-decoration: underline;
			font-weight:bolder;
		}
		.camino_gral a:visited{
			text-decoration: none;
		}


/* contenedor de seccion ________________________  */ 

.txt_hidden { 
	display:none;visibility:hidden;
}

.detalle {
	margin-left:.75em;
	margin-top:1em;
}

	.detalle ul{
		padding-left: 0.15em;
		padding-right: 0.15em;
		margin-top: .1em;
		margin-bottom:0em;
		list-style-type: none;
	}
	.detalle ul li{
		padding: 0.2em 0.25em 0.15em 0.25em;
		margin-left: 1em;	
	}
		.detalle li:before {
			content:'.';
			font-weight: bolder;
			color:#425167;	
			padding-right:.75em;
		}
		

	.detalle ol li{
		padding: 0.2em 0.25em 0.15em 0.25em;
	}
		.detalle ol > li:before {
			content:none;
		}

	
	.sinbullet > li:before  { list-style-type:none; content:none; }


	.detalle ul.vin-linea li{
		padding: 0em 0em 0em 0.25em;
		margin-left: 1.5em;	
		list-style-type:none;
	}
		.detalle ul.vin-linea li:before {
			content: "-";
			font-weight: normal;
			color:#425167;	
			padding-right:.75em;
		}

		
	.detalle a {	
		text-decoration: none;
		color: #0C477D;    
	}
		.detalle a:hover, .detalle a:focus {    
			text-decoration:underline;
			color:#053273;	
		}
		.detalle a:visited{
			text-decoration: none;	
		}
	
ul li p { margin-top:0;margin-bottom:0;}	

	
.titulo-separador {
	color: #337ab7;
	font-size:1.2em;		
	font-weight:bold;
	padding:0.3em;
	margin: .5em 0 .2em 0;
	width: 97%;
}

.tit_separador1  { font-weight:bold; color:#666;}
	
.txtInicio1 { color:#425167; font-size:1em; font-weight:normal; text-align:center; margin-top:3em;   }
.txtInicio2 { color:#616161; font-size:0.75em; font-weight:bold; text-align:center; margin-top:3em;  }
.txtInicio3 { color:#425167; font-size:0.8em;}

.pautas_aviso {
	font-size:1em;
	border:2px solid #ccc;
	width:85%;
	margin-left:2.5em; 
	margin-top:1em; 
	padding:1em; padding-top:0;
}

.centrado { text-align:center;} 

.destaque {
	color:darkblue;
	font-weight:bolder
}

.destaque1 { color:#425167; }

.imagen_link{	
	opacity: 1;    	
    transition: .25s;    
}
.imagen_link:hover{
	opacity: 1;
    mix-blend-mode: luminosity;
}

.imagen_link_pdf {
    background-origin: inherit;
    background: #FFF url(img/ic_pdf.png) no-repeat left center;
    margin: 0 0 0 0.25em;
    padding: 0.25em 0.8em 0.25em 0.8em;
}


	/* -- contiene el menu de navegacion -- */
.contenidos_n {
    padding: 0 0 0 0;
	margin: 1.3em 0.25em 2em 1em;
	border:none;
    background-color: #556377;  
}

.control-menu{
	display: none;
}	


table {
	border-collapse:collapse;
	width:75%;
	margin:2em;
}
	th {
		color:#425167;
		text-align:center;
		border:1px solid #ccc;
		border-top:1px solid #425167;
		border-bottom:1px solid #425167;
	}

	td {
		border:1px solid #ccc;
		padding:.75em;
		vertical-align:top;
	}
	

/* medios __________________________________________________________ */

@media only screen and (max-width: 860px) { 
		.banner {
			height:6em;
		}

		.logo_uns {
			width:30%;
			height:3em;
			background-size: 100%;
			padding:0; padding-top:.75em;
			margin: .2em 0 0 .75em;
		}
		
		.logo_congreso {
			width:60%;   
			height:3em; 
			float:right;
			text-align:left;
			line-height:1.3em;
			padding:0;
			margin:0; 
		}

		.logo_img  { width:17%; }
		.logo_titulo {  
			font-size:.95em;   
			float:none;
			margin-left:2em; 
			padding-bottom:.5em; 
		}


			/* lo usa cong_v0.js, ..  */
		.items-menu {
			width: 25%;   	
		}

		.items-menu ul{}
		.items-menu ul li{
			padding: 0.5em 0.25em 0.35em 0.25em;
		}
		
		.cuerpo_ppal {
			width:100%;	
		}
		
		.control-menu{
			display: none;
		}	
}


@media only screen and (max-width: 540px) { 
/*S3 *phone vista ok; con 480se ve el menú al pasar a vista horizontal  xxxxxxxxxx /
/*@media only screen and (max-device-width: 767px) and (min-device-width: 641px)*/

		body{	
			width: auto;	  	  
		}
		
		.cuerpo_ppal {
			width:100%;	
		}
		
		.banner {
			height:5em;
		}

		.logo_uns {
			width:20%;
			height:2.5em;
			background: url("img/uns_top_left1.png") no-repeat;
			background-size: 100%;
			padding:0; padding-top:.75em;
			margin: .2em 0 0 .75em;
		}
		
		.logo_congreso {
			width:70%;   
			height:3em; 
			float:right;
			text-align:left;
			line-height:1em;
			padding:0;
			margin:0; 
		}

		.logo_img  { width:17%; }
		.logo_titulo {  
			font-size:.95em;   
			float:none;
			margin-left:2em; 
			padding-bottom:.5em; 
		}
		
		.tit_congreso{
			padding-top: 1em;
		}
		 .contenido_ppal {
			padding: 1.25em 0.25em 0em 0.65em;
		}
		
		.contenidos_n{
			margin: 1em 0.25em 2em 0.25em;
		}


		table {
			width:85%;
		}
		
		/* ELEMENTOS DE NAVEGACION MENÚ REDUCIDO */
		/* ... arriba esta def solo .items-menu (sin nav.) 
			etiqueta nav
		*/
		
		nav.items-menu {
		/*menu horinzontal*/    
			width: 100%;
			display: block;    
			margin: 1em 0em 0em 0em;
		}

		
		.control-menu{
			background: transparent;
			display: block;
		}	
		.control-menu a span {
			display: inline-block;
			height: 1em;
			text-indent: -9999px;
			width: 1em;
		}

		.control-menu .close {
			background-image: url("img/close-menu.png");    /* url("imagenes/close-menu.png");*/
			background-position: center center;
			background-repeat: no-repeat;
			display: none;
		}
		.control-menu .open {
			background-image: url("img/open-menu.png");
			background-position: center center;
			background-repeat: no-repeat;
			display: block;
		}

	
	
		ul.menu-detalle {
			clear: both;
			height: 0;
			/* overflow: hidden;  /*   COMENTAR???? */
			transition: height 0.4s ease-in-out 0s, background-color 2s ease 0s; /*El menú cambia su altura y su color de fondo mediante una transición suavizada al voover a su estado unicial*/
		}
		#navigation:target ul.menu-detalle {
			height: 54em; /* 50em; /* 44em;*/
			transition: height 0.4s ease-in-out 0s, background-color 0.9s ease 0s; /*El menú cambia su altura y su color de fondo mediante una transición suavizada al abrirse*/
		}

		.close { 
		   display:none;
		}
			
		#navigation:target .open {
			  display: none;
		}

		/* Al hacer clic sobre el enlace que abre el menú aparece el enlace .close que previamente estaba oculto*/

		#navigation:target .close {
				display: block;
	}

		ul.menu-detalle li {
			display: block;
		}
		ul.menu-detalle a {        
			display: block;    
			line-height: 3em;
			margin: 0 0.3em 0em 0.3em;
		}

		ul.menu-detalle li:first-child a {
			border-top: 2px solid transparent;
		}
		ul.menu-detalle li a span {
			border-left: 3px solid;
			height: 3.2em;
			padding: 0.4em 0.5em;
		}

		
			.logo_footer { display: none;}
			.bandera_footer { display: none;}
			.texto_footer { 
				text-align:left;
				padding-left:1em;
			}

}