html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{background: transparent;border: 0;margin: 0;padding: 0;vertical-align: baseline} a{text-decoration:none}

/*GENERALES*/
*, *:after ,*:before{
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.animado, a{
	-ms-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.clear{
	clear: both;
}
.caja{
	width: 90%;
	margin: auto
}
.flex{
	display: flex;
}
html,body{
	width: 100%;
	height: 100%;
}
body{
	font-family: omnes_regularregular;
	font-size: 16px;
}
p{
	margin-bottom: 1em;
}
.col2{
	width: 50%;
}
.col3{
	width: 33.33333%;
}
.centerFlex{
	align-items: center;
}
.centerFlex img{
	display: block;
	width: 100%;
	padding: 0 1em
}
#hamburger{
	display: none;
}
.menuShow{
	left: 0;
}
.btnBco{
	font-size: 16px;
	background: url(../img/btn.png);
	background-size: 100% 100%;
	padding: .5em;
	color: #8f8f8f;
	float: right;
	margin-top: 2em;
	font-family: 'omnessemibold';
}
.btnBco:hover{
	transform: scale(1.06);
}
.btnVde{
	font-size: 16px;
	background: url(../img/btnVde.png);
	background-size: 100% 100%;
	padding: .5em 1.2em;
	color: #FFF;
	float: right;
	margin-top: 2em;
	font-family: 'omnessemibold';
}
.btnVde:hover{
	transform: scale(1.06);
}
.flechaMas{
	margin-top: -1em;
	float: right;
}
.flechaMas:hover{
	transform: scale(1.06);
}
.flechaMas img{
	display: block;
	width: 30px !important;
}
.esr{
	height: 30px;
}
/*Contacto*/
.error{
	border: 1px solid red;
}
.datosEnviados{
	display: none;
	margin-top: .9em;
}
.datosError{
	display: none;
	margin-top: .9em;
}
label.error{
	display: none !important
}
/*INTRO*/
#intro{
	width: 100%;
	height: 100vh;
	background: url(../img/intro.png) 50% 50%;
	background-size: cover;
}
#plecaIntro{
	width: 40%;
	height: 100vh;
	background: rgba(0,0,0,.5);
	position: relative;
}
#textoIntro{
	position: absolute;
	width: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #FFF;
	font-size: 2em;
}
#textoIntro h2{
	line-height: .9em;
}
#textoIntro p{
	line-height: 1.1em;
}
/*HEADER*/
header{
	width: 100%;
	background: rgba(18, 61, 27, .8);
	padding: .3em;
	position: fixed;
	z-index: 9999;
}
.headerInt{
	background: #123d1b;
}
.espacio{
	width: 100%;
	height: 50px;
}
header .flex{
	justify-content: space-between;
	align-items: center;
}
nav ul li{
	display: inline-block;
	margin-right: 1em;
}
nav ul li a{
	color: #FFF;
	font-size: 1.2em;
}
/*TITULOS*/
.titulo{
	font-size: 2.5em;	
	margin-bottom: .5em;
}
.vdeF{
	color: #234d20
}
.vdeC{
	color: #77ab59;
}
/*nosotros HOME*/
#nosotrosH{
	padding: 2em;
}
#nosotrosH .flex .col2:first-child{
	background: url(../img/dots.png);
	background-repeat: no-repeat;
	background-size: 70% 50%;
	background-position: 100% 100%;
}
/*Servicios Home*/
#serviciosH{
	background: url(../img/patron.png)
}
#serviciosH .caja{
	padding: 2em 0;
}	
#serviciosH h2{
	text-align: center;
}	
#serviciosH .flex{
	width: 80%;
	margin: auto;
	justify-content: space-around
}
.servicio{
	padding: 0 2em;
}
.servicio img{
	display: block;
	width: 100%;
}
.servicio :not(img){
	padding-left: 5px;
}
/*LICENCIA HOME*/
#licenciaH{
	padding: 4em;
	text-align: center;
	background: url(../img/licenciaH.png) 50% 50%;
	background-size: cover;
	color: #FFF;
}
#licenciaH p{
	width: 60%;
	margin: auto;
	margin-bottom: 1em;
}
#licenciaH .btnBco{
	float: none ;
	display: inline-block;
	margin: 1em auto;
}
/*FOoTER*/
footer{
	padding: 2em 0 0 0;
	background: #1d1d1d;
	word-break: break-all;
	color: #FFF;
}
footer .col3{
	padding: 2em 0;
}
footer .col3:first-child{
	width: 50%;
}
footer .col3 h3{
	padding: 0 1em .2em 0;;
	border-bottom: 4px solid #77ab59;
	display: inline-block;
	margin-bottom: 1em;;
}
.linea{
	width: 80%;
	height: 1px;
	background: #FFF;
	margin-bottom: 1em;
}
.flexFooter{
	justify-content: space-around;
}
footer .col3 p{
	padding-left: .4em;
}
footer ul{
	padding-left: 1em;
}
footer ul li{
	list-style: none;
}
footer ul li a{
	color: #FFF;
}
footer ul li a:hover{
	color: #77ab59;
}
.col3 .flex{
	margin-bottom: 1em;
}
.iconF{
	margin-right: .4em;
}
#derechos{
	background: #000;
	font-size: .7em;
	padding: 1em  5%;
}
footer a{
	color: #FFF;
}
/*INTERNAS*/
.intro img{
	display: block;
	width: 100%;
}
.padding{
	padding: 2em 0;
}
.tituloInt{
	font-size: 2.2em;
	margin-bottom: .5em;
	padding: 0 .1em .1em 0;
	border-bottom: 4px solid #77ab59;
	display: inline-block;
}
.patron{
	padding: 2em 0;
	background: url(../img/patron.png) repeat;
}
.patron h3{
	font-size: 2em;
	margin-bottom: .4em;
}
.tituloServiciosI{
	display: block;
}
.tituloIntCh{
	font-size: 1.8em;
	margin-bottom: .5em;
}
.imgCenter{
	display: block;
	margin: auto;
}
.vertical{
	align-items: center;
}
span{
	font-family: 'omnessemibold';
}

