@import url(normailize.css);

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

body{
	margin:0; font-family: Verdana, Geneva, sans-serif; font-size:12px; padding:0;
	color: #646464;

}

::selection 	 	{background: #202020; color: #fff; }
::-moz-selection 	{background: #202020; color: #fff; }

img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}


.cl { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }


body a{
	text-decoration: none;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

img{ border:0;}

p{ margin-bottom:15px; line-height:19px;}

strong{ font-weight:bolder;}

h1,h2,h3,h4,h5,h6{

	font-weight: 400;
	font-family: 'Karla', sans-serif;

}
ul{ list-style:none; margin:0; padding:0;}
	

h2{ font-size:22px; color:#0b7347; display:block; margin:15px 0; font-weight:700; }
	.black{ color:#696969;}
	.green{ color:#169b5b;}
	h2:after{ content:''; display:block; width:50px; height:2px; background:#333; margin-top:10px;}
	


h3{ font-size: 18px;  color:#454545; margin:8px 0; font-weight:500;}


h4{ font-size: 16px;  color:#266091; margin:8px 0; font-weight:700;}
	.line1{ border-bottom:#e22c29 3px solid; padding-bottom:5px; display:inline-block; font-size:22px; margin-bottom:30px;}
	.line1:after{ display:block; content:''; width:100%;}

h5{ font-size: 20px; color:#fff; margin:0 0 20px 0;}
h6{ font-size: 14px; }

.relative{ position:relative;}

.left{ float:left;}
.right{ float:right;}

.padd10{ padding:0 20px;}
.padd15{ padding:15px;}
.padd20{ padding:20px;}


.col1{ width:700px;}
.col2{ width:600px;}
.col3{ width:500px;}
.col4{ width:400px;}

.contenedor{ width:1150px; margin:0 auto;}
.no-bord{ border:0 !important;}

.relative{ position:relative;}

.resalt1{ color:#999; font-size:11px;}

/*HEADER */
.flotar{
	position: absolute;
	width: 100%;
	z-index: 9;
}
#header{ }
	.bg1{ background:url(../images/ban_001.jpg) no-repeat top center;}
#nav{ background:url(../images/bg-nav.jpg) repeat-x; min-height:41px; border-radius:7px; padding:0 10px; font-family: 'Karla', sans-serif; font-size:14px; font-weight:700; border:#d0d0d0 1px solid;}
	#logo{ position:absolute; top:0; left:460px;}
#nav li{ float:left; border-right:#d3d3d3 1px solid;}	
#nav li a{ display:block; padding:12px 42px; color:#333; text-shadow:-1px -1px 0 #eaeaea }
#nav li a:hover{ color:#063;}
#nav li a.activ{ background: url(../images/bg-nav-hover.jpg) repeat-x; color:#FFF; text-shadow: none;}
	.marg-r{ margin-right:220px;}
	
.circle{ position:absolute; bottom:25px; left:340px;}	
.circle a{ margin:0 10px;}

	.borde{ padding:10px; box-shadow:0 0 5px #CECECE;}
	
.phones{ width:159px; height:130px; position:fixed; top:280px; right:0; z-index:888888888; background:url(../images/callme.png) 0 0 no-repeat; transition:all .6s;}
.phones:hover{width:179px;}
	
#main{ /*background:#FFF;*/ padding:40px 0; margin-top:160px;}
.vision{ border:#c5c5c5 1px solid; padding:20px 25px; width:300px; margin:0 40px 0 0; float:left; text-align:justify; min-height:356px;}
.vision img{ margin-bottom:15px;}
.vision h3{ text-align: center;}

.lista1 { margin:20px;}
.lista1 li{ background: url(../images/icons/arrow.png) 0 5px no-repeat; padding:5px 0 5px 25px; margin-bottom:10px;}

/*SLIDER*/
.centrar{
	display: flex;
    width: 100%;
    height: 100vh;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.descripcion{
	text-align: center;
    padding: 1rem;
    width: 700px;
    background: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.6) 25%, rgba(0,0,0,.6) 75%, transparent 100%);
}
.descripcion h1{
	color: #fff;
    font-weight: bold;
    font-size: 2.5em;
    text-shadow: 2px 2px 2px #9E9E9E;
}
.descripcion h2{
	color: #fff;
	font-weight: bold;
	font-size: 2em;
	margin: 0.2em 0 0 0;
	text-shadow: 2px 2px 2px #9E9E9E;
}
.descripcion h2::after{
	width: 0;
	height: 0;
}
/* contacto */
.formulario .campo{border: 1px solid #e2e2e2; width:85%;
    padding: 15px; margin: 0 8px 8px 0; 
    -moz-box-shadow: inset 0 0 5px #f1f1f1;
    -webkit-box-shadow: inset 0 0 5px #f1f1f1;
    box-shadow: inset 0 0 5px #f1f1f1;}
.formulario .enviar{ background:#3b3b3b; color:#FFF; cursor:pointer; padding:11px 0; display:block; border:0; width:99%; transition:all .4s;}
.formulario .enviar:hover{ background:#000;}

.datos{ border:#DFDFDF 1px solid; min-height:300px;}
.datos h3{ background:#78b224; color:#FFF; padding:15px 25px; margin:0;}
.datos  td{ border-bottom:#d4d4d4 1px solid; padding:10px 0;}

.callcenter{ position:absolute; top:0; left:-118px;}

.mapa{ padding:15px; box-shadow:0 0 6px #cecece;}

/* SERVICIOS */
.serv{ text-align:center;}
.serv li{ width:210px; margin:0 20px; display:inline-block;}
.serv li .bord{ padding:4px; /* box-shadow:0 0 3px #c2c2c2*/ border:#48a41f 2px solid; position:relative;}
.serv li .bord .hov{}
.bord a{
	display: flex;
	flex-direction: column;
}
.tit-servicio{
	background: #006b3e;
    color: #fff;
    font-weight: bold;
    padding: 1em;
    font-family: 'Karla', sans-serif;
}
.bord a:hover .tit-servicio{
	background: #108c58;
}

.more{ padding:8px 15px; display:inline-block; margin:5px 0; background:#78b224; color: #FFF; border-radius:3px;}
.more:hover{ background:#578a0e}

.div-img{
	width: 100%;
    height: 277px;
    overflow: hidden;
    position: relative;
}
.img-cen{
	position:absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
}
.formato ul{
	margin: 20px;
}
.formato ul li{
	background: url(../images/icons/arrow.png) 0 5px no-repeat;
    padding: 5px 0 5px 25px;
    margin-bottom: 10px;
}

/* FOOTER */
#footer{ position:fixed; bottom:0; width:100%; height:60px; background:url(../images/bg-foot.png) no-repeat top center; color:#b8ecd6; text-align:center; z-index: 9;}
#footer li{ display:inline-block; border-right:#088651 1px solid; padding:0 20px 5px 20px; margin:20px 5px 0 5px ;}

	.map{ background: url(../images/icons/map.png) no-repeat;}
	.phone{ background: url(../images/icons/phone.png) no-repeat;}
	.mail{ background: url(../images/icons/mail.png) no-repeat;}