@charset "utf-8";

/* --------------------------------------------------------------------------------------------------- */
											/* CSS RESETS */
/* --------------------------------------------------------------------------------------------------- */

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{	margin:0; padding:0; border:0; outline:0; 	font-size:100%; vertical-align:baseline; background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:''; content:none;} /*remembertodefinefocusstyles!*/ :focus{outline:0;} /*remembertohighlightinsertssomehow!*/ins{text-decoration:none;}del{text-decoration:line-through;} /*tablesstillneed'cellspacing="0"'inthemarkup*/
table{border-collapse:collapse;border-spacing:0;}

/* --------------------------------------------------------------------------------------------------- */
											/* HEADER */
/* --------------------------------------------------------------------------------------------------- */

#contenedor {
	margin: 0 auto;
	font-family: 'Open Sans', sans-serif; 	
}

#header {	
	width:100%;
	height:90px; 
	background: url(../images/bg_header_g.png) center;
	position:fixed;
	z-index:1001;

}

#cont_header {	 
	width:1000px;
	height:110px;
	margin: 0 auto;	
}

#top {	 
	width:750px;
	height:24px;
	float:right;
	background-color:#b92019;
	-webkit-border-radius: 0 0 7px 7px;
	border-radius: 0 0 7px 7px;
	color:#FFF;
	padding-top:12px;
	font-size:12px;
	text-align:center;
}


h1{
	background: url(../images/logo.png) no-repeat center;
	width:185px;
	height:55px;
	float:left;
	margin-top:18px;	
	
}

h1 a{
  	display: block;
  	width: 100%;
  	height: 100%;
  	text-indent: -9999px;

}

#nav {
	width: 690px;
	margin-left:110px;
	height:43px;
	font-size:18px;
	float: left;
	position:relative;
}

#nav .link{ color:#464646; text-decoration:none; padding:16px 20px 20px 20px; float: left;}	
#nav .link:hover { color: #fff; background: #006398;}
#nav .linka { color: #fff; text-decoration:none; padding:15px 23px 14px 23px; background: url(../images/btn.png) repeat-x; float: left;}

#nav1 {
	display:none;
}


/* --------------------------------------------------------------------------------------------------- */
											/* MENU */
/* --------------------------------------------------------------------------------------------------- */


#menu {  
	text-align: center;	
	float:left;
	position: relative;
}
#menu ul { list-style-type: none;}

#menu ul li.nivel1 { 
	float: left;	
	margin-right: 2px;
	position: relative;
}
#menu ul li { float: left;}

#menu ul li a {
	display: block;
	color:#464646; text-decoration:none; padding:16px 20px 20px 20px;
	position: relative;
}
#menu ul li a:hover, #menu ul li:hover a.nivel1 {
	color: #fff; background:#006398;
	position: relative;		
}
#menu ul li a.nivel1 {display: block!important;display: none;
}
#menu ul li ul {display: none;}
#menu ul li a:hover ul, #menu ul li:hover ul {	display: block; position: absolute;width:300px;}
#menu ul li ul li a {width:150px;
font-size:14px;
padding: 11px 21px 13px 21px;
border: none;
background: #006398;
color: #fff;
text-align:left;
}

#menu ul li ul li a:hover {
position: relative;
background: url(../images/btn1a.png) repeat-x;
color: #222;
}

ul.uno {left: -0px;}


/* --------------------------------------------------------------------------------------------------- */
											/* SLIDER */
/* --------------------------------------------------------------------------------------------------- */
	
#foto {
	height:380px;
	width:100%;	
	margin: 0 auto;
	padding-top:50px;
	background: url(../images/header5.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;	
}


/* --------------------------------------------------------------------------------------------------- */
											/* NOVEDADES */
/* --------------------------------------------------------------------------------------------------- */

#pasajes {
	height:575px;
	width:100%;	
	margin: 0 auto;	
	background: url(../images/bgp.png) repeat-x top;
	margin-top:-80px;	
}

#cont_pasajes {
	height:370px;
	width:1000px;
	margin: 0 auto;
	position:relative;
	background:#fff;
	-webkit-border-radius:7px 7px 0 0;
	border-radius:7px 7px 0 0;
}

#form_pasajes {
	height:515px;
	width:340px;
	float:left;
	padding:70px 10px 25px 10px;
	background:url(../images/form.png) #4f4f4f  no-repeat;
	margin-top:-59px;
	    margin-bottom: 15px;
		-webkit-border-radius:7px 7px 0 0;
	border-radius:7px 7px 0 0;
}


.comprar {
	display:none;
}

#form_pas {
	width:340px;
	overflow:hidden;
	float:left;
}

#form_side {
	height:302px;
	width:130px;
	float:left;
	background:url(../images/form_side.png)  no-repeat;
	margin-top:0px;
	font-size:20px;
	font-weight:300;
	color:#FFF;
	padding:32px 28px 0 26px; 
}

.form_side {
	font-size:13px;
	font-weight:300;
	color:#676767;
	margin-top:55px;
	line-height:18px;
}

.azul {
	font-size:20px;
	font-weight:300;
	color:#005f92;
	margin-top:25px;
	font-style:italic;
	width:150px;
}

#info {
	height:300px;
	width:390px;
	float:left;
	margin-top:0px;
	font-size:14px;
	line-height:22px;
	font-weight:300;
	color:#505050;
	padding:36px 0px 0 35px; 
}

.tit_info {
	font-size:24px;
	line-height:40px;
	font-weight:400;
	color:#004a72;
}

.sub_info {
	font-size:36px;
	line-height:40px;
	font-weight:300;
	color:#b92019;
	margin-bottom:20px;
}

.data {
	font-size:20px;
	line-height:27px;
	font-weight:300;
	color:#004a72;
}
#frecuente {		
	float:left;	
	margin-top:7px;
	padding:20px 0 0 18px; 
	width:622px;
}

#frecuente1 {		
	display:none;
}

/* --------------------------------------------------------------------------------------------------- */
											/* PRINCIPAL */
/* --------------------------------------------------------------------------------------------------- */
	
