/* ---------------------------------------------------------------------- HEADER */
header.header2018 { border:0px dotted #F0C; }

header.header2018 .navutils { width:100%; height:45px; background:#d8d8d8; position:relative; z-index:999;}

header.header2018 .utils-rrss { float:left; height:37px; list-style:none; padding-top:8px; }
header.header2018 .utils-rrss li { display:inline; }
header.header2018 .utils-rrss li a { background: url(/assets/img/header-utils-rrss-2018.png) no-repeat; width:30px; height:30px; display:inline-block; text-indent:-9999px; }
header.header2018 .utils-rrss li a.fb { background-position: 0 0;  }
header.header2018 .utils-rrss li a.tw { background-position: 0 -30px;  }
header.header2018 .utils-rrss li a.li { background-position: 0 -60px;  }
header.header2018 .utils-rrss li a.yt { background-position: 0 -90px;  }
header.header2018 .utils-rrss li a { background: url(/assets/img/header-utils-rrss-2018.png) no-repeat; width:30px; height:30px; display:inline-block;}

header.header2018 .utils-links { float:right; height:37px; list-style:none; padding-top:8px; }
header.header2018 .utils-links li { display:inline; margin-left:15px; position:relative;  }
header.header2018 .utils-links li a { background: url(/assets/img/header-utils-rrss-2018.png) no-repeat; line-height:30px; display:inline-block; padding-left:35px; text-decoration:none; color:#0b0b0b; font-size:11px; }
header.header2018 .utils-links li a.inf { background-position: 0 -150px; }
header.header2018 .utils-links li a.por { background-position: 0 -180px; }
header.header2018 .utils-links li a.con { background-position: 0 -210px; }
header.header2018 .utils-links li a.idi { background-position: 0 -240px; }
header.header2018 .utils-links li ul {  opacity:0;  position:absolute; background:#d8d8d8; width:130px; left:-30px; top:27px;  }
header.header2018 .utils-links li ul li {  float:left; padding: 5px; display:block;  }
header.header2018 .utils-links li ul li a { padding:0px; background:url(/assets/img/ico-flechita.png) no-repeat right center;  }

header.header2018 .utils-links li ul:hover { opacity:1; }

.bread span:last-child { font-weight:bold; }
.bread a { text-decoration:underline; }

.utils-menu { float:right; }
.utils-menu > li { float:left; height:37px; list-style:none; padding-top:8px; }
.utils-menu li a { background:#d8d8d8 url(/assets/img/header-utils-rrss-2018.png) no-repeat; display:inline-block; text-decoration:none; color:#0b0b0b; font-size:11px; text-decoration:none; padding:10px 12px 0 35px; display:block;  text-align:right; }
.utils-menu li a.inf { background-position: 0 -150px; }
.utils-menu li a.por { background-position: 0 -180px; }
.utils-menu li a.con { background-position: 0 -210px; }
.utils-menu li a.idi { background-position: 0 -240px; }
.utils-menu li ul li {  }
.utils-menu li ul li a { background-image:none; margin:5px 0; display:inline-block;  } 

.utils-menu li ul.idiomas { display:none; position:absolute; width:140px; margin-left:-40px; text-align:right; }
.utils-menu li ul.portales { display:none; position:absolute; width:180px; margin-left:-68px;  text-align:right; }
.utils-menu li:hover > ul { display:block; list-style:none; background:#d8d8d8; padding:10px 0; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; }



header.header2018 .logo { text-align:center; height:65px; }
header.header2018 .logo a { width:135px; height:65px; display:inline-block; background:url(/assets/img/ccep-logos.png) no-repeat bottom center; }

header.header2018 div.nav { background:#FFF; height:60px; position:relative; z-index:99;  }

header.header2018 nav { width:990px; margin:0 auto; position:relative; }
header.header2018 nav ul { list-style:none; text-align:center; padding-top:20px; }
header.header2018 nav ul li { display:inline; font-size:12px; color:#545454; margin:0 15px; cursor:pointer; letter-spacing:-0.3px;}
header.header2018 nav ul li a { text-decoration:none; color:#545454; }

.menuprincipal li.act, .menuprincipal li.act a { color:#bc0325 !important; font-weight:bold; }


.submenus { width:100%; height:85px;  background-color:rgba(255,255,255,.95); position:absolute; top:145; left:0; z-index:99; display:none;  }
.submenus ul { list-style:none; width:990px; text-align:left; min-height:90px; margin:0px auto; clear:both; display:none; }
.submenus ul li { float:left; width:250px; font-size:11px; font-weight:bold; padding:0 20px 10px 60px; letter-spacing:-0.3px; }
.submenus ul li a { text-decoration:none; color:#545454; }
/*.submenus .submenus-x {  display:block; margin:0px auto; width:20px; height:20px; 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); cursor:pointer; }*/
.submenus .submenus-x{  display:block; margin:0px auto; width:27px; height:25px; cursor:pointer; background:url(/assets/img/flecha.png) no-repeat; text-indent:-9999px;  }

/*
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; }
*/




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:#121212; 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 { 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; }

#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;}transform: rotate(135deg) translate(9px, 14px);


/*
#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; width:960px; }
#subnav .cont ul { display:none; vertical-align:top; width:100%; opacity:0; }
#subnav .cont ul li { margin:3px 5px 0 0; list-style:none; display:inline-block; width:325px }
#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;}

#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 { display:none !important; }


/* ---------------------------------------------------------------------- HOVER PARA ESCRITORIO */
@media only screen and (min-width: 1025px) {

nav ul li:hover { text-decoration:underline; }
nav ul li.act:hover { text-decoration:none ; }
.submenus ul li a:hover {  color:#bc0325; }
.submenus .submenus-x:hover {  color:#545454; transition: ease-in-out .5s; }

}