@charset "UTF-8";
/* Rudimentary mega menu CSS for demonstration */	

/* mega menu list */
.nav-menu {
	/*font-family:  'robotoregular', Helvetica, Arial, sans-serif;*/ /* jp-minisitios  */
	display: table;
	width: 100%;
	list-style: none;
	z-index: 15;
	/*background: #0073c6;*/  /* jp-minisitios  */ 
	height: 44px;  /*BB 57px*/
	padding: 0;
    margin:5px 0px 0px 0px;
}

.nav-menu li {
	display: table-cell;
}


.scrollmenu {
	overflow-y: auto;
	min-width: 270px;
	/*max-height: 350px;*/ /* parece no andar el script en los moviles .. ??, si si anda, borrar esto */
		               /* el script esta en headerminisitios: $("#rootMenuHbr").click y .hover */
}
#contMenuHbr{
	width: 100%;
	position: fixed;
	background: rgba( 0, 0, 0, 0.7);
	height: 96%;
	padding-top: 0;
	padding-left: 0;
	padding-bottom: 10px;
}
#contMenuHbr .nav-item{
	background: rgba(229, 234, 238, 1); /*E5EAEE*/
}
.backgr{
	background: rgba(229, 234, 238, 1); /*E5EAEE*/
	max-width: 270px;
	margin-bottom: 7%;
}
.nav-menu a {
	display: block;
    text-align: center;
    margin: 0 5px;
    text-decoration: none;
}

/* ANA 2015-12*/
/*.nav-menu  ul > li.nav-item {*/
.nav-menu  li.nav-item {
	position: relative;
}

/* a top level navigation item in the mega menu */
.nav-item {
	list-style: none;
	padding: 0;
	margin: 0;
	color: #fafcf7;;	
	background: #ffffff;
	text-align: center;
	vertical-align: middle;
	/* font-weight: bold; *//* roboto */	
	/*margin-top: 0.4em;*/ /* jp 2015-12 */
	/*line-height: 2.2em;*/
	/*text-transform: uppercase;*/
}

/*
no anduvo
li.nav-item + li.nav-item::before {
    content: " | ";
}*/


/* first descendant link within a top level navigation item */
.nav-item > button,
.nav-item > a {
	position: relative;
	margin: 0; /*0 0 -1px 0;*/
	color: #333;
	line-height: 27px; /*2015-06-15: 1.8em */ /* jp 2015-12 */
    padding: 10px 0.3em;
    font-size: 1.125em;
}
.nav-menu > li + li {
    /*background: url('../img/separador.png') no-repeat left center;*/
    padding-left: 10px;
    border-left: 1px solid #E1E1E1;
}
.nav-menu > li + li:last-child {
    border-right: 1px solid #E1E1E1;
}	

/* focus/open states of first descendant link within a top level navigation item */
.nav-item > button:focus,
.nav-item > button.open,
.nav-item > a:focus,
.nav-item > a.open {
	/*border-right: 1px solid #dedede;*/
	color: #cef2ff; /*ANA*/
	background-color: #00407a; /* jp ¿se usa? */    
}

/* open state of first descendant link within a top level navigation item */
.nav-item > button.open,
.nav-item > a.open {
	background-color: #fff;
	z-index: 10;
	color: #00407a;
	/*background-color: #00407a;*/
    background-color: #e5eaee;
}

/* sub-navigation panel */
.sub-nav {	
	position: absolute;	
	/*position: absolute;
	right: 50%;
	float:right;
--------*/	
	display: none;
	padding: 10px 5px;
	/*border: 1px solid #dedede;*/
	background-color: #e5eaee;	
	text-transform: none;
	font-weight: 400;
	text-align: left;
    /*
    border-radius: 0px 0px 4px 4px; 
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    */ 
    box-shadow: 2px 2px 3px #ccc;    
    /*opacity: 0;        
    transition: opacity 0.3s ease 0s;                  ver por què no anda      */
}