#principal {
	height:100%;
	overflow:hidden;	
	width:100%;	
	margin: 0 auto;	
	border-bottom: #d6d6d6 1px solid;
}

#cont_principal {
	width:1000px;
	height:100%;
	overflow:hidden;
	margin: 0 auto;
	position:relative;
}

/* --------------------------------------------------------------------------------------------------- */
											/* VENTAS */
/* --------------------------------------------------------------------------------------------------- */

#banner {
	height:130px;
	width:100%;	
	margin: 0 auto;
	text-align:center;
}

#banner1 {
	display:none;
}

#banner2 {
	display:none;
}

#banner3 {
	display:none;
}

.destinos {
	width:1000px;
	height:100%;
	overflow:hidden;
	text-align:center;
	color:#666;
	margin-bottom:70px;
	background:url(../images/sombra.png) top center  no-repeat;
}

.tabla {
	width:950px;
	height:100%;
	overflow:hidden;
	margin-left:25px;
	margin-bottom:0px;
	float:left;
}

.tit_tabla {
	width:900px;
	height:100%;
	overflow:hidden;
	margin:50px 50px 30px 50px;
	float:left;
}


.bar1 {
	width:237px;
	height:28px;
	float:left;
	background-color:#b92019;
	text-align:center;
	color:#FFF;
	font-size:15px;
	padding:12px 0 0 0;
	-webkit-border-radius:7px 0px 0 0;
	border-radius:7px 0px 0 0;
}

.bar2 {
	width:237px;
	height:28px;
	float:left;
	background-color:#666;
	text-align:center;
	color:#FFF;
	font-size:15px;
	padding:12px 0 0 0;
}

.bar2a {
	width:237px;
	height:28px;
	float:left;
	background-color:#666;
	text-align:center;
	color:#FFF;
	font-size:15px;
	padding:12px 0 0 0;
}

.bar3 {
	width:237px;
	height:28px;
	float:left;
	background-color:#006297;
	text-align:center;
	color:#FFF;
	font-size:15px;
	padding:12px 0 0 0;
	-webkit-border-radius:0px 7px 0 0;
	border-radius:0px 7px 0 0;
}

.col1 {
	width:235px;
	height:25px;
	border-right:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	border-left:1px solid #d1d1d1;
	float:left;
	background-color:#fff;
	text-align:center;
	color:#b92019;
	font-size:12px;
	padding:13px 0 0 0;
}

.col2 {
	width:235px;
	height:25px;
	border-right:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	float:left;
	background-color:#fff;
	text-align:center;
	color:#666;
	font-size:12px;
	padding:13px 0 0 0;
}

.col3 {
	width:236px;
	height:25px;
	border-right:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	float:left;
	background-color:#fff;
	text-align:center;
	color:#006297;
	font-size:12px;
	padding:13px 0 0 0;
}


/*========================================================================================*/
/*                                         HOOVER                                         */
/*========================================================================================*/


div.fadehover {
	position: relative;
	float:left;
	width:auto;
	}

img.test {
	position: absolute;
	left: 0;
	top: 0;
    z-index: 10;
	}
	
img.test2 {
	position: absolute;
	left: 0;
	top: 0;
	}



/* --------------------------------------------------------------------------------------------------- */
											/* DATOS */
/* --------------------------------------------------------------------------------------------------- */

#datos {	
	width:100%;	
	height:100%;
	overflow:hidden;
	margin: 0 auto;
	background: #f0f0f0;
}

#cont_datos {	
	width:1000px;
	height:230px;
	margin: 0 auto;
}

#top_datos {	
	width:1000px;
	height:14px;
	margin: 0 auto;
	background-color:#b92019;
	-webkit-border-radius: 0 0 7px 7px;
	border-radius: 0 0 7px 7px;
}

#menu_datos {	
	width:303px;
	padding-left:20px;
	height:256px;
	float:left;
}

.tit_datos {
	color: #b92019;
	font-size:24px;
	font-weight:300;
	margin-bottom:13px;
	padding-bottom:5px;
	margin-top:43px;
	border-bottom:1px solid #b92019;
	width:270px;
}

.linkd {
	color: #616161;
	font-size:13px;
	float:left;
	font-weight:400;
	width:135px;
	text-decoration:none;
	line-height:20px;
}

.linkd:hover {
	color: #df244c;
}
.linkd2 {
	color: #616161;
	font-size:13px;
	float:left;
	font-weight:400;
	width:235px;
	text-decoration:none;
	line-height:20px;
}

.linkd2:hover {
	color: #df244c;
}

#info_datos {
	width:340px;
	height:256px;
	float:left;
	background: url(../images/bg_info.png) repeat-y #000;
}

.logo {
	width:185px;
	height:55px;	
	margin-top:40px;
	margin-left:77px;
	float:left;
	font-size:16px;
}

.txt_info {
	width:185px;
	height:55px;	
	margin-top:15px;
	margin-left:77px;
	float:left;
	font-size:13px;
	color:#616161;
	text-align:center;
	line-height:18px;
}

#social {
	width:295px;
	height:256px;
	padding-left:40px;
	float:left;
	background: url(../images/bg_info.png) repeat-y #000;
	overflow:hidden;
}

.tit_social {
	color: #006398;
	font-size:24px;
	font-weight:300;
	margin-bottom:0px;
	padding-bottom:5px;
	margin-top:43px;
	border-bottom:1px solid #006398;
	width:260px;
}

.cont_social {
	width:295px;
	height:150px;
	overflow:hidden;
}


/* --------------------------------------------------------------------------------------------------- */
											/* FOOTER */
/* --------------------------------------------------------------------------------------------------- */
#footer {
	height: 36px;
	width: 100%;
	margin: 0 auto;
	font-family: 'Quattrocento Sans', sans-serif;
	background: #f0f0f0;

}

#cont_footer {
	height: 23px;
	width: 1000px;
	text-align: center;
	margin: 0 auto;
	color: #fff;
	font-size:12px;
	background-color:#b92019;
	-webkit-border-radius: 7px 7px 0 0;
	border-radius:7px 7px 0 0;
	padding-top:13px;


}

#footer a { color:#fff; text-decoration:none;}
	
