/* FRONTEND CSS
*********************************************/
html {
  overflow-y: scroll;
}
body {
  background-color: #ffffff;
  color: #555;
  font-size: 13px;
}


h2 {
	font-size: 110%;}

a:link, a:visited{
  color: #e32826;
  font-weight:normal;
  text-decoration:none;
}

a:hover{
  color: #ff5a00;
  font-weight: normal;
}

td{
  font-size: 100%;
  font-weight: normal;
}

.breadcrumb {
	list-style: none;
	margin: 0;
	max-height: 25px;}

ul.breadcrumb li {
display:inline;
}

h3 {

  font-size: 20px;
  font-weight: normal;
  text-transform:uppercase;}
  
div.contact h1 {
	display: none;}
	
div.bfClearfix a, div.bfClearfix a:hover {display: none;}

table.table-trip {
	background-color: #fff;
	width: 100%;
	font-weight: bold;}

table.table-trip td{
	width: 50%;
	padding: 10px;}

table.theme a {
	color: #fff;}

table.theme a:hover {
	color: #000;}

table.theme td {
	color: #fff;
	font-size: 130%;
font-family: 'Contrail One', cursive;
	background-color: #cc3300;
	}
div#GMapInfoHeader {
	display: none;}
		
/* BOX 1
*********************************************/
div.box1 {
margin-right:auto;
margin-left:auto;
background: url(../images/main-frame_01.png) bottom center no-repeat;
background-color: #f5f5f5;
width: 100%;
height: 102px;
position: relative;
margin-top: none;
margin-bottom: none;
left: 0;
right: 0;
top: 0;
z-index:999;
display: block;
}

div.bg {
	z-index: 0;
	padding-top: 40px;
	height: auto;
	display:block;
	position: relative;
	height: auto;
	margin-bottom: -80px;}

div.bg1 {
	z-index: 0;
	padding-top: 20px;
	height: auto;
	display:block;
	position: relative;
	height: auto;
	margin-bottom: -40px;}

div.globalmap {
	margin-top: -40px;}

div.overlay {
	position: relative;
	top: 0px;
	z-index: 10000;
	background-attachment:scroll;}

div.logotipo {
	position: absolute;
	top:-10px;
	left:5px;
	right: 800px;
	margin-left: auto;
	margin-right: auto;
	width: 185px;
	height: 110px;
 }
 
div.lang {
	background-color: none;
	position: absolute;
	top:-10px;
	left:0px;
	right: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 120px;
	padding: 13px 0 0 0;
	height: 19px;
	font-size: 90%;
	text-align: center;
	border-radius: 0px;
	-moz-border-radius: 0px;
	text-transform: uppercase;
 }

div.lang:hover {
	background-color: none;}

div.contacts {
	background-color: none;
	position: absolute;
	top:-5px;
	left:640px;
	right: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 350px;
	padding: 0;
	height: 19px;
	font-size: 110%;
	text-align: right;
	border-radius: 4px;
	-moz-border-radius: 4px;
	text-transform: uppercase;
	font-weight: bold;
	color: #6B5930;
 }

div.contact input {
	border: 1px solid #b9ab8b;
	width: 300px;}
	
div.contact textarea {
	border: 1px solid #b9ab8b;
	width: 300px;}
div.contact input[type="checkbox"] {
	width: auto;
	margin-bottom: 20px;
}

div.contact dt {
	width: 40px;
	float:left;
	clear: right;}

div.contact dd {
	min-height: 35px;}
div.search {
	background-color: none;
	position: absolute;
	top:55px;
	left:700px;
	right: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	padding: 5px 0 0 0;
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
	border-top: 1px solid #715F33}
div.search input{
	background-color: rgba(0,0,0,0);
	color: #555;
	font-size: 90%;
	width: 250px;
	text-transform: none; 
	border: none;}

div.search input:hover, div.search input:focus{
		background-color: rgba(255, 255, 255, 0.5);}

div.slogan {
    position: absolute;
	top:20px;
	left:250px;
	right:250px;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	color: rgba(255, 255, 255, 0.7);
	font-size: 170%;
  }

div.social {
	position: absolute;
	color: #999;
	top:10px;
	left:890px;
	right:0;
	width: 100px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	font-size: 70%;
	text-align:right;
	}

div.social a {
	color: #333;
	font-weight: normal;
	}
div.social a:hover {
	color: #666;}

div.menu {
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 240px;
top: 70px;
width: 750px;
height: 30px;
margin-left: auto;
margin-right: auto;
list-style: none;
z-index: 2000;
}

/* BOX 2
*********************************************/

div.box2 {
width: 100%;
position: relative;
background: url(../images/main-frame_03.jpg) top center no-repeat;
margin-left: auto;
margin-right: auto;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 0px;
left: 0;
right: 0;
top:0;
z-index:998;;
display: block;
  }

div.sidebar {
	position: fixed;
	top: 173px;
	right: 0px;
	width: 40px;
	height: 150px;
	background-color: #f6f2ef;
	z-index: 10000;
	padding: 5px;
	transition:width 0.5s; /* Animation time */
    -webkit-transition:width 0.5s; /* For Safari */}
	
div.sidebar:hover {
    width: 155px; /* This is the height on hover */
}

div.sidebar img {
	border-bottom: 2px;
	opacity: 0.5;
    filter: alpha(opacity=50);}

div.sidebar img:hover {
	opacity: 0.9;
    filter: alpha(opacity=90);}

div.sidebar1 {
	position: fixed;
	top: 0px;
	right: 0px;
	width: 30px;
	height: 100px;
	z-index: 10000;
	padding: 1px;
	transition:width 0.5s; /* Animation time */
    -webkit-transition:width 0.5s; /* For Safari */}
	
div.sidebar1:hover {
    width: 130px; /* This is the height on hover */}

div.sidebar1 img {
	margin-bottom: -2px;}

div.ticker {
	position: absolute;
	margin-left: auto;
    margin-right: auto;
	padding: 7px 0 7px 0;
    left: 0;
    right: 0;
	top: 100px;
	width: 990px;
	height: 20px;
	z-index: 999999;
	background-color: none;
	z-index: 1;
	font-weight: normal;
	}

div.ticker a {
	color: #ffffff;
	}

div.ticker a:hover {
	color: #e32826;
	}


div.trip {
	position: absolute;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 30px;
    left: 450px;
    right: 0;
	top: 645px;
	width: 510px;
	height: 33px;
	padding: 3px 3px 3px 40px ;
    z-index:1002;
  text-transform: uppercase;
  background: url(../images/bg-search.png) no-repeat;
  background-position: top left;
  color: #635b49;
}

div.trip input.button{
	position:absolute;
	top:3px;
	right:3px;
	border: none;
	background-color: none;}

div.searchmod {
	position: relative;
	display: block;
	width: 485px;
	height: 150px;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	}

div.tagcloud {
	float:left;}

div.slides {
	position: relative;
	margin-left: auto;
    margin-right: auto;
	margin-top:-10px;
    left: 240px;
    right: 0;
	top: 110px;
	width: 390px;
	height: 600px;

	}

 div.pathway {
   position: relative;
   display: block;
   margin-left:auto;
   margin-right:auto;
   left: 0;
   right: 0;
   max-height: 25px;
   padding: 2px 0 2px 0;
   background-color: none;
   font-size:10px;
   color: #888;
   width: 1080px;
   text-transform: uppercase;
}

div.mainbody {
  padding: 0px 0 20px 0;
  width: 1000px; 
  height: auto;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  margin-top: 0;
  z-index: 1000;
  display: table;
  }
 
div.box2a {
	display: block;
	position:relative;
	left: 0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	width: 1000px;
	height: auto;
}
	

div.home1 {
    position: relative;
	left: 0;
	width: 460px;
	height: 170px;
	overflow:visible;
	margin-right: 5px;
	float:left;
	background-image: url("../images/bg-trips-theme.png");
    background-repeat: repeat-x;
    background-position: left bottom;
	padding: 0 15px 15px 15px;
			z-index: 10001;
}

div.home1 a{
	color: #C30;
	}

div.home1 h3 {
	font-size: 110%;
	font-weight: bold;
	color: #635b49;
	margin-bottom: -2px;}

div.home2 {
    position: relative;
	right:0;
	width: 470px;
	height: 170px;
	float: left;
	background-image: url("../images/bg-testimonials.png");
    background-repeat: repeat-x;
    background-position: left bottom;
	padding: 0 15px 15px 15px;
	z-index: 10001;
	margin-bottom: 15px;
}

div.home2 a{
	color: #C30;
	}

div.home2 h3 {
	font-size: 110%;
	font-weight: bold;
	color: #635b49;
	margin-bottom: -2px;}

div.home3 {
    position: relative;
	left: 0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	width: 1000px;
	height: 400px;
	overflow:visible;
	z-index: 10000;
	
}

div.home3 h3 {
	font-size: 110%;
	font-weight: bold;
	color: #635b49;
	margin-bottom: 3px;}
  
div.banner1 {
	position: absolute;
	left: 330px;
	right:330px;
	margin-left:auto;
	margin-right:auto;
	width: 330px;
	height: 150px;
}


div.banner2 {
    position: absolute;
	left: 660px;
	right:0;
	margin-left:auto;
	margin-right:auto;
	width: 330px;
	height: 150px;
	
}
	
div.k2filter-cell select{
	border: none;
	background-color: none;
}
	
div.k2filter-cell input{
	border: none;
	background-color: none;
}
div.trip input:hover  {
	}
	
	
/* BOX 3
*********************************************/

div.box3 {
width: 100%;
height: 500px;
background: url(../images/main-frame_04.png) top center no-repeat;
position: relative;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
margin-top: -15px;
bottom:0px;
overflow:visible;
min-height: 250px;
z-index:1001;
padding-bottom: 15px;
  }

div.box3-content {
width: 1000px;
height: auto;
background: none;
position: relative;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
bottom:0px;
overflow:visible;
min-height: 250px;
  }

div.box3-content h3{
	color: #fff;
	}

div.bottom1 {
width: 100%;
position: relative;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
padding: 25px 0 15px 0;
color:  #454029;
text-transform: uppercase;
font-size: 85%;
font-weight: bold;
}

div.bottom2 {
	position: relative;
width: 20%;
position: relative;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
float: left;}

div.bottom3 {
	position: relative;
width: 70%;
height: auto;
position: relative;
margin-left: auto;
margin-right: auto;
left:0;
right: 0;
padding-left: 30px;
border-left: 1px solid #fff; 
float: left;
color: #000;
clear: right;}


div.copyright {
	font-size: 90%;
	padding: 15px 0 5px 0;
	color: #333;
	width: 100%;
	clear: both;
	

}

div.acounter {
	padding-left: 6px;
	margin-top: -10px;
	text-align: right;
    color: #e32826;
	font-size: 85%;
	}


span.pricetag {
	padding: 17px 10px 17px 30px;
	background-image: url(../images/bg-pricetag.png);
	background-position: left center;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	margin-top: 20px;
	text-shadow: none;
	}
	
div#rsmsc {
	margin-top: -10px;
	margin-right: 0px}
	
/* LAYOUT
*********************************************/
/* Floats */
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.ie7 .group {
  zoom: 1;
}

/* Media Queries
*********************************************/
/* Retina */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
  
}
/* Landscape phones and down */
@media (max-width: 480px) {
  
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  
}
/* Large desktop */
@media (min-width: 1200px) {
  
}