/* 
DISEÑADO / MAQUETADO / PROGRAMADO POR: POR OBJETIVO VIRTUAL :) */

/*=====================================================================
	ESTILOS GENERALES:
======================================================================*/

/* BLANCO Y NEGRO */

@c00: #000000; 
@c0:  #ffffff;

/* COLORES PRINCIPALES */

@c1:  #AB8906; 
@c2:  #5e1212; 
@c3:  #121649;
@c4:  #666;

/* COLORES SECUNDARIOS */

@cc1:  #AB8906; 
@cc2:  #9fc04b; 
@cc3:  #9fc04b;
@cc4:  #9fc04b;


/* ESCALA DE GRISES PRINCIPALES*/

@cg1:  #636363;
@cg2:  #838383;
@cg3:  #b9b9b9;
@cg4:  #D3D3D3;
@cg5:  #e3e3e3;


/* ESCALA DE GRISES OSCUROS Y CLAROS */

@cgo1: #111111;  @cgc1:  #aaaaaa;
@cgo2: #222222;  @cgc2:  #a5a5a5;
@cgo3: #333333;  @cgc3:  #bbbbbb;
@cgo4: #444444;  @cgc4:  #b5b5b5;
@cgo5: #555555;  @cgc5:  #cccccc;
@cgo6: #666666;  @cgc6:  #c5c5c5;
@cgo7: #777777;  @cgc7:  #dddddd;
@cgo8: #888888;  @cgc8:  #dgdgdg;
@cgo9: #999999;  @cgc10: #e5e5e5;



/**************** FUENTES ****************/

/* FUENTES PRINCIPALES */

.fp1 {font-family: 'Roboto Condensed', sans-serif;} 
.fp2 {font-family: 'Roboto Condensed', sans-serif;} 

/* FUENTE TEXTOS */

.ft1 {font-family: 'Roboto', sans-serif;}
.ft2 {font-family: 'Roboto', sans-serif;}



/*=====================================================================
	BASE:
======================================================================*/

/**************** GENERALES ****************/

body {}

.none {display:none;}
.over {overflow:hidden;}
.f-left {float:left;}
.f-right {float:right;}
.center {text-align: center;}
.relative {position: relative;}


/**************** TIPOGRAFICOS ****************/

h1 {font-size:15px;margin:0px;}
.strong {font-weight: 700;}
.italic {font-style: italic;}

/**************** OPACIDAD ****************/

.op00 {opacity: 0.0;filter: alpha(opacity=00);}
.op10 {opacity: 0.1;filter: alpha(opacity=10);}
.op20 {opacity: 0.2;filter: alpha(opacity=20);}
.op30 {opacity: 0.3;filter: alpha(opacity=30);}
.op40 {opacity: 0.4;filter: alpha(opacity=40);}
.op50 {opacity: 0.5;filter: alpha(opacity=50);}
.op60 {opacity: 0.6;filter: alpha(opacity=60);}
.op70 {opacity: 0.7;filter: alpha(opacity=70);}
.op80 {opacity: 0.8;filter: alpha(opacity=80);}
.op90 {opacity: 0.9;filter: alpha(opacity=90);}
.op100 {opacity: 1.0;filter: alpha(opacity=100);}

/**************** EFECTOS ****************/

.eff (@eff:0) {-webkit-transition: all ~"@{eff}s" ease;-moz-transition: all ~"@{eff}s" ease;-o-transition: all ~"@{eff}s" ease;transition: all ~"@{eff}s" ease infinite;}
.eff-rotate (@rotate:0){-moz-transform: rotate(~"@{rotate}deg");-webkit-transform: rotate(~"@{rotate}deg");-o-transform: rotate(~"@{rotate}deg");-ms-transform: rotate(~"@{rotate}deg");transform: rotate(~"@{rotate}deg");}
.eff-zoom (@zoom:0) {-moz-transform: scale(~"@{zoom}");-webkit-transform: scale(~"@{zoom}");-o-transform: scale(~"@{zoom}");-ms-transform: scale(~"@{zoom}");transform: scale(~"@{zoom}");}

/**************** ESCALA DE GRISES ****************/

.grayy (@grayy:0%) {-webkit-filter: grayscale(@grayy);-moz-filter: grayscale(@grayy);-ms-filter: grayscale(@grayy);-o-filter: grayscale(@grayy);filter: grayscale(@grayy); filter: Gray();}

/**************** BORDES ****************/

/* BORDES INTELIGENTES */

.border-left {-webkit-box-shadow: -1px 0px 0px 0px @cg5;-moz-box-shadow:-1px 0px 0px 0px @cg5;box-shadow: -1px 0px 0px 0px @cg5;}
.border-right {-webkit-box-shadow: 1px 0px 0px 0px @cg5;-moz-box-shadow:1px 0px 0px 0px @cg5;box-shadow: 1px 0px 0px 0px @cg5;}
.border-bottom {-webkit-box-shadow: 0px 1px 0px 0px @cg5;-moz-box-shadow:0px 1px 0px 0px @cg5;box-shadow: 0px 1px 0px 0px @cg5;}
.border-top {-webkit-box-shadow: 0px -1px 0px 0px @cg5;-moz-box-shadow:0px -1px 0px 0px @cg5;box-shadow: 0px -1px 0px 0px @cg5;}

/* BORDES CIRCULARES */