#footer a:hover { color: #ddd;}


/* --------------------------------------------------------------------------------------------------- */


										/* TABLETS */
										
										
/* --------------------------------------------------------------------------------------------------- */	


@media only screen and (min-width: 768px) and (max-width: 959px) {
	
#header {	
	width:100%;
	height:130px; 
	background: url(../images/bg_header_m.png) center bottom ;
	position:fixed;
	z-index:1001;

}

#cont_header {	 
	width:760px;
	height:130px;
	margin: 0 auto;	
}

#top {	 
	width:760px;
	height:24px;
	float:right;
	background-color:#b92019;
	-webkit-border-radius: 0 0 7px 7px;
	border-radius: 0 0 7px 7px;
	color:#FFF;
	padding-top:12px;
	font-size:12px;
	text-align:center;
}


h1{
	background: url(../images/logo.png) no-repeat center;
	width:185px;
	height:55px;
	float:left;
	margin-top:25px;	
	
}

h1 a{
  	display: block;
  	width: 100%;
  	height: 100%;
  	text-indent: -9999px;

}

#nav {
	width: auto;
	margin-left:0px;
	margin-top:40px;
	height:43px;
	font-size:18px;
	float: right;
	position:relative;
}

#nav .link{ color:#464646; text-decoration:none; padding:16px 11px 20px 11px; float: left;}	
#nav .link:hover { color: #fff; background: #006398;}
#nav .linka { color: #fff; text-decoration:none; padding:15px 23px 14px 23px; background: url(../images/btn.png) repeat-x; float: left;}


/* --------------------------------------------------------------------------------------------------- */
											/* MENU */
/* --------------------------------------------------------------------------------------------------- */


#menu {  
	text-align: center;	
	float:left;
	position: relative;
}
#menu ul { list-style-type: none;}

#menu ul li.nivel1 { 
	float: left;	
	margin-right: 2px;
	position: relative;
}
#menu ul li { float: left;}

#menu ul li a {
	display: block;
	color:#464646; text-decoration:none; padding:16px 20px 20px 20px;
	position: relative;
}
#menu ul li a:hover, #menu ul li:hover a.nivel1 {
	color: #fff; background:#006398;
	position: relative;		
}
#menu ul li a.nivel1 {display: block!important;display: none;
}
#menu ul li ul {display: none;}
#menu ul li a:hover ul, #menu ul li:hover ul {	display: block; position: absolute;width: 300px;}
#menu ul li ul li a {width: 150px;
font-size:14px;
padding: 11px 21px 13px 21px;
border: none;
background: #006398;
color: #fff;
text-align:left;
}

#menu ul li ul li a:hover {
position: relative;
background: url(../images/btn1a.png) repeat-x;
color: #222;
}

ul.uno {left: -0px;}


/* --------------------------------------------------------------------------------------------------- */
											/* SLIDER */
/* --------------------------------------------------------------------------------------------------- */
	
#foto {
	width: 100%;
	position: relative;
	background: url(../images/header5.jpg) no-repeat center 80px;
	margin-bottom: 50px;
	height: 450px;
}


/* --------------------------------------------------------------------------------------------------- */
											/* NOVEDADES */
/* --------------------------------------------------------------------------------------------------- */

#pasajes {
	height:360px;
	width:100%;	
	margin: 0 auto;	
	
	
}

#cont_pasajes {
	height:360px;
	width:760px;
	margin: 0 auto;
	position:relative;
	margin-top:-130px;	
	background:#fff;
	-webkit-border-radius:7px 7px 0 0;
	border-radius:7px 7px 0 0;
}

#form_pasajes {
	height:384px;
	width:340px;
	float:left;
	padding:85px 60px 5px 60px;
	background:url(../images/form1.png) #fff  no-repeat;
	margin-top:-59px;
	-webkit-border-radius:7px 7px 0 7px;
	border-radius:7px 7px 0 7px;
}
.comprar {
	display:none;
}

#form_side {
	height:315px;
	width:200px;
	float:left;
	background:url(../images/form_side1.png) right  no-repeat;
	margin-top:-1px;
	font-size:26px;
	font-weight:300;
	color:#FFF;
	padding:20px 50px 0 50px; 
	border-radius:0 7px 7px 0;
	line-height:28px;
}

.form_side {
	font-size:14px;
	font-weight:300;
	color:#676767;
	margin-top:55px;
	line-height:22px;
}

.azul {
	font-size:20px;
	font-weight:300;
	color:#005f92;
	margin-top:25px;
	font-style:italic;
	width:150px;
}

#info {
	height:150px;
	width:700px;
	float:left;
	margin-top:0px;
	font-size:14px;
	line-height:20px;
	font-weight:300;
	color:#505050;
	padding:25px 30px 0 35px; 
}

.tit_info {
	font-size:30px;
	line-height:50px;
	font-weight:400;
	color:#004a72;
}

.sub_info {
	font-size:40px;
	line-height:28px;
	font-weight:300;
	color:#b92019;
	margin-bottom:15px;
}


/* --------------------------------------------------------------------------------------------------- */
											/* QUIENES */
/* --------------------------------------------------------------------------------------------------- */
	
#principal {
	height:100%;
	overflow:hidden;	
	width:100%;	
	margin: 0 auto;	
}

#cont_principal {
	width:760px;
	height:100%;
	overflow:hidden;	
	margin: 0 auto;
	position:relative;
}

/* --------------------------------------------------------------------------------------------------- */
											/* VENTAS */
/* --------------------------------------------------------------------------------------------------- */

#banner {
	display:none;
}

#banner2 {
	display:none;
}

#banner3 {
	display:none;
}

#banner1 {
	width:100%;
	margin: 0 auto;
	position:relative;
	height:130px;
	text-align:center;
	clear: left;
	display:block;
}

.destinos {
	width:760px;
	height:100%;
	overflow:hidden;
	text-align:center;
	color:#666;
	margin-bottom:70px;
	background:url(../images/sombra.png) top center  no-repeat;
}

.tabla {
	width:740px;
	height:100%;
	overflow:hidden;
	margin-left:10px;
	margin-bottom:0px;
	float:left;
}

