/*  
Theme Name: AeroViaje
Theme URI: http://aeroviaje.com/
Description: AeroViaje.com | 
Version: 0.99
Author: 
Author URI: 

Sand Color #f2edbc
Sea  Color #3a91cc
 
*/

* { margin:0; padding:0;}

a:link, a:visited, a:active { color:#3a91cc; text-decoration:none; }
a:hover { text-decoration:underline;}

/* Begin Main  */
body {
	font-size: 13px;
	background:url(images/bodybg.gif) top left repeat-x;
	font-family: 'Trebuchet MS', Sans-Serif;
	color: #333;
	text-align: center;
	background-color: #fff;
	background-image: url(images/bodybg.gif);
	background-repeat: repeat-x;
	}
	
#wrapper {
	width:770px;
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	}
	
	
/* ----- Header Area ------ */ 		
#header {
	background:url(images/header.gif) top center no-repeat;
	height:200px;
	clear:both;
	}	

#topTop {
	height:140px;
	clear:both;
	}	
#topNav {
	color:#333;
	font-size:18px;
	clear:both;	
	text-align:right;
	}
	
#topNav ul {
	list-style:none;
	margin-left:160px;
	}	
#topNav li {
	text-align:center;
	display:block;
	float:left;
	margin-left:10px;
	margin-right:10px;
}
#topNav a:link, #topNav a:visited {
	color:#3a91cc;
	text-decoration:none;
	}	
#topNav a:hover, #topNav a:active {
	color:#333;
	}
/* ----- Main Navigation Area ------ */ 	

#mainNav {
	font-size:14px;
	width:570px;
	float:right;
	border-bottom:solid 3px #ccc;
	margin-bottom:20px;
	}

#mainNav .subnav {
	color:#666;
	float:left;
	width:190px;
	height:200px;
	} 

#mainNav .subnav ul {
	margin-top:35px;
	margin-left:25px;
	}

#mainNav .subnav li {
	color:#666;
	list-style:none;
	display:block;
	width:100%;
	text-align:left;
} 

#mainNav .subnav li a:link, #mainNav .subnav li a:visited{
	color:#666;
	text-decoration:none;
	display:block;
	width:140px;
	} 

#mainNav .subnav li a:hover {
	color:#fff;
	text-decoration:none;
	background-color:#4a91c1;
	} 

#mainNav #subNav1 {
	background: url(images/destinos.gif) no-repeat top left;
	}

#mainNav #subNav2 {
	background: url(images/paquetes.gif) no-repeat top left;
	}

#mainNav #subNav3 {
	background: url(images/servicios.gif) no-repeat top left;
	}


/* ----- Secondary Nav ------ */

#secondaryNav {
	margin-top:20px;
	width:180px;
	float:left;
	text-align:left;
	}	
#secondaryNav h2 {
	width:180px;
	color:#3a91cc;
	text-transform:lowercase;
	border-bottom:solid 1px #ccc;
	font-size:18px;
	}		
#secondaryNav ul {
	margin-top:10px;
	margin-bottom:15px;
	width:165px;
	}
#secondaryNav li {
	color:#666;
	list-style:none;
	display:block;
	width:100%;
	text-align:left;
} 	

#secondaryNav li a:link, #secondaryNav li a:visited {
	color:#666;
	text-decoration:none;
	display:block;
	width:160px;
} 

#secondaryNav li a:hover {
	color:#fff;
	text-decoration:none;
	background-color:#7fddf7;
	}

.blogPostsList {
	border-bottom: dashed 1px #EDEFF1;
	margin-bottom:10px;
	list-style:none;
	background:url(images/bullet.gif) top left no-repeat;
	padding-left:15px;
	width:140px;
}
/* ----- Content Area ------ */
#content {
	color:#666;
	text-align:left;
	line-height:170%;
	width:500px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 40px;
	margin-left: 10px;
	float:left;
	}
	
#content h1 {
	color:#3a91cc;
	font-size:28px;
	font-weight:normal;
	padding-bottom:5px;
	margin-bottom:20px;
	}	
	
#content p {
	padding-bottom:10px;
	}	

/* ----- PromoBox ------ */

#promoBoxHotel {
	background:url(images/promoBox_hoteles.gif) top left no-repeat;
	}

#promoBoxCar {
	background:url(images/promoBox_autos.gif) top left no-repeat;
	}
	
#promoBoxContact {
	background:url(images/promoBox_contacto.gif) top left no-repeat;
	}		
	
.promoBox {
	background:url(images/promoBox_hoteles.gif) top left no-repeat;
	float:left;
	width:570px;
	height:200px;
}

.promoBox p {
	margin-top:40px;
	margin-left:40px;
}
	
/* ----- the Post ------ */
	
#postContent {

	}	

#postContent img, #blogPostContent img  {
	border:solid 1px #ccc;
	padding:6px;
	margin-top:15px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

#postContent img.left, #blogPostContent img.left {
	border:solid 1px #ccc;
	padding:6px;
	margin-top:0;
	margin-bottom:15px;
	margin-right:15px;
	float:left;
	}	

#postContent img.right, #blogPostContent img.right {
	border:solid 1px #ccc;
	padding:6px;
	margin-top:0;
	margin-bottom:15px;
	margin-left:15px;
	float:right;
	}

