@font-face {
    font-family: 'museo7';
    src: url('archivos/fuente/museo700-regular-webfont.eot');
    src: url('archivos/fuente/museo700-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('archivos/fuente/museo700-regular-webfont.woff2') format('woff2'),
         url('archivos/fuente/museo700-regular-webfont.woff') format('woff'),
         url('archivos/fuente/museo700-regular-webfont.ttf') format('truetype'),
         url('archivos/fuente/museo700-regular-webfont.svg#museo700') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo';
    src: url('archivos/fuente/museo300-regular-webfont.eot');
    src: url('archivos/fuente/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('archivos/fuente/museo300-regular-webfont.woff2') format('woff2'),
         url('archivos/fuente/museo300-regular-webfont.woff') format('woff'),
         url('archivos/fuente/museo300-regular-webfont.ttf') format('truetype'),
         url('archivos/fuente/museo300-regular-webfont.svg#museo300') format('svg');
    font-weight: normal;
    font-style: normal;

}




body{margin: 0; }
header{background: white;  padding-bottom: 2%; width:80%; margin: 0 10%; }
.logo{display: inline-block; width: 25%;}

.menudirtel{
display: inline-block;  text-align: right; margin-left: 2%; margin-top:2%; vertical-align: top; width: 70%;
}

nav{display: inline-block; width: 100%;}

nav ul{
	display: inline-block;
	font-family: 'museo'; 
	font-size: 1em;
	font-weight: bold;
	list-style-type:none; 
	margin: 0;
	padding: 0;
	width: 100%;
}

nav ul li{
	position: relative;
z-index:100;
	display: inline;
	margin-right: 2%;
	text-align: center;
	vertical-align: top;

}

nav a{text-decoration: none;color: #95a5a6;}
nav a:hover{color: #65a036;}

nav ul ul {
	display: none;
margin: 0;
padding: 0;
width: 150px;
position: absolute;
top: 18px;
left: 0px;
background: #fff;
}

nav ul ul li {
	
display:block;
margin:0;
padding:0;
width: 100%;
}

nav ul ul li:first-child {
	margin-top: 7%;

}

nav ul ul li a {
background:#65a036;
color:#fff;
display:block;
font-size: .8em;
font-family: 'Oswald', sans-serif;
padding: .5em;
text-align: right;
}




nav ul ul li a:hover, nav ul ul li:hover > a{background:#fff;color:#797979;}
nav ul li:hover > ul{ display: block;}


.dirtel{
	color:#65a036;
	font-family: 'museo'; 
}

#banner{
	display: block;
	margin: 0;
	width:100%;
}
	.banner1{
		background: url("archivos/banner_green_1.png");
		display: inline-block;
		font-family: 'museo';
		height: 28em;
		width: 100%;
	}

	.banner1 div{
		display: inline-block;
		margin-left:20%;
		margin-top: 3%;
		vertical-align: top;
		width: 25%;
	}

		.banner1 div .titulo{
		color: #65a036;
		font-size: 2em;
			}

.titulocel{display: none;}

.banner1 div .frase{
		font-size: 1.2em;
			}

.banner1 img{
		display: inline-block;
		margin-left: 10%;
		margin-top: 3%;
		width: 30%;
	}



#llamanos{
	display: block;
	color: #65a036;
	font-size: 1.2em;
	font-family: 'museo';
	margin-bottom: 3%;
	text-align: center;
	width: 100%;
}

#llamanos ul{
margin: 0;
padding: 0;
	display: inline-block;
	list-style-type: none;
	width: 100%;
}

#llamanos ul li{
	display: inline-block;
	vertical-align: top;
	width: 15%;
}


#rastreo{
	display: block;
	color: #65a036;
	font-size: .9em;
	font-family: 'museo';
	margin-bottom: 3%;
	text-align: center;
	width: 100%;
}

#frmcod{
	display: inline-block;
	margin-top: 0%;
	width: 70%;
}

.codigoenv{
	display: inline-block;
	width: 100%;
}

input.codigo, input.btnencod{ 	
	border-radius: .2em;
		font-family: 'museo';
	font-size: 1.3em;
	padding: .5em 2em; 
}

input.codigo{
	background-color: #ecf0f1;
	border:none;
	margin-right: -.4em;
	width: 30%;
}

input.btnencod{
	background-color: #65a036;
	border: 1px solid #65a036;
	color: white;
	display: inline-block;
}


#destinos{
	background-color:#ecf0f1; 
	display: inline-block;
	text-align: center;
	width:100%;
}

#destinos h3, #destinos p{
	display: block;
	color: #2c3e50;
	font-family: 'museo';
	margin: 0;
}