.tit_tabla {
	width:660px;
	height:100%;
	overflow:hidden;
	margin:50px 50px 30px 50px;
	float:left;
}


.bar1 {
	width:185px;
	height:28px;
	float:left;
	background-color:#b92019;
	text-align:center;
	color:#FFF;
	font-size:15px;
	padding:12px 0 0 0;
	-webkit-border-radius:7px 0px 0 0;
	border-radius:7px 0px 0 0;
}

.bar2 {
	width:185px;
	height:28px;
	float:left;
	background-color:#666;
	text-align:center;
	color:#FFF;
	font-size:15px;
	padding:12px 0 0 0;
}

.bar2a {
	width:185px;
	height:28px;
	float:left;
	background-color:#666;
	text-align:center;
	color:#FFF;
	font-size:15px;
	padding:12px 0 0 0;
}

.bar3 {
	width:185px;
	height:28px;
	float:left;
	background-color:#006297;
	text-align:center;
	color:#FFF;
	font-size:15px;
	padding:12px 0 0 0;
	-webkit-border-radius:0px 7px 0 0;
	border-radius:0px 7px 0 0;
}

.col1 {
	width:183px;
	height:25px;
	border-right:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	border-left:1px solid #d1d1d1;
	float:left;
	background-color:#fff;
	text-align:center;
	color:#b92019;
	font-size:12px;
	padding:13px 0 0 0;
}

.col2 {
	width:183px;
	height:25px;
	border-right:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	float:left;
	background-color:#fff;
	text-align:center;
	color:#666;
	font-size:12px;
	padding:13px 0 0 0;
}

.col3 {
	width:184px;
	height:25px;
	border-right:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	float:left;
	background-color:#fff;
	text-align:center;
	color:#006297;
	font-size:12px;
	padding:13px 0 0 0;
}

/*========================================================================================*/
/*                                         HOOVER                                         */
/*========================================================================================*/


div.fadehover {
	position: relative;
	float:left;
	width:auto;
	}

img.test {
	position: absolute;
	left: 0;
	top: 0;
    z-index: 10;
	}
	
img.test2 {
	position: absolute;
	left: 0;
	top: 0;
	}

/* --------------------------------------------------------------------------------------------------- */
										/* CSS FORMULARIO */
/* --------------------------------------------------------------------------------------------------- */


#contact {display: block; width:700px; height:450px; padding:0px; margin-left:30px; float:left;}

#contact p, label, legend {
	color: #3e3e3d;
}

#contactform{
    width: 700px;
	position:relative;
	margin-top:0px;
}

/* Form style */

mark.validate {display: inline-block; margin: 12px 0 0 10px; width: 16px; height: 16px; background: transparent none;}
mark.valid {background: url(../assets/success.gif) no-repeat top left;}
mark.error {background: url(../assets/error.gif) no-repeat top left;}

#contact label {display: inline-block; float: left; height: 1em; line-height: 1em; padding: 0px; font-size: 16px; margin:12px 0 0 0 ; clear: both; color:#3e3e3d;}
#contact label small { font-size: 12px; color: #444;}
#contact label.verify { padding: 0; margin: 2px 10px 2px 0; width: 145px; text-align: left;}
#contact label.verify img {padding:1px;}

#contact input, #contact textarea, #contact select, #comments { width: 300px; padding: 8px 5px; color: #333; background:#eee; margin:3px 0 0 0; font-size:15px; border: 1px solid #d1d1d2; box-shadow:none;}
#contact select {width: 250px; margin: 5px 0;box-shadow:none}
#contact input#verify { width: 55px; margin-top:2px; box-shadow:none}
#contact textarea {width: 300px; box-shadow:none}
#contact input:focus, #contact textarea:focus, #contact select:focus { background-color: #dfdede; color:#333; outline: none; position: relative; box-shadow:none;	z-index: 5;}
#contact input.error, #contact textarea.error, #contact select.error {background: #dfdede; color:#333; box-shadow:none;}

#contact input.submit {width:126px; text-align:center; border: none; margin-top:0px; text-decoration: none; font-size: 20px; color: #fff; background: #006398; padding: 5px 15px 4px 15px; float: right; cursor:pointer; margin-right:10px;}
#contact input.submit:hover {background: #004a72; transition: none; -webkit-transition: none; -moz-transition: none;}
#contact input.submit:active, #contact input.submit:focus {top: 1px;box-shadow:none}
#contact input[type="submit"][disabled] { background:#888; }

#contact legend { padding:7px 10px; font-weight:bold; color:#000; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 13px; color: #ff0000; box-shadow:none} /* Select the colour of the * if the field is required. */

#message { margin: 1em 0; padding: 0; display: block; background: transparent none; }
.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }

.loader { padding: 0 10px; }

acronym { border-bottom:1px dotted #ccc; }
fieldset { color:#383838; font-size:16px; float:left;}

.verificar {float:left; height:30px; width:80px; margin-top:5px; margin-left:80px; margin-right:35px;}  /* imagen del captcha */
.veri { float:left; height:30px; width:70px; margin-top:0px; margin-right:30px; padding:0; } /* campo para el captcha */

#success_page { color:#383838; font-size:15px; float:left; position:relative; font:15px 'Open Sans', sans-serif;}

#success_page h3 { color:#383838; font-size:15px; float:left; position:relative;}


#enviado {
	color: #383838;
    float: left;
    font: 700 22px 'peugeotregular';;
    margin-left: 15px;
    margin-top: 22px;
    position: relative;
    text-align: right;
    width: 530px;
	}
	
#gracias {
	color: #383838;
    float: left;
    font: 400 16px 'peugeotregular';
    margin-left: 15px;
    margin-top: 20px;
    text-align: center;
    width: 530px;
	}


.form_left {
	color: #EBEBEB;
    float: left;
    margin-left: 15px;
    margin-top: 0px;
    width: 350px;
}

.form_right {
	color: #EBEBEB;
    float: left;
    margin-left: 15px;
    margin-top: 20px;
    width: 250px;
	margin-left:275px;
	margin-top:-122px;
}

