@charset "UTF-8";

/*--------------- MENU HORIZONTAL ---------------*/
/* Reset */
*, *:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.cbp-hrmenu {width: 100%;}

/* general ul style */
.cbp-hrmenu ul {margin: 0; padding: 0; list-style-type: none;}

/* primer nivel navegacion */
.cbp-hrmenu > ul,
.cbp-hrmenu .cbp-hrsub-inner {width: 90%; margin: 0 auto; padding: 0 1.875em;}
.cbp-hrmenu > ul > li {display: inline-block;}
.cbp-hrmenu > ul > li > a {font-weight: 700; display: inline-block;}
.cbp-hrmenu > ul > li > a:hover {color: #CC0000;}
.cbp-hrmenu > ul > li.cbp-hropen a,
.cbp-hrmenu > ul > li.cbp-hropen > a:hover {color: #333 !important; background: #FFF;}

/* sub-menu interior */
.cbp-hrmenu .cbp-hrsub {font-family: roboto; display: none; position: absolute; background: #fff; width: 100%; left: 0;}
.cbp-hropen .cbp-hrsub {display: block; padding-bottom: 3em;}
.cbp-hrmenu .cbp-hrsub-inner > div {width: 33%; float: left; padding: 0 2em 0; margin-top: 2em;}
.cbp-hrmenu .cbp-hrsub-inner > div.linea-left {width: 33%; float: left; padding: 0 2em 0 2em; margin-top: 2em;}
.cbp-hrmenu .cbp-hrsub-inner:before,
.cbp-hrmenu .cbp-hrsub-inner:after {content: " "; display: table;}
.cbp-hrmenu .cbp-hrsub-inner:after {clear: both;}
.cbp-hrmenu .cbp-hrsub-inner > div a {line-height: 2em; }
.cbp-hrsub h4 {font-family: 'robotocondensed-regular'; color: #000; padding: 2em 0 0.6em; margin: 0; font-size: 18px; font-weight: 300;}
.cbp-hrsub p {color: #333; margin: 0; font-size: 14px; font-weight: 300; line-height: 130%;}
.cbp-hrsub ul li a {color: #333 !important; margin: 0; font-size: 14px; font-weight: 300; line-height: 130%; float: none; display: block;}


/*boton responsive*/
.menu_btn {display:none; position:absolute; width:35px; height:35px; cursor:pointer; clear:both; right:10px; top:10px; transition: all 1s;}
/*efecto menu hamburguesa*/
.menu_btn .bar1, .bar2, .bar3 {width: 28px;height: 3px; background-color: #000;margin: 5px 0;transition: .5s;}
.menu_btn.activo .bar1 {-webkit-transform: rotate(-45deg) translate(-9px, 6px) ;transform: rotate(-45deg) translate(-6px, 6px) ; background-color:#CC0000;}
.menu_btn.activo .bar2 {opacity: 0;}
.menu_btn.activo .bar3 {-webkit-transform: rotate(45deg) translate(-5px, -5px) ;transform: rotate(45deg) translate(-5px, -5px) ; background-color:#CC0000;}


/*--------------- RESPONSIVE MENU HORIZONTAL----------------*/
@media(max-width:1200px) {
	.cbp-hrmenu {font-size: 80%;}
}

@media(max-width:992px) { 
	.cbp-hrmenu {display:none; font-size: 120%; border: none;}
	.cbp-hrmenu > ul,
	.cbp-hrmenu .cbp-hrsub-inner {width: 100%; padding: 0;}
	.cbp-hrmenu .cbp-hrsub-inner {padding: 0 2em; font-size: 75%;}
	.cbp-hrmenu > ul > li {display: block; border-bottom: 1px solid #12abba;}
	.cbp-hrmenu > ul > li > a { display: block; padding: 1em 3em;}
	.cbp-hrmenu .cbp-hrsub {position: relative;}
	.cbp-hrsub h4 {padding-top: 0.6em;}
	
	/*boton responsive*/
	.menu_btn {display:block;}
}

@media(max-width:768px) {
	.cbp-hrmenu .cbp-hrsub-inner > div {width: 100%; float: none; padding: 0 2em;}
}