/* ###### Fri Jul 28 12:28:06 CDT 2017 */	
/* VERSION 1.16 */

html {
	width: 100%;
	background-color: #E4e2e1;
}

body {
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	color: #838383;
	min-width: 940px;
	width: 940px;
	background-color: #fff;
	padding: 0 80px;
	margin: 0 auto;
	box-shadow: -1px 15px 17px 1px rgba(68,68,68,0.28);
}

hr {
	border-top: 1px solid #acacac;
	border-bottom: 0px solid #000;
	margin: 40px 0;
}
a{text-decoration: none;}

.idioma{
    position: absolute;
    margin: -80px 730px;
}

/*
 SOCIAL
 **************************************************************************/

.social {
	position: absolute;
	z-index: 999;
}

	.social a {
		position: relative;
		display: block;
		line-height: 0;
		left: -80px;
		top: 0px;
	}
.social a:last-child {cursor: default;}/*  PROVICIONAL: HASTA QUE FUNCIONE EL CHAT  */

/*
 ENCABEZADO
 **************************************************************************/

.encabezado {
	padding: 0;
	margin-left: -80px;
	margin-right: -80px;
	background-color: #ebebeb;
}

	.encabezado > div:first-child {
		position: absolute;
		z-index: 999;
	}

		.encabezado > div:first-child > input {
			position: relative;
			top: 35px;
			left: 710px;
			color: #6f6f6f;
			font-size: 0.75em;
			padding: 3px 5px;
			width: 220px;
			border-radius: 5px;
			border: 1px solid #9f9f9f;
		}

		.encabezado > div:first-child > a {
			position: relative;
			text-transform: uppercase;
			text-decoration: none;
			font-size: .875em;
			color: #fff;
			top: 35px;
			left: 790px;
		}

		.encabezado > div:first-child > a:hover {
			color: #ccc;
		}

	.encabezado > div:nth-child(2) {
		position: relative;
		text-align: center;
		padding: 0px;
		background-image: url('../img/header.jpg');
	}

.encabezado > div > h1 {
	margin: 0;
  margin-bottom: -1px;
	font-size: 0;
}
.encabezado > div > h1 > a{display:inline-block;}

/*
 DIVISIÃƒâ€œN
 **************************************************************************/

div.division {
	position: relative;
	font-family: 'Pacifico', sans-serif;
	font-size: 1.375em;
	color: #acacac;
	width: 100%;
	height: 43px;
	padding: 20px 0;
	background-image: url('../img/fondo.png');
	background-position-y: 50%;
}

	.division > h3 {
		position: absolute;
		padding: 0 20px;
		margin: 0;
		top: 50%;
		left: 50%;
		background-color: #fff;
		transform: translate(-50%, -50%);
			-webkit-transform: translate(-50%, -50%);
		font-weight: 400;
	}



/*
 SLIDER OFERTAS
 **************************************************************************/

	.ofertas > img {
		display: inline-block;
		height: 300px;
		width: 560px;
		vertical-align: top;
	 	margin-right: 5px;
	}

	.ofertas > section {
		width: 370px;
		display: inline-block;
	}

		.ofertas > section > a > img {
			display: block;
			width: 370px;
			height: 105px;
		}

		.ofertas > section > div {
			width: 370px;
			height: 185px;
			color: #fff;
			margin-bottom: 10px;
			background-color: #97bf0d;
		}

			.ofertas > section > div > ul {
				list-style-type: none;
				margin: 0;
				padding: 0;
			}

				.ofertas > section > div > ul li {
					display: inline-block;
					width: 183px;
					padding: 2px 0;
					text-align: center;
				}

					.ofertas > section > div > ul li,
					.ofertas > section > div > ul li a {
						text-transform: uppercase;
						text-decoration: none;
						color: #fff;
					}

				.ofertas > section > div > ul > li:last-child {
					background-color: #f8b333;
					border-bottom: 3px solid #d89c2c;
				}

	.ofertas form {
		padding: 15px;
		text-align: right;
		font-size: 0.875em;
		font-weight: bolder;
	}

		.ofertas form > input,
		.ofertas form > select {
			color: #666;
			font-weight: normal;
			width: 203px;
			padding: 1px 0px;
			margin-left: 8px;
			margin-bottom: 8px;
			border: 1px solid #898989;
			border-radius: 5px;
		}

		.ofertas form > input:last-child {
			width: 94px;
			color: #fff;
			font-weight: bolder;
			text-transform: uppercase;
			background-color: #f8b333;
			border: 2px solid #fff;
			cursor: pointer;
		}



