@charset "utf-8";

html, body{
	height: 100%;
}

img{
	vertical-align: middle;
}

input, textarea{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
}

body{
	background: #aab7ae url(images/bg.jpg) top repeat-x;
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 12px;
}

div{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.wrapper{
	position: relative;
	width: 100%;
	margin: 0 auto;
}

.banner{
	position: relative;
	margin: 0 auto;
	width: 95.6%;
	max-width: 954px;
}

.banner img{
	margin: 0;
	border: 0;
	width: 100%;
	height: auto;
}

.textobanner{
	position: absolute;
	top: 41.315%;
	left: 53.37%;
	width: 38%;
	font-family: 'Roboto', Arial;
	font-size: 2em;
	font-weight: 400;
	color: #000;
	line-height: 1.1em;
}

.suscribe{
	position:relative;
	width: 100%;
	background-color: #9fa615;
	padding: 0 0 1em 0;
	max-width: 1000px;
	margin: 0 auto;
}

.suscribep{
	position:relative;
	width: 100%;
	background-color: #9fa615;
	-webkit-box-shadow: 0 20px 35px 3px  rgba(53,56,54,0.28);
	-moz-box-shadow: 0 20px 35px 3px  rgba(53,56,54,0.28);
	box-shadow: 0 20px 35px 3px  rgba(53,56,54,0.28);
}
.suscribe2{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #9fa615;
	-webkit-box-shadow: 0 20px 35px 3px  rgba(53,56,54,0.28);
	-moz-box-shadow: 0 20px 35px 3px  rgba(53,56,54,0.28);
	box-shadow: 0 20px 35px 3px  rgba(53,56,54,0.28);
}

.container{
	display: none;
	text-align: center;
	vertical-align: middle;
}
.container2{
	display: none;
	text-align: center;
	vertical-align: middle;
}

.pcontainer{
	display: table;
	width: 100%;
	height: 100%;
}

.text1{
	font-family: 'Roboto', Arial;
	font-size: 3.41em;
	font-weight: 300;
	color: #fff;
}

.text2{
	font-family: 'Roboto', Arial;
	font-size: 2.12em;
	font-weight: 400;
	color: #fff;
}

.text3{
	font-family: 'Roboto', Arial;
	font-size: 1.675em;
	font-weight: 400;
	color: #fff;
}

.box{
	position: relative;
	width: 94.2%;
	top: 25.97%;
	margin: 0 auto;
	background-color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 2% 2.65%;
	font-family: Arial;
	font-size: 1.85em;
	color: #7e7e7e;
	font-weight: 400;
}

.contenido{
	position: relative;
	width: 100%;
	padding: 4em 3em;
	max-width: 1000px;
	margin: 0 auto;
}

.block1{
	position: relative;
	width: 74.79%;
	font-family: 'Roboto', Arial;
	font-size: 1.33em;
	font-weight: 400;
	line-height: 1.2em;
	padding-right: 3.375%;
	height: 100%;
	border-right:2px dashed #cad0cb;
	float: left;
}

.copyright{
	position:relative;
	font-family: Arial;
	font-size: 0.75em;
	color: #fff;
	float: left;
	margin-top: 3em;
}

.politica{
	position:relative;
	font-family: Arial;
	font-size: 0.75em;
	color: #fff;
	margin-right: 5%;
	float: right;
	margin-top: 3em;
}

.politica a{
	text-decoration: none;
	color: #fff;
}

.logog{
	position:relative;
	width: 25.21%;
	float: left;
}

.logog2{
	position: relative;
	font-family: 'Roboto', Arial;
	font-size: 2.25em;
	font-weight: 700;
	line-height: 0.75em;
	text-align:center;
	color: #f3ff00;
	float: right;
}

.logog2 a{
	color: #f3ff00;
	text-decoration: none;
}

.contacto{
	position: relative;
	width: 100%;
	background-color: #9ba888;
	padding: 2.5em 2.3em;
	max-width: 1000px;
	margin: 0 auto;
}

.contactop{
	position: relative;
	width: 100%;
	background-color: #9ba888;
}

.tcontact{
	font-family: 'Roboto', Arial;
	font-size: 2.25em;
	font-weight: 500;
	color: #f3ff00;
}

.contacto2{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #9ba888;
	color: #f3ff00;
	line-height: 2.25em;
}

.social{
	position: fixed;
	top: 7.2%;
	right: 0;
	min-width: 40px;
	max-width: 62px;
	width: 6.2%;
	background-color: #ededee;
}

.social img{
	margin: 30% 15%;
	display: block;
	width: 70%;
	height: auto;
}

.stitle {
	position: relative;
	text-align: center;
	font-family: 'Roboto', Arial;
	font-size: 3.34em;
	font-weight: 300;
	color: #fff;
}

.stitle2{
	font-family: 'Roboto', Arial;
	font-size: 1em;
	font-weight: 500;
	color: #9fa615;
	margin-left: 1.062%;
	margin-bottom: 0.5em;
}

.box input[type="text"], .box select{
	border: 2px solid #e2e2e2;
	padding: 0.25em 0;
	padding-left: 0.2em;
	font-family: Arial;
	font-size: 1em;
	color: #7e7e7e;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 0.5em;
}

.formtxt{
	margin: 0.25em 0 0.75em 0;
	display: inline-block;
}

.box ::-webkit-input-placeholder {
   color: #7e7e7e;
}

.box :-moz-placeholder { /* Firefox 18- */
   color: #7e7e7e;  
   opacity: 1;
}

.box ::-moz-placeholder {  /* Firefox 19+ */
   color: #7e7e7e;  
   opacity: 1;
}

.box :-ms-input-placeholder {  
   color: #7e7e7e;  
}

#tipo{
	width: 16.7em;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 0.01px;
    text-overflow: '';
	background:url(images/arrow1.png) no-repeat right;
}

