/*---------------------------------------------------------------- 
COLORS //////////////////////////////////////////////////////////
----------------------------------------------------------------*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< UNO >>>>>>>>>>*/
.color1-dark3,
	footer{
	color:#082031;
	}
.color1-dark2{
	color:#103e5f;
	}
.color1-dark1, 
	.swiper-container div.info h1{
	color:#185f91;
	}
.color1{
	color:#207ab9;
	}
.color1-clear1{
	color:#4293cb;
	}
.color1-clear2{
	color:#77b4df;
	}
.color1-clear3,
	section.indexproductos div.in > a.item-azul,
	ul.actions li a,
	ul.actions li span,
	ul.actions li label > span{
	color:#c6e0f2;
	}



.colorback1-dark3{
	background-color:#082031;
	}
.colorback1-dark2{
	background-color:#103e5f;
	}
.colorback1-dark1,
	ul.actions li a,
	ul.actions li span{
	background-color:#185f91;
	}
.colorback1,
	section.indexproductos div.in > a.item-azul,
	section.indexproductos div.in > a.item-azul:hover span,
	ul.zigzag-full li.item.pulseras,
	ul.zigzag-full li.item.politicas,
	ul.zigzag-full li.item.gafetes{
	background-color:#207ab9;
	}
.colorback1-clear1,
	section.indexproductos{
	background-color:#4293cb;
	}
.colorback1-clear2{
	background-color:#77b4df;
	}
.colorback1-clear3{
	background-color:#c6e0f2;
	}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< DOS VERDE >>>>>>>>>>*/
.color2-dark3,
	nav ul li a:hover{
	color:#0e331d;
	}
.color2-dark2{
	color:#1b663b;
	}
.color2-dark1{
	color:#289356;
	}
.color2{
	color:#33b66b;
	}
.color2-clear1{
	color:#4fd186;
	}
.color2-clear2{
	color:#84e3ac;
	}
.color2-clear3{
	color:#c9f3db;
	}



.colorback2-dark3{
	background-color:#0e331d;
	}
.colorback2-dark2{
	background-color:#1b663b;
	}
.colorback2-dark1{
	background-color:#289356;
	}
.colorback2, 
	header,
	footer{
	background-color:#33b66b;
	}
.colorback2-clear1, 
	section.indexproductos div.in > a.item-verde,
	section.indexproductos div.in > a.item-verde:hover span,
	ul.zigzag-full li.item.etiquetas,
	ul.zigzag-full li.item.escudos,
	ul.zigzag-full li.item.palas,
	ul.zigzag-full li.item.cubrebocas{
	background-color:#4fd186;
	}
.colorback2-clear2{
	background-color:#84e3ac;
	}
.colorback2-clear3,
	nav ul li a:hover{
	background-color:#c9f3db;
	}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< NEUTRO >>>>>>>>>>*/
.colorneutro-dark3,
	section.indexproductos div.in > a:hover *,
	html, body, 
	a, a:visited, a:hover, 
	.txt-small a:hover{
	color:#1a1c1d;
	}
.colorneutro-dark2{
	color:#2e3133;
	}
.colorneutro-dark1
	html, body{
	color:#414548;
	}
.colorneutro{
	color:#5c6266;
	}
.colorneutro-clear1,
	.txt-small,
	.txt-small a, 
	.txt-small a:visited
	a.firma{
	color:#868d92;
	}
.colorneutro-clear2{
	color:#b4bdc2;
	}
.colorneutro-clear3{
	color:#e4e8eb;
	}





.colorbackneutro-dark3{
	background-color:#1a1c1d;
	}
.colorbackneutro-dark2{
	background-color:#2e3133;
	}
.colorbackneutro-dark1{
	background-color:#414548;
	}
.colorbackneutro{
	background-color:#5c6266;
	}
.colorbackneutro-clear1{
	background-color:#868d92;
	}
.colorbackneutro-clear2{
	background-color:#b4bdc2!important;
	}
.colorbackneutro-clear3,
	.box-info,
	hr,
	input[type=submit] + label,
	input[type=text], 
	textarea,
	input[type="text"]:focus, 
	textarea:focus,
	select:focus {
	background-color:#e4e8eb;
	}


/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< BLANCO  >>>>>>>>>>*/
a.logotipo, 
a.logotipo:visited,
a.logotipo:hover,
section.indexproductos div.in > a.item-verde,
section.indexproductos div.in > a h2,
body#productos ul.zigzag-full li div.info .title,
body#productos ul.zigzag-full li div.info p,
nav *,
nav ul li a{
	color:#fff;
	}


section.indexproductos div.in > a.item-azul:hover,
section.indexproductos div.in > a.item-verde:hover,
section.panelcontacto div.in > div,
body#contacto article,
body#contacto aside{
	background-color:#fff;
	}