#destinos h3{
	font-size: 1.8em;
	margin-top: 2%;
}

#destinos p{
	font-size:1em;
	margin-top: 1%;
}

#destinos img{
display: inline-block;
margin-top: 5%;
margin-bottom: 4%;
width: 60%;
}


#compromisos{
	background: url("archivos/bg_compromisos_paqueteria.png") 0%;
	 background-size: cover;
	display: inline-block;
	text-align: center;
	width:100%;
	height: auto;
}

#compromisos h3, #compromisos p{
	display: block;
	color: #fff;
	font-family: 'museo';
	margin: 0;
}

#compromisos h3{
	font-size: 1.8em;
	margin-top: 2%;
}


#compromisos ul{
	display: block;
	text-decoration: 0;
	margin: 5% 0 3% 0;
	padding: 0;
}


#compromisos ul li{
	display:inline-block;
	width: 15%;
	vertical-align: top;
}

#compromisos ul li img{width: 50%;}

#compromisos ul li a{
display: none;
}
aside{
	background-color: #212121;
	display: inline-block;
	font-family: 'museo';
	text-align: center;
	padding:2em 0; 
	width:100%;

}

.dr{color: #8bc53f;}
.dir{color: white;}

.dir a{color: white;}
.dir a:hover{color: #8bc53f;}

/**NOSOTROS GREENVIA ***/

.nosotrosban{
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 100%;
}

#ge{
	background: url("archivos/bg_ge.png") no-repeat;
	/*background: white;*/
	display: inline-block;
	margin-top: -.25em;
	padding: 0;
	text-align: center;
	width:100%;
	height: auto;
}

#ge h2, #ge p.subt{
	display: block;
	color: #65a036;
	font-family: 'museo';
	margin: 0;
}

#ge h2{
	font-size: 1.8em;
	margin-top: 2%;
}

#ge p.subt{
	font-size:1em;
	margin-top: 1%;
}

#ge p.desc{
	display: inline-block;
	color:black;
	font-family: 'museo';
	font-size: 1.2em;
	margin-top: 5%;
	margin-right:8%;
	text-align: left;
	vertical-align: top;
	width: 30%;
}





#objetivosmv{
	background: url("archivos/objetivos_paqueteria_guadalajara.png");
	background-size: 100%;
	color: white;
	display: inline-block;
	font-family: 'museo';
	text-align: center;
	width:100%;
	height:auto;
}

#objetivosmv h2, #objetivosmv h3{font-size: 1.5em;}

.objetivos{
	display: block;
	margin-left: 20%;
	width:60%;
}

.objetivos p{text-align: left; font-size: 1.2em;}

.mision, .vision{
	display: inline-block;
	margin: 3% 0 3% 0;
	vertical-align: top;
	width:30%;
}

.mision, .vision{font-size: 1.2em;}

.mision{margin-right: 7%;}


#politica{
	background: url("archivos/bg_politica.png") 100% .1em no-repeat;
	display: inline-block;
	font-family: 'museo';
	text-align: center;
	width:100%;
	height:auto;
}

#politica h2, #ventaja h2{color:#65a036; margin-top: 2%;}

#politica p{
	display: inline-block;
	font-size: 1.2em;
	margin-top: 5%;
	margin-left: 2%;
	text-align: left;
	vertical-align: top;
	width:33%;
}

#politica img{
margin-left: 15%;
	width:25%;
}

#ventaja{
	background: url("archivos/bg_vc.png") 20% 100% no-repeat;
	background-size: 21%;
	display: inline-block;
	font-family: 'museo';
	text-align: center;
	width:100%;
	height:auto;
}

#ventaja img{
	display: none;
	margin-left: 0%;
	margin-top: 2%;
	width: 35%;
}

#ventaja p{
	display: inline-block;
	font-size: 1.2em;
	margin-left: 30%;
	margin-bottom: 5%;
	text-align: left;
	vertical-align: top;
	width:38%;
}


/*CONTACTO CONTACTO CONTACTO*/

#contacto{
	background: url("archivos/bg_politica.png") 100% .1em no-repeat;
	display: inline-block;
	font-family: 'museo';
	text-align: center;
	width:100%;
	height:auto;
}

#contacto h2{color:#2c3e50; margin: 2% 0 0 0;}
#contacto p{color:#2c3e50;
	font-size:1em;
	padding: 0;
	margin: 0;
}

#frmcont{
	display: inline-block;
	margin-top: 3%;
	width: 70%;
}

.nomcorr{display: inline-block;width: 40%;}
.nomcorr input,.mensaje input{
	background-color: #ecf0f1;
	border: 1px solid #bdc3c7;
	padding: 1em;
}
.nomcorr input{width: 70%;}


