* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	margin: 0px; padding: 0px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden] {
	display: none;
}

html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea {font-family: 'Poppins', sans-serif;
		font-size:16px;
	color: #333;
}

body {
	color: #333;
	line-height: 1.5;
	margin: 0;font-family: 'Poppins', sans-serif;
}

a {
	color: #333;
	text-decoration: none;
}

a:visited {
	color: #333;
}

a:focus {
	
}

a:active,
a:hover {
	color: #333;

}


h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: 'Poppins', sans-serif;
	line-height: 1.3;
}
p{padding: 0 0 15px;}


.noventa{width: 90%; margin: 0 auto; }
.logo{width: 25%; display: inline-block; text-align: left; vertical-align: top; padding: 8px 0px; margin:0px; }
.logo img{max-width:100%;  }
.menus{display: inline-block;  width: 74%; 
	text-align:right;vertical-align: top; padding: 0px; margin:0; margin-top: 55px;}
ul.menu{display: inline-block;margin:0px auto; list-style: none;}
.menu li{display: inline-block;padding: 5px;}
.menu li a{color: #000000; font-size: 16px; font-weight: bold;padding:2px 0px;}
.menu li a:hover{color:#333;}
.medio{width: 49%; display: inline-block; text-align: left; vertical-align: top;}
.redes, .in{display: inline-block;text-align: left;vertical-align: top; }
.in{float: right;}
.tel, .mail,.in{display: inline-block;; padding: 5px 10px 5px 20px; font-size: 14px;
 background: url(img/email.jpg)no-repeat;
background-position: left center; }
.mail{border-right: 1px solid #ccc; margin:0px 5px;}
.tel{background: url(img/tel.jpg)no-repeat;
background-position: left center;}
.in{background: none; padding: 5px 0px; margin: 0px}
a.mas{background:url(img/ver.png)no-repeat;
background-position: right center;  border:1px solid #ccc; display: table;margin: 20px 0px;
font-size: 18px; color: #333333; padding:5px 45px 5px 10px; }
	
.tres{display: inline-block; width: 33%; margin: 10px auto; padding: 0; vertical-align: top; }

.cuatro{width: 40%; margin-right: 3%; display: inline-block; vertical-align: top;}
.seis{width: 56%; display: inline-block; vertical-align: top;}

.banner{position:relative;left:0px;width:100%;margin:0px;overflow:auto; text-align: center; padding: 0}
.banner ul{list-style:none;width:300%;margin:0px; padding:0; }
.banner ul li{list-style:none;margin:0px;display:block;float:left;width:33%;padding:80px 0px 150px; -moz-background-size:100% 100%;-o-background-size:100% 100%;-ms-background-size:100% 100%;}
.banner .btn{display:inline-block;margin:10px 0 0;padding:9px 22px 7px;clear:both;color:#fff;font-size:12px;
	font-weight:700;text-transform:uppercase;text-decoration:none;border:2px solid rgba(255,255,255,.4)}
	.banner .btn:hover{background:rgba(255,255,255,.05)}
	.banner .btn:active{-webkit-filter:drop-shadow(0 -1px 2px rgba(0,0,0,.5));-moz-filter:drop-shadow(0 -1px 2px rgba(0,0,0,.5));-ms-filter:drop-shadow(0 -1px 2px rgba(0,0,0,.5));-o-filter:drop-shadow(0 -1px 2px rgba(0,0,0,.5));filter:drop-shadow(0 -1px 2px rgba(0,0,0,.5))}.banner .btn,.banner .dot{-webkit-filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));-moz-filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));-ms-filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));-o-filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.banner .dots{position:absolute;left:0;right:0;bottom:20px}.banner .dots li{display:inline-block;width:10px;height:10px;margin:0 4px;text-indent:-999em;border:2px solid #fff;border-radius:6px;cursor:pointer;opacity:.4;-webkit-transition:background .5s, opacity .5s;-moz-transition:background .5s, opacity .5s;transition:background .5s, opacity .5s}
.banner .dots li.active{background:#fff;opacity:1}
 .banner span{display: inline-block; padding:10px 5px 0px; vertical-align: top;
 	font-weight: bold;font-size: 16px; color: #333}
 .banner h1,.bh1{font-size: 35px; line-height: 40px; color: #333; font-weight: bold; margin-bottom: 0px;}
.banner h3{color: #333333; font-size:18px;line-height: 20px; font-weight: bold;margin:5px 0px 20px; }
a.bt1{color:#000000; display: block;margin: 15px 0px 0px; font-size: 18px; font-weight: bold;}
 a.bt2{display: inline-block; margin:10px ; padding: 5px 15px; color: #fff; background: #DA3438;
 	border-radius: 5px;font-size: 18px;}
.banner p{color: #fff; font-weight: bold; font-size: 18px; padding:0px; line-height: 20px}
a.botonb,a.botonn{display: inline-block;border-radius: 5px; border: 1px solid #000; padding: 5px 20px; color: #333; 
background: #fff; margin: 25px 5px;font-weight: bold; font-size: 16px; line-height: 16px}
a.botonn{ background: #000; color: #fff}


.titulo{font-size: 25px; color: #000000; font-weight: bold;margin: 15px 0px 0px; text-align: left;}
.gris{color:#666666;font-size: 18px;font-weight: bold; line-height: 20px; margin: 0px 0px 25px; text-align: left;}
ul.listaservicios{display:inline-block; margin:20px auto; list-style:none; vertical-align: top; width: 220px; text-align: left;}
.listaservicios li{color: #333; font-weight: bold; font-size: 16px; }
.listaservicios li div{vertical-align: top; display:  inline-block; padding:10px 5px 5px 10px;}
.site-info{background: #000000; color: #fff; text-align: center; padding: 20px 0px 5px; margin: 0px;}
.site-info{
	color: #fff;
	text-align: center;
	width: 100%; font-size: 14px;
	padding: 20px 0px;
	
	}

.site-info a {	color: #fff;}
.site-info .tres{text-align: left;}
.site-info .tres{text-align: left;}
.fm,.ft,.fd,.fdd,.fh,.fhh{display: block; line-height: 18px;
padding: 5px 5px 5px 22px; color: #fff;font-size: 14px; font-weight: bold;}
.fm{background: url(img/mb.png)no-repeat;
background-position: left center; }
.ft{background: url(img/tb.png)no-repeat;
background-position: left center; }
.fd{background: url(img/ub.png)no-repeat;
background-position: left center; }
.fh{background: url(img/hb.png)no-repeat;
background-position: left center; padding-bottom: 0px }
.fhh{padding-top: 0px;}

.clientes{display: inline-block; border-right:1px solid #ccc;width: 232px}
.clientes img{width: 231px; height: 113px}
.clientes:last-child{border: none;}

.banner-servicios{background: url(img/servicios.jpg)no-repeat;
background-size:100% 100%;padding: 100px 0px 60px; text-align: center;color: #fff; font-size: 25px; font-weight: bold;}


.bannercontacto{background: url(img/contacto.jpg)no-repeat;
background-size:cover;-moz-background-size:cover;-o-background-size:cover;padding: 8% 0; text-align: center;color: #fff; font-weight: bold;}

.counter {
  padding: 0; display: inline-block; max-width:187px; margin:10px 3%; text-align: center;
    font-size: 30px; line-height: 32px; font-weight: bold;
}
.counter img{display: block; text-align: center; margin: 0 auto; padding-bottom: 10px}

.counter .counterNumber {
  font-size: 30px;
  font-weight: bold;
  
}

input[type=text], input[type=tel], input[type=email] {
	width: 90%;
    padding: 12px 2%;
    margin: 8px 0;
   }
 
textarea {
   width: 90%;
    padding: 12px 2%;
    height: 150px;
    
    resize: none;
}
 
input[type=button], input[type=submit], input[type=reset] {
    background-color: #8EB43A;
    border: none;
    color: white;
    padding: 10px 45px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
    margin-top: 10px;
}
 
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
    background-color: #333;
}


ul.ulcontacto{list-style:none; font-size:14px; color:#333; display:inline-block; padding:30px; border:1px solid #ccc}
.ulcontacto li{margin:5px 0px; text-align: left}

a.wa{display: inline-block; background: url(img/wa.png)no-repeat;
background-position:left center; font-weight: bold;padding:2px 0px 1px 30px; font-size: 14px; margin:0px 10px}
@media (max-width:1100px) {
	.noventa{width: 96%}
.banner ul li{padding:60px 0px;}
	.banner-servicios{padding: 20px 0px;}


}


@media (max-width:900px) {
	
.banner ul li{padding:20px 0px;}
	.banner-servicios{padding: 0px;}


}

@media (max-width:840px) {


.logo, .menus{width:100%; text-align: center; margin:5px auto;}
.site-info .tres{width: 80%; margin:5px auto;}


	}


@media (max-width:634px){
.in{display: none;}

	.cuatro, .seis,.redes{width:100%; text-align: center; margin:5px auto;}
		.cuatro {text-align: center!important;}
	.seis p{text-align: left;}
.banner-servicios{background: #000}

.site-info .tres{width: 96%; margin:5px auto;}

}