/*------------------*/
/*
.nav-item {
display: inline-block;
right: 50%;
float:right;	
}
.sub-nav-group li {left: 50%;}

ul.sub-nav-group {
	position: relative;
	right: 50%;
	float: left;	
	position: absolute;
	display: block;
	background-color: #00407a;
}
ul.sub-nav-group li {left: 50%;}
*/
/*------------------*/


/* sub-navigation panel open state */
.sub-nav.open {
	display: block;
	z-index: 10;
    padding-top: 15px; /* jp para emparejar */
}

/* list of items within sub-navigation panel */
.sub-nav ul {
	/*display: inline-block;*//* ANA 2015-12*/
	display: table-cell;     /* ANA 2015-12*/
	vertical-align: top;

	list-style-type: square !important;
	
	padding: 0 0 0 10px;
	/*border-left: 1px solid #ffffff;*/
	border-right: 1px solid #cecece; 
    min-width: 255px; /* ANA 2015-12 achico, orig 295 */
}
/*.sub-nav ul:first-child {*/
.sub-nav ul:last-child {
	padding: 0;
	/*border-left: none !important;*/
	border-right: none !important;
}

/* list item within sub-navigation panel */
.sub-nav li {
	display: block;
	margin-right: 3px;
	padding: 0;
}
		
.sub-nav li a{
	text-align: left;
	color: #333333;
	/*font-family: 'robotolight', Helvetica, Arial, sans-serif; /*ANA*/
}


/* =================================== */
/* =============== ANA =============== */

.parcheIE9{
	width: 100%;
  	display: block;
}

nav ul.nav-menu {
  width: 100%;
}

nav ul.nav-menu > li {
	/*border-right: 1px solid #ffffff;*/
	padding: 0;
}

nav ul.nav-menu li .sub-nav a {
	border-right: none;
	border-left: none;
	line-height: 1.5em;
	
	/*min-width: 180px;*/ /* ANA 2015-12*/
	
	/*padding: 0.15em 0.2em;*/  /* jp 2015-12 */
    border-bottom: medium none;
    padding: 8px 18px 8px 28px;
}
nav ul.nav-menu li a:hover {
  text-decoration: none;
}

nav ul.nav-menu li .sub-nav ul li {
	/*border-top: 1px solid #eee;*/
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
    /*background: rgba(0, 0, 0, 0) url("../../img/submenu-bullet.png") no-repeat scroll 19px 18px; - jp: no se aplica - 2016-01*/
    font-size: 0.938em;
}
nav ul.nav-menu li .sub-nav ul li a:hover,
nav ul.nav-menu li .sub-nav ul li a:focus {
	color: #ffffff;
    /*background: rgba(0, 0, 0, 0) url("../img/submenu-bullet-white.png") no-repeat scroll 15px 18px; - jp: no se aplica - 2016-01*/
    background-color: #004078;  
    /*border-bottom: medium none;*/
    padding: 8px 18px 8px 28px;
}
ol.sub-nav-group ol{
	padding-left: 10px;
}

nav ul.nav-menu li.active > a {
	color: #29426c;
	font-weight: bold;
}
nav ul.nav-menu li a:hover, 
.nav-menu li.active a:hover,
nav ul.nav-menu li a:focus, 
.nav-menu li.active a:focus {
	color: #333333;
	background-color: #E5EAEE;
}
nav ul.nav-menu li.active {
	background: #f0f2f4;
	border-bottom: 1px solid #f0f2f4;
}

nav ul.nav-menu li .h2_menu {
	font-size: 1em;
	/*font-weight: bold;	
	text-transform: uppercase;*/   /* minisitios 2015 jp */
	padding: 0.6em 0 0 0;
}

/*** copio ésta clase desde estilos.css, para no "ensuciar" los estilos de Concreta con los del rediseño de la home) ***/
/*h1.titulooculto {
	line-height: 1.5;
    margin: 0;
    padding: 0;
    visibility: hidden;
    display:none;
}*/




