@charset "utf-8";
*{outline:none !important}
html{height:100%;}
body{
	font-size: 15px;
	line-height: 24px;
	text-align: justify;
	color: #616161;
	font-family: "Arial", serif;
	min-width:320px;
	margin:auto;
	background:#fff;
}

body p{font-family:inherit;font-size:inherit;color:inherit; line-height:normal}

#main{
	overflow: hidden;
}


.container{
	margin:auto; 
	line-height:inherit; 
	text-align:inherit; 
	position:relative; 
	color:inherit; 
	max-width: 1010px;
	padding: 0 15px;
}
.container:before,
.container:after{display:block; content:""; clear:both;}
.animar{transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;}

#header{
	width: 100%;
	z-index: 3;
	border-top: solid 4px #333;
	background: #fff;
	border-bottom: solid 4px #fff;
	position: relative;	
}
#logo{
	display: block;
	position: relative;
	padding: 5px 0 0;
	z-index: 2;
	max-width: 140px;
	transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;
}
#logo img{
	display: block;
	width: 100%;
	height: auto;
	transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;
}

@media(min-width:768px){
body.fixed #header{
	position: fixed;
	top: 0;
	box-shadow: 1px 0px 3px 2px #d2d2d2;
	z-index: 112
}
body.fixed #logo{
	max-width: 100px;
}
body.fixed #menu > ul > li > a{
	line-height: 90px;
}
}



/*Menu*/
#menuTop{
	background: none;
	position: absolute;
	z-index: 2;
	top: 0;
	right: 15px;
}
#menu{
	margin: auto;
	position: relative;
	z-index: 1;
	background: none !important
}
#menu >ul{
	margin: 0;
	text-align: left;
	position: relative;
	z-index: 1;
	background: none !important
}
#menu > ul:before,
#menu > ul:after{
	display: block;
	content: "";
	clear: both;
}
#menu > ul > li{
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin: 0 5px
}

#menu > ul > li > a{
	display: block;
	color: rgba(74,74,74,1.00);
	background: none !important;
	position: relative;
	font-size: 17px;
	font-family: 'Oswald', sans-serif;
	padding: 0 10px;
	line-height: 120px;
	font-weight: 300;
	z-index: 2;
	transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;
}
#menu > ul > li:before{
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 0;
	background: #333;
	z-index: 1;
	transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;
}
#menu > ul > li:hover:before,
#menu > ul > li.active:before{
	height: 120%;
}
#menu > ul > li:hover a,
#menu > ul > li.active a{
	color: #FFF;
}

/*Footer*/
#footer{
	text-align:center;
	font-size:14px;
	color:#FFF;
	background:#303030;
	line-height:22px;
	font-family: "Century Gothic", sans-serif;
	min-height: 45px; 
	border-top: solid 2px #555;
}
#footer .container{padding-top:20px; padding-bottom:20px; font-family:inherit; font-size:inherit; text-align: center}

#footer #powered {
    margin: 0 auto 0;
    width: auto;
}
#footer a{	
	color:#FFF;	
}
#footer #powered a{padding:3px 0 3px}
#footer a:hover{
	text-decoration:underline;
}
#footer #powered a{color:#FFF;}
/*Footer*/




/*==================     ToTop     ======================*/
a.toTop {
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 37px;
  color: #fff;
  border-radius: 50%;
  position: fixed;
  background:#000;
  border:solid 1px #fff;
  right: 15px;
  bottom: 20px;
  display: none;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  cursor:pointer;
  z-index: 20; opacity:.75 }
a.toTop:hover,
a.toTop:active {color: #000;
    text-decoration: none; opacity:1; background:#fff}
a#toTop
a#toTop .fa{color:#FFF !important;}
a.toTop:hover:after{
	-webkit-transform:scale(1.3);
	-moz-transform:scale(1.3);
	-ms-transform:scale(1.3);
	transform:scale(1.3);
	opacity:0;
}
.mobile .toTop,
.tablet .toTop {display: none !important; }


#sliderTop{
	position: relative;
}
#sliderTop img{
	display: block;
	width: 100%;
	height: auto
}
#sliderTop figure{
	min-height: 513px;
	background-size: auto 100% !important;
}




