@charset "UTF-8";
@font-face{
	font-family: "Raleway Light";
    src: url("../fonts/Raleway-Light.ttf") format("truetype");
}
@font-face{
	font-family: "Raleway ExtraBold";
    src: url("../fonts/Raleway-ExtraBold.ttf") format("truetype");
}
/************* SERVICIOS *************/
.servicios{
	background:#F2F2F2;
	color:#233059;
	padding-top:58px;
	padding-bottom:23px;
	text-align:center;
}
.serviciosItem div p a{
	color:#233059;
	cursor:pointer;
	transition:all 0.2s ease-in-out;
}
.serviciosItem div p a:hover{
	color:#337ab7;
}
.servicios h4{
	font-family:"Raleway Bold";
	font-size:22pt;
	margin-bottom:18px;/*	margin-bottom:54px;*/
	text-align:center;
}
.separadorServicios{
	margin-bottom:54px;
}
.serviciosItem{
	font-family:"Raleway Light";
	font-size:14pt;
	text-align:left;
}
.serviciosItem div{
	background:url(../images/bgitemservicios.png) no-repeat;
	background-size:cover;
	height:122px;
	padding-top:32px;
	text-align:center;
}
.serviciosItem p{
	text-align:left;
}
.serviciosItem div img{
	padding-left:7%;
	margin-right:20px;	
	float:left;
}
/************* PRODUCTOS *************/ 
.productosServicios{
	padding-top:60px;
	padding-bottom:60px;
	text-align:center;
}
.separadorServicios{
	margin-bottom:54px;
}

.productosServicios article{
	margin-bottom:60px;
	padding:0 8px 10px 8px;
	text-align:center;
        background-color:#FFF;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -moz-transition:all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        -webkit-transition-delay: 0.1s;
        -o-transition-delay: 0.1s;
        -moz-transition-delay:0.1s;
        transition-delay: 0.1s;
}
.productosServicios article hr{
    margin-bottom: 0px !important;
    -webkit-transition: visibility 0.1s ease-out;
    -o-transition: visibility 0.1s ease-out;
    -moz-transition: visibility 0.1s ease-out;
    transition: visibility 0.1s ease-out;
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -moz-transition-delay:0.1s;
    transition-delay: 0.1s;
}
.productosServicios article:hover{
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    -ms-transform: scale(1.1); 
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform:scale(1.1);
    z-index: 100;
}
.productosServicios article:hover img{
    border:none;
}
.productosServicios article:hover hr{
    visibility: hidden;
    transition: visibility 0.1s ease-out;        
}
.masInfo{
display:block; width: 100%; background: #263763; border: 2px solid #263763;
padding: 0.6em 0.9em 0.6em 0.9em; color:#FFF; text-align: center; visibility: hidden;
}

.productosServicios article:hover .masInfo{
    visibility: visible;
    transition: visibility 0.1s ease-out; 
    transition-delay: 0.1s;
}
.categoLink{
	color:#fff;
	font-family:Raleway Bold;
	font-size:1em;
	padding:8px;
	padding-left:12px;
	padding-right:12px;
}
.categoLink:hover{
	color:#fff !important;
}
.productosServicios h4{
	color:#233059;
	cursor:pointer;
	margin-top:20px;
	font-family:"OpenSans";
	font-size:13pt;
}
.productosServiciosTitulo h4{
	font-family:"Raleway Bold";
	font-size:22pt;
	margin-bottom:18px;
	text-align:center;
}
.productosServicios span{
	font-family:"OpenSans Bold";
}
.productosServicios article img{
	border:1px solid #E9E9E9;
	cursor:pointer;
	margin-bottom:21px;
	width:100%;
}

@media (min-width: 1200px){
	.productosServicios article img{
		height: 269px;
	}
}
@media (min-width: 992px) and (max-width:1199px){
	.productosServicios article img{
		height: 219px;
	}
}
@media (min-width: 768px) and (max-width:991px){
	.productosServicios article img{
		height: 164px;
	}
}
@media (max-width: 767px){
	.productosServicios article img:first-child{
		min-height: 450px;
	}
}
@media (max-width: 540px){
	.productosServicios article img:first-child{
		min-height: 250px;
	}
}
.productosServicios hr{
	border-bottom:2px solid #65aec6;
}
.btMasProductos{
	background:#263763;
	border:2px solid #263763;
	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;
}
.btMasProductos:hover{
	background:#fff;
	color:#263763;
}
@media screen and (max-width: 767px){
	.productosServicios article{
		padding-left:0px !important;
	}
	.marcas{
		display:none;
	}
}