@charset "utf-8";

/* Funciones */
@font-face {
	font-family: 'Times New Roman';
	src: url('../fonts/Times New Roman.eot');
	src: local('☺'), url('../fonts/Times New Roman.woff') format('woff'), url('../fonts/Times New Roman.ttf') format('truetype'), url('../fonts/Times New Roman.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto-Regular';
	src: url('../fonts/Roboto-Regular.eot');
	src: local('☺'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'RobotoCondensed-Light';
	src: url('../fonts/RobotoCondensed-Light.eot');
	src: local('☺'), url('../fonts/RobotoCondensed-Light.woff') format('woff'), url('../fonts/RobotoCondensed-Light.ttf') format('truetype'), url('../fonts/RobotoCondensed-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@keyframes fadein{from { opacity: 0; } to   { opacity: 1; }}
@-moz-keyframes fadein {from { opacity: 0; } to   { opacity: 1; }}
@-webkit-keyframes fadein {from { opacity: 0; } to   { opacity: 1; }}
@-ms-keyframes fadein {from { opacity: 0; } to   { opacity: 1; }}
@-o-keyframes fadein {from { opacity: 0; } to   { opacity: 1; }}

/* constants */
body {width: 100%; height: 100%; margin:auto; border:0; padding:0; background-color: #FFF; font-family: 'Times New Roman', serif; font-size: 14px; color: #000;}
div {position:relative;}
a,img{border: 0px; padding: 0; margin: 0;}
p{border: 0px;}
a{text-decoration: none;}
a:hover{text-decoration: none;}

::-webkit-input-placeholder{ opacity: 1; color: #FFF;}
:-moz-placeholder{ opacity: 1; color: #FFF;}
::-moz-placeholder{ opacity: 1; color: #FFF;}
:-ms-input-placeholder { opacity: 1; color: #FFF;}

 /* Body */
.inicio{display: block; width: 100%; min-height: 200px; background-color: #eaeae9; -webkit-animation: fadein 1s; -moz-animation: fadein 1s; -ms-animation: fadein 1s; -o-animation: fadein 1s; animation: fadein 1s;}
.inicio .edv_logo_mobile{display: none; position: absolute; left: 50%; top: 45%; transform: translateX(-50%);}
#top{display: none; position: fixed; width: 100%; height: 10px; top: 0px; background-color: #eaeae9; z-index: 997;}
#edv{position: fixed; width: 471px; height: 122px; left: 50%; top: 45%; transform: translateX(-50%); z-index: 999; cursor: pointer; -webkit-animation: fadein 1s; -moz-animation: fadein 1s; -ms-animation: fadein 1s; -o-animation: fadein 1s; animation: fadein 1s; background-image: url('../im/editor_de_viajes.png'); background-position: center top; background-size: 100% auto; background-repeat: no-repeat;}
#edv_mobile{display: none; position: fixed; top: 17px; left: 17px; cursor: pointer; z-index: 999;}
#bt_menu{position: fixed; width: 27px; height: 21px; right: 40px; top: 43px; background-image: url('../im/bt_menu.png'); z-index: 999; cursor: pointer; transition: all 0.5s;}
#bt_menu:hover{opacity: 0.5; filter: alpha(opacity = 50);}
.bt_menu_selected{background-position: -27px 0;}
.menu{position: fixed; display: none; right: 75px; top: 28px; list-style-type: none; z-index: 999;}
.menu li{font-family: 'RobotoCondensed-Light', sans-serif; font-size: 16px; line-height: 24px; letter-spacing: 3px; color: #343739; cursor: pointer; transition: all 0.5s;}
.menu li:hover{opacity: 0.5; filter: alpha(opacity = 50);}

#bt_menu_mobile{display: none; position: fixed; width: 26px; height: 20px; right: 17px; top: 17px; background-image: url('../im/bt_menu_mobile.png'); z-index: 999; cursor: pointer;}
.bt_menu_mobile_selected{background-image: url('../im/close_menu_mobile.png')!important;}
#menu_mobile{display: none; position: fixed; width: 100%; height: 400px; top: 0; left: 0; background-color: #1e1e1e; z-index: 998;}
.menu_responsive{position: fixed; left: 17px; top: 0; padding: 0;  list-style-type: none;}
.menu_responsive li{font-family: 'RobotoCondensed-Light', sans-serif; font-size: 20px; line-height: 41px; letter-spacing: 3px; color: #FFF; cursor: pointer;}

.contenido{display: block; width: 90%; max-width: 910px; margin: auto; padding-top: 50px; text-align: center;}
.contenido h1{font-family: 'RobotoCondensed-Light', sans-serif; font-size: 16px; line-height: 24px; font-weight: 300; letter-spacing: 3px; padding: 0; margin: 0; color: #343739}
.contenido p{font-family: 'Times New Roman', serif; font-size: 24px; line-height: 29px; color: #13171a;}

#about{margin-top: 50px;}
#about p{font-size: 24px; line-height: 32px;}

#editoras {margin-top: 50px;}
/*#editoras .modulo1{float: left;}*/
#editoras .modulo2{float: right;}
#editoras .modulos{display: block; width: 47.7%; margin: 30px auto 0 auto;}
#editoras .modulos .imagen{display: inline-block; height: 274px; width: 274px; -moz-border-radius: 137px; border-radius: 137px; background-size: cover; background-position: center center; background-repeat: no-repeat; margin-bottom: 20px;}
#editoras .modulos h2{font-family: 'Times New Roman', serif; font-size: 24px; line-height: 29px; font-weight: 400; padding: 0; margin: 0; color: #13171a}
#editoras .modulos h3{font-family: 'Roboto-Regular', sans-serif; font-size: 16px; line-height: 24px; padding: 0; margin: 2px 0 0 0; color: #5c5f60; font-weight: 400;}
#editoras .modulos .separador{font-family: 'Times New Roman', serif; font-size: 18px; line-height: 24px; font-weight: 400; color: #13171a; padding: 0; margin: 0;}
#editoras .modulos p{font-family: 'Times New Roman', serif; font-size: 18px; line-height: 25px; color: #13171a; margin-top: 0;}

#recorridos{display: inline-block; width: 100%; padding-top: 80px; text-align: center;}
#recorridos h1{font-family: 'RobotoCondensed-Light', sans-serif; font-size: 16px; line-height: 24px; font-weight: 300; letter-spacing: 3px; padding: 0; margin: 0 0 15px 0; color: #343739}
#recorridos .modulo{display: inline-block; width: 100%; height: 500px; cursor: pointer;}
#recorridos .modulo .contenidos{position: absolute; width: 100%; height: 500px; top: 0; left: 0; background-size: cover; background-position: center center; background-repeat: no-repeat;}
#recorridos .modulo:hover .contenidos{background-blend-mode: multiply;}
#recorridos .modulo:hover > .textos h1{color: #13171a;}
#recorridos .modulo:hover > .textos h2{color: #13171a;}
#recorridos .modulo:hover > .pie{color: #13171a;}
#recorridos .modulo .contenidos .textos{position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #FFF;}
#recorridos .modulo .contenidos .textos h1{font-family: 'Times New Roman', serif; font-size: 68px; line-height: 68px; font-weight: 400; padding: 0; margin: 0; color: #FFF; transition: all 0.5s;}
#recorridos .modulo .contenidos .textos h2{font-family: 'Times New Roman', serif; font-size: 26px; line-height: 38px; font-weight: 400; padding: 0; margin: 0; color: #FFF; transition: all 0.5s;}
#recorridos .modulo .contenidos .pie{position: absolute; left: 50%; bottom: 36px; -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); color: #FFF; transition: all 0.5s; font-family: 'RobotoCondensed-Light', sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 3px;}
#recorridos .modulo .contenidos .contacto{display: none; position: absolute; width: 100%; padding: 10px; z-index: 2; cursor: initial; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#recorridos .modulo .contenidos .contacto .interior{width: 100%; height: 480px; background-color: #FFF; text-align: center;font-family: 'Times New Roman', serif; font-size: 24px; line-height: 32px; font-weight: 400; color: #13171a; padding-top: 180px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#recorridos .modulo .contenidos .contacto .interior .formulario{font-family: 'Times New Roman', serif; font-size: 24px; line-height: 32px; font-weight: 400; color: #13171a; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#recorridos .modulo .contenidos .contacto .interior .formulario .campos{display: block; margin: 20px auto 0 auto; width: 80%; max-width: 590px; height: auto;}
#recorridos .modulo .contenidos .contacto .interior .formulario .campos input[type=text]{width: 488px; height: 33px; margin: 4px; font-family: 'Times New Roman', serif; font-size: 18px; line-height: 33px; font-weight: 400; color: #FFF; border: 0; padding-left: 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#recorridos .modulo .contenidos .contacto .interior .formulario .campos input[type=button]{height: 50px; font-family: 'Times New Roman', serif; font-size: 22px; line-height: 33px; font-weight: 400; color: #1E1E1E; background-color: #FFF; border: 0;}
#recorridos .modulo .contenidos .contacto .interior .gracias{display: none; margin-top: 40px;}
#recorridos_total{display: none;}
#recorridos_current{display: none;}

#pie{display: inline-block; width: 100%; padding: 45px 0 45px 0; text-align: center; z-index: 999;}
#pie a{font-family: 'Times New Roman', serif; font-size: 24px; line-height: 29px; font-weight: 400; color: #13171a; padding-bottom: 3px; border-bottom: 0px solid #FFF;}
#pie a:hover{border-bottom: 1px solid #13171a;}
#pie .sociales{display: block; width: 72px; margin: 20px auto 0 auto;}
#pie .sociales .facebook{display: inline-block; float: left; width: 36px; height: 36px; background-image: url('../im/facebook.png'); transition: all 0.5s;}
#pie .sociales .facebook:hover{opacity: 0.5; filter: alpha(opacity = 50);}
#pie .sociales .instagram{display: inline-block; float: right; width: 36px; height: 36px; background-image: url('../im/instagram.png'); transition: all 0.5s;}
#pie .sociales .instagram:hover{opacity: 0.5; filter: alpha(opacity = 50);}

#pie .sociales .facebook_mobile{background-image: url('../im/facebook_white.png')!important;}
#pie .sociales .instagram_mobile{background-image: url('../im/instagram_white.png')!important;}

.pie_mobile a{color: #FFF!important; border-bottom: 0px solid #1e1e1e!important;}
.pie_mobile a:hover{border-bottom: 1px solid #FFF!important;}

#tmp{position: fixed; z-index: 999; top: 10px; left: 10px;}

@media screen and (max-width: 480px){
	#bt_menu{display: none;}
	#bt_menu_mobile{display: block;}
	/*#edv_mobile{display: block;}*/
	#edv{display: none;}
	.inicio .edv_logo_mobile{display: block; -webkit-animation: fadein 1s; -moz-animation: fadein 1s; -ms-animation: fadein 1s; -o-animation: fadein 1s; animation: fadein 1s;}
	.contenido{width: 84%; padding-top: 14px;}
	.contenido h1{font-size: 14px;}
	#about{margin-top: 0; padding-bottom: 30px;}
	#about p{font-size: 14px; line-height: 20px;}
	
	#editoras {margin-top: 0; padding-bottom: 30px;}
	#editoras .modulo1{float: none; width: 95%;}
	#editoras .modulo2{float: none; width: 95%;}
	#editoras .modulos .imagen{height: 174px; width: 174px;}
	#editoras .modulos h2{font-size: 20px; line-height: 20px;}
	#editoras .modulos h3{font-size: 14px; line-height: 20px;}
	#editoras .modulos p{font-size: 14px; line-height: 20px;}
	
	#recorridos{padding-top: 0;}
	#recorridos h1{letter-spacing: 1px;}
	#recorridos .modulo{height: 200px;}
	#recorridos .modulo .contenidos{height: 200px;}
	#recorridos .modulo .contenidos .textos{width: 80%;}
	#recorridos .modulo .contenidos .textos h1{font-size: 35px; line-height: 38px;}
	#recorridos .modulo .contenidos .textos h2{font-size: 16px; line-height: 30px;}
	#recorridos .modulo .contenidos .pie{bottom: 10px;}
	
	#recorridos .modulo .contenidos .contacto .interior{height: 180px; padding-top: 20px;}
	#recorridos .modulo .contenidos .contacto .interior .formulario{font-size: 14px; line-height: 20px;}
	#recorridos .modulo .contenidos .contacto .interior .formulario .campos{height: auto; margin: 10px auto 0 auto;}
	#recorridos .modulo .contenidos .contacto .interior .formulario .campos input[type=text]{width: 75%; margin: 1px; font-size: 16px;}
	#recorridos .modulo .contenidos .contacto .interior .formulario .campos input[type=button]{height: 35px; font-size: 16px; margin: 0;}
	
	#pie a{font-size: 14px;}
}