@charset "UTF-8";

@font-face{
    font-family: "OpenSans";
    src: url("../fonts/OpenSans-Regular.ttf") format("truetype");
}
@font-face{
    font-family: "OpenSans SemiBold";
    src: url("../fonts/OpenSans-SemiBold.ttf") format("truetype");
}
@font-face{
    font-family: "OpenSans Bold";
    src: url("../fonts/OpenSans-Bold.ttf") format("truetype");
}
@font-face{
	font-family: "Raleway";
    src: url("../fonts/Raleway-Regular.ttf") format("truetype");
}
@font-face{
	font-family: "Raleway Bold";
    src: url("../fonts/Raleway-Bold.ttf") format("truetype");
}
@font-face{
	font-family: "Raleway SemiBold";
    src: url("../fonts/Raleway-SemiBold.ttf") format("truetype");
}

html,body{
	height:100%;
	width:100%;
	margin:0;
	padding:0;
}

a{
	outline:none;
}
a:hover{
	text-decoration:none;
}
a:visited{
	text-decoration:none;
	outline:none;
}
ul{
	list-style:none;
}


/************* HEADER *************/
header{
	padding-left:0px !important;
	padding-right:0px !important;
}

.infoHeaderBack{
	background:#1b1b1a;
	color:#C0B9B3;
	margin:0em;
	padding:0em;
}
.infoHeader{
	padding-left:0px;
	padding-right:0px;
}
.telefonosHeader{
	font-family: "OpenSans SemiBold";
	font-size:9.5pt;
	letter-spacing:0.8px;
	padding-top:5px;
	padding-left:0px;
	padding-right:0px;
}