.form_bottom {
    float: left;
    width: 250px;
	margin-left:15px;
	margin-top:0px;
	margin-bottom:20px;
}

/* --------------------------------------------------------------------------------------------------- */
											/* DATOS */
/* --------------------------------------------------------------------------------------------------- */

#datos {	
	width:100%;	
	height:256px;
	margin: 0 auto;
	background: #f0f0f0;
}

#cont_datos {	
	width:760px;
	height:256px;
	margin: 0 auto;
}

#top_datos {	
	width:760px;
	height:14px;
	margin: 0 auto;
	background-color:#b92019;
	-webkit-border-radius: 0 0 7px 7px;
	border-radius: 0 0 7px 7px;
}

#menu_datos {	
	width:270px;
	padding-left:0px;
	height:216px;
	float:left;
}

.tit_datos {
	color: #b92019;
	font-size:24px;
	font-weight:300;
	margin-bottom:13px;
	padding-bottom:5px;
	margin-top:43px;
	border-bottom:1px solid #b92019;
	width:245px;
}

.linkd {
	color: #616161;
	font-size:13px;
	float:left;
	font-weight:400;
	width:135px;
	text-decoration:none;
	line-height:20px;
}

.linkd:hover {
	color: #df244c;
}


#info_datos {
	width:260px;
	height:256px;
	float:left;
	background: url(../images/bg_info.png) repeat-y #000;
}

.logo {
	width:185px;
	height:55px;	
	margin-top:40px;
	margin-left:37px;
	float:left;
	font-size:16px;
}

.txt_info {
	width:185px;
	height:55px;	
	margin-top:15px;
	margin-left:37px;
	float:left;
	font-size:13px;
	color:#616161;
	text-align:center;
	line-height:18px;
}

#social {
	width:210px;
	height:256px;
	padding-left:20px;
	float:left;
	background: url(../images/bg_info.png) repeat-y #000;
}

.tit_social {
	color: #006398;
	font-size:24px;
	font-weight:300;
	margin-bottom:13px;
	padding-bottom:5px;
	margin-bottom:-5px;
	margin-top:43px;
	border-bottom:1px solid #006398;
	width:210px;
}


/* --------------------------------------------------------------------------------------------------- */
											/* FOOTER */
/* --------------------------------------------------------------------------------------------------- */
#footer {
	height: 36px;
	width: 100%;
	margin: 0 auto;
	font-family: 'Quattrocento Sans', sans-serif;
	background: #f0f0f0;

}

#cont_footer {
	height: 23px;
	width: 760px;
	text-align: center;
	margin: 0 auto;
	color: #fff;
	font-size:12px;
	background-color:#b92019;
	-webkit-border-radius: 7px 7px 0 0;
	border-radius:7px 7px 0 0;
	padding-top:13px;


}

#footer a { color:#fff; text-decoration:none;}
	
#footer a:hover { color: #ddd;}



}



/* --------------------------------------------------------------------------------------------------- */


											/* MOVIL HORIZONTAL */
											
											
/* --------------------------------------------------------------------------------------------------- */



@media only screen  and (max-width: 767px) {

#header {	
	width:100%;
	height:150px; 
	background: url(../images/bg_header_s.png) center bottom ;
	position: absolute;
	z-index:1001;

}

#cont_header {	 
	width:480px;
	height:150px;
	margin: 0 auto;	
}

#top {	 
	width:400px;
	height:44px;
	float:right;
	background-color:#b92019;
	-webkit-border-radius: 0 0 7px 7px;
	border-radius: 0 0 7px 7px;
	color:#FFF;
	padding:12px 40px 0 40px;
	font-size:12px;
	line-height:16px;
	text-align:center;
}


h1{
	background: url(../images/logo.png) no-repeat center;
	width:185px;
	height:55px;
	float:left;
	margin-top:25px;	
	
}

h1 a{
  	display: block;
  	width: 100%;
  	height: 100%;
  	text-indent: -9999px;

}

#nav {
	display:none;
}

#nav1 {
	display: block;
	width: auto;
	margin-left:0px;
	margin-top:40px;
	height:43px;
	font-size:18px;
	font-weight:400;
	float: right;
	position:relative;
}


/* --------------------------------------------------------------------------------------------------- */
											/* MENU */
/* --------------------------------------------------------------------------------------------------- */


#menu {  
	text-align: center;	
	float: left;
	position: relative;
	text-transform:uppercase;
}
#menu ul { list-style-type: none;}

#menu ul li.nivel1 { 
	float: left;	
	margin-right: 2px;
	position: relative;
}
#menu ul li { float: left;}

#menu ul li a {
	display: block;	
	color:#464646; text-decoration:none; padding:16px 0px 20px 0px; width: 160px;
	position: relative;
	background:#fff;
}
#menu ul li a:hover, #menu ul li:hover a.nivel1 {
	color: #fff; background:#006398;
	position: relative;		
}
#menu ul li a.nivel1 {display: block!important;display: none;
}
#menu ul li ul {display: none;}
#menu ul li a:hover ul, #menu ul li:hover ul {display: block; position: absolute; width: 480px;}
#menu ul li ul li a {width: 134px;
font-size:12px;
padding: 13px;
border: none;
background: #006398;
color: #fff;
}

#menu ul li ul li a:hover {
position: relative;
background: #fff;
color: #222;
}

ul.uno {left: -320px;}


/* --------------------------------------------------------------------------------------------------- */
											/* SLIDER */
/* --------------------------------------------------------------------------------------------------- */
	
#foto {
	width: 100%;
	position: relative;
	background: url(../images/header5.jpg) no-repeat center 40px;
	margin-bottom: 10px;
	height: 400px;
}


/* --------------------------------------------------------------------------------------------------- */
											/* NOVEDADES */
/* --------------------------------------------------------------------------------------------------- */

#pasajes {
	height:827px;
	width:100%;	
	margin: 0 auto;	
}

#cont_pasajes {
	height:720px;
	width:480px;
	margin: 0 auto;
	position:relative;
	margin-top:-130px;	
	background:#fff;
	-webkit-border-radius:7px 7px 0 0;
	border-radius:7px 7px 0 0;
}