@-moz-document url-prefix() {
  #tipo{
    padding-top: 0.5em;
	width: 16.4em;
  }
}

select::-ms-expand {
    display: none;
}

.suscribete{
	width: 9.41em;
	background: #abb400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: 'Roboto', Arial;
	font-size: 1em;
	font-weight: 500;
	color: #fff;
	padding: 0.25em 0;
	border: none;
}

#nombre, #apellido{
	width: 9.50em;
	margin-right: 0.2em;
}

#email{
	width: 20em;
}

.contactform{
	position: relative;
	float: left;
	width: 92.69%;
	padding: 0.5em 1em;
}

.contactform input[type="text"]{
	border: 2px solid #6e7761;
	background-color: #9ba888;
	font-family: Arial;
	font-size: 1.84em;
	color: #fff;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0.2em 0.2em;
	margin-top: 1em;
}

#nombre2, #apellido2{
	width: 7.96em;
	margin-right: 0.3em;
}

#email2{
	width: 11.968em;
	margin-right: 0.3em;
}

#phone2{
	width: 9.3em;
}

#message2{
	width: 100%;
	height: 6.51em;
	margin-top: 1em;
	border: 2px solid #6e7761;
	background-color: #9ba888;
	font-family: Arial;
	font-size: 1.84em;
	color: #fff;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0.2em;
}

.contactform ::-webkit-input-placeholder {
   color: #fff;
}

.contactform :-moz-placeholder { /* Firefox 18- */
   color: #fff;  
   opacity: 1;
}

.contactform ::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
   opacity: 1;
}

.contactform :-ms-input-placeholder {  
   color: #fff;  
}

.enviar{
	width: 9.05em;
	background: #677700;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: 'Roboto', Arial;
	font-size: 1.86em;
	font-weight: 500;
	color: #fff;
	float: right;
	border: none;
	margin-top: 1em;
}

.logop{
	position: relative;
	float: left;
}

.overlay{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(155, 168, 136, 0.75);
	width: 100%;
	height: 100%;
	padding-top: 5%;
}

.terminos{
	position: relative;
	margin: 0 auto;
	width: 80%;
	height: 70%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	font-family: Arial;
	font-size: 0.8em;
	color#: 656866;
	padding-top: 15px;
}
.aviso{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(155, 168, 136, 0.75);
	width: 100%;
	height: 100%;
	padding-top: 5%;
}

.terminos_a{
	position: relative;
	margin: 0 auto;
	width: 515px;
	height: 659px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	font-family: Arial;
	font-size: 0.8em;
	color: #656866;
	padding-top: 0px;
}

.scroll-pane{
	width: 100%;
	padding: 5em;
}


.titulo1{
	font-family: Arial;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #656866;
	text-align: center;
}

.cerrar{
	position: absolute;
	top: 2em;
	left: 2em;
	z-index: 10;
}

.clear{
	clear: both;´
}

.copyright2{
	display: none;
	text-align: center;
	color: #fff;
	font-size: 8px;
	padding-bottom: 80px;
}

.copyright2 a{
	color: #fff;
	text-decoration: none;
}

.scroller{
	height: 97%;
	width: 100%;
	overflow: auto;
}

.langbtn{
	position: absolute;
	top: 12px;
	left: 16px;
	color: #fff;
}

.langbtn a{
	color: #fff;
	text-decoration: none;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/


@media only screen and (max-width:768px) {
	.stitle{
		font-size: 2.5em;
		padding: 0 10%;
	}
	
	.textobanner{
		font-size: 1.55em;
	}
}

@media only screen and (max-width:480px) {
	
	.logog2{
		font-size: 16px;
	}
	.logog2 img{
		width: 57px;
		height: 51px;
	}
	#email{
		width: 100%;
	}
	input{
		width: 100% !important;
	}
	.contactform{
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	.enviar{
		float: none;
	}
	.contacto{
		padding: 10% 2.8%;
	}
	#tipo{
		width: 100%;
		background:url(images/arrow1_320.png) no-repeat right;
	}
	.social{
		position:fixed;
		top: auto;
		right: auto;
		max-width:none;
		bottom: 0;
		width: 100%;
		background-color: #ededee;
		text-align: center;
	}
	.social img{
		margin: 8px 7px;
		display: inline;
		width: 12%;
		height: auto;
	}
	.copyright2{
		display: block;	
	}
	
	.contenido{
		padding: 2em 1em;
	}
}

@media only screen and (max-width:320px) {
	.box{
		font-size: 14px;
		text-align: center;
	}
	.stitle{
		font-size: 14.21px;
		padding: 0;
	}
	
	.stitle2{
		font-size: 14px;
		text-align: center;
	}
	.copyright, .politica{
		display: none;
	}
	.block1{
		font-size: 12px;
		width: 65%;
	}
	.logog2{
		font-size: 16px;
	}
	.logog2 img{
		width: 57px;
		height: 51px;
	}
	.logog{
		width: 35%;
	}
	.textobanner{
		font-size: 11px;
	}
	.contactform input, .contactform textarea{
		font-size: 11px !important;
		padding: 1em !important;
	}
	.contactform textarea{
		height: 10em !important;
	}
	.text1{
		font-size: 16px;
	}
	.text2, .text3{
		font-size: 12px;
	}
	.copyright2{
		padding-bottom: 60px;
	}
}