/*
 EXPERIENCIAS
 **************************************************************************/

	.experiencias > a {
		display: inline-block;
		width: 180px;
		color: #fff;
		font-size: .875em;
		text-align: center;
		margin-right: 69px;
		text-decoration: none;
	}

	.experiencias > a:last-child { margin-right: 0; }

		.experiencias > a > img {
			display: block;
			width: 180px;
			height: 80px;
		}

		.experiencias > a > h3 {
			font-size: 1.25em;
			text-transform: uppercase;
			padding: 2px 0px 2px;
			margin: 0px;
		}

		.experiencias > a:first-child > h3 { background-color: #78b8eb; }
		.experiencias > a:nth-child(2) > h3 { background-color: #F7A969; }
		.experiencias > a:nth-child(3) > h3 { background-color: #A5BE3C; }
		.experiencias > a:nth-child(4) > h3 { background-color: #cc7400; }
		.experiencias > a:last-child > h3 { background-color: #ED0A67; }



/*
 Ãƒâ€°STO TE PUEDE INTERESAR
 **************************************************************************/

.interesar {
	color: #fff;
}

	.interesar > section {
		display: inline-block;
		margin-right: 5px;
		width: 749px;
	}

		.interesar > section > img {
			display: block;
			background-color: #000;
			width: 749px;
			height: 90px;
		}

		.interesar > section > img:first-child {
			margin-bottom: 10px;
		}

	.interesar > img {
		display: inline-block;
		vertical-align: top;
		margin-left: 0px;
	}



/*
 CONOCE MAS DE TLAXCALA
 **************************************************************************/

.conoce-mas {
	color: #333;
}

	.conoce-mas > section:first-child {
		display: inline-block;
		margin-right: 5px;
	}

			.conoce-mas > section > div {
				display: inline-block;
				vertical-align: top;
				width: 370px;
				height: 390px;
				text-align: right;
			}

			.conoce-mas > section:first-child > div:first-child {
				margin-right: 5px;
			}

				.conoce-mas > section:first-child > div > article {
					padding: 0px;
					text-align: left;
				}

			.conoce-mas > section > div > img {
				float: left;
				margin-right: 10px;
			}

	.conoce-mas > section:last-child {
		display: inline-block;
		vertical-align: top;
		margin-left: 0px;
		width: 180px;
	}

		.conoce-mas > section:last-child > img:first-child {
			margin-bottom: 10px;
		}

.boton-info{
  margin: auto;
  height: 0px;
  border-left: 28px solid transparent;
  border-bottom: 25px solid #97C011;
  display: inline-block;
  padding-right:8px;
  text-align:right;
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
  color: #fffff6;
}


/*
 Ãƒâ€°STO TE PUEDE INTERESAR
 **************************************************************************/

.img180 {
	display: inline-block;
	background-color: #000;
	width: 180px;
	height: 190px;
}



/*
 RESTAURANTES Y HOTELES
 **************************************************************************/

.servicios {
	padding: 40px 0px 20px;
}

	.restaurantes > form { background-color: #f8b333; }
	.hoteles > form { background-color: #97bf0d; }

	.servicios > form {
		color: #fff;
		padding: 15px 0px;
		font-size: 0.9375em;
		text-align: center;
		border-radius: 20px;
	}

	.servicios > form > h3 {
		font-family: 'Pacifico', sans-serif;
		font-size: 1.5em;
		margin-top: 0;
		margin-bottom: 15px;
	}

		.servicios > form > input[type="text"],
		.servicios > form > select {
			color: #666;
			font-weight: normal;
			width: 200px;
			padding: 1px 0px;
			margin-right: 8px;
			margin-bottom: 8px;
			border: 1px solid #898989;
			border-radius: 5px;
		}

		.servicios > form > input[type="checkbox"] {
			margin: 10px 10px 0;
		}

		.servicios > form > label {
			font-weight: normal;
		}

			.servicios > form > label > img {
				vertical-align: middle;
				margin-left: 20px;
			}

		.servicios > form > input[type="submit"] {
			position: relative;
			width: 94px;
			color: #fff;
			font-weight: bolder;
			text-transform: uppercase;
			background-color: #f8b333;
			border: 2px solid #fff;
			border-radius: 5px;
			padding: 1px 0px;
			margin-top: 10px;
			cursor: pointer;
			left: 395px;
		}

		.servicios > form > input[type="text"] {
			color: #d3d3d3;
			padding-left: 3px;
		}

		.info_restaurante {
  		position: relative;
		}

		form > span {
			position: absolute;
			bottom: 15px;
			right: 9px;
		}

		div.servicios_hotel:nth-child(2) > section:nth-child(2) > ul > li{
			list-style-type:none;
		}


/*
 RESULTADOS
 **************************************************************************/

.resultados {
	color: #898989;
}

	.resultados > img {
		display: inline-block;
		width: 180px;
		height: 175px;
		color: #fff;
		background-color: #bababa;
		float: left;
		margin-right: 20px;
	}

	.resultados > div {
		display: inline-block;
		vertical-align: top;
	}

		.resultados > div:last-child {
			text-align: center;
			font-weight: bolder;
			width: 190px;
		}

		.resultados > div:nth-child(2) {
			width: 500px;
		}

		.resultados > div.lista-restaurantes {
			width: 690px;
			text-align: left;
			font-weight: normal;
			padding-bottom: 45px;
		}

	.resultados > div > form > input.send-button {
		display: inherit;
		color: #fff;
		font-size: .875em;
		text-transform: uppercase;
		text-decoration: none;
		background-color: #98bf0e;
		padding: 2px 25px;
		margin-top: 15px;
		border-radius: 5px;
    margin-left: 52px;

	}

	.resultados > div h3 {
		color: #501e73;
		margin: 0px;
	}

	.resultados > div p {
		font-size: .875em;
		margin: 0;
	}

		.resultados > div p.fuccia {
			color: #e00259;
		}

		.resultados > div p.price {
			color: #501e73;
			font-family: 'Pacifico', sans-serif;
			font-size: 3em;
			font-weight: normal;
		}

			.resultados > div p.price > span {
				font-size: .625em;
			}

		.resultados > div p.per-night {
			color: #501e73;
			font-size: 1.2em;
		}

	.resultados > div img {
		display: inline-block;
		margin-top: 5px;
		margin-right: 7px;
	}

	hr.separacion {
		margin: 0px 0px 15px;
		border-top: 1px dashed #ccc;
	}


/*
RESTAURANTES
*******************************************************************************/
.head_restaurante{margin: 20px 0}
.head_restaurante > div{display: inline-block; width:300px;}
.head_restaurante > div:last-child{width:623px; vertical-align: top; margin-left: 10px;}
.head_restaurante > div > img:first-child{width: 300px; height:172px; margin-bottom:10px}
.head_restaurante > div > img:last-child{width: 300px; height:280px;}
.head_restaurante > div:last-child{
  height: 472px;
}
.head_restaurante > div > h2{
  display: inline-block; 
  background-color: #97C011;
  font-family: Pacifico;
  font-size: 2.55em;
  font-weight: 400;
  padding: 5px 25px;
  color: #fff;
  width: 400px;
  margin-top: 370px
}

.info_restaurante{margin: 20px 0;}
.info_restaurante > img, .info_restaurante > div{display: inline-block;}
.info_restaurante > img{width: 300px; height: 280px;}
.info_restaurante > div{
  margin-left: 10px;
  width: 578px;
  height: 240px;
  vertical-align: top;
  background-color: #97C011;
  padding: 20px;
  color:#fff;
}
.info_restaurante > div h3{
  font-size: 1.8em; 
  width: 520px; 
  overflow:hidden;
  white-space:nowrap;
}
.info_restaurante > div p{height: 105px; }
.info_restaurante > div img{margin-right: 20px; }
.info_restaurante > div > div{width:300px; display: inline-block;}
.info_restaurante > div > form{display: inline-block;}
.info_restaurante > div > form > input{position: absolute}

.contacto_restaurantes{
	list-style-type: none; 
	padding-left: 0 !important; 
}
.contacto_restaurantes > section > ul > li > img{
	width: 36px;
 height:36px;
 margin-right:15px;
}
#form_reserva_restaurante{
	text-align: right;
}
#form_reserva_restaurante input.cuadro_fuccia{
	margin-top:200px;
}

.servicios_hotel{margin:20px 0}

div.servicios_hotel:nth-child(2) > section:nth-child(2) > ul > li{
  list-style-type:none;
}
.boton_mas_restaurantes{
    padding: 5px 10px 5px 20px;
    color: #fff;
    background-color:#613583;
    border: 0;
    font-family: 'Roboto', sans-serif;
    cursor: pointer;
    border-radius: 4px 0 0 4px;
  margin-left: 65px
}

.servicios_hotel > section > ul > form > input[type=submit]{
  padding: 5px 10px 5px 20px;
  color: #fff;
  background-color:#97C011;
  border: 0;
  cursor: pointer;
  border-radius: 4px 0 0 4px;
  margin: 220px 0 15px;
}

.ofertas > section > div.buscador_home_rest {
    width: 370px;
    height: 185px;
    color: #fff;
    margin-bottom: 10px;
    background-color: #f8b333;
}

.ofertas > section > div.buscador_home_rest > ul > li:last-child {
    background-color: #f8b333;
  border-bottom: 0;
}

.ofertas > section > div.buscador_home_rest > ul > li:first-child {
    background-color: #97bf0d;
    border-bottom: 3px solid #989C14;
}

.ofertas > section > div.buscador_home_rest > form > input:last-child {
    width: 94px;
    color: #fff;
    font-weight: bolder;
    text-transform: uppercase;
    background-color: #97bf0d;
    border: 2px solid #fff;
    cursor: pointer;
}

/*
 HOTEL: ;
 **************************************************************************/
.img_hotel div, .img_hotel img{display: inline-block;}
.img_hotel div a{
	text-decoration: none; 
	display: block; 
	margin-bottom: 10px;
}
.cuadro_verde{
	margin-bottom: 20px;
	vertical-align: middle;
	text-align: center;
	width: 150px; 
	padding: 10px 20px;
	color: #4b6201; 
	background-color: #97c011;
	border-radius: 4px;
	}
div.img_hotel > div > p.cuadro_verde:first-child{margin: 20px 0 10px;}

.img_hotel .fuccia{margin: 0;}
.img_hotel .verde{margin-top: 0;}
.gris{color:#b2b2b2;}
.verde span{font-style: italic; font-size: 1em;}
.verde{color: #97c011; font-size: 1.25em;}
.fuccia {color: #e00259;}


.cuadro_fuccia{
	vertical-align: middle;
	text-align: center;
	width: 190px !important;
	padding: 10px 20px !important;
	color: #fff;
	background-color: #df045a;
	border: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	cursor: pointer;
	border-radius: 4px;
	}

	#buscador-restaurantes-tlaxcala .cuadro_fuccia{
		width: 80px !important;
		padding: 5px 10px !important;
		margin-top: 20px;
	}

.img_hotel .cuadro_fuccia{margin: 38px 0 10px;}

.img_hotel div{
	margin: 20px 90px 0 32px;
	vertical-align: top;
}
.img_hotel img{
	width: 553px;
	height: 310px;
	margin: 25px 0 15px 0;
}


.nav_hotel{
	vertical-align: bottom;
	margin: 30px 0 20px 250px;
	height: 28px;
	width: 670px;
	padding-top: 7px;
	background-color: #97c011;
	text-align: center;
	border-radius: 4px;
}
.nav_hotel a{
	color: #445A00;
	text-decoration: none;
	font-size: 1.2em;
	padding: 6px 35px;
	margin: 0 !important;
}
.nav_hotel a:hover{	background-color: #4b6201; color: #fff;border-radius: 4px;}

.info_hotel{margin-bottom: 45px;}
.info_hotel section,
.info_hotel h2{display: inline-block;width: 230px;height: 190px; vertical-align: top;}
.info_hotel h2 img{width: 230px;height: 210px;}
.info_hotel section{
	width:670px;
	min-height: 300px;
	background-color: #613583;
	margin-left: 15px;
	border-radius: 4px;
}
.info_hotel section h3{
	color: #f8b332;
	font-size: 1.8em;
	margin: 20px 30px;
}
.info_hotel section p{
	width: 600px;
	color: #fff;
	margin: 20px 35px; 
	font-size: 1.25em;
}

.servicios_hotel {margin:20px 0}
.servicios_hotel section {
	display: inline-block;
 vertical-align: top;
  width: 280px;
	 margin-right: 30px;
}
.servicios_hotel h4 {
	color: #613583;
	font-size: 1.8em;
	font-weight: bold;
	margin: 0;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 20px;
}
.servicios_hotel li {
	color: #838383; 
	font-size: 1.05em;
}
div.servicios_hotel > section > ul {
  padding-left: 20px;
}

.servicios_hotel li > a{color: #838383}

.contacto_hotel{background-color: #838383; color: #4f2072; margin-top: 0;margin: 0 -80px 30px;width: 1100px;}
.contacto_hotel tr td{width: 311px;text-align: center; padding: 5px 0 10px; font-size: 1.3em;}
.contacto_hotel a{text-decoration: none; color: #4f2072;}
#icono_social{margin: 20px -80px 0;}

#iconos_social{margin-bottom: 0; display: block;}


/*
 FOOTER
 **************************************************************************/

.footer {
	text-align: center;
	padding-bottom: 50px;
}

	.footer > img {
		height: auto;
		margin-right: -4px;
		vertical-align: top;
    }
    .footer > a {
		margin-right: 30px;
	}

	/* MENU */
	
/* ver 0.2 */


nav, nav ul, nav li, nav span, nav div, nav h1, nav h2, nav h3, nav h4, nav a{
  margin: 0;
  padding: 0;
}

nav {
  display: block;
  background-color: #f8b332;
  width: 100%;
  position: relative;
}

nav.menu-2{font-family: tahoma;}

nav.menu-2 > ul > li{padding: 3px 18px;}
nav.menu-2 > ul > li:hover{background-color: #572176;}

nav ul {    /*   todos los UL de NAV   */
list-style-type: none;
}

nav > ul {
text-align: center;
}
nav ul * {
  text-align: left;
}

nav.menu-2 > ul > li {
  display: inline-block;
  text-transform: uppercase;
  
}

nav h3 > a{
	color:#fff;
 text-decoration:none;
}

#buscador-hoteles-tlaxcala .resultados{ 
  padding: 0 20px 42px 20px;
} 

#buscador-restaurantes-tlaxcala .resultados{ 
  width: 370px;
  height: 300px;
	padding: 15px;
	border: 1px solid #ACACAC;
  display: inline-block;
  vertical-align: top;
} 
#buscador-restaurantes-tlaxcala .resultados:nth-child(even) {
  margin: 20px 25px 15px 51px;
}
#buscador-restaurantes-tlaxcala .resultados:nth-child(odd) {
  margin: 20px 0px 15px 0px;
}
#buscador-restaurantes-tlaxcala .resultados div img{display: inline-block}
#buscador-restaurantes-tlaxcala .resultados div div{display: inline-block; vertical-align: top; margin-top: 20px; width: 175px;}
#buscador-restaurantes-tlaxcala .resultados div div h3{
	font-size: 1.125em;font-weight: bold;height: 70px;}
#buscador-restaurantes-tlaxcala .resultados div div p:nth-child(1+2){color:#D91C5C;}
#buscador-restaurantes-tlaxcala .resultados img:first-child{width: 170px; height: 190px; margin-right: 10px;} 
#buscador-restaurantes-tlaxcala .resultados img{width: 32px; height: 32px;} 
 
#buscador-restaurantes-tlaxcala .region{
  text-transform: capitalize;  
}

#nombre_hotel {
  padding-left:5px
}


/* ESTILOS PRIMER NIVEL */
nav > ul > li,
nav > ul > li > a {
color: white;
text-decoration: none;
font-size: 0.925em
}

div.submenu-principal {
  display: none;
  width: 950px;
  position: absolute;
  top: 22px;
  left: 75px;
	z-index:1;
}
div.submenu-principal li{text-transform: initial;}
div.submenu-principal > section > ul > li{margin-bottom: 5px;}
div.submenu-principal > section > ul > li > a{
  color: #333;
  font-size:.8em;
  font-weight: bold;
  padding: 6px 0 2px 10px;
  transition-delay:0s;
  transition-duration:0.1s;
  transition-property:all;
  transition-timing-function:ease-in-out;
  text-decoration: none;
	padding: 0;
}
div.submenu-principal > section > ul > li > a:hover{color:#FF6600}

div.submenu-principal > section > ul > li > h3{
  color: #fff;
  font-size: 1em;
  font-weight: normal;
	font-family: 'Pacifico', cursive;
  margin: 10px 0;
  padding: 2px 0 8px 0;
  border-bottom: 2px dotted #655
}

div.submenu-principal > section > h2.centrado > strong{
  font-size: 1.05em;
  font-weight: normal;
  margin-bottom: 30px;
  color: #fff;
}
div.submenu-principal > section{margin-right:10px;}
li#tour-operadores > div.submenu-principal > section{width: 360px;margin-left:70px}

nav > ul > li:hover > div{
  display: block;
}

nav section {
  display: inline-block;
  vertical-align: top;
}

li#que-hacer section {
   width: 220px;
}

li#tours-paquetes section {
   width: 220px;
}

li#tour-operadores section {
   width: 320px;
}


div.info {
display:none
}

div.info * {
position: reltive;
display:block;  
}

div.info >img {
width: 80%;
  
}

.info-rollover{margin-right: 15px;}
div.submenu-principal > section.info-rollover > p.last{
  color: #444444;
  font-size: .7em;
  text-align: justify;
  text-transform: initial;

}

span.h2{color: #fff; font-size: 1.25em; font-weight: bold;margin: 11px 0;}
span.texto{margin-top: 11px;}

nav ul ul li:hover > div {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 225px;
  background-color:#f8b332;
  height: 100%;
	color: #444444;
	font-size: .7em;
  text-align: justify;
	margin-left: 11px;
}

/* DEBUG */
div.submenu-principal{
  border-top:2px solid white;
  background-color: #f8b332;
  padding: 15px
}


/*
 FOOTER
 **************************************************************************/
 .formulario{background-color: #df045a;color: #fff;padding: 20px 0  50px 210px;margin: 20px 0 30px;border-radius:50px;}
 .formulario > label{vertical-align: top} 
 form.formulario span{display: inline-block;width:105px;vertical-align: top;padding-top: 15px;}
 form.formulario label{display: block}
  form.formulario label input{
		width: 400px;
		margin: 15px 10px 0;
		border-radius: 2px;
		border: 0;
		height: 20px;
		padding: 3px 10px;
	}
form.formulario label textarea{
		width: 400px;
		margin: 15px 10px 0;
		border-radius: 3px;
		border: 0;
		height: 80px;
		padding: 5px 10px;
	}	

form.formulario input[type="submit"]{
	width: 120px; 
	height: 30px;
	background-color: #f8b332;
	border: 2px solid #fff;
	border-radius: 3px;
	color: #fff;
	font-weight: 700;
	margin: 20px 0 0 420px;
	cursor: pointer;
}
form.formulario input[type="submit"]:hover{
	background-color: #97c00e;
	border: 2px solid #fff;
	border-radius: 3px;
	color: #fff;
}
form.formulario h3{font-family: pacifico;font-size: 1.9em;font-weight: normal;margin-bottom:10px;margin-left: 40px;}

.form_restaurante{
  background-color:  #F8B332;
}
form.form_restaurante input[type="submit"]{
  background-color: #501E75;
}

#gracias{text-align: center; font-family: pacifico;font-size: 2.2em;font-weight: normal;margin-bottom:10px;    margin-left: -180px;}

/* ESTILOS PARA NUEVOS DISEÑOS*/

.wrapper
{
    position: relative;

    width: 1100px;
    height: 100%;
	margin-left: -80px;

    background: white;
	
	font-family: 'Roboto', sans-serif;
    color: #231f20;
}

.wrapper .container
{
    width: 1000px;
    margin: 0 auto;
}

.wrapper .container > .welcome
{
    position: relative;

    width: 100%;
}

.wrapper .container > .welcome > .title
{
    position: absolute;
    top: 65px;

    height: 100px;
    padding: 4px 40px 0 40px;

    background: #f8b332;

}

.wrapper .container > .welcome > .title h2
{
    font-family: 'Pacifico', cursive;
    font-size: 64px;
    line-height: 100px;

    margin: 0 auto;

    color: white;
}

.wrapper .container > .welcome > .title2
{
    position: absolute;
    top: 65px;

    height: 100px;
    padding: 4px 40px 0 40px;

    background: #f8b332;

}

.wrapper .container > .welcome > .title2 h2
{
    font-family: 'Pacifico', cursive;
    font-size: 50px;
    line-height: 100px;

    margin: 0 auto;

    color: white;
}

.wrapper .container > .welcome > .title3
{
    position: absolute;
    top: 65px;

    height: 100px;
    padding: 4px 40px 0 40px;

    background: #f8b332;

}

.wrapper .container > .welcome > .title3 h2
{
    font-family: 'Pacifico', cursive;
    font-size: 40px;
    line-height: 100px;

    margin: 0 auto;

    color: white;
}

.wrapper .container .line-menu
{
    height: 30px;

    text-align: center;

    color: #445a00;
    background: #97c011;
}

.wrapper .container .line-menu a
{
    font-family: 'Roboto', regular;
    font-size: 1em;
    line-height: 30px;

    display: inline-block;

    margin: 0 10px;

    color: #445a00;
}


.experiencias
{
    text-align: center;
}

.experiencias a
{
    font-size: .875em;

    display: inline-block;

    width: 178px;
    margin: 0 30px;

    text-align: center;
    text-decoration: none;

    color: #fff;
}

.experiencias a img
{
    display: block;

    width: 100%;
    height: 80px;
}

.experiencias a h3
{
    font-size: 1.25em;

    margin: 0;
    padding: 2px 0 2px;

    text-transform: uppercase;
}

.experiencias a:nth-child(1) > h3
{
    background-color: #78b8eb;
}

.experiencias a:nth-child(2) > h3
{
    background-color: #f7a969;
}

.experiencias a:nth-child(3) > h3
{
    background-color: #a5be3c;
}

.experiencias a:nth-child(4) > h3
{
    background-color: #ed0a67;
}

.division
{
    font-family: 'Pacifico', sans-serif;
    font-size: 1.375em;

    position: relative;

    width: 100%;
    height: 43px;
    margin: 10px 0;
    padding: 20px 0;

    text-align: center;

    color: #acacac;
    background-image: url('../img/fondo.png');
    background-position-y: 50%;
}

.division h3
{
    font-weight: 400;

    position: absolute;
    top: 50%;
    left: 50%;

    margin: 0;
    padding: 0 20px;

    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    background-color: #fff;
}

hr
{
    margin: 40px 0;

    border-top: 1px solid #acacac;
    border-bottom: 0 solid #000;
}

.contact
{
    color: #aeaeae;
}

.contact p
{
    position: relative;
}

.contact p span
{
    position: absolute;
    top: 10px;
}

.contact em
{
    display: inline-block;

    width: 36px;
    height: 36px;
    margin: 0 10px 0 35px;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.contact em.icon-home
{
    background: url('../img/contacto-direccion.png');
}

.contact em.icon-phone
{
    background: url('../img/contacto-telefono.png');
}

.contact em.icon-facebook
{
    background: url('../img/contacto-facebook.png');
}

.contact em.icon-email
{
    background: url('../img/contacto-correo.png');
}

.contact-section
{
    display: -webkit-box;

    width: 100%;
    height: 100px;

    text-align: center;

    background: #e6e6e6;
}

.contact-section em
{
    display: block;

    width: 75px;
    height: 75px;
    margin: 0 auto;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.contact-section em.icon-phone
{
    background: url('../img/footer-telefono.png');
}

.contact-section em.icon-email
{
    background: url('../img/footer-mail.png');
}

.contact-section .contact-item
{
    width: 50%;
}

.contact-section .contact-item .item
{
    position: relative;
    top: -35px;
}

.contact-section .contact-item .item h5
{
    font-size: 1.375em;

    margin: 0;
    padding: 10px 0 0 0;

    color: #613583;
    background: transparent;
}

.content
{
    position: relative;

    width: 100%;
}

.content.is-3 .item
{
    display: block;

    width: 100%;
}

.content.is-3 .item h4
{
    margin: 0 0 40px 0;
}

.banner
{
    padding: 20px 40px !important;

    color: white;
}

.banner h4
{
    font-size: 1.5em;
    font-weight: bold;

    margin: 0 0 20px 0 !important;

    color: white !important;
    background: transparent !important;
}

.banner.purple
{
    background: #613583 !important;
}

.banner.green
{
    color: #231f20 !important;
    background: #97c011 !important;
}

.banner.orange
{
    color: white !important;
    background: #f8b332 !important;
}

hr
{
    display: block;

    width: 100%;
    height: 1px;
    margin: 20px 0;
    padding: 0;

    border: 0;
    border-top: 1px solid #ccc;
}

hr.red
{
    border-color: #cf0545;
}

.welcome
{
    height: 465px;
}

.welcome img
{
    min-height: 465px;
}

.line-menu
{
    margin: 5px 0 20px 0;
}

.content
{
    display: -webkit-box;

    width: 100%;
    margin: 0 0 30px 0;
}

.content:after,
.content:before
{
    display: table;
    clear: both;

    content: '';
}

.content .col-left
{
    position: relative;
}

.content .col-right
{
    position: relative;
}

.content h4
{
    font-size: 1.5em;
    font-weight: bold;

    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;
    margin: 0 0 35px 0;
    padding: 0 20px;

    color: #613583;
    background: white;
}

.content .hr
{
    position: relative;

    width: 100%;
    margin: 0;
    padding: 0;

    background-image: url('../img/fondo.png');
}

.content p
{
    font-size: 1em;
}

.content img
{
    width: 100%;
    padding: 0 5px;
}

.content .location
{
    display: -webkit-box;
}

.content .location .map
{
    width: 310px;
    height: 270px;

    background: url('../img/map.png');
    background-position: center;
    background-size: cover;
}

.content .location p
{
    width: 310px;
    margin: 0 0 0 35px;
}

.content .contact .btn-tri
{
    position: absolute;
    right: 0;
    bottom: 20px;
}

.tour-operadora .intro
{
    height: 472px;
    margin: 0 0 20px 0;
    padding: 0;
}

.tour-operadora .intro img
{
    margin: 0;
    padding: 0;
}

.tour-operadora .intro .welcome .title
{
    position: absolute;
    top: 65px;

    padding: 7px 40px;

    background: #f8b332;
    background: -webkit-gradient(linear, left top, right top, from(#f8b332), color-stop(88%, #f8b332), to(rgba(248, 179, 50, .13)));
    background: linear-gradient(to right, #f8b332 0%, #f8b332 88%, rgba(248, 179, 50, .13) 100%);
}

.tour-operadora .intro .welcome .title h2
{
    font-family: 'Pacifico', cursive;
    font-size: 42px;
    font-weight: normal;

    margin: 0;

    color: white;
}

.tour-operadora .intro .col-left
{
    position: relative;
}

.tour-operadora .intro .col-right
{
    position: relative;

    display: -webkit-box;
}

.tour-operadora .features .description
{
    position: relative;

    padding: 20px;

    color: white;
    background: #df045a;
}

.tour-operadora .features .description p
{
    margin: 20px 0 50px 0;
}

.tour-operadora .features .description h3
{
    font-size: 30px;
    font-weight: bold;

    margin: 0 0 30px 0;
}

.tour-operadora .features .btn-tri
{
    position: absolute;
    right: 0;
    bottom: 20px;
}

.tour-operadora .features .menu
{
    position: absolute;

    width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 20px 0;

    list-style: none;

    background: #97c011;
}

.tour-operadora .features .menu li
{
    display: block;
}

.tour-operadora .features .menu li:nth-child(1) a
{
    border: none;
}

.tour-operadora .features .menu li.active
{
    background: #85a012;
}

.tour-operadora .features .menu li.active a
{
    border: none;
}

.tour-operadora .features .menu li a
{
    font-size: 1.375em;
    line-height: 38px;

    display: block;

    height: 38px;
    margin: 0 20px;

    color: white;
    border-top: 2px white solid;
}

.tour-operadora .features .col-left
{
    position: relative;
}

.tour-operadora .features .col-right
{
    position: relative;

    display: -webkit-box;
}

.tour-operadora .contact
{
    display: -webkit-box;
}

.tour-operadora .contact .item
{
    width: 310px;
    margin: 0 0 0 35px;
}

.tour-operadora .contact .item:nth-child(1)
{
    margin: 0;
}

.tour-operadora .contact .item h4
{
    font-size: 1.5em;
    font-weight: bold;
}

.tour-operadora .contact .item em
{
    margin: 0;
}

.tours > .welcome
{
    position: relative;
}

.tours > .welcome > .titles
{
    position: absolute;
    top: 20px;

    height: 150px;
}

.tours > .welcome > .titles h2
{
    font-family: 'Pacifico', cursive;
    font-size: 80px;
    font-weight: 100;
    line-height: 100px;

    height: 145px;
    margin: 0;
    padding: 20px 60px 60px 40px;

    color: white;
    background: #613583;
}

.tours > .welcome > .titles h3
{
    font-family: 'Roboto', medium;
    font-size: 2em;
    line-height: 30px;

    position: relative;
    top: -10px;

    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;
    height: 30px;
    margin: 0;
    padding: 0 10px;

    text-transform: uppercase;

    color: white;
    background: #df045a;
}

.tours .content .item-content
{
    padding: 20px;

    color: white;
    background: #df045a;
}

.tours .content .item-content h3
{
    font-size: 1.5em;
    font-weight: bold;

    margin: 0  0 35px 0;
}

.tours .content .include
{
    padding: 20px 0 0 0;

    color: #aeaeae;
}

.tours .content .include h3
{
    font-size: 1.5em;

    margin: 0 0 35px 0;

    color: #613583;
}

.tours .content img
{
    padding: 0;
}

.tours .line-menu
{
    margin: 5px 0;
}

.tours .contact
{
    margin: 0 0 65px 0;
}

.tours .contact em
{
    margin: 0;
}

.tours .contact .btn-tri
{
    position: absolute;
    right: 0;
    bottom: 0;
}

.tours .contact .item:nth-child(2)
{
    padding: 50px 0 0 0;
}

.capital .main-title
{
    position: absolute;
    top: 20px;
    right: 0;

    text-align: -webkit-right;
}

.capital .main-title h2
{
    font-family: 'Pacifico', cursive;
    font-size: 80px;
    font-weight: 100;
    line-height: 100px;

    height: 140px;
    margin: 0;
    padding: 20px 40px;

    color: white;
    background: #97c011;
}

.capital .main-title h3
{
    font-family: 'Roboto', medium;
    font-size: 2em;
    line-height: 30px;

    position: relative;
    top: -10px;

    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;
    height: 30px;
    margin: 0;
    padding: 0 10px;

    text-transform: uppercase;

    color: white;
    background: #445a00;
}

.capital .line-menu
{
    margin: 5px 0;
}

.capital .main
{
    margin: 0 0 20px 0;
}

.capital .main img
{
    margin: 0;
    padding: 0;
}

.capital .main .item img
{
    padding: 0;
}

.capital .main .item:nth-child(1)
{
    position: relative;
}

.capital .main .item:nth-child(2) .text-content
{
    -webkit-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 35px;
            column-gap: 35px;
}

.capital .main .banner
{
    font-size: 1.25em;

    padding: 30px 20px !important;

    text-align: center;
}

.capital .main .banner.green *
{
    color: #231f20 !important;
    background: #97c011 !important;
}

.capital .main .banner.green .text
{
    border: 1px solid #231f20;
}

.capital .main .banner.purple h2
{
    font-size: 1.5em;
    font-weight: bold;

    margin: -5px 0 0 0;
    padding: 0 20px;

    text-align: left;
}

.capital .main .banner.purple .text
{
    font-size: 1em;
    font-weight: 100;

    text-align: justify;

    border: 1px solid white;
}

.capital .main .banner.purple p
{
    padding: 0 0 0 15px;

    text-align: justify;
}

.capital .main .banner.purple *
{
    color: white !important;
    background: #613583 !important;
}

.capital .main .banner h4
{
    font-size: 1.75em;

    position: relative;
    top: -20px;

    margin: 0 auto !important;
    padding: 0;
}

.capital .main .banner .text
{
    font-family: 'Roboto', medium;

    position: relative;

    margin: 0;
    padding: 0 15px;
}

.capital .main.about
{
    margin: 0 0 50px 0;

    text-align: justify;
}

.capital .main.about .item:nth-child(1)
{
    position: relative;

    height: 500px;
}

.capital .main.about .item:nth-child(1) .text-content
{
    -webkit-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 35px;
            column-gap: 35px;
}

.capital .main.about .item:nth-child(2) p
{
    margin: 0;
}

.capital .info
{
    text-align: justify;
}

.capital .info h4
{
    font-size: 1.875em;

    margin: 0 0 30px 0;
}

.capital .info hr.red
{
    position: absolute;
    bottom: 0;
}

.capital hr.red
{
    position: relative;
    bottom: 0;
}

.info .info-main
{
    margin: 40px 0 20px 0;
    padding: 0 30px;
}

.tradi .main-tradi
{
    padding: 0 30px;
}

.tradi .main-tradi .main-form
{
    width: 100%;
    height: 115px;
    margin: 40px 0 30px 0;

    text-align: center;

    color: white;
    border-radius: 25px;
    background: #97c011;
}

.tradi .main-tradi .main-form:after
{
    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '.';
}

.tradi .main-tradi .main-form .label.orange
{
    height: 22px;
    padding: 0 35px;

    border-bottom: 3px #d68e07 solid;
    background: #f8b332;
}

.tradi .main-tradi .main-form .head-form .stv-radio-tabs-wrapper
{
    clear: both;

    height: 45px;
}

.tradi .main-tradi .main-form .head-form input.stv-radio-tab
{
    display: none;
}

.tradi .main-tradi .main-form .head-form input.stv-radio-tab + label
{
    font-family: 'Roboto';
    font-size: 1em;

    height: 25px;
    padding: 0 45px;

    cursor: pointer;
    text-transform: uppercase;

    color: white;
}

.tradi .main-tradi .main-form .head-form input.stv-radio-tab + label:hover
{
    border-bottom: 3px #d68e07 solid;
    background: #f8b332;
}

.tradi .main-tradi .main-form .head-form input.stv-radio-tab:checked + label
{
    z-index: 1;

    border-bottom: 3px #d68e07 solid;
    background: #f8b332;
}

.tradi .main-tradi .main-form .head-form ul
{
    list-style: none;
}

.tradi .main-tradi .main-form .head-form ul li
{
    display: inline-block;

    height: 25px;
    margin: 0;
    padding: 0 45px;
}

.tradi .main-tradi .main-form .head-form ul li.active
{
    border-bottom: 3px #d68e07 solid;
    background: #f8b332;
}

.tradi .main-tradi .main-form .head-form ul li a
{
    line-height: 25px;

    margin: 0;
    padding: 0;

    color: white;
}

.tradi .main-tradi .main-form .body-form
{
    font-weight: bold;

    color: #fff;
}

.tradi .main-tradi .main-form .body-form .field
{
    display: inline-block;

    padding: 0 15px;
}

.tradi .main-tradi .main-form .body-form .field select
{
    width: 200px;
    height: 25px;

    border-radius: 5px;
    background: white;
}

.tradi .main-tradi .main-form .body-form .sub
{
    margin: 5px 55px 0 0;

    text-align: right;
}

.tradi .main-tradi .main-form .body-form .submit
{
    font-size: 1em;
    line-height: 1px;

    width: 90px;
    height: 20px;

    text-align: center;
    text-decoration: none;

    color: white;
    border: 2px white solid;
    border-radius: 5px;
}

.tradi .main-tradi .main-form .body-form .submit.orange
{
    background: #f8b332;
}

.tradi .main-tradi .content .item
{
    width: 300px;
    margin: 0;
}

.tradi .main-tradi .content .item img
{
    padding: 0;
}

.tradi .main-tradi .content .card
{
    width: 300px;
    height: 446px;
}

.tradi .main-tradi .content .card .card-img
{
    height: 300px;
    margin: 0;
    padding: 0;
}

.tradi .main-tradi .content .card .banner
{
    padding: 20px !important;
}

.tradi .main-tradi .content .card .banner h4
{
    margin: 0 !important;
    padding: 0 !important;
}

.header
{
    min-height: 100px;
    margin: 0 auto;

    background-image: url('../img/header.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.header .logo
{
    line-height: 0;

    width: 194px;
    margin: 0 auto;
}

.footer
{
    padding-bottom: 50px;

    text-align: center;
}
.footer > a > img
{
    display: inline-block;
}
/*
nav.menu-2
{
    font-family: tahoma;

    position: relative;

    display: block;

    width: 100%;
    margin: 0;
    padding: 0;

    background-color: #f8b332;
}

nav.menu-2 ul
{
    margin: 0;

    list-style: none;

    text-align: center;
}

nav.menu-2 ul li
{
    font-size: .925em;

    display: inline-block;

    padding: 3px 18px;

    text-decoration: none;
    text-transform: uppercase;

    color: white;
}

nav.menu-2 ul li:hover
{
    -webkit-transition: .3s;
            transition: .3s;

    background: #613583;
}

nav.menu-2 ul li a
{
    font-size: .925em;

    text-decoration: none;

    color: white;
}
*/
.btn-tri
{
    position: relative;
    padding: 8px;

    background: #613583;
}

.btn-tri span
{
    font-size: 1.25em;
    font-weight: bold;
    line-height: 18px;

    text-align: center;
    text-transform: uppercase;

    color: white;
}

.btn-tri .pick
{
    position: absolute;
    top: 0;
    left: -18px;

    display: block;

    width: 0;
    height: 0;

    content: '';

    border-top: 36px solid transparent;
    border-right: 18px solid #613583;
}

.btn-tri.orange
{
    background: #f8b332;
}

.btn-tri.orange .pick
{
    border-right-color: #f8b332;
}

@media only screen and (min-width: 1000px)
{
    .contact-section .contact-item:nth-child(1) .item
    {
        margin: 0 0 0 263px;
    }

    .contact-section .contact-item:nth-child(2) .item
    {
        margin: 0 263px 0 162px;
    }

    .contact-section .contact-item .item
    {
        width: 75px;
        height: 75px;
    }

    .contact-section .contact-item h5
    {
        font-size: 1.325em;

        position: relative;
        left: -50%;

        margin: 0;
        padding: 10px 0 0 0;

        white-space: nowrap;

        color: #613583;
    }

    .content.is-3 .item
    {
        width: 310px;
        margin: 0 0 0 35px;
    }

    .content.is-3 .item:nth-child(1)
    {
        margin: 0;
    }

    .content .col-left
    {
        width: 655px;
        margin: 0 17.5px 0 0;
    }

    .content .col-right
    {
        width: 310px;
        margin: 0 0 0 17.5px;
    }

    .tour-operadora .intro .col-left
    {
        width: 300px;
        margin: 0;
        padding: 0;
    }

    .tour-operadora .intro .col-right
    {
        width: 700px;
        margin: 0;
        padding: 0 0 0 15px;
    }

    .tour-operadora .features .col-left
    {
        width: 690px;
        margin: 0;
        padding: 0;
    }

    .tour-operadora .features .col-right
    {
        width: 300px;
        margin: 0 0 0 10px;
        padding: 0;
    }

    .capital .main .item:nth-child(1)
    {
        width: 310px;
    }

    .capital .main .item:nth-child(2)
    {
        width: 655px;
        margin: 0 0 0 35px;
    }

    .capital .main.about .item:nth-child(1)
    {
        width: 655px;
    }

    .capital .main.about .item:nth-child(2)
    {
        width: 310px;
        margin: 0 0 0 35px;
    }

    .tradi .main-tradi .content .item:nth-child(2)
    {
        width: 300px;
        margin: 0 0 0 20px;
    }

    .tradi .main-tradi .content .item:nth-child(3)
    {
        width: 300px;
        margin: 0 0 0 20px;
    }
}

@media (max-width: 1100px)
{
    .wrapper
    {
        width: 100%;
    }
}

@media (max-width: 1000px)
{
    .wrapper .container
    {
        width: 100%;
    }
}

@media only screen and (max-width: 1000px)
{
    .content
    {
        padding: 0 15px;
    }

    .content .location .map
    {
        width: 50%;
    }

    .content .location p
    {
        width: 50%;
        margin: 10px;
    }

    .tour-operadora .intro .col-left
    {
        width: 30%;
    }

    .tour-operadora .intro .col-right
    {
        width: 70%;
    }
}

@media only screen and (max-width: 768px)
{
    .division h3
    {
        font-size: 20px;
    }

    .contact-section .contact-item .item h5
    {
        font-size: 1.250em;
    }

    .content
    {
        display: block;
    }

    .content .col-left
    {
        width: 100%;
    }

    .content .col-right
    {
        width: 100%;
    }

    .content .contact p:last-child
    {
        margin: 0 0 30px 0;
    }

    .content .contact .btn-tri
    {
        bottom: 0;
    }

    .tour-operadora .intro
    {
        display: -webkit-box;

        padding: 0 1px;
    }

    .tour-operadora .intro .welcome .title h2
    {
        font-size: 25px;

        margin: 0;
        padding: 30px;
    }

    .tour-operadora .features .description
    {
        display: block;
    }

    .tour-operadora .features .btn-tri
    {
        bottom: 0;
    }

    .tour-operadora .features .menu
    {
        position: relative;
    }

    .tour-operadora .contact .item
    {
        display: inline-block;

        width: 50%;
        margin: 0;
    }

    .tour-operadora .contact .item:last-child
    {
        width: 100%;
    }

    .capital .main .item
    {
        width: 100%;
    }

    .capital .main .item:nth-child(1)
    {
        padding: 25px 0;
    }

    .capital .main.about .item:nth-child(1)
    {
        height: 100%;
    }

    .tradi .main-tradi .main-form
    {
        height: auto;
        padding: 20px;
    }

    .tradi .main-tradi .content .item
    {
        width: 100%;
        height: -webkit-fill-available;
        margin: 0 0 0 1%;
        padding: 0 30px;
    }

    .tradi .main-tradi .content .item .card
    {
        width: 100%;
    }

    .tradi .main-tradi .content .item .card .card-img
    {
        height: auto;
    }

    .tradi .main-tradi .content .item .card .banner
    {
        margin-top: -5px;
    }
}

@media only screen and (max-width: 550px)
{
    .contact-section .contact-item .item h5
    {
        font-size: .750em;
    }
}

@media only screen and (max-width: 500px)
{
    .division h3
    {
        font-size: 16px;
    }
}

@media only screen and (max-width: 463px)
{
    .wrapper .container .line-menu
    {
        height: 60px;
    }
}

@media only screen and (min-width: 400px) and (max-width: 768px)
{
    .content.is-3 .item
    {
        padding: 0 100px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1000px)
{
    .content.is-3 .item
    {
        width: 33.33%;
    }

    .content .col-left
    {
        width: 70%;
    }

    .content .col-right
    {
        width: 30%;
    }

    .tour-operadora .features .col-left
    {
        width: 70%;
    }

    .tour-operadora .features .col-right
    {
        width: 30%;
    }

    .tour-operadora .contact .item
    {
        width: 33.3%;
        margin: 0;
    }

    .capital .main .item:nth-child(1)
    {
        width: 30%;
    }

    .capital .main .item:nth-child(2)
    {
        width: 70%;
    }

    .capital .main.about .item:nth-child(1)
    {
        width: 30%;
    }

    .capital .main.about .item:nth-child(2)
    {
        width: 70%;
    }

    .tradi .main-tradi .content .item
    {
        width: 33%;
        margin: 0 0 0 1%;
    }

    .tradi .main-tradi .content .item .card
    {
        width: 100%;
    }

    .tradi .main-tradi .content .item .card .card-img
    {
        height: auto;
    }

    .tradi .main-tradi .content .item .card .banner
    {
        margin-top: -5px;
    }
}


/*
 TOURS Y PAQUETES
 **************************************************************************/
 .slide_tours_paq > div{
	position: absolute;
	top: 170px;
	height: 150px;
}
.slide_tours_paq > img{
	width: 940px;
}
.slide_tours_paq > div > h2{
	font-family: 'Pacifico', cursive;
	font-size: 80px;
	font-weight: 100;
	line-height: 100px;
	height: 80px;
	margin: 0;
	padding: 20px 60px 60px 40px;
	color: white;
	background: #613583;
}
.slide_tours_paq > div > h3{
	font-family: 'Roboto', medium;
	font-size: 2em;
	line-height: 30px;
	position: relative;
	top: -10px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	height: 30px;
	margin: 0;
	padding: 10px 20px;
	text-transform: uppercase;
	color: white;
	background: #df045a;
}
 .line_menu{
	height: 30px;
	text-align: center;
	color: #445a00;
	background: #97c011;
}
.line_menu a{
	font-family: 'Roboto', regular;
	font-size: 1em;
	line-height: 30px;
	display: inline-block;
	margin: 0 10px;
	color: #445a00;
}

.servicios_tours{
	margin:20px 0
}
.servicios_tours section {
	display: inline-block;
 vertical-align: top;
  width: 280px;
	 margin-right: 30px;
}
.servicios_tours h4 {
	color: #613583;
	font-size: 1.8em;
	font-weight: bold;
	margin: 0;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 20px;
}
.servicios_tours a{
	color: #838383
}
.caja_tours{
	padding: 20px 10px;
	color: white;
	background: #df045a;
	width: 260px;
}

.tel_tours {
	margin-top: 50px;
}



/********************/
/*   TOUROPERADORA  */
/********************/
.head_operadoras > div{display: inline-block;}
.head_operadoras > div > img{display: block;}
.head_operadoras > div:nth-child(2){
    width: 500px;
    vertical-align: top;
    margin-left: 10px;
}
.head_operadoras > div > h2{
    background-color: #fcb401;
    padding: 10px 110px 10px 20px;
    font-family: Pacifico, cursive;
    font-weight: 200;
    filter: blur;
    color: #fff;
    position: absolute;
    top: 160px;
    font-size: 2em;
}


#info_operadoras{margin: 15px 0 50px;}
#info_operadoras > div{display: inline-block;}
#info_operadoras  > div:first-child a{color: #fff; font-weight: bold;}
#info_operadoras > div:first-child{
    margin-right: 10px;
    background-color: #e00259;
    padding: 10px 20px;
    width: 650px;
    color: #fff;
    min-height: 200px;
}
#info_operadoras > div:nth-child(2){
    vertical-align: top;
    min-height: 200px;
	width: 235px; 
	padding: 25px 0px;
	color: #fff; 
	background-color: #97c011;
}
#info_operadoras > div:nth-child(2) > ul{
    margin: 0;
    padding: 0;
}
#info_operadoras > div:nth-child(2) > ul > li{
    list-style: none;
    padding: 10px 0;
    border-bottom: 1px solid #fff;
}
#info_operadoras > div:nth-child(2) > ul > li:hover{
    background-color: #85a112;
}
.on_operadora{
    background-color: #85a112;
}
#info_operadoras > div:nth-child(2) > ul > li > a{
   color: #fff;
   padding-left: 10px;
}
#contactoTours > section > ul{
    padding-left: 0;
}