#form_pasajes {
	height:380px;
	width:340px;
	float:left;
	padding-top:62px;
	padding:85px 80px 5px 60px;
	background:url(../images/form1.png) #fff  no-repeat;
	margin-top:0px;
	-webkit-border-radius:7px;
	border-radius:7px ;
}

.comprar {
	display:none;
}

#form_side {
	display:none;
}

.form_side {
	font-size:13px;
	font-weight:400;
	color:#676767;
	margin-top:55px;
	line-height:18px;
}

.azul {
	font-size:20px;
	font-weight:300;
	color:#005f92;
	margin-top:25px;
	font-style:italic;
	width:150px;
}

#info {
	height:200px;
	width:400px;
	float:left;
	margin-top:0px;
	font-size:15px;
	line-height:20px;
	font-weight:400;
	color:#505050;
	padding:25px 0px 0 40px; 
}

.tit_info {
	font-size:25px;
	line-height:43px;
	font-weight:400;
	color:#004a72;
}

.sub_info {
	font-size:37px;
	line-height:28px;
	font-weight:300;
	color:#b92019;
	margin-bottom:15px;
}


/* --------------------------------------------------------------------------------------------------- */
											/* QUIENES */
/* --------------------------------------------------------------------------------------------------- */
	
#principal {
	height:100%;
	overflow:hidden;	
	width:100%;	
	margin: 0 auto;	
}

#cont_principal {
	width:480px;
	overflow:hidden;	
	height:100%;	
	margin: 0 auto;
	position:relative;
}

/* --------------------------------------------------------------------------------------------------- */
											/* VENTAS */
/* --------------------------------------------------------------------------------------------------- */

#banner {
	display:none;
}

#banner1 {
	display:none;
}

#banner3 {
	display:none;
}

#banner2 {
	width:100%;
	margin: 0 auto;
	position:relative;
	height:130px;
	text-align:center;
	clear: left;
	display:block;
}

.destinos {
	width:480px;
	height:100%;
	overflow:hidden;
	text-align:center;
	color:#666;
	margin-bottom:70px;
	background:url(../images/sombra.png) top center  no-repeat;
}

.tabla {
	width:460px;
	height:100%;
	overflow:hidden;
	margin-left:10px;
	margin-bottom:0px;
	float:left;
}

.tit_tabla {
	width:460px;
	height:100%;
	overflow:hidden;
	margin:30px 10px 30px 10px;
	float:left;
}


.bar1 {
	width:230px;
	height:28px;
	float:left;
	background-color:#b92019;
	text-align:center;
	color:#FFF;
	font-size:15px;	
	padding:12px 0 0 0;
	-webkit-border-radius:7px 0px 0 0;
	border-radius:7px 0px 0 0;
}

.bar2 {
	display:none
}

.bar2a {
	display:none
}

.bar3 {
	width:230px;
	height:28px;
	float:left;
	background-color:#006297;
	text-align:center;
	color:#FFF;
	font-size:15px;
	padding:12px 0 0 0;
	-webkit-border-radius:0px 7px 0 0;
	border-radius:0px 7px 0 0;
}

.col1 {
	width:228px;
	height:31px;
	border-right:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	border-left:1px solid #d1d1d1;
	float:left;
	background-color:#fff;
	text-align:center;
	color:#b92019;
	font-size:12px;
	line-height:14px;
	padding:10px 0 0 0;
}

.col1a {
	width:228px;
	height:31px;
	border-right:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	border-left:1px solid #d1d1d1;
	float:left;
	background-color:#eaeaea;
	text-align:center;
	color:#b92019;
	font-size:12px;
	line-height:14px;
	padding:10px 0 0 0;
}

.col2 {
	display:none
}

.col3 {
	width:229px;
	height:31px;
	border-right:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	float:left;
	background-color:#fff;
	text-align:center;
	color:#006297;
	font-size:12px;
	line-height:14px;
	padding:10px 0 0 0;
}

.col3a {
	width:229px;
	height:31px;
	border-right:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	float:left;
	background-color:#eaeaea;
	text-align:center;
	color:#006297;
	font-size:12px;
	line-height:14px;
	padding:10px 0 0 0;
}

/*========================================================================================*/
/*                                         HOOVER                                         */
/*========================================================================================*/


div.fadehover {
	position: relative;
	float:left;
	width:auto;
	}

img.test {
	position: absolute;
	left: 0;
	top: 0;
    z-index: 10;
	}
	
img.test2 {
	position: absolute;
	left: 0;
	top: 0;
	}



/* --------------------------------------------------------------------------------------------------- */
											/* DATOS */
/* --------------------------------------------------------------------------------------------------- */

#datos {	
	width:100%;	
	height:520px;
	margin: 0 auto;
	background: #f0f0f0;
}

#cont_datos {	
	width:480px;
	height:520px;
	margin: 0 auto;
}

#top_datos {	
	width:480px;
	height:14px;
	margin: 0 auto;
	background-color:#b92019;
	-webkit-border-radius: 0 0 7px 7px;
	border-radius: 0 0 7px 7px;
}

#menu_datos {	
	width:220px;
	padding-left:20px;
	height:300px;
	float:left;
}

.tit_datos {
	color: #b92019;
	font-size:24px;
	font-weight:300;
	margin-bottom:13px;
	padding-bottom:5px;
	margin-top:43px;
	border-bottom:1px solid #b92019;
	width:190px;
}

.linkd {
	color: #616161;
	font-size:13px;
	float:left;
	font-weight:400;
	width:200px;
	text-decoration:none;
	line-height:20px;
}

.linkd:hover {
	color: #df244c;
}


#info_datos {
	width:220px;
	padding-left:20px;
	height:310px;
	float:left;
	background: url(../images/bg_info.png) repeat-y;
}

.logo {
	width:185px;
	height:55px;	
	margin-top:60px;
	margin-left:12px;
	float:left;
	font-size:16px;
}

.txt_info {
	width:200px;
	height:70px;	
	margin-top:15px;
	margin-left:0px;
	float:left;
	font-size:13px;
	color:#616161;
	text-align:center;
	line-height:18px;
}