/* original sitio anonimo
a.hamburguesa {
	font-weight: bold;
}*/
/* \25BC = 9660 flecha abajo  */
/* \25B2 = 9650 flecha arriba */
/*
a.hamburguesa:after {
	padding-left: 2px;
	content: "\25BC"; 
}*/



a.hamburguesa{
	background: #e5eaee url('../../img/hamburguesa03.png') no-repeat 10px;
	text-indent: -9999px;
}
/*
.nav-item.hamburguesa-item, .nav-item.hamburguesa-item a, .nav-item.hamburguesa-item a:hover{
	background-color: #e5eaee;
}*/

.nav-item.hamburguesa-item, .nav-item a.hamburguesa, .nav-item a.hamburguesa:hover, .nav-item a.hamburguesa:focus{
	background-color: #e5eaee;
}
.nav-item.hamburguesa-item > a {
	border-right: 0;
}
.hamburguesa-item .sub-nav ul{
	border-left: 0;
}
.nav-item.hbg{
	background-color:none;
	text-transform: none;
	padding-left: 15px;
}


.sub-nav ul.level2, div.level2{
	display: none;
	visibility: hidden;
}
a.levelclose:after {
	padding-left: 10px;
	/*content: "\25b6"; minisitios 2015 jp*/
	/*content: "+"; 
	font-size: 1.4em;*/
}
a.levelopen:after {
	padding-left: 10px;
	/*content: "\25BC"; */
}
.logohb{
	display: inline;
	float: left;
	margin: 8px 8px 0px 4px;
}
div.headhb {
	float: right;
	color: #fafcf7;;
	font-family: 'robotoregular', Helvetica, Arial, sans-serif;
    font-size: 0.75em;
    font-weight: bold;
    line-height: 1.3em;
    margin-bottom: 5px;
    margin-top: -5px;
    max-width: 140px;
}
div.headhbinside {
	display: inline;
	max-width: 100px;
}
.headhbinside a{
	color: #fafcf7;
	text-decoration: none;
}
.headhbinside a:hover{
	color: deepskyblue;
	text-decoration: none;
}
.headhbimg{
	margin-right: 10px;
	margin-top: 10px;
    margin-bottom: -10px;	
}

.anchototal{
	height: 40px;
    position: fixed;
    top: 0;
    width: 100%;
}
.lowd{
	top: 0;
	left: 50%;
	margin-left: -480px;
}
nav ul.nav-menu li .sub-nav ul.level2 li a{
	background: url(../img/submenu-bullet.png) no-repeat 14px 18px;
	border-bottom: none;
}

nav ul.nav-menu li .sub-nav ul li a{
	/*background: url(../img/submenu-bullet.png) no-repeat 14px 18px;*/
	border-bottom: 1px solid #cecece;
}

/********* MEDIA QUERIES *********/
@media only screen and (min-width: 860px) and (max-width: 1199px) { /* último item del menu abre a la izq */
	.nav-menu li:last-child .sub-nav{ 
		left: -157px;
	}
}
@media only screen and (min-width: 1200px) { /* último item del menu abre a la izq */
	.nav-menu li:last-child .sub-nav{ 
		/* left: -120px; */  /* Cambio realizado por Federico */
	}
}
@media only screen and (min-width: 960px) {
	.hightd{
		visibility: visible;
		display: inline;
	}
	.anchototal,
	.lowd{
		visibility: hidden;
		display: none;
	}
}

@media only screen and (max-width: 1199px){
    .nav-item > a {
        font-size: 1em;
        padding: 10px 0.5em;        
    }
}