#text1{
	padding-top: 15px;
	padding-bottom: 35px;
	font-size: 14px;
	font-family: "Arial", serif;
	font-weight: 400;
	text-align: justify;
}
.titHome{
	font-family: 'Oswald', sans-serif;
	font-size: 29px;
	line-height: normal;
	border-bottom: solid 1px #b9b9b9;
	margin-bottom: 12px;
	position: relative;
	font-weight: 600;
	padding: 10px 0;
	text-align: center;
	text-transform: uppercase
}
.titHome:before{
	display: block;
	content: "";
	background: #3a3a3a;
	position: absolute;
	bottom: -1px;
	left: 50%;
	height: 1px;
	width: 386px;
	transform: translateX(-50%);
}

#servicios .row{
	display: flex;
 	flex-wrap: wrap;
}
#servicios .row div[class*="col-"]{
	display: flex
}
#servicios article{
	margin-bottom: 35px;
	box-shadow: 0 1px 7px 0px #999
}
#servicios img{
	display: block;
	width: 100%;
	height: auto;
}
#servicios h3{
	display: block;
	text-align: center;
	font-size: 20px;
	font-family: "Century Gothic",sans-serif;
	font-weight: 300;
	line-height: normal;
	padding: 10px 0 5px
}
#servicios p{
	padding: 2px 10px 10px;
}