#postContent ul, #blogPostContent ul {
	list-style-type:circle;
	list-style:inside;
	margin-left:20px;
	}	

#postContent li, #blogPostContent li {
	margin-bottom:10px;
	}	
	
/* ----- the Blog Posts ------ */	
		
#blogPostContent {
	border-bottom:solid 2px #ccc;
	margin-top:15px;
	margin-bottom:10px;
	padding-bottom:10px;
	background: url('images/formbg_sand.gif') repeat-x left bottom ;
	}		
		
/* ----- Footer ------ */
	
	
#footer {
	text-align:center;
	padding-top:10px;
	border-top:solid 1px #d0d0d0;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	font-size:90%;
}
	
/* ----- Forms ------ */
 
fieldset {
	padding:5px;
	margin:5px;
	clear:both;
} 
	
/* ----- Accesory classes ------ */

.clearer {
	clear:both;
	}
	
/* calendar style */

#calendarDiv {
	display: block;
	display: none;
	position: relative;
	border: 1px solid #d5d2b5;
}
#calendarDiv a {
	cursor: pointer;
	cursor: hand;
}
#calendar {
	background: #d5d2b5;
	clear: both;
	text-align: center;
	font-size: 105%;
}
#calendar, #linksTable {
	width: 180px;
}
#calendar .calendarHeader {
	background: #53bad6 url(../../img/fadeto333.gif) top repeat-x;
	border-bottom: 1px solid #444;
	color: #fff;
}
#calendar .weekDaysTitleRow {
	background: #e9e3a6;
	color: #333;
}
#calendar .weekDaysRow {
	background: #faf6cc;
	color: #666;
}
#calendar .weekDaysCell {
	color: #000;
	border: 1px solid #d5d2b5;
}
#calendar .weekDaysCellOver {
	background: #fff;
	border: 1px solid #d5d2b5;
}
#closeCalender {
	position: absolute;
	right: 0;
	bottom: 100%;
	margin-bottom: 1px;
	display: block;
	padding: 2px;
	cursor: pointer;
	cursor: hand;
	font-size: 80%;
	letter-spacing: 1px;
}
#closeCalender:hover {
	background: #000;
	color: #fff;
}
#linksTable {
	background: #4e9fd5;
}
#linksTable a {
	display: block;
	color: #fff;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 80%;
	padding: 2px 5px;
}
#linksTable a:hover {
	background: #ddd;
	color: #333;
}
#prevMonth {
	float: left;
}
#nextMonth {
	float: right;
}
#today {
	background: #999;
}
#calendar_cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -1; /*must have*/
    left: -1px; /*must have*/
    width: 187px; /*must have to match width and borders*/
    height: 210px; /*must have to match maximum height*/ 
}
/*-------  Forms ---------*/

#reservForm {
	background: url('images/reservForm_bg.gif') no-repeat left top;
	width:400px;
	float:left;
	margin-bottom:20px;
	}

#reservForm fieldset {
	border:none;
	background:none;
	float:left;
	display:block;
	padding:0;
	margin:15px;
	}	
	
#reservForm p {
	margin:15px;
	width:160px;
	color:#666;
	float:left;
	display:block;
	}		
	
fieldset {
	border:none;
	border-bottom:solid 3px #53bad6;
	padding-top:10px;
	padding-bottom:30px;
	display:block;
	background: url('images/formbg_sand.gif') repeat-x left bottom ;
	}

legend {
	color:#666;
	padding-left:5px;
	font-weight:bold;
	}	
	
.contactForm {
	color: #333;
	background: url('images/formbg.gif') repeat-x left bottom ;
	border: solid 1px #ccc;
	display:block;
	clear:both;
	}
label {	
	display:block;
	float:left; 
	width:150px; 
	border-bottom:solid 1px #ccc; 
	font-size:80%; 
	margin-bottom:5px;	
	text-transform:uppercase;
	}
.submit, #ferryForm .submit {
	border:0;
	width:80px;
	height:23px;
	color:#fff;
	font-weight:bold;
	background: url('images/submitbg.gif') no-repeat top left;
}	
	
#ferryForm label {
	float:left;
	margin-right:0.5em;
    text-align:right;
    display:block;
	width:200px; 
	font-size:80%; ;
	height:16px;
	margin-bottom:10px;
	border:none;	
	}

#ferryForm legend {
	color:5b89a9;
	font-size:16px;
	font-weight:bold;
	margin-left:-1px; }
	
#ferryForm input, #ferryForm select {
	color: #333;
	background: #fff url('images/formbg.gif') repeat-x left bottom ;
	border: solid 1px #ccc;
	height:16px;
	margin-bottom:10px;
	}	

#ferryForm input, #ferryForm select {
	}

#ferryForm .ferryPassForm {
	color: #333;
	background: url('images/formbg.gif') repeat-x left bottom ;
	border:none;
	border-bottom: solid 1px #ccc;
	height:20px;
	margin:0;
}	



/* ----- Galleries & classes ------ */

.hotelGallerySkyscraper {
	width:150px;
	float:right;
	margin:10px;
	margin-right:0px;
}

.hotelGallerySkyscraper img {
	
	padding:2px;
}

table.feeChart {
	padding:0;
	border:none;
	}
table.feeChart th {
	background-color:#f2edbc;
}
table.feeChart td {
	border-bottom:solid 1px #3a91cc;
	padding-top:6px;
}