.radd (@radd:0px) {-webkit-border-radius: @radd;-moz-border-radius: @radd;border-radius: @radd;}
.rad5bot {-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
.rad10bot {-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.rad5top {-webkit-border-top-right-radius: 5px;-webkit-border-top-left-radius: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-topleft: 5px;border-top-right-radius: 5px;border-top-left-radius: 5px;} 
.rad10top {-webkit-border-top-right-radius: 10px;-webkit-border-top-left-radius: 10px;-moz-border-radius-topright: 10px;-moz-border-radius-topleft: 10px;border-top-right-radius: 10px;border-top-left-radius: 10px;} 

/**************** SOMBRAS ****************/

.sombra {background: url(../img/sombra.png) no-repeat top; background-size: 100% 6px;height: 6px; float:left;width: 100%; .op50; }
.sombra-mod {background: url(../img/sombra.png) no-repeat top;    background-size: 100% 10px;    height: 10px;.op70;    float: left;    width: 100%;    position: absolute;    bottom: 0px;    z-index: 1000;}
.sombra-v {background: url(../img/sombra-v.png) no-repeat top; background-size: 15px 100%; height:100%; float:left; width: 10px; }
.sombra-on {background: url(../img/sombra-top.png) no-repeat top; background-size: 100% 20px; height: 20px;   float: left;  width: 100%;}

.sombra-css {-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);}
.text-shadow {text-shadow: 3px 1px 2px rgba(0, 0, 0, 0.7);}

/**************** FONDOS ****************/

.backk (@backk:100% 100%) {  -webkit-background-size: @backk;  -moz-background-size: @backk;  -o-background-size: @backk;  background-size: @backk;}


/**************** FONDOS DEGRADE ****************/

.grad-black {background: rgb(85,85,85);background: -moz-linear-gradient(top,  rgba(85,85,85,1) 0%, rgba(37,37,37,1) 100%);background: -webkit-linear-gradient(top,  rgba(85,85,85,1) 0%,rgba(37,37,37,1) 100%);background: linear-gradient(to bottom,  rgba(85,85,85,1) 0%,rgba(37,37,37,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#252525',GradientType=0 );}

/**************** OBJETIVO VIRTUAL ****************/

#footer_ov {float:right;}
#footer_ov p {opacity: 0.7;filter: alpha(opacity=20); color:@c0;  font-size:18px; float:left; margin:0px 5px 0px 0px;.fp1; line-height: 25px}
#footer_ov:hover p {opacity: 1;filter: alpha(opacity=50);}
#footer_ov img {float:left}
#footer_ov:hover img {opacity: 1;filter: alpha(opacity=100);}

/**************** PAGINADOR ****************/

#paginador {    float: right;    width: 100%;    margin-top: 30px;margin-bottom:30px;text-align:center;}
#paginador {
	.paginador_bottom {width: 100%;float: right; margin:30px 0px;}
	.contenedor_paginador {display:inline-block; margin-bottom: 15px;margin-top: 12px;float:right;}
	.text {float: left;color: @cg3;	font-weight: 400;	margin-top: 5px;}
	.contenedor_paginador a {.fp1;.radd (@radd:3px); background-color: #ffffff;	margin-left: 8px;      width: 50px;    height: 30px;    line-height: 18px;    font-size: 15px;	border: 1px solid #ddd;	float: left;	text-align: center;	padding:5px;	color: @cg1;}
	.contenedor_paginador .active,.contenedor_paginador a:hover {background:@c4; color:@c0; border:1px solid @c4;}
}

/**************** SUBIR ****************/

.back-to-top {background-color:@c2; cursor: pointer;position: fixed;bottom: 0;right: 15px;display:none; .radd (@radd:0px); .rad5top; border:none!important;z-index: 100000}
.back-to-top:hover, .back-to-top:active, .back-to-top:focus {background-color:@c1;}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {background-color: @c1}


/*=====================================================================
	ESTRUCTURA:
======================================================================*/


/* width */
::-webkit-scrollbar { width: 8px;}
/* Track */
::-webkit-scrollbar-track { background: #f5f5f5; }
 /* Handle */
::-webkit-scrollbar-thumb {background: rgb(66,66,66);
background: linear-gradient(0deg, rgba(66,66,66,1) 0%, rgba(130,130,130,1) 100%); .radd (@radd:0px); }
/* Handle on hover */
::-webkit-scrollbar-thumb:hover { background: #999; }

/********************
	GENERALES
********************/

	div, p, span, i, b, strong, ul, li, a, {.ft2;}
	html, body {height:100%;}
	ul li {list-style: none;}
	label {cursor: initial;}
	#content {overflow: initial;float:left; width: 100%}
	#wrapper {overflow-x: hidden;}


	header #header-wrap {}
	header #seleccionado {border-bottom:1px solid rgba(255,255,255,0.40);}

	@media (max-width: 575px) {
		body .container, body #header.full-header .container, body .container-fullwidth {
		    width: 100% !important;
		    padding-left: 15px !important;
		    padding-right: 15px !important;
		}
	}

	@media (min-width: 1200px) {
		.container {max-width: 1180px;}
	}


	.linea-estilo {background: url(../img/linea-estilo.png) center center;background-size: 100% 100%; width: 100%; height: 20px; float:left; position: absolute; bottom: -20px;z-index: 100}
	.linea-estilo-2 {background: url(../img/linea-estilo-2.png) center center;background-size: 100% 100%; width: 100%; top: -13px; height: 13px; float: left; position: absolute; z-index: 100;}


/********************
	DEGRADADOS 
********************/

	.fondo-gradient {
		background: rgb(175,147,84);background: linear-gradient(90deg, rgba(175,147,84,1) 0%, rgba(201,188,128,1) 100%);	}
	.fondo-gradient-2 {	
		background: rgb(175,147,84);background: linear-gradient(90deg, rgba(175,147,84,1) 0%, rgba(201,188,128,1) 100%);filter: saturate(150%);-webkit-filter: saturate(150%);-moz-filter: saturate(150%);	}



/*=====================================================================
HEADER:
======================================================================*/



/******************** 
 HEADER GENERALES
********************/
	#header {height: initial!important;background: transparent; border:none;}
	#header, #header-wrap {height: 155px!important;border:none!important;}
	
	#header, #header-wrap {float:left; width: 100%;}
	#primary-menu-trigger {width: initial; color:@c0!important;margin-left:20px;}
	#top-search, #top-cart, #side-panel-trigger, #top-account{padding: 0px; margin: 0px;}
	#top-cart, #side-panel-trigger, .login {float: right; padding:0px;}
	#top-cart:hover, #side-panel-trigger:hover, #top-search-trigger .img-lupa:hover,  #contacto-icono:hover, #panel-icono .off:hover {filter: grayscale(100%) sepia(1) brightness(50%) contrast(200%) hue-rotate(253deg); -webkit-filter: grayscale(100%) sepia(1) brightness(50%) contrast(200%) hue-rotate(253deg);}

	.img-lupa {width: 21px;}
	.img-carrito {width: 24px;}
	#panel-icono .on img {width: 18px;}
	#panel-icono .off {width: 18px;}

	body.top-search-open #panel-icono {display: none}
	body.top-search-open #top-cart {display: none}

	.linea-colores {background: url(../img/linea.png) center center;background-size: 100% 100%; width: 100%; height: 6px; float:left;}
	.botonera-modulo {background: #e9e9e9;display: inline-block;width: 100%; float:left;}
	.nav-mod {float:left; width: 100%; margin-top: 90px;margin-bottom:35px;text-align: center;z-index: 1}

	.navegacion-responsiva {font-weight: 300; float:right; background: #666;    padding: 2px 10px;border-left:1px solid #c5c5c5; border-left:1px solid #ccc;margin-bottom:15px;}
	.navegacion-responsiva:first-child {border:none;} 

	.nav-mod-responsivo {display: none;}

	.botonera-mi .desplegable {float:left;border:none;}
	.botonera-mi .nav-tabs .nav-link:hover, .botonera-mi  .nav-tabs .nav-link:focus {border:none;}
	.botonera-mi .dropdown-toggle::after {display: none;}

	.botonera-mi .dropdown:hover .secc {color:#bbb;}

	.botonera-mi .dropdown {  position: relative; display: inline-block;}
	.botonera-mi .dropdown-content {.op00;display: none; position: absolute;padding-top:8px;  z-index: 1; min-width: 250px;margin-left: 30px;.eff (@eff:0.3); }
	.botonera-mi .dropdown-content .dropdow-box {border-top:3px solid @c1;.eff (@eff:0.5); background-color: #f1f1f1;box-shadow: 1px 0px 4px 0px rgba(0,0,0,0.15);width:100%;float:left;position: relative; }
	.botonera-mi .dropdown-content a { color: black;    border-bottom: 1px solid #ddd;	padding: 12px 16px;	text-decoration: none; display: block;font-size: 14px; color:@cg1; font-weight: 300;}
	.botonera-mi .dropdown-content a:hover {    color:#000;   background: #e5e5e5;}
	.botonera-mi .dropdown:hover .dropdown-content {display: block;.eff (@eff:0.3);.op100;}

	#header.sticky-header:not(.static-sticky) #header-wrap .botonera-mi .dropdown-content a {font-size:13.5px;padding: 8px 16px;}




	@media (max-width: 991px) {


		#header #header-wrap {height:initial!important;min-height: 135px;}
		.botonera-md, .secc, .botonera-mi .dropdown {display: none;}
		.nav-mod-responsivo {float:left; display: block; width: 100%;}

		#header.transparent-header.full-header #primary-menu > ul {padding-top: 140px!important; background: rgb(36,36,36)!important;background: linear-gradient(45deg, rgba(36,36,36,1) 0%, rgba(71,71,71,1) 100%)!important;}

		.nav-mod-responsivo nav ul li a {.fp2;}
		#primary-menu-trigger {margin-top:30px;    position: absolute;   font-size: 24px;    color: #999;    height: initial;    line-height: normal; float:left;}
		.nav-mod {position: absolute; margin:0px; width: 100%; left:0px;}
		.botonera-mi {width: 100%; position: absolute; top:0px;    margin-top: 40px;}
		#header #logo {margin:0px;position: initial;}
		#top-search a i.icon-line-cross {z-index: -1;}

	}

	@media (max-width: 991px) {
		.navegacion-responsiva {display: block; height: 41px; color:@cg1;}
	    html #header, html #header-wrap {height: auto!important;}
	    #side-panel-trigger {display: none;}
	}

	@media (max-width: 600px) {
	   .accesos-directos .box-tool, .accesos-directos a span {display:none;}
	   body .accesos-directos .whatsapp-box {width: initial!important;}
	   .botonera-modulo .container {padding:0px!important;max-width: 100%!important;}
	   .botonera-modulo .navegacion-responsiva.side-panel-trigger {width: 50%;float:left;}
	   .botonera-modulo .navegacion-responsiva {width: 50%;margin: 10px 0px; font-size: 14px; text-align: center; padding: 2px 0px; height: 25px;}
	}

	@media (max-width: 500px) {
		#primary-menu-trigger {left: 5px!important;}
	}	

	.botonera-md {float:left;width:50%;text-align: right;padding-right:135px;.eff (@eff:0.1);}
	.botonera-md .secc {margin-right:30px;padding-bottom:5px;}
	.botonera-mi {float:right;width:50%;text-align: left;padding-left:135px;.eff (@eff:0.1);}
	.botonera-mi .secc {margin-left:30px;}
	.secc {font-size:19px;.ft2; color:@c0;.eff (@eff:0.1); font-weight: 300;}
	.secc:hover {color:#bbb;}

	@media (max-width: 1199px) {
		.secc {font-size:17px;}
	}	



/******************** 
LOGO
********************/

	#logo {position: absolute;top:15px;left: 0;right: 0;margin-left: auto;margin-right: auto;   width:215px;z-index: 100;.eff (@eff:0.1)!important;display: inline-block; }
	#logo img {height: initial; widows: 100%; .eff (@eff:0.1);}
	#logo a {display: inline-block!important;}
	#logo .responsivo-logo {display: none!important;}

	@media (max-width: 991px) {
	   #header {text-align: center;}
	   #header #logo { height: auto; max-width: 160px;  margin:17px 0px!important; position: initial; top:0px; }
	   #logo img {height: auto; width: 100%;padding:0px;}
	}
	@media (max-width: 600px) {

	}

/******************** 
REDES
********************/

	#header{
		.redes {background: rgba(100, 100, 100, 0.50);border: 1px solid rgba(150, 150, 150, 0.50);border-top:none; float:right; right:15px;z-index: 1;	position: absolute; padding: 4px 15px 10px 15px;-webkit-border-bottom-right-radius: 20px;-webkit-border-bottom-left-radius: 20px;-moz-border-radius-bottomright: 20px;-moz-border-radius-bottomleft: 20px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;}
		.redes a {margin: 0px 3px; font-size:15px;color:@c0;.op100;}
		.redes a:hover {.op80;}
		.redes .instagram img {width: 18px;margin-right:4px;}
		.redes .linkedin img {width: 16px;}
		.redes .facebook img {width: 16px;}
		.redes .youtube img {width: 20px;}
		.redes .twitter img {width: 19px;}
		.redes .idioma {background: transparent;}
		.redes .bootstrap-select.btn-group > .dropdown-toggle {padding-top: 0px;    padding-bottom: 0px;margin-left:10px; padding-left:15px;background: transparent;border:none;border-left: 1px solid rgba(150, 150, 150, 0.50);}
		.redes .bootstrap-select.btn-group {width: 75px; color:#fff;text-transform: uppercase;}
		.redes .bootstrap-select.btn-group .dropdown-toggle .filter-option {color:#fff;font-weight: 300;font-size: 13px;}
		.redes .bootstrap-select.btn-group .dropdown-toggle::after {    border-top: 0.3em solid rgba(150, 150, 150, 0.50);margin-left: 0px;    vertical-align: 2px;}
		.redes .bootstrap-select.btn-group .dropdown-menu {background: #555;}
		.redes .bootstrap-select.btn-group .dropdown-item {padding: 2px 15px;margin:0px;}
		.redes .bootstrap-select.btn-group .dropdown-item span {font-weight: 300;font-size:13px;}
		.redes ::-webkit-scrollbar-thumb,.redes ::-webkit-scrollbar-track,.dropdown-item:hover, .dropdown-item:focus {background: transparent;}
		.redes .btn-light:focus, .btn-light.focus, .redes .bootstrap-select .dropdown-toggle:focus { box-shadow: none!important; border:none!important;outline:none!important}

		@media (max-width: 991px) {
			.redes {padding: 4px 5px 10px 5px;}
			.redes > a {display: none;}
			.redes .bootstrap-select.btn-group > .dropdown-toggle {margin:0px!important; border:none!important;}
			.nav-mod-responsivo .redes {width: 100%; float:left;position: initial; background: transparent; border:none;text-align: center;}
			.nav-mod-responsivo .redes a {display: inline-block;}
		}	
		@media (max-width: 500px) {
			.redes {background: transparent; border:none;  top: 49px;padding:0px;}
		}	


	}

/******************** 
STICKY HEADER
********************/
	#header.sticky-header:not(.static-sticky) #header-wrap {background: url(../img/header-gris.png) top center no-repeat;background-size: 1920px 130px;}
	#header.sticky-header:not(.static-sticky), #header.sticky-header:not(.static-sticky) #header-wrap {height: initial;box-shadow: none; }
	#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {padding-top: 14px; padding-bottom: 14px; font-size:14px;}
	#header.sticky-header:not(.static-sticky) #header-wrap {background-color: transparent;background-size: 100% 65px;    height: 65px!important;}
	#header.sticky-header:not(.static-sticky) #header-wrap #logo {top:7px; width: 110px;.eff (@eff:0.3);}
	#header.sticky-header:not(.static-sticky) #header-wrap #logo img {height: initial;}
	#header.sticky-header:not(.static-sticky) #header-wrap .nav-mod {margin-top: 14px;}
	#header.sticky-header:not(.static-sticky) #header-wrap .secc {font-size:15px;}
	#header.sticky-header:not(.static-sticky) #header-wrap .botonera-md {padding-right: 60px;}
	#header.sticky-header:not(.static-sticky) #header-wrap .botonera-mi {padding-left: 60px;}	
	#header.sticky-header .botonera-modulo .isologo {display: inline-block;    float: left;    width: 35px;    margin-top: 7px;    margin-right: 15px;}
	.isologo {display: none;}

	#header.sticky-header .responsivo-logo{display: inline-block!important;margin-top:7px;}
	#header.sticky-header .standard-logo {display: none!important;}
	#header.sticky-header .redes {display: none;}


/******************** 
MENU PRINCIPAL
********************/

	#primary-menu {position: relative;float:left; width: 100%}
	#primary-menu {
		.destacado {font-weight: 600;}
		ul > li {margin:0px;}
		ul li > a {padding: 10px 0px; margin-right:15px; .fp1; font-weight: 300; font-size:15px; letter-spacing: 0px; text-transform: initial;}
		ul li a:hover {color:@c1;}
		ul li:first-child > a {padding-left:0px;}
	}

	@media (max-width: 991px) {

		#primary-menu {width: initial; float:right; width: 100%}
		#primary-menu ul li > a, #primary-menu .redes {text-align: center; margin-right:0px;    padding: 12px 0px; .ft2; color:@c0; font-size:14px;display: block;float: initial!important;}
		#primary-menu ul li, #primary-menu ul li:first-child {border-top: 1px solid rgba(255, 255, 255, 0.10);}
	}


/******************** 
MEGA MENU
********************/

	#primary-menu ul .mega-menu-ov {
		a {padding-left:0px;}
		.mega-menu-column {padding: 35px 25px!important;    background: #ffffff!important;}
		.mega-menu-content { background-repeat: no-repeat; background-position: right bottom;max-width: 100%!important;margin:0px!important;}
		.mega-menu-content ul li {width: 50%; float:left;}
		.mega-menu-content ul li a {margin: 0px 10px; font-size: 14px;  font-weight: 400; padding:5px 15px; border-bottom:1px solid #eee; cursor: pointer;}
		.mega-menu-content ul li a div { font-size:12px; font-weight:400px; text-transform: uppercase;}
	}

/******************** 
SIDE PANEL
********************/

	.btn-secondary:focus, .btn-secondary.focus {    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0);}
	#side-panel-trigger {padding:0px;} 
	#side-panel-trigger-close {position: relative; z-index: 12;}
	#side-panel-trigger-close a {display: inline-block; float: right; z-index: 12; padding: 10px 8px 10px 8px; left:0px; position: absolute; background: #404040; color: #999;}
	#side-panel-trigger-close a:hover {background: #454545;}

	.side-panel-trigger a .icon-reorder {font-size: 24px;}
	.side-panel-trigger a .icon-reorder:hover {color:#222;}

	.side-panel-wrap .box-categorias .tit img {max-width: 21px; float:left;margin-right:5px; margin-top: 3px;}
	.side-panel-wrap .box-categorias .tit span {color:@c0;}
	.side-panel-wrap .box-categorias .tit {float:left; border-bottom: 1px solid #555; width: 100%; padding-bottom:5px; color:@c0;}
	.side-panel-wrap .box-categorias a:hover {color:@c1!important;font-weight: 500!important;}

	#nav-catalogo-header a {color:@c0!important;border-bottom: 1px solid #555!important;padding:12px 0px!important;}

	#side-panel {background: #333;}
	#side-panel {
		.marca-principal {margin-bottom:25px;}
		nav ul li {border-top:1px solid #e9e9e9;padding:5px;font-size: 15px;    font-weight: 400;}
		li a {font-size: 15px;    font-weight: 400; text-align: center;}
		.nav-tree li:hover > a, .nav-tree li.current > a, .nav-tree li.active > a {color:@c1!important;}
	}



/*=====================================================================
WRAPPER:
======================================================================*/


/******************** 
HOME - GENERALES
********************/

#home #content .content-wrap {padding-top:35px;}
.content-wrap {padding:0px;}
.bottommargin-lg {margin-bottom: 0px !important;}
.mod-flex {display: flex}

/******************** 
SLIDER
********************/

#home #slider { top: -155px;  margin-bottom: -155px; float:left;text-align: center;}
#home #slider {
	.slider-caption.slider-caption-center {margin-top:50px;}
	.slider-caption.slider-caption-center-mod {position: absolute; bottom:100px!important; top:initial!important;}
	.box-slider {max-width: 530px;display: inline-block;padding:15px;}
	.box-slider h3 {color:#fff;font-size:30px;margin-bottom:5px;text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.5);}
	.box-slider p {color:#fff;width: 100%; font-size:19px; border-top:1px solid rgba(255,255, 255, 0.5); padding-top:20px; margin-top:20px;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);}
}
.one-page-arrow {color:#fff; }
#home #slider .pre-slider {background: url(../img/forma-1.png) top center no-repeat; background-size: 1920px 60px; height: 60px;position: absolute;bottom:0px; width: 100%; z-index: 10}

#home #slider.slider-responsivo {display: none}
#header.full-header #logo {    margin-left: auto;    margin-right: auto;padding: 0px; border:none;}

#home #slider {max-height:initial!important; height: initial;}
#home .slide-header-box {
	#slider, #slider .swiper-slide {height:125px!important;}
	#slider.swiper_wrapper:not(.force-full-screen), #slider.swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {height:125px!important;} 
}
@media only screen and (max-width: 991px) {
	#home #slider .box-slider h3 {font-size:25px;}
	#home #slider .box-slider p {font-size:17px;}
}
@media only screen and (max-width: 767px) {
	#home #slider .swiper-slide,#home #slider {height: 550px!important;}
}
@media only screen and (max-width: 600px) {
	#home #slider .box-slider p {display: inline-block!important;}
}

@media only screen and (max-width: 575px) {

}

.categorias-destacadas-padding {padding:8px;}
.categorias-detacadas {
	.titulo {padding:8px; width: 100%;display: inline-block;}
	.titulo .box {text-align: center; padding:5px;font-size: 22px; .ft2;margin-top:20px;margin-bottom:20px;}
	.titulo .box b {.fp1; color:@c2;}
	.cat {}
	.cat:hover {}
	.cat img {}
	.cat h2 {}

	@media only screen and (max-width: 1199px) {
	}
	@media only screen and (max-width: 991px) {
	 .titulo .box {font-size:18px;}
	}
	@media only screen and (max-width: 800px) {
		.cat h2 {text-align: left;padding-left:8px; margin-left:0px; margin-right: 0px;}
	}
	@media only screen and (max-width: 650px) {
	}

}
.marcas-detacadas {
	.cat img {border:1px solid #eee;}
}



/******************** 
OWL CAROUSEL
********************/

.titulo-mod {align-self: center;}
.titulo-mod span {color:#c01065;font-size:37px;  }
.titulo-mod span i {color:#7db602;  }
.titulo-mod b {color:#808080; font-size:22px; .fp1; font-weight: 300;}

.titulo-box {display:inline-block;width: 30%;}
.destacados-box {display:inline-block;width: 70%;}

.owl-carousel:hover .owl-nav .owl-next {right: -50px;.op50;}
.owl-carousel:hover .owl-nav .owl-prev {left: -50px;.op50;}
.owl-carousel .owl-nav [class*=owl-] {font-size:45px; border:none;    width: 60px;    height: 60px;background:transparent!important;}
.owl-carousel .owl-nav [class*=owl-]:hover {background:transparent!important;}
.owl-carousel .owl-nav:hover i {color:@c1}

@media only screen and (max-width: 991px) {
	.owl-carousel .owl-nav [class*=owl-] {opacity: 1}
	.owl-carousel .owl-nav .owl-next {right: -25px;}
	.owl-carousel:hover .owl-nav .owl-next {right: -25px}
	.owl-carousel .owl-nav .owl-prev {left: -25px;}
	.owl-carousel:hover .owl-nav .owl-prev {left: -25px}
	.owl-carousel .owl-nav {display: none;}
}

.ver-novedades {float:right; font-size:17px; font-weight: 300; color:@cg1; margin: 15px 10px;}
.ver-novedades b {font-weight: 700; color:@c1;}
.ver-novedades:hover b {color:@c2;}


/******************** 
MODULO
********************/

.pre-footer-box {background: transparent; height: 200px!important;}
.pre-footer-box {
	.fondo {float:left; width: 100%;}
	.box {float:right; width: 100%; padding: 30px 0px;text-align: center;}
	.box strong {color:@cg1; font-size:22px; .fp1; font-weight: 300; margin-bottom:0px; width: 100%; display: inline-block; line-height: 18px}
	.box a {.fp1;margin-top:10px;font-size:18px;display:inline-block;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.35); box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.35);display:inline-block; color:@c0; font-weight:300;padding:5px 25px; text-align:center; max-width:200px; width:100%; background: rgb(175,147,84);background: linear-gradient(90deg, rgba(175,147,84,1) 0%, rgba(201,188,128,1) 100%);}	
	.box a:hover {filter: saturate(150%);-webkit-filter: saturate(150%);-moz-filter: saturate(150%);}
}

@media only screen and (max-width: 1199px) {
	.pre-footer-box .box {width:100%;}
	.pre-footer-box .box strong {font-size:20px;}
	.pre-footer-box .box a {font-size:16px;}
}
@media only screen and (max-width: 991px) {

}

.arbol-categorias {width:100%; display: inline-block;padding-top: 30px;}
.arbol-categorias {
	a {border:1px solid #ddd; padding: 5px 25px; background: #eee; font-size:13px; font-weight: 700;}
	a:hover {background: #666; color:@c0;}
	a span {font-size: 21px; height: 15px; line-height: 19px; width: 10px; overflow: hidden; color:#aaa;}
	.anterior {float:left;}
	.siguiente {float:right;}
}

@media only screen and (max-width: 500px) {
	.arbol-categorias a {width: 100%; text-align: center;margin-bottom:10px;}
}


/******************** 
FOOTER
********************/


#footer {border:none; float:left;background: url(../img/fondo-4.png) top center no-repeat;background-size: 100% 800px; margin-top: -100px; width: 100%}
#footer {
	.datos-principales {background: #4d4d4d}
	.datos-principales .box {padding:0px;}
	.datos-principales .datos {color: @c0; display: inline-block; margin-right:20px; font-weight: 300;padding: 25px 0px;    padding-top: 15px;}
	.datos-principales .redes {float:right; width: initial; border:none;margin:0px;}
	.datos-principales .redes a {margin:0px;margin-top:5px;}

	.mas-info {display: inline-block; margin:0px;}
	.box {padding: 115px 0px 20px 0px;}
	.box-2 {padding: 90px 0px 20px 0px;}
	.footer-text {.fp2; font-size:15px; color:@c0;    line-height: 26px;}
	.footer-text a {.fp2; font-size:14px; color:@c0; display: inline-block;}
	.contacto-info {display: inline-block;margin-bottom:0px; width: 100%;}
	.menu-info li {width: 50%; display: block}
	.menu-info li.al100 {width: 100%;}
	ul li {margin-bottom:10px;display: block; width: 100%; float:left; }
	ul li.tit-m {margin-top:15px;}
	ul li.tit-m b{.op100; .fp1;font-size:18px;}
	.mas-info li:hover {.op100;}
	ul li a, ul li, ul li i {font-size:17px; font-style: initial;color:@cg1; font-weight: 200;.fp1;}
	ul li b, ul li span, ul li i, ul li img,  {    opacity: 1;}
	ul li img {max-height: 23px}
	ul li b {font-weight: 300;}
	ul li a:hover i {font-weight: 500;opacity: 1; color:@c1;}
	ul li i {font-weight: 400;}
	ul li span {font-size:18px;color:@cg1;}
	ul li i {margin-left:8px;.fp1;}
	ul li span {width:25px;float:left;}
	ul li img {}
	ul li a.boton-sumate {.eff (@eff:0.3); background: #eee; border:1px solid #ddd;padding:5px 35px; color:#606060; font-weight: 700;width:100%; font-size:17px;text-align: center;    max-width: 220px;}
	ul li a.boton-sumate:hover {.fondo-gradient-2; color:@c0;.eff (@eff:0.3) }
	.villa-luro {max-width: 220px; width:100%;	margin-top:20px;}
	.nec {max-width: 110px; width:100%;}
	.img-footer img {max-width: 270px;float:right; width: 100%}
	.redes b {color:@cg2; font-weight: 400;margin-top:3px;margin-right:8px;float:left;}
	.redes {float:right;}
	.redes a {margin: 0px 3px; font-size:15px;color:@c0;.op100;}
	.redes a:hover {.op80;}
	.redes .instagram img {width: 18px;margin-right:4px;}
	.redes .linkedin img {width: 16px;}
	.redes .facebook img {width: 16px;}
	.redes .youtube img {width: 20px;}
	.redes .twitter img {width: 19px;}
	.desarrollo {float:left; margin-top:10px;color:@cg1; .fp1; font-size:15px;}
	.desarrollo a {.op70;}
	.desarrollo a.ov:hover {.op100;}
	.desarrollo .ov {width: initial; color:@c0; text-align: center; display: inline-block; float: initial;}
	.trabaja-info {text-align: center;}
	.end-footer-box {border-top:1px solid #ddd; padding-top: 20px; margin-top:40px;display: inline-block; text-align: left; width:100%;padding-bottom:20px;}

	.space {margin-left: 32px;}

	@media only screen and (max-width: 1199px) {
		ul li.tit-m b {font-size:16px;}
		ul li i {font-size:15px;}
		ul li {text-align: left;}
		.img-footer img {margin-top: 25px;}
		#footer {text-align: left;}
		.img-box {text-align: center;}
		.footer-text .logo-2 {display: inline-block;margin-top:15px;margin-bottom:30px;float: initial;}
		.footer-text {text-align: center;}
		.contacto-info {margin-bottom:25px;}
		.menu-info li {width: 100%; display: block}
		.redes {    width: initial;    display: inline-block;    float: right;} 
	}

	@media only screen and (max-width: 991px) {
		.img-footer {text-align: center;}
		.img-footer img {display: inline-block; float: initial; max-width: 150px; margin-bottom:15px;}
		ul li {text-align: center;}
		ul li span {display: inline-block; text-align: center; float: initial;}
		.secciones-footer {display: none;}
		.end-footer-box {text-align: center;}
		.trabaja-info {text-align: center;}
		.mas-info {width: 100%;}
		.trabaja-info img {display: inline-block; float:initial;}
		.desarrollo {text-align: center; width: 100%;}
		.redes {text-align: center;margin-top:10px;width: 100%}
		.redes b {float: initial;}
	}
}

	@media only screen and (max-width: 767px) {
		#footer {background-size:  cover;}
		#footer .box {padding: 140px 0px 20px 0px;}
		.nec {margin-left:15px;}
	}	


  .accesos-directos-box.mobile-v {    display: none;  }
  .accesos-directos {  margin-bottom:0px;  position: fixed;    right: 15px;    bottom: 0%;    z-index: 1000;    -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    -o-transition: all 0.3s ease;    transition: all 0.3s ease infinite;  }
  .accesos-directos .box-tool {   float: right;    clear: right;  }
  .accesos-directos a, .accesos-directos #gotoTop { height:34px; margin-bottom:0px;   background: #6AB824;    float: left;    padding: 5px 20px;    color: #fff;    font-size: 14px;    border-radius: 5px 5px 0px 0px;    -moz-border-radius: 5px 5px 0px 0px;    -webkit-border-radius: 5px 5px 0px 0px;    -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    -o-transition: all 0.3s ease;    transition: all 0.3s ease infinite;    width: 100%;    font-weight: 300;  }
  .accesos-directos a span {float: right; margin-top: 2px;  }

  .accesos-directos a:hover {background: #56941d !important; -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    -o-transition: all 0.3s ease;    transition: all 0.3s ease infinite;    -webkit-transition: all 0.3s ease !important;    -moz-transition: all 0.3s ease !important;    -o-transition: all 0.3s ease !important;   transition: all 0.3s ease infinite !important;  }
  .accesos-directos a img {width: 20px;}
  .accesos-directos #gotoTop {position: initial; font-size: 32px; line-height: 21px;  }
 
.accesos-directos .whatsapp-box {width: 165px!important; margin-right: 10px;}
.accesos-directos .box {padding: 5px 12px;background: @cg1!important; border:1px solid @cg1;}
.accesos-directos .box:hover {background: #555!important;}

  @media (max-width: 991px) {
  	.accesos-directos .whatsapp-box {margin-right:0px;}
    .accesos-directos-box {      display: none;    }
    .accesos-directos-box.mobile-v {      display: inline-block !important;    }
  }

	#nav-catalogo-header {
		.tit {font-size:18px;margin-bottom:5px; color:@cg2;}
		a {background: transparent;color:@cg2; width: 100%; float:left;.radd (@radd:0px);border:none; border-bottom:1px solid #ddd; text-align: left;padding:8px 0px;    font-size: 13px; font-weight: 300;}
		.dropdown .dropdown-menu {position: initial!important;    transform: initial!important; float:left; width: 100%;.radd (@radd:0px)!important;margin:0px; background: transparent;border:none;}
		.dropdown .dropdown-menu {padding:0px;}
		.dropdown .dropdown-menu a {color:@cg2;font-size:13px;padding:10px 15px;}
		.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {box-shadow:none; color:@c1; font-weight: 700;}
	}
	 @media (max-width: 991px) {
		#nav-catalogo-header .tit {    font-size: 15px;    font-weight: 600;    color: #838383;    border-bottom: 1px solid #ddd;    padding-bottom: 10px;    margin-bottom: 0px;}
	}



/*=====================================================================
CONTACTO / REGISTRO:
======================================================================*/

#contacto {padding:50px 0px 150px 0px;}
#contacto {


	#footer {margin-top:0px!important;} 
	#content {margin-top:0px!important;}
	#wrapper .box-principal {background:url(../imagenes/contacto.jpg) bottom repeat #f5f5f5; background-size:cover; float:left; width: 100%;     margin-top: -50px;    padding: 80px 0px;}
	#wrapper #content {}
	#buscador-box {max-width:100%;border:1px solid #ddd; width:100%;background:@c0; display:inline-block;padding:0px;margin:40px 0px; position:relative;float: left;	}
	#buscador-box .contacto-box-1, #buscador-box .contacto-box-2 {padding:40px 40px;}

	#buscador-box .no-margin {margin:0px!important;}

	.titulo {margin-top:30px;margin-bottom:15px; font-size:23px; font-weight: 300; width: 100%;text-align: center;}
	.sub-titulo {font-size:22px; border-bottom:1px solid #ddd; font-weight: 300; padding-bottom:30px; margin-bottom:25px;}

	#buscador-box .contacto-box-2 {border-right:1px solid #e5e5e5; background: #eee;height: 100%;}
	#buscador-box .contacto-box-2 span {float:left; width: 100%; margin-bottom:12px;}
	#buscador-box .contacto-box-2 span img {    max-height: 23px;}
	#buscador-box .contacto-box-2 span i {font-size:14px;     margin-left: 8px; font-weight: 300; font-style: initial;}
	#buscador-box form {display:inline-block; width:100%; float:left; margin:0px;}
	#buscador-box textarea {height:200px; width:100%; display:inline-block;}
	#buscador-box label {text-align: left; color:@c0; width:100%;.text-shadow }
	#buscador-box .btn-contacto {width:100%;font-weight: 300; height: 50px;margin-bottom: 20px;	padding: 15px; .ft2; font-size:14px; border:1px solid #eee; color:@cg2}
	#buscador-box textarea.btn-contacto {height:200px;}
	#buscador-box .bootstrap-select {width: 100%;}
	#buscador-box .bootstrap-select button {background: transparent;.radd (@radd:0px);border:none;width:100%;font-weight: 300; height: 50px;margin-bottom: 20px;	padding: 15px; .ft2; font-size:14px; border:1px solid #eee; color:@cg2}
	#buscador-box .bootstrap-select .dropdown-toggle::after {  margin-left: -15px;}
	#buscador-box .bootstrap-select .dropdown-item span {font-weight: 300;}
	.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {box-shadow: none}

	#buscador-box .enviar-bottom {display:inline-block; background:@cg2;padding:0px 20px; color:@c0; border:none; width:100%; max-width:200px; font-size:16px; float:right;cursor:pointer;}
	#buscador-box .enviar-bottom:hover {background:@c1}

	.info {float:left;width: 100%;margin-top:25px;}

	.contacto-titulo {.ft2; font-size:15px;padding: 10px 10px;}
	.contacto-titulo span {margin-right: 5px;}
	.contacto-titulo .nada {margin-left:15px;}

	.pre-footer-box {margin-top:-50px;}

	.fluid-width-video-wrapper {float:left;width:100%;padding:0px!important; height:320px;}
	.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {position:initial;}

	@media only screen and (max-width: 991px) {
		#buscador-box .contacto-box-2 {display: inline-block;width: 100%;text-align: center;}
		#buscador-box {margin:50px 0px;}
		#buscador-box .contacto-box-1, #buscador-box .contacto-box-2 {padding: 40px 40px;}
		#buscador-box form {padding:0px;}		
		#buscador-box .contacto-box-2 {border:none; padding:35px;}
		#buscador-box .contacto-box-2 .contacto-titulo {border-bottom:1px solid #e5e5e5; margin-bottom:35px; padding-bottom:35px; text-align: center;}
		#buscador-box .contacto-box-1 {border-right:none;}
		.fluid-width-video-wrapper {margin-top:20px;}
	}
 
 }




/* HOME */

.servicios-destacados {display: inline-block;text-align: center;padding:15px;}
.servicios-destacados:hover .box{.eff-zoom (@zoom:1.1);.eff (@eff:0.5) }
.servicios-destacados:hover h2 {color:#AB8906;}
.servicios-destacados {
	.box {margin-bottom:15px;width: 100%; height: 90px; text-align: center;    padding-right: 10px;.eff (@eff:0.5) }
	.img {display: inline-block;vertical-align: middle;}
	h2 {font-size: 19px; margin-bottom: 12px;font-weight: 600;}
	p {font-size:15px;font-weight: 300}
}

.servicios-destacados.redes img {width:80px;}
.servicios-destacados.pc img {width:80px;margin-top:5px;}
.servicios-destacados.difusion img {width:80px; margin-top: 20px;}
.servicios-destacados.google img {width:80px; margin-top: 12px;}

.destacado-blog.redes-img {background: url(../img/redes.jpg) center center; background-size:cover; height: 500px!important; margin-bottom:-150px;}

@media only screen and (max-width: 991px) { 
	.destacado-blog.redes-img {height: 400px!important;}
}


.clientes-box {background: url(../img/fondo-2.png) no-repeat top; background-size: 100% 100%;padding:120px 15px;text-align: center;margin-top:30px;}
.clientes-box {
	.titulo {margin-top:30px;margin-bottom:15px; font-size:23px; font-weight: 300; width: 100%;text-align: center;}
	#oc-clientes {max-width: 1000px; display: inline-block;}
}

@media only screen and (max-width: 767px) { 
	.clientes-box {background-size: cover;}
}


.ultimos-trabajos {margin-top:50px;width: 100%; display: inline-block;}
.ultimos-trabajos {
	.titulo {margin-top:30px;margin-bottom:15px; font-size:23px; font-weight: 300; width: 100%;text-align: center;}
	.trabajo {margin-top:80px;margin-bottom:80px;}
	.trabajo img {width: 100%; max-width: 600px; display: inline-block;}
	.trabajo .box {width: 100%; height: 100%; display: flex; }
	.trabajo .box .boxing {align-self: center; .fp1}
	.trabajo .box .boxing .area {font-size:16px; color: #838383; font-weight: 300;}
	.trabajo .box .boxing h2 {font-size:25px; color:@c00; font-weight: 700}
	.trabajo .box .boxing p {font-size:16px; color:@c00;font-weight: 300;}	
	.trabajo .box .boxing a {font-size:17px;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.35); box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.35);display:inline-block; color:@c0; font-weight:300;padding:5px 15px; text-align:center; max-width:170px; width:100%; background: rgb(175,147,84);background: linear-gradient(90deg, rgba(175,147,84,1) 0%, rgba(201,188,128,1) 100%);}	
	.trabajo .box .boxing a:hover {filter: saturate(150%);-webkit-filter: saturate(150%);-moz-filter: saturate(150%);}
}

@media only screen and (max-width: 767px) { 
	.ultimos-trabajos {margin-top:20px;}
	.ultimos-trabajos .trabajo {margin-top:70px;margin-bottom:70px;}
	.ultimos-trabajos .trabajo .box .boxing {margin-top:30px;}
}

.destacado-informativo {background: url(../img/fondo-3.png) no-repeat top;padding-top:100px;padding-bottom:140px; background-size: 100% 100%;position: relative;z-index: 0;}
.destacado-informativo {
	.container {max-width: 1100px;}
	.titulo {margin-top:30px;margin-bottom:15px; font-size:26px; font-weight: 300; width: 100%;text-align: center;.fp1;}
	.titulo b {.fp1; font-weight: 700}
	.box-flags {text-align: center;margin-bottom:50px;}
	.box-flags img {max-width: 60px; display: inline-block;margin:5px; }

	.info {text-align: center;padding:0px 30px;}
	.con-borde {border-left:1px solid #ddd; border-right:1px solid #ddd;}
	.info .box {padding:0px;margin-bottom:0px;}
	.info img {max-height:85px; display: inline-block; }
	.info .counter {font-size:48px; color:#878787;}
	.info p {font-size:17px; .fp1; font-weight: 300;line-height: 23px;}
}

@media only screen and (max-width: 767px) { 
	.destacado-informativo {background-size: cover;}
	.destacado-informativo .info img {    max-height: 50px;}
	.destacado-informativo .info .counter {font-size:40px;}
	.destacado-informativo .info {padding:0px 15px;}
	.destacado-informativo .info p {line-height: 18px; font-size: 15px;}
}
@media only screen and (max-width: 600px) { 
	.destacado-informativo {padding-bottom:100px;}
	.destacado-informativo .con-borde {border:none;}
}


.destacado-blog {background: url(../img/blog.jpg) no-repeat top; background-size: cover;    margin-bottom: -50px; position: relative; z-index:0; background-position: center center;}
.destacado-blog {
	.blog-linea {background: url(../img/blog-linea.png) no-repeat top;     z-index: 1;    height: 141px;    width: 100%;    position: absolute;    top: 0px;}
	.container {max-width: 1100px;    padding-top: 220px;    padding-bottom: 160px;}
	.box {width: 100%; height: 100%; display: flex; }
	.box .boxing {align-self: center;width: 100%;}

	.zblog {text-align: center;width: 100%; border-right:1px solid rgba(255,255,255,0.25);}
	.zblog a {display: inline-block;}
	.zblog img {display: inline-block;width: 150px;.eff (@eff:0.3); }
	.zblog a img:hover {filter: url(../img/zblog-blanco.png);  -webkit-filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.5)); filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.5));.eff (@eff:0.3); }

	.articulo-destacado {padding-left:50px;}
	.articulo-destacado {
		i {color:#C5C5C5; .fp1; font-size:20px;font-style: initial;}
		h3 {color:@c0; .fp1; font-size:25px;letter-spacing: 0.5px;}
		p {color:@c0; .fp1; font-size:16px;}
		.hipervinculos a {font-size:17px;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.35); box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.35);display:inline-block; color:@c0; font-weight:300;padding:5px 35px; text-align:center;  background: rgb(175,147,84);background: linear-gradient(90deg, rgba(175,147,84,1) 0%, rgba(201,188,128,1) 100%);.fp1}	
	    .hipervinculos a:hover {filter: saturate(150%);-webkit-filter: saturate(150%);-moz-filter: saturate(150%);}
	    .hipervinculos a.gris {.grayy (@grayy:100%); margin-right:15px; }
	    .hipervinculos a.gris:hover {background: #999;}
	}

	@media only screen and (max-width: 991px) {
		.container {padding-top: 170px; padding-bottom: 130px;}
		.zblog {border:none;}
		.zblog a {margin-bottom:25px;}
		.articulo-destacado {text-align: center;padding:0px}
		.zblog img {width: 125px;}
	}
	@media only screen and (max-width: 400px) {
		.articulo-destacado .hipervinculos a.gris {margin:0px;}
		.articulo-destacado .hipervinculos a {margin-top:15px;}
	}
}



#home.estructura-base {
	#slider, #slider .swiper-slide  {height: 235px!important;}
}

/* NOSOTROS */

.nosotros-box {margin-bottom:100px;}
.nosotros-box {
	.titulo {margin-top: 30px;    margin-bottom: 15px;    font-size: 23px;    font-weight: 300;    width: 100%;    text-align: center;.ft1;margin-bottom:60px;}
	.titulo p {font-size:16px;margin-top:25px; .ft1;}

	.equipo {float:left;width: 100%;overflow: hidden;padding:10px;position: relative;}
	.equipo .equipo-box {border:1px solid #ddd;overflow: hidden;position: relative;}
	.equipo .detalle-simple {position: relative;z-index: 1;float:left; width: 100%}
	.equipo .detalle-simple .box-img {float:left; width: 100%;}
	.equipo .detalle-simple .box-img img {float:left; width: 100%;}
	.equipo .detalle-simple .box-simple {padding:30px 15px;text-align: center;float: left;    width: 100%;}
	.equipo .detalle-simple .box-simple h2 {font-size:16px; font-weight: 700;margin-bottom:0px;}
	.equipo .detalle-simple .box-simple h3 {font-size:15px; font-weight: 300;margin-bottom:0px;}
	.equipo .detalle-simple .estrella {position: absolute;.op50;     bottom: -45px;    left: -40px;background: url(../img/estrella-3.png) no-repeat top; width:90px; height: 90px; background-size: 100% 100%;}

	.equipo:hover .detalle-completo {bottom:0%;}
	.equipo .detalle-completo {position: absolute;bottom:-200%;left:0px; z-index: 2; background: #ececec;.eff (@eff:0.5); padding:26px; text-align: center;height: 100%; width: 100%;display: flex;}
	.equipo .detalle-completo .separador {width: 100%; float:left;margin:15px 0px; text-align: center;}
	.equipo .detalle-completo .separador img {width: 20px;}
	.equipo .detalle-completo .resumen {align-self: center; width: 100%;}
	.equipo .detalle-completo h2 {font-size:16px; font-weight: 700;margin-bottom:0px;}
	.equipo .detalle-completo h3 {font-size:15px; font-weight: 300;margin-bottom:0px;}
	.equipo .detalle-completo p {font-size:14px;font-weight: 300;margin-bottom:0px;}

	.porque {text-align: center;width: 100%; float:left; border-top:1px solid #ddd; margin:10px; margin-top:80px; padding-top:80px;}
	.porque .titulo {font-size:26px; line-height: 30px;max-width: 1000px;display: inline-block;}

	@media only screen and (max-width: 1199px) { 
		.col-lg-6 {flex: 0 0 33.33%;}
	}
	@media only screen and (max-width: 997px) { 
		.col-lg-6 {flex: 0 0 50%;}
		.porque {margin:0px;margin-top:80px; padding-top:40px;}
	}
	@media only screen and (max-width: 550px) { 
		.col-lg-6 {flex: 0 0 100%;}
	}
}

/* SERVICIOS */

.servicios-box {margin-bottom:100px;}
.servicios-box {
	.titulo {margin-top: 30px;    margin-bottom: 15px;    font-size: 23px;    font-weight: 300;    width: 100%;    text-align: center;.ft1;margin-bottom:60px;}
	.titulo p {font-size:16px;margin-top:25px; .ft1;max-width: 800px;width: 100%; display: inline-block;}

	.titulo-2 {max-width: 800px;width: 100%; display: inline-block;position: relative;text-align: center;}
	.titulo-2 b {background: #eeeeee; border:1px solid #dfdfdf;padding:10px 35px;font-weight: 300;z-index: 2; position: relative;}
	.titulo-2 .linea {width:100%; position: absolute;    top: -12px; height: 1px; background: #cdcdcd;z-index: 1; position: relative;}

	.ultimos-trabajos {margin-top:0px;}
}

.box-items {background: url(../img/fondo-5.png) no-repeat top; background-size: 100% 100%;padding:130px 15px 150px 15px;text-align: center;margin-top:30px;text-align: left; position: relative;}
.box-items .titulo {margin-top:0px; margin-bottom:50px; font-size:20px;}
.box-items {margin-bottom:80px;}
.box-items span {font-weight: 300;margin-bottom:10px;float:left; width: 100%}
.box-items span img {width: 18px; margin-right:5px;float:left;}
.box-items span i {}

@media only screen and (max-width: 997px) { 
	.box-items {text-align: center;}
	.box-items span img {float:initial; display: inline-block;}
}

.logotipos-portfolio {text-align: center;}
.logotipos-portfolio img {width: 250px;}
.logotipos-portfolio .titulo-2 {margin-bottom:45px;}
.logotipos-portfolio .col-xs-6 {width: 50%;}

.imagenes-varias-portfolio {margin-bottom:70px;}
.imagenes-varias-portfolio img {margin-bottom:30px;}
.imagenes-varias-portfolio .titulo-2 {margin-bottom:80px;}

.cursos-portfolio {text-align: center;}
.cursos-portfolio img {display: inline-block;.radd (@radd:255px); overflow: hidden;max-width: 170px;}
.cursos-portfolio .box {max-width: 300px;display: inline-block;padding:15px;}
.cursos-portfolio .box b {font-weight: 700;font-size:17px;float:left; width: 100%}
.cursos-portfolio .box i {font-weight: 300;font-size:15px;float:left; width: 100%;margin-bottom:15px;}
.cursos-portfolio .box p {font-weight: 300;font-size:14px;float:left; width: 100%}


/* BLOG */

.blog-estructura {
	.tit-zblog {width: 100%;text-align: center;float:left; margin-bottom:35px;}
	.tit-zblog img{display: inline-block; max-width: 130px;}
	.box-blog {margin:20px 0px 90px 0px;float:left; width: 100%;}
	.content-wrap .tit {text-align: center;display: inline-block;width: 100%; margin-bottom:35px;}
	.content-wrap .tit b {width: 100%;}

	#oc-campanas .producto .box span {width:100%; float:left; text-align: center; font-size:14px; color:@cg1; font-weight: 400; .fp1; overflow: hidden; height: 20px;}
	#oc-campanas .producto .box h2 {text-align: center;float:left; width: 100%;height: 21px; overflow: hidden; font-size:18px; color:@c1; font-weight: 700;margin-bottom:2px;}
	#oc-campanas .producto .box h3  {text-align: center;float:left; width: 100%; font-size:14px; color:@cg1; font-weight: 300;margin-bottom:0px; overflow: hidden; height: 20px;}

	.sub-box {padding:25px;}

	.box-prensa {cursor: initial;display: inline-block;width: 100%;border:1px solid #eee;margin-bottom:25px;}
	.box-prensa .box {overflow: hidden; height: 125px; padding-bottom:0px; margin-bottom:25px;}
	.box-prensa .box h2 {font-size:16px; font-weight: 700; line-height: 21px; height: initial; color:@cg1;}
	.box-prensa .box span {font-size:14px; font-weight: 300; text-align: left; .ft1; color:@cg1;}
	.box-prensa .box i {font-size:14px; .ft1; font-style: italic;text-align: left;font-weight: 300;display: inline-block;}
	.box-prensa .box i{display: inline-block;font-weight: 700; .ft2;float:left;margin-bottom:5px;} 	
	.box-prensa a {float:right; font-weight: 700; color:@c1;padding-top:0px; .ft1;margin-bottom:25px;}
	.box-prensa a:hover {color:#945413;}


	.agrandar-foto .modal-content {background: transparent;border:none;}
	.agrandar-foto .modal-body .close {color:@c0;.op100; background: rgba(0, 0, 0, 0.65);    padding: 5px 10px;}
	.agrandar-foto .modal-body .close:hover {background: @c1;}
	.agrandar-foto .modal-body .close span {font-size:20px;}

	@media only screen and (max-width: 997px) {
		.box-prensa {margin-bottom:35px;}
	}

	@media only screen and (max-width: 767px) {
		.box-prensa .box {height: initial;}
		#oc-campanas .producto .box span, #oc-campanas .producto .box h2, #oc-campanas .producto .box h3 {font-size:13px;}
		.box-prensa .box h2 {font-size:16px;}
		.box-prensa .box span {font-size:14px;}
	}



	.width-blog {max-width: 850px; display: inline-block;}
	.width-blog .volver {float:right;margin-bottom:15px; .ft1; font-size:15px; font-weight: 300;}
	.width-blog .volver a {.ft1;}
	.width-blog .volver:hover {color:@c1;}
	.blog-detalle {background: #fff; width: 100%; display: inline-block;		-webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.15);		-moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.15);		box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.15);}
	.blog-detalle .box {padding:50px;border:1px solid #eee;}
	.blog-detalle .box b {.ft2; font-weight: 700;}
	.blog-detalle img {width: 100%}
	.blog-detalle h2 {color:@c1; font-size:23px; text-align: left; line-height: 34px; margin-bottom:25px; font-size: 700;}
	.blog-detalle p, .blog-detalle span {.ft2; font-size:@cg1; font-size:16px; text-align: left; line-height: 30px; font-weight: 300;}
	.blog-detalle i {display: inline-block;text-align: left; width: 100%; margin-bottom:15px; color:@c1; font-size:17px; font-style: italic; .ft2;}
	.blog-detalle a {background: #788061; font-weight: 300;color: #ffffff; padding: 8px 35px; font-size: 17px; display: inline-block;margin-bottom: 20px; .ft2; float:right;}
	.blog-detalle a:hover {background:#5a6147}
	.ir-al-blog {width:100%;max-width:850px;.grayy (@grayy:100%); margin-top:20px; font-size:17px;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.35); box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.35);display:inline-block; color:@c0; font-weight:300;padding:5px 35px; text-align:center;  background: rgb(175,147,84);background: linear-gradient(90deg, rgba(175,147,84,1) 0%, rgba(201,188,128,1) 100%);.fp1}	
    .ir-al-blog:hover {filter: saturate(150%);-webkit-filter: saturate(150%);-moz-filter: saturate(150%);}



		@media only screen and (max-width: 991px) {
			.blog-detalle {box-shadow: none;}
			.blog-detalle .box {padding:50px 0px; border:none;}

		}

		@media only screen and (max-width: 767px) {
			.blog-detalle .box {padding:35px 0px;}
			.blog-detalle h2 {font-size:18px; line-height: 25px;}
			.blog-detalle p {font-size:14px; line-height: 24px;}
			.capacitaciones-box {margin-bottom:50px!important;}
		}

}

.blog-estructura-detalle .capacitaciones-box  {text-align: center; margin-bottom: 150px;}