#frmcont div{display: inline-block;margin-top: 3%;width: 100%;}

.mensaje{display: inline-block;width: 100%;	}
.mensaje input{width: 68%;}

.btnen{
	background-color: #65a036;
	border: 1px solid #65a036;
	border-radius: .2em;
	color: white;
	display: inline-block;
	font-family: 'museo';
	font-size: 1.3em;
	margin-left: 58%;
	margin-top: 3%;
	margin-bottom: 3%;
	padding: .5em 2em; 
}
/*
#destinoscont{
	background: url("archivos/bg_destinos.png") 30% 100% no-repeat;
	background-color:#fff; 
	display: inline-block;
	text-align: center;
	width:100%;
}
#destinoscont h3, #destinoscont p{
	display: block;
	color: #8bc53f;
	font-family: 'museo';
	margin: 0;
}
#destinoscont h3{font-size: 1.8em;margin-top: 2%;}
#destinoscont p{font-size:1em;margin-top: 1%;}
#destinoscont ul{
	display: inline-block;
	list-style-type: none;
	text-align: left;
	margin: 3% 0 5% 15%;
	width:70%;
}
#destinoscont ul li{
	display: inline-block;
	margin-bottom: 3%;
	vertical-align: top;
	width:30%;
}

#destinoscont ul li .tit{font-weight: bold; margin-bottom: 4%;}
#destinoscont ul li .dirdes{color: #212121;}

*/

#destinoscontimg{ 
		background-color: rgba(101, 160, 54, 0.1);
	display: inline-block;
	text-align: center;
	width:100%;
}

#destinoscontimg ul{
	display: inline-block;
	list-style-type: none;
	text-align: left;
	margin: 3% 0 5% 15%;
	width:70%;
}

#destinoscontimg ul li{
	display: block;
	margin-bottom: 3%;
	width:100%;
}

#destinoscontimg ul li img{
display: inline-block;
width: 50%;
}

#destinoscontimg h3, #destinoscontimg p{
	color: #8bc53f;
	font-family: 'museo';
}

#destinoscontimg h3{font-size: 1.8em;margin-top: 2%;}
#destinoscontimg p{font-size:1.3em;margin-top: 2%;}

.dirdes{
	display: inline-block;
	vertical-align: top;
	margin-left: 5%;
	width: 30%;
}

/*SERIVICOS SERVICIOS*/

.serviciosban{
	background: url("archivos/greenvia_servicios_paqueteria.png") no-repeat;
background-size: 100%;
  background-position: center;
    background-size: cover;
	display:inline-block;
	margin: 0;
	padding: 0;
	width: 100%;
}

.serviciosban p{
	color: #65a036;
	font-family: 'museo';
	font-size:2.5em;
	margin-top: 5%;
	margin-left: 11%;
	margin-bottom: 15%;
	width: 40%;
}

.servofre{
	display: inline-block;
	font-family: 'museo';
	font-size: 1.2em;
	margin-left: 8%;
	padding: 0;
	text-align: left;
	vertical-align: top;
	width: 35%;
}

.servofre li, .propuestasvalor li{list-style-type: none; margin-bottom: 1%; }
.servofre li img, .propuestasvalor li img{display: inline-block; margin-right: .5em; margin-top: .2em; vertical-align:top;}

.servofre p, .propuestasvalor p{font-size: 1.5em;color:#65a036;}

.servofimg{margin-left:10%; margin-top:6%; width: 20%; }


#propuestas{
	background: url("archivos/bg_destinos.png") 30% 100% no-repeat;
	background-color:#ecf0f1; 
	display: inline-block;
	text-align: center;
	width:100%;
}


.propuestasvalor{
	display: inline-block;
	font-family: 'museo';
font-size: 1.2em;
	margin-left: 8%;
	margin-top: 3%;
	padding: 0;
	text-align: left;
	vertical-align: top;
	width: 35%;
}


#propuestas img.pv:first-child{
	margin-left: 20%;
}

#propuestas img.pv{
	display: inline-block;
	margin-top: 5%;
	margin-left: 2%;
	margin-bottom: 5%;
	width: 10%;
}

/*#Por1MundoGREEN Mundo GREEN   */

#mundogreen{
	background: url("archivos/bg_politica.png") 100% .1em no-repeat;
	background-color: #65a036;
	color:#FFF; 
	display: inline-block;
	font-family: 'museo';
			margin-top: -.25em;
	text-align: center;
	width:100%;
	height:auto;
}

#mundogreen h2{margin-top: 2%;}