/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< ACTIONS >>>>>>>>>>*/
.btn-ok, 
.btn-ok:visited {
	background-color:#55b88b!important; 
	color:#e0f3e9!important; 
	}


.btn-delete, 
.btn-delete:visited {
	background-color:#e96c6c!important;  
	color:#f5e6e6!important; 
	}


.btn-cancelar, 
.btn-cancelar:visited {
	background-color:#888d9b!important;
	color:#eaedf2!important; 
	}



/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< ALERT >>>>>>>>>>*/
div.alert {
	font-weight:300;
	}

div.alertinfo p {
	color:#888d9b;
	background-color:#eaedf2;
	}

div.alertok p {
	color:#e0f3e9;
	background-color:#55b88b;
	}

div.alertok p#save {
	color:#e0f3e9;
	background-color:#55b88b;
	}

div.alerterror p {
	color:#f5e6e6;
	background-color:#e96c6c;
	}



/*---------------------------------
/// BANNER COVER ///
----------------------------------*/
.banner-cover{
	height:420px;
	position:relative;
	}

.banner-cover picture{
	height:auto;
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	top:0px;
	width:auto;
	}

.banner-cover picture img{
	height:100%;
	width:100%;
	object-fit:cover;
	}

.banner-cover div.in {
	flex-direction:column;
	justify-content:center;
	height:100%;
	z-index:10;
	}

/*---------------------------------
/// UL ZIG ZAG V1 ///
----------------------------------*/
ul.zigzag {
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	list-style: none;
	margin:20px 0px;
	padding:0px;
	width:100%;
	}


ul.zigzag > li {
	align-items:center;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	height:auto;
	justify-content:space-between;
	list-style:none;
	margin-bottom:50px; /* set */
	overflow:hidden;
	padding:0px 0px;
	width:100%;
	}


ul.zigzag div.info {
	padding:20px; /*set*/
	width:48%;
	}
ul.zigzag div.imagen {
	width:48%;
	}


ul.zigzag > li div.info {
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	align-items:center;
	text-align:justify;
	}


ul.zigzag > li:nth-child(even) div.info{
	order:2;
	}
ul.zigzag > li:nth-child(even) div.imagen{
	order:1;
	}


@media only screen and (max-width:620px) {
	ul.zigzag div.info,
	ul.zigzag div.imagen {
	width:100%;
	}
	ul.zigzag > li:nth-child(odd) div.info{
	order:2;
	}
	ul.zigzag > li:nth-child(odd) div.imagen{
	order:1;
	}
	ul.zigzag > li:nth-child(even) div.info{
	order:2;
	}
	ul.zigzag > li:nth-child(even) div.imagen{
	order:1;
	}
	}

ul.zigzag div.imagen{
	height:320px;
	}
	@media only screen and (max-width:620px) {
	ul.zigzag div.imagen{
	height:220px;
	}}



ul.zigzag div.imagen img{
	height:100%;
	width:100%;
	object-fit:cover;
	}

/*---------------------------------
/// ZIG ZAG FULL ///
----------------------------------*/
ul.zigzag-full {
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	list-style: none;
	margin:20px 0px;
	padding:0px;
	width:100%;
	}


ul.zigzag-full > li {
	align-items:center;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	height:400px; /* set */
	justify-content:center;
	list-style:none;
	margin-bottom:0px; /* set */
	overflow:hidden;
	position:relative;
	padding:0px 0px;
	width:100%;
	}

ul.zigzag-full li > div.in{
	order:1;
	z-index:10;
	}

ul.zigzag-full div.info {
	padding:0px 40px 0px 0px; /*set*/
	width:50%;
	}

ul.zigzag-full div.imagen {
	order:2;
	position:absolute;
	right:0px;
	left:auto;
	top:0px;
	bottom:0px;
	width:50%;
	z-index:9;
	}

ul.zigzag-full div.imagen img{
	height:100%;
	width:100%;
	object-fit:cover;
	}


ul.zigzag-full > li:nth-child(even) div.in{
	justify-content:flex-end;
	}
ul.zigzag-full > li:nth-child(even) div.info {
	padding:0px 0px 0px 40px; /*set*/
	}
ul.zigzag-full > li:nth-child(even) div.imagen {
	left:0px;
	right:auto;
	}




@media only screen and (max-width:620px) {
	ul.zigzag-full > li {
	height:auto;
	}
	ul.zigzag-full div.imagen {
	height:300px;
	position:relative;
	right:auto;
	left:auto;
	top:auto;
	bottom:0px;
	order:1!important;
	width:100%;
	z-index:9;
	}
	ul.zigzag-full div.in {
	order:2!important;
	padding:20px 0px;
	}
	ul.zigzag-full div.info{
	width:100%;
	}
	}