/* ---------------------------------------------------------------------- HEADER */
header { background:#9b9b9c; }

header .navutils { width:100%; background:#9b9b9c; position:relative; z-index:999;}

header .utils { height:35px; width:990px; margin:0 auto; text-align:right; list-style:none;  }
header .utils li { display:inline; }
header .utils li a { font-size:11px; font-weight:normal; color:#FFF; text-decoration:none; line-height:35px; display:inline-block; padding:0 10px 0 40px; background:url(/assets/img/ccip-utils.png) no-repeat; }
header .utils li a.log { background-color:#464647; padding:0 35px; background-position: 0 0;  }
header .utils li a.idi { background-position: 0 -49px; }
header .utils li a.con { background-position: 0 -93px;  }
header .utils li a.jun { background-position: 0 -406px;  }
header .utils li a.por { background-position: 0 -137px;  }
header .utils li a.rss { background-position: 0 -181px;  }
header .utils li a.inf { background-position: 0 -232px;  }
header .utils li a.fb { background-position: 0 -328px; padding:0; width:38px;   }
header .utils li a.tw { background-position: 0 -278px;  padding:0; width:38px;  }
header .utils li a.lin { background-position: 0 -362px;  padding:0; width:38px;  }

header div.nav { background:#e9e9e9; height:70px; position:relative; z-index:99;  }

header .utils li { position: relative; }
header .utils li ul { 
	position:absolute; left:0; top:27px; text-align:left; 
	background-color:#666;
	visibility:hidden;
	opacity:0;
	transition:opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-webkit-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear; width:220px;
}
header .utils li a:hover, header .utils li:hover > a { color:#464647 }
header .utils li a ul:hover { color:#464647 }
header .utils li a:hover+ul,
header .utils li ul:hover { visibility:visible; opacity:1;  }
header .utils li ul { padding:5px 0; }
header .utils li ul li { display:block;}
header .utils li ul li * { box-sizing:border-box }
header .utils li ul li a { font-size:11px; font-weight:normal; color:#fff; text-decoration:none; width:90%; line-height:24px; padding:5px 30px 5px 20px!important; background:url(/assets/img/ico-flechita.png) no-repeat right center;  }

.fab { width: 230px; }

span.nav-m { width:40px; height:40px; background:url(/assets/img/nav.png) no-repeat; margin-top:12px; cursor:pointer; display:none; float:right; }
span.nav-m.act { background-position:0 -40px; }

nav { width:990px; margin:0 auto; position:relative; }
nav span { width:135px; height:52px; float:left; margin-top:7px;  }
nav span a { width:135px; height:52px; display:block; background:url(/assets/img/ccep-logos.png) no-repeat; }
nav ul { list-style:none; text-align:right; padding-top:25px; }
nav ul li { display:inline; color:#000; font-size:11px; font-weight:bold; margin-left:7px; cursor:pointer; }
nav ul li a { text-decoration:none; color:#000; letter-spacing:-0.3px; }
nav ul li:hover a, nav ul li.active a { color:#bc0325; text-decoration:none; }

.menuprincipal li:hover, .menuprincipal li a:hover, .menuprincipal li.act, .menuprincipal li.act a { color:#bc0325 !important; }

#subnav * { box-sizing:border-box; }
#subnav { width:100%; height:85px; background-color:rgba(255,255,255,.95); position:absolute; top:145; left:0; z-index:88; display:none }
#subnav .cont { padding:15px 15px 15px 205px; width:990px; }
#subnav .cont ul { display:none; vertical-align:top; width:90%; opacity:0; }
#subnav .cont ul li { margin:3px 5px 0 0; list-style:none; display:inline-block; width:230px }
#subnav .cont ul li a { font-size:11px; color:#545454; text-decoration:none; font-weight:bold; }
#subnav .cont ul li a:hover,
#subnav .cont ul li.activesub a { color:#bc0325;}

@media screen and (min-width:0\0) {
	#subnav .cont ul li { display:inline-block; margin:3px 10px; width:200px; vertical-align:top }	
}

#subnav .cont ul {
    -webkit-column-count: 3; 
    -moz-column-count: 3; 
    column-count: 3;
	column-width: 33%;
	-webkit-column-width: 33%;
    -moz-column-width: 33%;
}

#subnav .cont span.closesub { 
	display:inline-block; width:40px; height:40px; cursor:pointer; color:#bc0325; font-size:35px; font-weight:normal;  
    -ms-transform: rotate(135deg) translate(9px, 14px); 
    -webkit-transform: rotate(135deg) translate(9px, 14px); 
    transform: rotate(135deg) translate(9px, 14px);
}



.m-menu { width:100%; height:100%; position:fixed; z-index:999; top:0; left:0; background:rgba(255,255,255, 1); display:none; }
.m-menu .m-cierra { width:30px; height:30px; display:block; margin:10px 0 0 0; float:right; background:url(/assets/img/i-close.png) no-repeat; background-size:30px 30px; cursor:pointer; }
.m-menu ul { list-style:none; padding-top:0; clear:both; }
.m-menu ul li { font:19px 'GothamXLight'; color:#000; }
.m-menu ul li span { cursor:pointer; }
.m-menu ul li.act { color:#ff001c; }
.m-menu ul li a { text-decoration:none; color:#000; }
.m-menu ul li ul { display:none; padding:5px 0; }
.m-menu ul li li { padding-left:10px;  }
.m-menu ul li li a { font-size:15px !important;  }

.m-menu ul.resto { padding-top:15px;  }
.m-menu ul.resto li { font-size:16px; }
.m-menu ul.resto li li a { font-size:13px !important;  }