#mundogreen p{
	display: inline-block;
	font-size: 1.2em;
	margin-top: 1%;
	vertical-align: top;
	width:50%;
}

#unarbol{
	background-color: #fff;
	display: inline-block;
	font-family: 'museo';
	padding: 0;
	text-align: center;
	width:100%;
	height:auto;
}

#unarbol h2{color:#65a036; margin: 2% 0 1% 0;}
#unarbol .subt1arbol{color:#65a036;
	font-size:1.2em;
	padding: 0;
	margin: 0;
}


#unarbol .desc1arbol, .descrecol{
	color:#2c3e50;
	font-family: 'museo';
	font-size:1.2em;
	 line-height:2em; 
	margin-left: 20%;
	margin-top: 2%;
	padding: 0;
	width: 60%;
}

#unarbol ul, .recolul{
	list-style-type: none;
	margin: 1% 0 5% 17%;
	width: 60%;
}

#unarbol ul li, .recolul li{
	display: inline-block;
	vertical-align: top;
	margin: 0;
	width: 30%;
}

#unarbol ul li img, .recolul li img{width: 100%;}

#legadogreen{
	background: url("archivos/bg_politica.png") 100% .1em no-repeat;
	background-color: #fff;
	color:#65a036;
	display: inline-block;
	font-family: 'museo';
	height:auto;
	margin-top: -.30em;
	text-align: center;
	width:100%;
}

#legadogreen h2{margin-top: 2%;}

#legadogreen p{
	display: inline-block;
	font-size: 1.2em;
		font-family: 'museo';
	margin-top: 0%;
	vertical-align: top;
	width:60%;
}



.desclegado{
	color:#2c3e50;
	font-size:1.2em;
	 line-height:2em; 
	margin-top: 2%;
	padding: 0;
	width: 50%;
}

.legreen{
	display: block;
	margin-left: 45%;
	width: 10%;
}


.envianverde{
	display: inline-block;
	color: #65a036;
	font-family: 'museo';
	padding-top: 3%;
}


/*RATREO DE PAQUETES --- RATREO DE PAQUETES --- RATREO DE PAQUETE --- RATREO DE PAQUETE*/


#rastrear{
	color: #2c3e50;
	background: url("archivos/bg_politica.png") 100% .1em no-repeat, url("archivos/banner_green_1.png") repeat-x;
	display: inline-block;
	font-family: 'museo';
	margin-top: -.3em;
	padding-top: 1%;
	text-align: center;
	width:100%;
	height:auto;
}

#frmras{
	
	display: inline-block;
	margin-top: 6%;
	width: 40%;
	vertical-align: top;
}


input.codigoras, input.btnencodras{ 	
	border-radius: .2em;
		font-family: 'museo';
	font-size: 1.3em;
	padding: .5em 2em; 
}

input.codigoras{
	background-color: #fff;
	border:none;
	margin-right: -.4em;
	width: 50%;
}

input.btnencodras{
	background-color: #65a036;
	border: 1px solid #65a036;
	color: white;
	display: inline-block;
}

.imgcajap{
	margin-top: 3%;
}


/*ejes  - - -- */



#ejesbg {
background-color: #e3b06d;
}

#ejes {

	display: inline-block;
margin-left: 15%;
margin-top: 10%;
	width: 80%;
}

#ejes img{
	display: inline;
	width: 40%;
}

#ejes article{
	margin-bottom: 5%;
}




#ejes  div{
	display: inline-block;
margin-left: 5%;
width: 40%;
vertical-align: top;
}

#ejes p{
		font-family: 'museo';
		font-size: 1.2em;
		text-align: justify;
		margin: 0;
		padding: 0;
}


#ejes .tituloeje{
	color: #65a036; 
	font-size:1.5em;
	padding: 0;
	margin:0; 
}


/*FACTURACION  - - -- FACTURACION  - - -- FACTURACION  - - -- */



#facturacion{
	background: url("archivos/bg_destinos.png") 20% 100% no-repeat;
	display: inline-block;
	font-family: 'museo';
	text-align: center;
	width:100%;
	height:auto;
}

#facturacion h2{
color: #2c3e50;
margin-bottom: .5em;
}


#facturacion .subt{
	font-size: 1.2em;
	margin: 0;
}



#frmfact{
	display: inline-block;
	margin-top: 3%;
	font-size: 1.2em;
	text-align: right;
	width: 60%;
}

.datos{display: inline-block; width: 100%;}

.datos input{
	background-color: #ecf0f1;
	border: 1px solid #bdc3c7;
	padding: 1em;
}
.datos input{width: 40%;}

.rango{
	color:#65a036;
	text-align: left;
	margin-left: 20%;
}