@media only screen and (max-width: 960px) {
    nav  ul.nav-menu {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
	.hightd{
		visibility: hidden;
		display: none;
	}
	.anchototal,
	.lowd{
		visibility: visible;
		display: inline;
		position: fixed;
		width: 100%;
		top: 0;
		left: inherit;
		margin-left: 0;
	}
	section .content{
		margin-top: 45px; 
	}
}

/* 000000000000000 DISENIO INTERMEDIO "TABLET" 000000000000000000 */
@media only screen and (max-width: 913px){ /* ANA 2016-01 el nuevo disenio corta en 860, cambio de 800 a 860 */
	.nav-item.hamburguesa-item, .nav-item a.hamburguesa, .nav-item a.hamburguesa:hover{
		background-color: #0073c6;		
	}
	.nav-item a.hamburguesa:focus{ background-color: #00407a; }
	a.hamburguesa{
		background: #0073c6 url('../../img/hamburguesa02.png') no-repeat 10px;
	}
    nav ul.nav-menu li .sub-nav ul li {background-image: none;}
    nav ul.nav-menu li .sub-nav ul li:hover{background-image: none;}
    nav ul.nav-menu li .sub-nav ul li a{
        font-size: 1em;
        text-align: left;        
    }
    nav ul.nav-menu li .sub-nav ul li a,
    nav ul.nav-menu li .sub-nav ul li a:hover,
    nav ul.nav-menu li .sub-nav ul li a:focus{
    	/*padding: 10px 7px; 0.93em; /* ANA 2016-01 cambio de 15 a 10 */    	
    }
    nav ul.nav-menu li .sub-nav ul li a:hover{
        background-image: none;
    }
    nav ul.nav-menu li .sub-nav ul li a:focus{
        background-image: none;
    }
    nav ul.nav-menu li .sub-nav ul li .nav-item a{
        font-size: 1.12em;
    }
    nav ul.nav-menu li .sub-nav ul li .nav-item{
        background: #e5eaee url("../../img/submenu-bullet.png") no-repeat scroll 14px 20px; /*ANA 2016-01 cambie el alto del menu padding de 15 a 10, entonces cambei de 26 a 20 aca*/
                                                          /* padding para acomodar las flechitas */
        margin-left: 20px;
        padding-left: 8px;
    }
    nav ul.nav-menu li .sub-nav ul li .nav-item a:hover,
    nav ul.nav-menu li .sub-nav ul li .nav-item a:focus {
        color: #ffffff;
        background: rgba(0, 0, 0, 0) url("../img/submenu-bullet-white.png") no-repeat scroll 6px 20px; /*ANA 2016-01 cambie el alto del menu padding de 15 a 10, entonces cambei de 26 a 20 aca*/
        background-color: #004078;  
        /*border-bottom: medium none;*/
        margin-left: 0px;        
        padding-left: 15px 18px 15px 8px;
    }
    nav a{color:orange;}
}

}

/* 000000000000000 DISENIO MAS CHICO "MOVIL" 000000000000000000 */
@media only screen and (max-width: 480px){
	.nav-item.hamburguesa-item, .nav-item a.hamburguesa, .nav-item a.hamburguesa:hover, .nav-item a.hamburguesa:focus{
		background-color: #e5eaee;
	}
	.nav-item a.hamburguesa:focus{ background-color: #b3c0cc; }
	a.hamburguesa{
		background: #e5eaee url('../../img/hamburguesa03.png') no-repeat 10px;
	}
}

/* 000000000000000 DISENIO INTERMEDIO "TABLET-RETINA" 000000000000000000 */
@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 800px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 800px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 800px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 800px),
only screen and (                min-resolution: 192dpi) and (max-width: 800px),
only screen and (                min-resolution: 2dppx)  and (max-width: 800px) { 
	a.hamburguesa{
		background: #0073c6 url('../../img/hamburguesa02@x2.png') no-repeat 10px;
		background-size: 30px 23px; 
	}
}

/* 000000000000000 DISENIO MAS CHICO "MOVIL-RETINA" 000000000000000000 */
@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 480px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (                min-resolution: 192dpi) and (max-width: 480px),
only screen and (                min-resolution: 2dppx)  and (max-width: 480px) {
	a.hamburguesa{
		background: #e5eaee url('../../img/hamburguesa03@x2.png') no-repeat 10px;
		background-size: 30px 23px; 
	}
}