.oferta li{
	list-style: none;
	margin-bottom: 1em;
}
.oferta li > *{
	display: inline-block;
	vertical-align: middle;
}
.oferta li > p{
	margin: 0;
}
.oferta li > img{
	margin-right: .5em;
}
.patron .flex{
	align-items: center;
}
.patron .col{
	width: 50%;
}
.regando2{
	width: 50%;
	display: block;
	margin:auto;
}
/*AVISO DE PRIVACIDAD*/
#aviso{
	padding: 80px 0 2em 0;
	background: url(../img/patron.png)
}
/*QUERY*/
@media screen and (max-width: 1200px){
	header{
		//background: red;
	}

}

@media screen and (max-width: 1024px){
	header{
		//background: green;
	}

}

@media screen and (max-width: 768px){
	header{
		//background: blue;
	}
	.flex{
		flex-wrap: wrap;
	}
	.col2, .col3{
		width: 100%;
		margin-bottom: 1em;
	}
	#plecaIntro{
		width: 60%;
	}
	nav{
		display: block;
		-ms-transition: all .3s ease-out;
    	-moz-transition: all .3s ease-out;
    	-webkit-transition: all .3s ease-out;
    	transition: all .3s ease-out;
		padding: 0;
		margin: 0;
		background: #32394b;
		width: 200px;
		height: 100vh;
		position: fixed;
		top: 0px;
		left: -300px;
		z-index: 9999 !important;
	}
	nav ul{
		padding: 0;
		margin: 0;
	}
	nav ul li{
		width: 100%;
		display: block ;
		
	}
	nav ul li a{
		width: 100%;
		display: block ;
		padding: 20px 10px;
		border-bottom: solid 2px #000;
		border-top: solid 1px #4a5572;
		list-style: none;
		text-align: left;
		color:#ccc;
		font-size: 1.2em;
		text-decoration: none;
		height: auto;
	}
	nav ul li:hover{
		background: #597781;
	}
	nav ul li a:hover{
		background: none;
		
	}
	.esr{
		display: none;
	}
	/* hamburger */
	#hamburger {
		display: block;
		width: 35px;
		height: 30px;
		position: fixed;
		top:14px;
		left: 86%;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
		z-index: 9999;
	}
	#hamburger span {
		display: block;
		position: absolute;
		height: 4px;
		width: 100%;
		background: #FFF;
		border-radius: 9px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	#hamburger span:nth-child(1) {
		top: 0px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}

	#hamburger span:nth-child(2) {
		top: 11px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}

	#hamburger span:nth-child(3) {
		top: 22px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}

	#hamburger.open span:nth-child(1) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		top: -3px;
		left: 9px;
	}

	#hamburger.open span:nth-child(2) {
		width: 0%;
		opacity: 0;
	}

	#hamburger.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 22px;
		left: 8px;
	}
	footer{
		text-align: center;
	}
	.linea{
		width: 90%;
		margin: auto;
		margin-bottom: 1em;
	}
	.iconFContain{
		width: 100%;
		text-align: center;
	}
	footer .col3{
		margin-bottom: .1em;
	}
	footer ul{
		padding-left: 0;
	}
	footer .col3 h3{
		padding: 0 0 .2em 0;;
	}
	.servicio{
		padding: 0 0;
		margin-bottom: 4em;
	}
	#licenciaH p{
		width: 90%;
	}
	.imgCenter{
		width: 100%;
	}
	.oferta{
		
	}
	.oferta li img{
		display: none;
	}
	.regando2{
		width: 100%;
		display: block;
		margin:auto;
	}
}

@media screen and (max-width: 600px){
	header{
		//background: cyan;
	}
	#plecaIntro{
		width: 100%;
	}
}


@media screen and (max-width: 480px){
	header{
		//background: magenta;
	}
	#textoIntro{
		position: absolute;
		width: 90%;
	}
}

@media screen and (max-width: 320px){
	header{
		//background: yellow;
	}
}
/*FUENTES*/
@font-face {
    font-family: 'omnes_regularregular';
    src: url('../fonts/omnes-regular-webfont.eot');
    src: url('../fonts/omnes-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/omnes-regular-webfont.woff') format('woff'),
         url('../fonts/omnes-regular-webfont.ttf') format('truetype'),
         url('../fonts/omnes-regular-webfont.svg#omnes_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'omnessemibold';
    src: url('../fonts/omnes-semibold-webfont.eot');
    src: url('../fonts/omnes-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/omnes-semibold-webfont.woff') format('woff'),
         url('../fonts/omnes-semibold-webfont.ttf') format('truetype'),
         url('../fonts/omnes-semibold-webfont.svg#omnessemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}