#social {
	width:460px;
	padding-left:40px;
	height:240px;
	padding-left:20px;
	float:left;
	background: url(../images/bg_info.png) no-repeat -105px;
}

.tit_social {
	color: #006398;
	font-size:24px;
	font-weight:300;
	margin-bottom:13px;
	padding-bottom:5px;
	margin-top:33px;
	border-bottom:1px solid #006398;
	width:440px;
}


/* --------------------------------------------------------------------------------------------------- */
											/* FOOTER */
/* --------------------------------------------------------------------------------------------------- */
#footer {
	height: 56px;
	width: 100%;
	margin: 0 auto;
	font-family: 'Quattrocento Sans', sans-serif;
	background: #f0f0f0;

}

#cont_footer {
	height: 43px;
	width: 440px;
	text-align: center;
	margin: 0 auto;
	color: #fff;
	font-size:12px;
	line-height:16px;
	background-color:#b92019;
	-webkit-border-radius: 7px 7px 0 0;
	border-radius:7px 7px 0 0;
	padding:0 20px 0 20px;
	padding-top:13px;


}

#footer a { color:#fff; text-decoration:none;}
	
#footer a:hover { color: #ddd;}
	
	
}


/* --------------------------------------------------------------------------------------------------- */


											/* MOVIL VERTICAL */
											
											
/* --------------------------------------------------------------------------------------------------- */


@media only screen  and (max-width: 480px) {

#header {	
	width:100%;
	height:260px;
	background-image:none;
	position: relative;
	z-index:1001;

}

#cont_header {	 
	width:300px;
	height:260px;
	margin: 0 auto;	
}

#top {	 
	width:260px;
	height:64px;
	float:right;
	background-color:#b92019;
	-webkit-border-radius: 0 0 7px 7px;
	border-radius: 0 0 7px 7px;
	color:#FFF;
	padding:12px 20px 0 20px;
	font-size:12px;
	line-height:16px;
	text-align:center;
}


h1{
	background: url(../images/logo.png) no-repeat center;
	width:300px;
	height:55px;
	float:left;
	margin-top:25px;	
	
}

h1 a{
  	display: block;
  	width: 100%;
  	height: 100%;
  	text-indent: -9999px;

}

#nav {
	display:none;
}

#nav1 {
	display: block;
	width: auto;
	margin-left:0px;
	margin-top:20px;
	height:43px;
	font-size:18px;
	font-weight:400;
	float: right;
	position:relative;
}


/* --------------------------------------------------------------------------------------------------- */
											/* MENU */
/* --------------------------------------------------------------------------------------------------- */


#menu {  
	text-align: center;	
	float: left;
	position: relative;
	text-transform:uppercase;
}
#menu ul { list-style-type: none;}

#menu ul li.nivel1 { 
	float: left;	
	margin-right: 0px;
	position: relative;
}
#menu ul li { float: left;}

#menu ul li a {
	display: block;	
	color:#fff; text-decoration:none; padding:16px 0px 16px 0px; width: 300px;
	position: relative;
	background:#006398;
}
#menu ul li a:hover, #menu ul li:hover a.nivel1 {
	color: #fff; background:#666;
	position: relative;		
}
#menu ul li a.nivel1 {display: block!important;display: none;
}
#menu ul li ul {display: none;}
#menu ul li a:hover ul, #menu ul li:hover ul {	display: block; position: absolute; width: 300px;}
#menu ul li ul li a {width: 274px;
font-size:16px;
padding: 13px;
border: none;
background: #006398;
color: #fff;
}

#menu ul li ul li a:hover {
position: relative;
background: #666;
color: #fff;
}

ul.uno {left: 0px;}


/* --------------------------------------------------------------------------------------------------- */
											/* SLIDER */
/* --------------------------------------------------------------------------------------------------- */
	
#foto {	
	width:100%;	
	height:400px;
	margin: 0 auto;
	position:relative;
	display:none;
}


/* --------------------------------------------------------------------------------------------------- */
											/* NOVEDADES */
/* --------------------------------------------------------------------------------------------------- */

#pasajes {
	height:100%;
	overflow:hidden;
	width:100%;	
	margin: 0 auto;	
	
	
}

#cont_pasajes {
	height:100%;
	overflow:hidden;
	width:300px;
	margin: 0 auto;
	position:relative;
	margin-top:0px;	
	background:#fff;
	-webkit-border-radius:7px 7px 0 0;
	border-radius:7px 7px 0 0;
	
}

#form_pasajes {
	height:200px;
	margin-left:0px;
	width:300px;
	padding:0;
	float:left;
	background:url(../images/form.png)  no-repeat;
	margin-top:-1px;
	-webkit-border-radius:7px;
	border-radius:7px 7px 0px 0px;
}

.comprar {
	display: block;
	width:300px;
	height:130px;
	background:#000 url(../images/comprar.png)  no-repeat;
	float:left;
	margin-top:59px;
}

.comprar:hover {
	background:#333 url(../images/comprar.png)  no-repeat;
}


#form_pas {
	display:none;
}


#form_side {
	height:312px;
	margin-left:0px;
	width:220px;
	float:left;
	background:url(../images/form_side1.png)  no-repeat;
	margin-top:0px;
	font-size:29px;
	font-weight:300;
	color:#FFF;
	padding:20px 40px 0 40px; 
	border-radius: 0 0 7px 7px;
	display:block;
}

.azul {
	font-size:30px;
	font-weight:300;
	color:#005f92;
	margin-top:25px;
	font-style:italic;
	width:220px;
}

#info {
	height:280px;
	width:280px;
	float:left;
	margin-top:0px;
	font-size:15px;
	line-height:20px;
	font-weight:400;
	color:#505050;
	padding:25px 0px 50px 10px;	
}

.tit_info {
	font-size:20px;
	line-height:40px;
	font-weight:400;
	color:#004a72;
}

.sub_info {
	font-size:50px;
	line-height:55px;
	font-weight:300;
	color:#b92019;
	margin-bottom:15px;
}
#frecuente {		
	display:none;
}

#frecuente1 {	
	float: left;
    margin-top: 0;
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 20px;
	
}


