/* CSS Stylesheet - Pedro Meza - RedNaranja Webdesign    */
/* ============= XploraLosCabos.com Stylesheet ======== */
/* (c) rednaranja.com 2007 */

body {
	background:#E7F2DF url('style3/bg-grad1.jpg') repeat-x;
	margin:0;
	text-align: left;
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #4F3B05;
}

pre { margin:0;}
/* ***  main container styling *** */

#container {
	position:relative;
	width: 771px;
	margin:0 auto;
}


/* ***  Header elements styling *** */

#header {
	vertical-align:top;
	height: 231px;
	width: 771px;
	background: url("style3/bg-top1.jpg") no-repeat bottom;
}

#header h1 {
	display:none;
}

#header #search *{
	vertical-align:middle;
}


#search {
	position:relative;
	left:340px;
	top:0px;
	width:200px;
}

#search label{
	font:bold 11px trebuchet ms;
	color:#8A3B05;
	margin:0px 0 10px 0;
	top:-1px;
	position:relative;
}

#search #searchtext{width:7em;height:1em;font-size:1em;}
#search #searchbullet {
	position:relative;
	top:2px
}



#header #links a,
#header #links  {
	color:#8A3B05;
	text-decoration:none;
	font:bold 11px trebuchet ms,arial, helvetica;
}
#header #links  {
	position:absolute;
	top:15px;
	margin-left:14px;
}

#header #links a:hover {
	text-decoration:underline;
}


/* ***  Forms styling *** */


#menurow {
	width:746px;
	margin:0 23px;
	background:url("style3/bg-centro.png") repeat-y;
	height:40px;
	position:relative;
}

/* *** Menu *** */

#livechat {
	float:left;
	position:absolute;
	left:-140px;
	top:2px;
	height:39px;
	z-index:1000;
}

#menu {
	position:relative;
	top:-6px;
	display:block;
	clear:none;
	height:39px;
	float:right;
	background: url("style3/menu-bg.png");
	padding-left:14px;
	margin:0;
}


#menu h2 {
	display:block;
	float:left;
	font:bold 12px arial;
	padding:5px 5px 0 5px;
	height:30px;
}

#menu ul{
	margin: 0;
	padding: 0;
	display:block;
	float:left;
	height:35px;
	list-style-type:none;

}

#menu ul ul {
	clear:both;
	float:none;
	height:auto;
	display:none;
	position:absolute;
	background:#E6C633;
	border:1px solid white;
	top:34px;
	margin:0;
	padding:0;
	list-style-type:none;
}

#menu ul li.over ul { display:block; }

#menu ul li:hover ul,
#menu ul a:hover+ul {
	display:block;
}

#menu #terminamenu {
	background:#CFECC0 url("style3/menu-fin.png") no-repeat -6px;
	width:16px;
	height:39px;
	float:left;
}

#menu ul li {float:left;}
#menu ul li ul li {float:none;}


#menu ul li a {	
	font:bold 11px arial;

	display:block;
	text-decoration:none;
	color:white;
	text-transform:uppercase;
	height:30px;
	float:left;
	padding:10px 4px 0 5px;
}

#menu ul ul a {
	float:none;
	font:bold 12px arial;
	display:block;
	text-decoration:none;
	color:white;
	text-transform:uppercase;
	height:auto;
	padding:5px;
	width:100px;

}

#menu ul li a:hover {
	background:url("style3/menu-sel.png") no-repeat -1px -2px;
	border-right:1px solid white;
	height:25px;
	margin:2px 0px 0px -1px;
	padding:8px 3px 0 6px;
}

#menu ul ul a:hover {
	background:#9BB650;
	width:100px;
	border:none;
	height:auto;
	margin:auto;
}

/* ***  Main page contents styling *** */

#maincontent {
	text-align: left;
	background:#CFECC0 url("style3/bg.png") repeat-x bottom;
	padding:10px 0 10px 0;
}



#content {
	clear:both;
	width:687px;
	margin:0 23px;
	background:url("style3/bg-centro.png") repeat-y;
	font:12px Trebuchet MS,arial ;
	padding:20px;
}

h1 {
	padding-bottom: 10px;
	font-size: 1.3em;
}

#content h1,
#content h2,
#content h3 {
	color:#5D8C08;
	padding:2px;
}


#content ul {
	margin-left:20px;
}

p {
	font-size: 1em;
	padding: 5px 0px;
}

#footer {
	width:741px;
	margin:0 23px;
	background:url("style3/bg-centro2.png") no-repeat;
	height:38px;

}

#copyright {
}

#copyright p {
	font-size: 0.9em;
	color: #33529E;
	padding-top: 15px;
	text-align: center;
}


/* ***  Tours and Tour Categories styling *** */

.tour {
	clear:both;
	margin:20px 0px;
	background:#f0dd83;
	border:3px solid #D9BC36;
	font-size:14px;
}

.tour h3 {
	margin:0 !important;
	display:block;
	background:#D9BC36;
	padding:5px 5px 7px 5px !important;
	font: bold 14px trebuchet ms, arial, helvetica;
	margin-bottom:5px;
}
.tour .tourpic{
	width:40px;
	height:40px;
	margin:5px;
	vertical-align:top;
	float:left;
	border:none;
}

.tour .desc {
	margin:5px;
}

.tour .price {
	display:block;
	text-align:right;
	font-weight:bold;
	clear:left;
}

.tour a {
	text-decoration:none;
	color:#444444;
	}

a.reserve {
	display:block;
	margin:0 auto;
	font:bold italic 16px trebuchet ms, arial, helvetica;
	color:black;
	width:150px;
	text-align:center;
	padding:2px 4px;
	background:#f0dd83;
	border:2px solid #D9BC36;
	border-left:2px solid #EFD768;
	border-top:2px solid #EFD768;
}

a.reserve:hover {
	color:#331;
	background:#EFE2A4;
	background:#DFCD7D;
	border:2px solid #D9BC36;
	border-right:2px solid #F0DD83;
	border-bottom:2px solid #F0DD83;
}

.touroptions {
	font: bold 16px trebuchet ms, arial, helvetica;
}

.touroptions .icon img {
	margin-top:3px;
}
.touroptions tr,
.touroptions td,
.touroptions th {
margin:0;
}

/* ***  Forms styling *** */

.formatedForm {
	width:680px;
	padding:0;
	margin:0px;
	border:none;
	background:url('style3/bg2.png') no-repeat bottom left;
	padding-left:13px;
	font-size:12px;
}

.formatedForm fieldset{
	padding:0 10px 10px 0px;
	background:url('style3/bg2.png') no-repeat bottom right;
	margin-left:0px;
}
.formatedForm label {
	color:#5F2906;
}
.formatedForm h3 {
	padding:5px !important;
	display:block;
	background:url('style3/menu-sel.png') -5px -5px repeat-x;
	height:20px;
	border:none;
	color:white !important;
	font: bold 14px trebuchet ms, arial, helvetica;
	margin-left:-3px;
	margin-right:10px;
}

.formactionsrow input{
	height:20px;
}



/* ***  Table styling *** */

.lista {
	width:665px;
	margin: 8px;
}

.lista thead tr,
.lista thead {
	height:29px;
	background:url('style3/menu-sel.png') -5px -5px repeat-x;
	border:none;
	color:white;
	font: bold 12px/10px trebuchet ms, arial, helvetica;
}

.lista .formatedForm {
	background:none;
}


.lista .odd {
	background:#FFF6CF;
}

.transp_items {
	margin:0 0 0 190px;
}
.transp_items input {
	margin:5px 10px 0 0;
	vertical-align:bottom;
}
.clearall {
	clear:both;
}