/*Responsive*/

@media (min-width: 1300px) and (max-width: 1800px) {


}

@media (min-width: 982px) and (max-width: 1299px) {

}

@media (min-width: 768px) and (max-width: 979px) {

header{background: white;  padding-bottom: 2%; width:100%; margin: 0; }

.banner1{height: auto;}
.banner1 div{
		margin-left:10%;
		margin-top: 3%;
		width: 38%;
		vertical-align: bottom;
	}

#llamanos ul li{width: 25%;}


/*NOSOTROS*/
#ge{background:none;}
#ge p.desc{margin-right:0%;text-align: left;width: 80%;}
.objetivos{margin-left: 10%;width:80%;}
.mision, .vision{display: block;margin:0 10%;width:80%;}
#politica h2, #ventaja h2{ margin-top: 3%;}
#politica p{margin-left: 8%;width:80%;}
#politica img{width:30%;}

#ge p.subt{margin-left: 10%;width: 80%;
}

.serviciosban p{margin-left: 4%;margin-bottom: 15%;}
.servofimg{margin-top:20%; width: 30%;}

#propuestas img.pv:first-child{margin-left: 5%;}

#propuestas img.pv{
	margin-top: 15%;
	margin-left: 0;
	width: 15%;
}

}

@media (max-width: 765px) {
header{background: white;  padding-bottom: 2%; width:100%; margin: 0; }
.banner1{height: auto;}
.banner1 div{margin-left:10%;margin-top: 3%;width: 45%;vertical-align: bottom;}
#llamanos ul li{width: 30%;}

}


@media (max-width: 680px) {

BODY{overflow-x:hidden }
header{background: white;  padding-bottom: 2%; width:100%; margin: 0;  text-align: center;}
.logo{display: inline-block; width: 50%;}
.menudirtel{display: block;  text-align:center; margin: 0%;   width: 100%;}
nav ul{margin-top: 3%;}
nav ul li{display: inline-block;margin-bottom: 3%;width: 30%;}
.titulo{display: none;}
.titulocel{display: block; color: #65a036;font-size: 2em;}
.banner1 div{margin-left:5%;margin-top: 3%;width:90%;vertical-align: bottom;}
.banner1 img{margin-left: 30%;width: 40%;}
#frmcod{width:100%;}
#compromisos{background: url("archivos/bg_compromisos_paqueteria.png") 0%;background-size: cover;}
#compromisos ul li{width: 30%;}
#ge{background:none;}
#ge p.desc{margin-right:0%;text-align: left;width: 80%;}
.objetivos{margin-left: 10%;width:80%;}
.mision, .vision{display: block;margin:0 10%;width:80%;}
#politica h2, #ventaja h2{ margin-top: 3%;}
#politica p{margin-left: 8%;width:80%;}
#politica img{width:30%;}
#ge p.subt{margin-left: 10%;width: 80%;}
.serviciosban p{margin-left: 45%; margin-bottom: 15%; width: 80%;}
.servofimg{margin-top:50%; width: 30%; margin-left: 0;}
#propuestas img.pv:first-child{margin-left: 5%;}
#propuestas img.pv{margin-top: 5%;width: 15%;}
.servofre{width: 50%;}
.propuestasvalor{display: block;margin-bottom: 10%;width: 100%;}
#ventaja{background:none;}
#ventaja p{margin-left: 10%;width:80%;}
#unarbol .desc1arbol, .descrecol{margin-left: 10%;width: 80%;}
#unarbol ul, .recolul{margin: 5% 0;padding: 0;width: 100%;}
#unarbol ul li, .recolul li{margin: 0;margin-left: 2%;width: 40%;}
#legadogreen p{margin-left: 5%;width:80%;}
#mundogreen p{margin-left: 5%;width:80%;}
.legreen{margin-left: 35%;width: 30%;}
#destinoscontimg ul{margin: 0;width:100%;}
#destinoscontimg ul li img{width: 80%;}
.dirdes{margin-left: 0%;width: 80%;}
#frmcont{width: 100%;}
.nomcorr{ width: 80%;}
.btnen{margin-left: 10%;}
}


@media (max-width: 480px) {

header{background:white;  padding-bottom: 2%; width:100%; margin: 0; }

nav ul li{display: inline-block;margin-bottom: 3%;width: 40%;}
#llamanos ul li{width: 100%;}
#ge{margin-top: 5%;}
.geimg{width: 60%;}

.servofre{width:80%;}
.servofimg{display: none; }
.propuestasvalor{width: 95%;}
.serviciosban p{margin: 20% 0 5% 10%; width: 80%;}

}