/* --------------------------------------------------------------------------------------------------- */
											/* QUIENES */
/* --------------------------------------------------------------------------------------------------- */
	
#principal {
	height:100%;
	overflow:hidden;	
	width:100%;	
	margin: 0 auto;	
}

#cont_principal {
	width:300px;
	height:100%;
	overflow:hidden;
	margin: 0 auto;
	position:relative;
}

/* --------------------------------------------------------------------------------------------------- */
											/* VENTAS */
/* --------------------------------------------------------------------------------------------------- */

#banner {
	display:none;
}

#banner1 {
	display:none;
}

#banner2 {
	display:none;
}

#banner3 {
	width:100%;
	margin: 0 auto;
	position:relative;
	height:210px;
	text-align:center;
	clear: left;
	display:block;
}

.destinos {
	width:300px;
	height:100%;
	overflow:hidden;
	text-align:center;
	color:#666;
	margin-bottom:70px;
	background:url(../images/sombra.png) top center  no-repeat;
}

.tabla {
	width:300px;
	height:100%;
	overflow:hidden;
	margin-left:0px;
	margin-bottom:0px;
	float:left;
}

.tit_tabla {
	width:260px;
	height:100%;
	overflow:hidden;
	margin:30px 10px 30px 10px;
	float:left;
}


.bar1 {
	width:150px;
	height:28px;
	float:left;
	background-color:#b92019;
	text-align:center;
	color:#FFF;
	font-size:15px;	
	padding:12px 0 0 0;
	-webkit-border-radius:7px 0px 0 0;
	border-radius:7px 0px 0 0;
}

.bar3 {
	width:150px;
	height:28px;
	float:left;
	background-color:#006297;
	text-align:center;
	color:#FFF;
	font-size:15px;
	padding:12px 0 0 0;
	-webkit-border-radius:0px 7px 0 0;
	border-radius:0px 7px 0 0;
}

.col1 {
	width:148px;
	height:45px;
	border-right:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	border-left:1px solid #d1d1d1;
	float:left;
	background-color:#fff;
	text-align:center;
	color:#b92019;
	font-size:12px;
	line-height:14px;
	padding:10px 0 0 0;
}

.col1a {
	width:148px;
	height:45px;
	border-right:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	border-left:1px solid #d1d1d1;
	float:left;
	background-color:#eaeaea;
	text-align:center;
	color:#b92019;
	font-size:12px;
	line-height:14px;
	padding:10px 0 0 0;
}

.col3 {
	width:149px;
	height:45px;
	border-right:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	float:left;
	background-color:#fff;
	text-align:center;
	color:#006297;
	font-size:12px;
	line-height:14px;
	padding:10px 0 0 0;
}

.col3a {
	width:149px;
	height:45px;
	border-right:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	float:left;
	background-color:#eaeaea;
	text-align:center;
	color:#006297;
	font-size:12px;
	line-height:14px;
	padding:10px 0 0 0;
}



/*========================================================================================*/
/*                                         HOOVER                                         */
/*========================================================================================*/


div.fadehover {
	position: relative;
	float:left;
	width:auto;
	}

img.test {
	position: absolute;
	left: 0;
	top: 0;
    z-index: 10;
	}
	
img.test2 {
	position: absolute;
	left: 0;
	top: 0;
	}



/* --------------------------------------------------------------------------------------------------- */
											/* DATOS */
/* --------------------------------------------------------------------------------------------------- */

#datos {	
	width:100%;	
	height:100%;
	overflow:hidden;
	margin: 0 auto;
	background: #f0f0f0;
}

#cont_datos {	
	width:300px;
	height:100%;
	overflow:hidden;
	margin: 0 auto;
}

#top_datos {	
	width:300px;
	height:14px;
	margin: 0 auto;
	background-color:#b92019;
	-webkit-border-radius: 0 0 7px 7px;
	border-radius: 0 0 7px 7px;
}

#menu_datos {	
	width:280px;
	padding-left:20px;
	height:220px;
	float:left;
}

.tit_datos {
	color: #b92019;
	font-size:24px;
	font-weight:300;
	margin-bottom:13px;
	padding-bottom:5px;
	margin-top:25px;
	border-bottom:1px solid #b92019;
	width:260px;
}

.linkd {
	color: #616161;
	font-size:13px;
	float:left;
	font-weight:400;
	width:140px;
	text-decoration:none;
	line-height:20px;
}

.linkd:hover {
	color: #df244c;
}


#info_datos {
	width:260px;
	padding-left:20px;
	height:160px;
	float:left;
	background-image:none;
}

.logo {
	width:185px;
	height:55px;	
	margin-top:20px;
	margin-left:37px;
	float:left;
	font-size:16px;
}

.txt_info {
	width:260px;
	height:70px;	
	margin-top:15px;
	margin-left:0px;
	float:left;
	font-size:13px;
	color:#616161;
	text-align:center;
	line-height:18px;
}

#social {
	width:260px;
	padding-left:20px;
	height:250px;
	float:left;
	background: url(../images/bg_info.png) no-repeat -105px;
}

.tit_social {
	color: #006398;
	font-size:24px;
	font-weight:300;
	margin-bottom:13px;
	padding-bottom:5px;
	margin-top:33px;
	border-bottom:1px solid #006398;
	width:260px;
}

/* --------------------------------------------------------------------------------------------------- */
											/* FOOTER */
/* --------------------------------------------------------------------------------------------------- */
#footer {
	height: 76px;
	width: 100%;
	margin: 0 auto;
	font-family: 'Quattrocento Sans', sans-serif;
	background: #f0f0f0;

}

#cont_footer {
	height: 63px;
	width: 260px;
	text-align: center;
	margin: 0 auto;
	color: #fff;
	font-size:12px;
	line-height:16px;
	background-color:#b92019;
	-webkit-border-radius: 7px 7px 0 0;
	border-radius:7px 7px 0 0;
	padding:0 20px 0 20px;
	padding-top:13px;


}

#footer a { color:#fff; text-decoration:none;}
	
#footer a:hover { color: #ddd;}
	
	
}