/*Contacto*/
.bgGray {
	background: #f0f0f0;
}
.titC{text-align:center; font-family:"Century Gothic", sans-serif; font-size:14px; padding:0 0 25px 0; color:#616161}

.frmContacto .row{margin:0 -4px 0; padding-bottom: 20px}
.frmContacto .row div[class*="col"]{margin:0 0 4px; padding:0 2px}
.frmContacto .form-control1 input, 
.frmContacto .form-control1 textarea, 
.frmContacto .form-control1 .labelRadio,
.frmContacto .radios label {
	font-family: "PT Sans Narrow",sans-serif;
	font-size: 18px;
	color:#959595;
	font-weight:normal
}
.frmContacto .form-control1 { position: relative; margin: 0 0 8px; float:left; padding:0 3px; box-sizing:border-box}
.frmContacto .form-control1 input, 
.frmContacto .form-control1 textarea,
.frmContacto .form-control2{
	border: 1px solid #535555;
	width: 100%;
	padding: 10px;
	height: 50px;
	margin-bottom: 15px;
	font-family: "PT Sans Narrow",sans-serif;
	font-size: 18px;
	color:#2F2F2F;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.frmContacto .form-control1.textarea{
	margin-left:0;
	margin-bottom: 20px !important
}
.frmContacto .form-control1.textarea textarea{height:88px; margin-bottom:3px; font-size:18px}

.frmContacto .form-control2{height:77px;}
.frmContacto .form-control1 .labelRadio{padding-top:5px; padding-bottom:3px}
.frmContacto .radios{text-align:center; line-height:16px; padding-right:15px}
.frmContacto .radios label{width:64px;}
.frmContacto .radios input[type=radio]{display:inline-block; height:auto;}
.frmContacto .form-control2 textarea{padding:0 15px 0 0; border:none; height:75px; padding-top:6px; line-height:16px}
.hiddenSize:before{display:block; content:""; position:absolute; width:18px; height:18px; right:4px; bottom:9px; z-index:2; background:#fff}


.frmContacto input[type=submit],
.frmContacto input[type=reset]{display:inline-block; height:42px; width:82px; margin: 0 0; background:#2c2c2c; color:#FFF; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:11px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#frmContacto input[type=submit]:hover,
#frmContacto input[type=reset]:hover{opacity:.8}
#frmContacto .error input,
#frmContacto .error textarea{border:solid 1px #000; background:rgba(255,216,217,1.00); color:#000}
.frmContacto input::-webkit-input-placeholder {color:#949494; opacity:  1;}
.frmContacto input:-moz-placeholder {color:#949494; opacity:  1;}
.frmContacto input::-moz-placeholder {color:#949494; opacity:  1;}
.frmContacto input:-ms-input-placeholder {color:#949494; opacity:  1;}
.frmContacto textarea::-webkit-input-placeholder {color:#949494; opacity:  1;}
.frmContacto textarea:-moz-placeholder {color:#949494; opacity:  1;}
.frmContacto textarea::-moz-placeholder {color:#949494; opacity:  1;}
.frmContacto textarea:-ms-input-placeholder {color:#949494; opacity:  1;}
.frmContacto input:focus::-webkit-input-placeholder {opacity:0.5}
.frmContacto input:focus:-moz-placeholder{opacity:0.5}
.frmContacto input:focus::-moz-placeholder{opacity:0.5}
.frmContacto input:focus:-ms-input-placeholder{opacity:0.5}
.frmContacto textarea:focus::-webkit-input-placeholder{opacity:0.5}
.frmContacto textarea:focus:-moz-placeholder{opacity:0.5}
.frmContacto textarea:focus::-moz-placeholder{opacity:0.5}
.frmContacto textarea:focus:-ms-input-placeholder{opacity:0.5}

.frmContacto .has-error .form-control-feedback{line-height:36px; height:100%; }
.frmContacto .has-error input{
	border-color: #a94442;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.frmContacto .item{
	display: inline-block;
	height: 42px;
	position: relative;
	vertical-align: top;
	background: #dcdcdc;
	border-radius: 4px;
	font-size: 16px;
	color: #616161;
	padding: 0 12px 0 47px;
	line-height: 40px;
}
.frmContacto .item .fa{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: #7fbf27;
	color: #FFF;
	width: 42px;
	height: 42px;
	border-radius: 4px;
	text-align: center;
	line-height: 42px;
	font-size: 20px;
}
.frmContacto .item .fa-phone{
	font-size: 24px;
}

.topMapa{
	font-size: 14px; 
	background: #d9251e; 
	color: #fffefe; 
	min-height: 68px; 
	padding: 24px 15px; 
	text-align: center;
	font-family: "Arial", serif;
	font-weight: 400
}
.mapa iframe{width:100%; display:block; height:302px;}


.thumbnail2{float:left; width:25%}
@media (max-width: 991px) {
	.thumbnail2{float:left; width:33.3333%}
}
@media (max-width: 600px) {
	.thumbnail2{float:left; width:50%}
}
.thumbnail2 figure{display:block; margin:3px; position: relative; overflow:hidden}
.thumbnail2 figure i{
	font-style: normal;
	position: absolute;
  top: -58px;
  right: -77px;
  padding: 0;
  background: #000;
  color: #fff;
  font-size: 12px;
  line-height: 213px;
  font-weight: 600;
  padding: 0px 0px 0px;
  border-radius: 0;
  height: 120px;
  width: 120px;
  z-index: 111;
  text-align: center;
  display: block;
  -moz-transform: rotate(55deg);
  -webkit-transform: rotate(55deg);
  -o-transform: rotate(55deg);
  -ms-transform: rotate(55deg);
  transform: rotate(55deg);
	font-family: "Open Sans", serif;
}
.thumbnail2 figure i.red{background:#FF0004;}
.thumbnail2 a{display:block; overflow:hidden; position:relative}
.thumbnail2 a img {
    display: block;
    width: 100%;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.zoom-icon {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	display:block;
	background:rgba(0,0,0,0.4);
	opacity:0;
	cursor:pointer;
	-webkit-transition:0.2s;
	-moz-transition:0.2s;
	-o-transition:0.2s;
	transition:0.2s;
}
.no-rgba .zoom-icon {
	visibility:hidden;
	background:url(../images/black-opacity-60.png);
}
.zoom-icon:before {
	position:absolute;
	top:50%;
	left:50%;
	display:block;
	margin:-13px 0 0 -13px;
	width:25px;
	height:26px;
	background:url(../images/magnify-alt.png) 50% 50% no-repeat;
	content:"";
}
.featured-thumbnail a:hover .zoom-icon, a.thumbnail:hover .zoom-icon, .thumbnail__portfolio a:hover .zoom-icon { opacity:1; }
.no-rgba .image-wrap:hover .zoom-icon, .featured-thumbnail a:hover .zoom-icon, a.thumbnail:hover .zoom-icon, .thumbnail__portfolio a:hover .zoom-icon { visibility:visible; }
.filter-wrapper strong {
	display:block;
	padding:8px 0;
	margin-right:5px;
	float:left;
}
.portfolio_item { margin:0 0 32px !important; }
.portfolio_item .portfolio_item_holder {
	margin-bottom:10px;
	padding-bottom:0;
	background:transparent;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	text-align:center;
}
.portfolio_item .portfolio_item_holder .caption {
	position:relative;
	text-align:left;
	padding:0 25px
}
.portfolio_item .portfolio_item_holder .caption h3 {
	margin-top:18px;
	margin-bottom:8px;
	font-size:20px;
	text-transform:uppercase;
}
.portfolio_item .portfolio_item_holder .caption h3 a { color:#000; }
.portfolio_item .portfolio_item_holder .caption h3 a:hover { color:#62bfe6; }
.portfolio_item .portfolio_item_holder .caption p { margin-bottom:35px; font-size:14px}
.portfolio_item .portfolio_item_holder .btn-primary {
	position:relative;
	display:inline-block;
	z-index:5;
}
.thumbnail a img {
	-webkit-transform:scale(1.0);
	-moz-transform:scale(1.0);
	-ms-transform:scale(1.0);
	-o-transform:scale(1.0);
	transform:scale(1.0);
	-webkit-transition:0.45s;
	-moz-transition:0.45s;
	-o-transition:0.45s;
	transition:0.45s;
}
.thumbnail.hoverThumb a:hover img {
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
}
.zoom-icon {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	display:block !important;
	opacity:0 !important;
	visibility:visible !important;
	background-color: rgba(0,0,0,0.4) !important;
	cursor:pointer;
	overflow:hidden;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	-webkit-transition:0.55s;
	-moz-transition:0.55s;
	-o-transition:0.55s;
	transition:0.55s;
}
.zoom-icon:hover{opacity: 1 !important}
.zoom-icon:after {
	position:absolute;
	top:50%;
	left:50%;
	width:42px;
	height:42px;
	margin-top:-21px;
	margin-left:-21px;
	background:url('../images/zoom-icon.png') 0 0 no-repeat;
	content:"";
	visibility:hidden;
	-webkit-transform:scale(2);
	-moz-transform:scale(2);
	-ms-transform:scale(2);
	-o-transform:scale(2);
	transform:scale(2);
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:0.45s;
	-moz-transition:0.45s;
	-o-transition:0.45s;
	transition:0.45s;
}
.no-rgba .zoom-icon {
	visibility:hidden;
	display:none;
}
.zoom-icon:before {
	position:absolute;
	left:-50%;
	top:48%;
	display:block;
	margin:0;
	height:0%;
	width:200%;
	background:url('../images/hover_bg.png') 0 0 repeat;
	content:"";
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	overflow:hidden;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:0.65s;
	-moz-transition:0.65s;
	-o-transition:0.65s;
	transition:0.65s;
}
.featured-thumbnail a:hover .zoom-icon, a.thumbnail:hover .zoom-icon, .thumbnail__portfolio a:hover .zoom-icon {
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
}
.featured-thumbnail a:hover .zoom-icon:before, a.thumbnail:hover .zoom-icon:before, .thumbnail__portfolio a:hover .zoom-icon:before,
#pagGal .thumbnail2 a:hover .zoom-icon:before {
	left:-100%;
	top:-100%;
	height:400%;
	width:260%;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	opacity:1;
	filter:alpha(opacity=100);
	-webkit-transition:0.6s;
	-moz-transition:0.6s;
	-o-transition:0.6s;
	transition:0.6s;
	opacity: 1;
}
.featured-thumbnail a:hover .zoom-icon:after, a.thumbnail:hover .zoom-icon:after, .thumbnail__portfolio a:hover .zoom-icon:after,
#pagGal .thumbnail2 a:hover .zoom-icon:after {
	visibility:visible;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
	opacity:1;
	filter:alpha(opacity=100);
	-webkit-transition:0.45;
	-moz-transition:0.45;
	-o-transition:0.45;
	transition:0.45;
}
.no-rgba .image-wrap:hover .zoom-icon, .featured-thumbnail a:hover .zoom-icon, a.thumbnail:hover .zoom-icon, .thumbnail__portfolio a:hover .zoom-icon,
#pagGal .thumbnail2 a:hover .zoom-icon {
	visibility:visible;
	border-radius:0;
	overflow:hidden;
}
.imgMarcas{max-width: 800px; margin: auto;}
.imgMarcas .thumbnail2{width: 33.3333%; padding: 10px 25px; float: left; position: relative}
.imgMarcas img{
	display: block;
	width: 100%;
	height: auto
}

.mnuMarca{margin: auto; width: 300px; border: dotted 1px #666; padding: 8px; text-align: center}
.mnuMarca a{display: inline-block; margin: 0 15px}
.titCat{text-align: center; padding: 15px 25px 25px; font-size: 32px}




.desktop .wow{
	visibility: hidden;
}