@charset "utf-8";

#MenuVertical{padding: 0; margin: 0; width: 172px; float: left;  margin-right: 27px;}
#MenuVertical li { list-style-position: inside; list-style-type: none; padding: 0px; margin-top: 3px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; list-style-image: url(vineta.gif); }
#MenuVertical li a { color: #3e545f; display: inline; list-style-position: inside; list-style-type: none; padding: 0px; font-size: 13px; font-weight: normal; text-decoration: none; margin: 0px; }

.content-box{max-width:1100px;margin:auto;padding:15px;}
.content-box-title{border:none;color:#0C4DA2;text-align:left;position:relative;padding:7px 0px 0px 12px;display:inline-block;border-left:solid 1px #0C4DA2;}
.content-box-title>span{background:#fff;position:relative;}

.mod-box{margin-top:3em;max-width:1100px;margin:auto;padding:15px;}
.mod-box-title{font-size:30px;margin-bottom:25px;font-weight:500;border:none;color:#0C4DA2;text-align:left;position:relative;border-left:solid 1px #0C4DA2;padding:7px 0px 0px 12px;display:inline-block;}

.clear{clear:both;}
.container-fluid{max-width:1800px;}
.no-padding{padding:0;}
#main-content > .container-fluid{max-width:1100px;}
#main-content > .container-home{max-width:1192px;}
#main-content > .container-header{max-width:1470px;}
.scroll{position:relative;overflow:hidden;}

/*HEADER*/
.compra_eficiente {
    background: #0C4DA2;
    width: 71% !important;
    border-radius: 5px;
    padding-top: 1em;
    margin-top: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    color: #fff!important;
    font-weight: 600;
    font-size: 17px;
    max-width: 240px;
}

.container-header{margin-bottom:1em;}
.btn_user{margin-left:0px;}

/*MENU MAIN*/
#equis{display:none;}
.open_box{display:block !important;}
.content_menu_d{padding:0px;}
.menu_desplegable{padding-top:4em;}
#menu-main>li{display:inline-block;list-style:none;position:relative;height:auto;margin:0em 0em 0em 1.5em;border-right:solid 1px #E5E5E5;padding:0em 1em 0em 0em;}
#menu-main>li>a{display:block;text-align:center;color:#000000;font-size:1em;font-weight:100;text-decoration:none;position:relative;overflow:hidden;padding-bottom:0.5em; line-height: 1em;}
#menu-main>li>a:hover{color:#0C4DA2;}
#menu-main > li > a::before, #menu-main > li > a::after{content: ''; height:5px; position: absolute;bottom:0; width: 100%; }
#menu-main > li > a::before { background-color: #0C4DA2; left: -100%; opacity: 0; transition: all 0.6s ease-out; z-index: 2; }
#menu-main > li > a::after { background-color: #ffffff; left: 0; z-index: 1; }
#menu-main > li > a:hover::before { left: 0; opacity: 1; }
.submenu{position:absolute;list-style:none;z-index:1000;margin:0px;padding:0px;border:none;left:0px;border-top:solid 1px #ffffff;padding-top:60%;}
.submenu>li{float:none;border-bottom-width:1px;width:130px;position:relative;padding:5px;background:rgba(255,255,255,0.8);}
.submenu>li>a{padding-top:8px;text-decoration:none;display:block;color:#0c4da2;font-size:14px;font-weight:normal;font-style:normal;width:130px;height:auto;}
.submenu>li:hover{background:#0c4da2;}
.submenu>li>a:hover{color: #fff; text-decoration: none;}
.subsubmenu{position:absolute;background:#0c4da2;list-style:none;margin:0px;padding:0px;right: -100%;top:0px;}
.subsubmenu>li{float:none;padding:5px;border-bottom-width:1px;width:130px;}
.subsubmenu>li>a{padding-top:8px;text-decoration:none;display:block;color:#ffffff;font-size:14px;font-weight:normal;font-style:normal;width:130px;height:auto;}
.subsubmenu>li>a:hover{color: #fff; text-decoration: none;}

/*HOME*/
.slick-slide img{width:100% !important;}
.ue_prev{position:absolute;z-index:9999;top:45.8%;margin-left:6px;}
.ue_next{position:absolute;right:8px;z-index:9999;top:45.8%;}
.slick-dots{position:absolute;bottom:1em;left:45%;}
.slick-dots>li{list-style:none;display:inline-block;font-size:0px;margin-left:5px;}
.slick-dots>li>button{border:none;background:#fff;border-radius:50%;width:15px;height:15px;}
.slick-dots .slick-active>button{background:none;border:solid 2px #ffffff;}
.title_slide{position:absolute;top:33%;left:56%;color:#353535;font-size:1.6em;font-weight:500;}
.content_details{position:absolute;top:40%;left:45%;color:#353535;font-size:2.5em;font-weight:800;text-transform:uppercase;}
.btn_slide{position:absolute;top:54%;left:56%;border:solid 2px #353535;color:#353535 !important;font-size:1.2em;padding:0.8em 2.3em 0.8em 2.3em;border-radius:9px;font-weight:600;}
.compra_eficiente p a{color: #fff !important;text-decoration: none !important;}

.login{background:#0c4da2;color:#ffffff;padding:2em 0em 2em 0em;}
.title_login{font-size:1.3em;text-transform:uppercase;}
.colum_one{border-right:solid 1px #0a3e82;padding:0em 3em 0em 4em;}
.text_login{color:#b0b0b0;}
.btn_login{background:#ffffff url('img_ingresar.png') no-repeat 1.5em center;color:#0c4da2;text-transform:uppercase;font-weight:800;font-size:1.2em;width:39%;text-align:center;border-radius:5px;padding:1em 0em 1em 2em;position:relative;left:8%;}
.btn_login>a{color:#0c4da2;text-decoration:none;display:block;width:100%;}
.tutorial-link, .tutorial-link:hover, .tutorial-link:link, .tutorial-link:visited { color: #fff !important; font-weight: 700; }
.services{margin-top:90px;}
.title_service{text-align:center;color:#333333;text-transform:uppercase;font-weight:800;font-size:1.1em;padding:1em 0em 0.5em 0em;margin-bottom:1.2em;transition:1s;position:relative;z-index:999;}
.title_service_hover{background:#0c4da2;color:#ffffff;}
.services a{text-decoration:none;display:block;overflow:hidden;position:relative;}
.service0{position:relative;}
.cover{width:100%;height:219px;background:rgba(255,255,255,0.7);position:absolute;z-index:1;transition:1s;display:none;}
.cover0{transition:1s;}
.cover_d{width:377px;height:506px;background:rgba(255,255,255,0.7);position:absolute;z-index:1;transition:1s;display:none;}

/*FOOTER*/
.footer{background:#0c4da2;color:#ffffff;}
.footer_top{padding-top:2em;}
.footer_top h4{color:#ffffff;padding-left:1em;}
.direction{font-size:0.9em;color:#adadad;background:url('direction.png') no-repeat left center;padding-left:20px;}
.email{font-size:0.9em;color:#adadad;background:url('email.png') no-repeat left center;padding-left:20px;}
.phone{font-size:0.9em;color:#adadad;background:url('phone.png') no-repeat left center;padding-left:20px;}
.celuphone{font-size:0.9em;color:#adadad;background:url('celuphone.png') no-repeat left center;padding-left:20px;}
#menu-footer>li{list-style:none;}
#menu-footer>li>a{color:#adadad;text-decoration:none;}
#menu-footer>li>a:hover{color:#ffffff;}
#menu-footer2>li{list-style:none;}
#menu-footer2>li>a{color:#adadad;text-decoration:none;}
#menu-footer2>li>a:hover{color:#ffffff;}
.menu_footer1>h4{padding-left:40px}
.menu_footer2>h4{padding-left:40px}
.line{height:1px;background:#255fab;margin-top:3em;}
.derechos_reservados{color:#a8a8a8;font-size:11px;}
.terminos_condiciones{color:#a8a8a8;font-size:11px;}
.exus_content{text-align:right;}
.exus_content a{color:#a8a8a8;font-size:11px;}
.footer_bottom{padding:1em 0em 1em 0em;}
.ue_btn_menu{text-align:center;padding-top:1em;}
.ue_btn_menu>span{font-size:3em;color:#0C4DA2;}

a.btn-primary, a.btn-primary:link, a.btn-primary:visited { color:#fff !important; }

/*MEDIA QUERYS*/
@media (max-width: 1352px) {
	.submenu{padding-top:54%;}
}
@media (max-width: 1300px) {
	#menu-main{padding:0px;}
	#menu-main>li{margin:0em;padding:0em 1em 0em 1em;}
	.btn_user{padding:0px;}
	.menu_desplegable{padding:4em 0px 0px 0px;}
	.submenu{padding-top:46%;}
}
@media (max-width: 1274px) {
	.submenu{padding-top:31%;}
}
@media (max-width: 1088px) {
	.menu_desplegable{width:74%;text-align:center;}
	.content_details{font-size:2em;}
	.btn_login{width:45%;}
	.title_service{font-size:1em;}
	.btn_menu{display:block !important;}
	.menu_desplegable{display:none;}
	#menu_main #menu_desplegable{position:fixed;background:#ffffff;height:100%;width:100%;z-index:99999;padding:0px;}
	#menu-main>li{display:block;font-size:1.3em;border:none;border-bottom:solid 1px #edeff3;padding:0.5em 0em 0.5em 0em;}
	#menu-main>li>a:hover{border:none;}
	.lastMenuPlus{border:none;}
	.submenu{position:relative;left:0px;padding-top:0px;background:#0c4da2;}
	.submenu>li{text-align:center;width:100%;}
	.submenu>li>a{width:auto;font-size:1em;}
	#menu-main>li>a{border-bottom:none;}
	.subsubmenu{position:relative;left:0px;padding-top:0px;background:#0e5abd;}
	.subsubmenu>li{text-align:center;width:100%;}
	.subsubmenu>li>a{width:auto;font-size:1em;}
	.compra_eficiente{width:100% !important;margin-top:1.5em}
	.btn_user{margin-left:33%;}
	.ue_btn_menu{padding-top:2em;}
	#btn_user_menu{display:none;}
}
@media (max-width: 992px) {
	.menu_footer1{height:163px;text-align:center;}
	.contact_footer{text-align:center;}
	.iso{padding-left:5em;}
	.menu_footer2{text-align:center;}
	.direction{background:url(direction.png) no-repeat 20% center;}
	.email{background:url(email.png) no-repeat 20% center;}
	.phone{background:url(phone.png) no-repeat 20% center;}
	.celuphone{background: url(celuphone.png) no-repeat 20% center;}
}
@media (max-width: 920px) {
	.content_details{font-size:1.5em;top:32%;}
	.title_slide{font-size:1.3em;top:20%;}
	.btn_login{width:55%;}
}
@media (max-width: 767px) {
	.btn_user{display:block;margin-left:23%;}
	.col-xs-offset-2{margin-left: 16.66666667%;}
	.btn_slide{padding:0.6em 1.3em 0.6em 1.3em;}
	.btn_login{background: #ffffff url(img_ingresar.png) no-repeat 0.6em center;}
	.img_service{margin:auto;}
	.derechos_reservados{text-align:center;}
	.exus_content{text-align:center;}
	.direction{background:none;}
	.email{background:none;}
	.phone{background:none;}
	.celuphone{background:none;}
	.iso{padding-left:1em;margin:1em 0em 2em 0em;}
	.slick-dots{display:none !important;}
	.menu_footer1>h4{padding-left:0px;}
	#menu-footer{padding:0px;}
	.menu_footer2>h4{padding-left:0px;}
	#menu-footer2{padding:0px;}
	.footer_top h4{padding-left:0px;}
	.slide1{height:415px;}
	.slide2{height:415px;}
	.slide3{height:415px;}
}
@media (max-width: 650px) {
	.btn_user{display:none;}
	.btn_menu{float:right;}
	.logo_top{width:35%;padding-top:1em;}
	.logo_top span{font-size: 0.8em;}
	.content_details{font-size:1.2em;}
	.btn_slide{padding:0.3em 1em 0.3em 1em;font-size:1em;}
	.colum_one{border:none;}
	#btn_user_menu{width:50%;margin:auto;display:block;}
}
@media (max-width: 640px) {
	.btn_login{width:33%;}
	.colum_one{padding:0px;}
}
@media (max-width: 540px) {
	.content_details{font-size:1em;left:39%;}
	.title_slide{font-size:1em;left:50%}
	.btn_slide{left:44%;}
	.btn_login{width:40%;}
	.slide1{height:290px;}
	.slide2{height:290px;}
	.slide3{height:290px;}
}
@media (max-width: 420px) {
	.logo_top{width:40%;}
	.logo_top span{font-size: 0.8em;}
	.content_details{font-size:0.8em;left:37%;}
	.title_slide{font-size:0.9em;top:14%;left:48%;}
	.btn_slide{padding:0.2em 0.8em 0.2em 0.8em;font-size:0.8em;top:47%;}
	.ue_next{width:10%;top:35%;}
	.ue_prev{width:10%;top:35%;}
	.btn_login{width:50%;}
}

.btn-compra {
    display: flex;
    position: fixed;
    right: 170px;
    bottom: 14px;
    z-index: 99999;
    background: #0C4DA1;
    padding: 5px 5px;
    border-radius: 5px;
    font-size: 10px;
    color: #fff!important;
    font-weight: 600;
    max-width: 275px;
    width: 22vw;
    line-height: 1.1em;
    text-align: center;
    border: 1px solid;
    box-shadow: 0 2px 3px #00000078;
    height: 44px;
    align-items: center;
    justify-content: center;
}

.log {
    right: initial;
    left: 0;
}

.btn-compra:hover {
    text-decoration: none;
    background: #fff;
    color: #234da2!important;
}

@media (min-width: 500px) {
	.log{
		left: 15px;
	}

	.btn-compra{
		padding: 5px 10px;
		width: 30vw;
		font-size: 13px;
	}

}

@media (min-width: 768px) {
	.btn-compra {
		padding: 5px 20px;
		width: auto;
	}

	.log {
		left: initial;
		right: 420px;
	}

}

@media (min-width: 992px) {

	.container-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	ul#menu-main {
		display: flex;
		align-items: center;
		width: 100%;
		padding: 0;
	}

	.btn-compra {
		font-size: 15px;
		bottom: 14px;
		right: 170px;
	}

	a.btn-compra.log {
		right: 447px;
	}

}

@media (min-width: 1500px) {

	.btn_user > div {
		display: flex;
		justify-content: flex-end;
	}

	.logo_top {
		padding: 0;
		max-width: 290px;
	}
}