.itemTituloTelefonosHeader{
	font-family: "OpenSans Bold";
	letter-spacing:0.5px;
}
.emailHeader{
	background:#256cb3;
	color:#FFF;
	font-family: "OpenSans SemiBold";
	font-size:9.5pt;
	letter-spacing:0.4px;
	padding-top:4px;
	padding-bottom:8px;
	padding-left:0em;
	padding-right:0em;
	text-align:center;
}
.emailHeader a{
	color:#FFF;
	font-family: "OpenSans Bold";
}
.emailHeader a:hover{
	color:#F2F2F2;
}
.itemTituloHeader{
	font-family: "OpenSans SemiBold";
}
.navContainer{
	background:white;
	height:92px;
	padding-left:0px;
	padding-right:0px;
}
.nav{
	font-family:"Raleway Bold";
	font-size:9.5pt;
	letter-spacing:0.5px;
	padding-top:20px;
}
.navbar-default{
	background:transparent !important;
    border: none;
	height:92px;
	z-index:999999999 !important;
}
.navbar-brand {
	padding-top:20px;
	padding-bottom:20px;
}
.navbar-default .navbar-nav>li>a {
	color:#4d4c4c !important;
}
.navbar-default .navbar-nav>li>a:hover{
	color:#5162a8 !important;
}
.navbar-collapse {
    padding-right: 0px; 
}	
#activeMenu{
	color:#5162a8 !important;
}
#linkFacebook{
	padding-top:12px;
	padding-left:7px;
}
#linkFacebook:hover{
	opacity:0.5;
}
@media (min-width: 768px) and (max-width: 1199px){
	.emailHeader{
		padding-top:8px;
		padding-bottom:15px;
	}
}
@media (min-width: 768px) and (max-width: 780px){
	.emailHeader{
		padding-right:15px;
	}
	.telefonosHeader{
		padding-left:10px;
	}
	.row{
		margin-right:0em;
		margin-left:0em;
	}
}
@media screen and (max-width: 767px){
	.telefonosHeader{
		text-align:center;
		padding-top:10px;
		padding-bottom:10px;
	}
	.navbar-brand {
		padding-left:45px;
	}
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
		margin-right: 0px;
	}
	.navbar-toggle{
		padding-top:1.8em;
		padding-right:25px;
		border:none;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #000;
	}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
		background-color: transparent !important;
	}
	.navbar-collapse{
		background:white;
		margin-top:1.9em;
	}
	.navbar-nav {
		margin: 0px;
	}
	.row{
		margin-right:0em;
		margin-left:0em;
	}
}
@media (min-width: 991px) and (max-width: 1028px){
	.navbar-right {
		margin-right: 0px !important;
	}
}
@media (min-width: 768px) and (max-width: 810px){
	.navbar-right {
		margin-right: 0px !important;
	}
}
@media (min-width: 992px) and (max-width: 1199px){
	.infoHeader{
		font-size:0.9em;
	}
}
/************* SEPARADOR *************/
.separador{
	background:url("../images/bgseparador.jpg")center center;
	color:#c8c8c8;
	font-size:10pt;
	padding-top:55px;
	letter-spacing:0.4px;
	padding-bottom:62px;
	text-align:center;
}
.separador p{
	margin-bottom:39px;
	font-family: "Raleway";
}
.tituloSeparador{
	font-family: "Raleway Bold";
}
.dejarMensaje{
	background:#2879ca;
	color:#fff;
	cursor:pointer;
	font-family:"OpenSans Bold" !important;
	font-size:10.5pt !important;
	padding:0.7em 1em 0.9em 1em !important;
	letter-spacing:0px;
	text-align:center;
	transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
}
.dejarMensaje:hover{
	color:#2879ca;
	background:#fff;
}
@media screen and (max-width: 298px){
	.dejarMensaje{
		font-size:0.8em;
	}
}
@media screen and (max-width: 235px){
	.dejarMensaje{
		font-size:0.5em;
	}
}
/************* MARCAS *************/
.marcas{
	background:#f0f0f0;
	padding-top:75px;
	padding-bottom:0px;
}
.slick-track{
	padding-bottom:49px;
}
.slick-active img{
	margin-left:auto;
	margin-right:auto;
}
.slick-dots{
	position:static !important;
}
.slick-dots li {
	background:#dcdcdc;
    width: 29px !important;
    height: 4px !important;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dotted.slick-slider{
	margin-bottom: 16px !important;
}
.slick-next,.slick-prev{
	display:none !important;
}
/************* FOOTER *************/
footer{
	background:#1b1b1a;
	padding:7px 0px 7px 0px !important;
	}
.infoFooter{
	padding-left:0px !important;
	padding-right:0px !important;
}
.copy{
	color:#b8afaa;
	font-family:OpenSans Bold;
	font-size:7.85pt;
	text-align:left;
	padding-left:0px !important;
	padding-right:0px !important;
}
.desarrolladoFooter{
	color:#646464;
	font-family:OpenSans SemiBold;
	font-size:7.85pt;
	text-align:right;
	padding-left:0px !important;
	padding-right:0px !important;
}
.desarrolladoFooter a{
		color:#646464;
}
.desarrolladoFooter a:hover{
		color:#b8afaa;
}
@media screen and (max-width: 991px){
	.desarrolladoFooter,.copy{
		text-align:center;
	}
	.desarrolladoFooter{
		margin-top:0.5em;
	}
}
.noProducts{
    color:black;
    font-family:OpenSans Bold;
    font-size:11pt;
    padding-top: 3em;
    text-align: center;
}
/***** COLORES *********/

.colorMetalicas,.colorMetalicas:hover,.colorMetalicas:active,.colorMetalicas:focus,.colorMetalicas:link,.colorMetalicas:visited{
    color:#69a97b;
    text-decoration:none;
}
.bgMetalicas{
    background: #69a97b;
}
.aMetalicas{
	background:#69a97b;
}
.hrMetalicas{
    border-color:#69a97b !important;
}

.colorPlasticas,.colorPlasticas:hover,.colorPlasticas:active,.colorPlasticas:focus,.colorPlasticas:link,.colorPlasticas:visited{
    color:#69a97b;
    text-decoration:none;
}
.bgPlasticas{
    background: #69a97b;
}
.aPlasticas{
	background:#69a97b;
}
.hrPlasticas{
    border-color:#69a97b !important;
}

.colorSpray,.colorSpray:hover,.colorSpray:active,.colorSpray:focus,.colorSpray:link,.colorSpray:visited{
    color:#6199aa;
    text-decoration:none;
}   
.bgSpray{
    background: #6199aa; 
}
.aSpray{
	background:#6199aa;
}
.hrSpray{
    border-color:#6199aa !important;
}

.colorCremeras,.colorCremeras:hover,.colorCremeras:active,.colorCremeras:focus,.colorCremeras:link,.colorCremeras:visited{
    color:#5ea2b7;
    text-decoration:none;
}  
.bgCremeras{
    background: #5ea2b7;
}
.aCremeras{
	background:#5ea2b7 !important;
}
.hrCremeras{
    border-color:#5ea2b7 !important;
}

.colorTrigger,.colorTrigger:hover,.colorTrigger:active,.colorTrigger:focus,.colorTrigger:link,.colorTrigger:visited{
  color:#65aec6; 
  text-decoration:none;
}  
.bgTrigger{
    background: #65aec6; 
    margin-left:19px;
}
.aTrigger{
	background:#65aec6;
}
.hrTrigger{
    border-color:#65aec6 !important;
}

.colorPet,.colorPet:hover,.colorPet:active,.colorPet:focus,.colorPet:link,.colorPet:visited{
    color:#a98483;
    text-decoration:none;
}
.bgPet{
    background: #a98483;
}
.aPet{
	background:#a98483;
}
.hrPet{
    border-color:#a98483 !important;
}
.colorPvc,.colorPvc:hover,.colorPvc:active,.colorPvc:focus,.colorPvc:link,.colorPvc:visited{
    color:#9b7961;
    text-decoration:none;
}
.bgPvc{
    background: #9b7961;
}
.aPvc{
	background:#9b7961;
}
.hrPvc{
    border-color:#9b7961 !important;
}
.colorPolietileno,.colorPolietileno:hover,.colorPolietileno:active,.colorPolietileno:focus,.colorPolietileno:link,.colorPolietileno:visited{
    color:#b4694b;
    text-decoration:none;
}
.bgPolietileno{
    background: #b4694b;
}
.aPolietileno{
	background:#b4694b;
}
.hrPolietileno{
    border-color:#b4694b !important;
}
.colorPolipropileno,.colorPolipropileno:hover,.colorPolipropileno:active,.colorPolipropileno:focus,.colorPolipropileno:link,.colorPolipropileno:visited{
    color:#d8793e;
    text-decoration:none;
}
.bgPolipropileno{
    background: #d8793e;
}
.aPolipropileno{
	background:#d8793e;
}
.hrPolipropileno{
    border-color:#d8793e !important;
}
.colorPotes,.colorPotes:hover,.colorPotes:active,.colorPotes:focus,.colorPotes:link,.colorPotes:visited{
    color:#646464;
    text-decoration:none;
}
.bgPotes{
    background: #646464;
}
.aPotes,.aFarmacia{
	background:#c5665c;
}
.hrPotes,.hrFarmacia{
    border-color:#c5665c !important;
}
.sobre {
 	position:absolute;
 	top:0px;
	right:8px;
	width:auto !important;
	height:auto !important;
 	border:none !important;
}
.sobreHome {
	right:15px;
}
.sobre img{
	position:absolute;
 	top:0px;
 	right:0px;
	width:auto !important;
	height:auto !important;
 	border:none !important;
}
.descuento{
	left:10px;
	right:auto !important;
	background:#1b1b1a;
	color:#fff;
	line-height:12pt;
	padding:0.9em 1em 0.9em 1em;
	font-family: "OpenSans Bold";
	font-size:11pt;
	
}
@media screen and (max-width: 767px){
    .sobreHome {
		right:50px;
    }
	.descuento{
		left: 50px;
	}
}