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

/* some global Styling */


body {
	background-color: #FFFFFF;
	text-align: left;
	font-family: Trebuchet MS;
	font-size: 11px;
	color: #00174A;
	margin:0 20px 0 0;
	padding:0;
	overflow-y:scroll;
	overflow-x:clip;
	height:100%;
}

img { border:0}

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

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

pre { margin:0;}
/* positioning of main elements */

/* Seccion azul donde esta el menu */
#izquierda {
	background:#1E53B1 url("style2/edge-bottom.png") bottom;
	position:fixed;
	height:100%;
	z-index:10;
	width:151px;
	left:0;
	border-left:1px solid #1E53B1;
	display:block;

} 

* html #izquierda {position:absolute;}

/* Seccion central donde esta la imagen cambiante */
#centro{	
	background:white url("style2/bg5.jpg");
	position:fixed;
	height:100%;
	z-index:9;
	left:150px;
	width:300px;
	border:1px solid #1E53B1;
	border-top:0;
	border-bottom:0;
}
* html #centro {position:absolute;}

/* Seccion central donde esta el contenido principal del sitio */
#maincontent {
	background:#FFFFFF url(style2/content-bg.png) no-repeat top right;
	height:100%;
	position:absolute;
	margin:0;
	padding:0;
	width:100%;
	left:0px;
	padding-left:450px;
}

#maincontent .logo {
	position:relative;
	top:0px;
	left:10px;
}

#maincontent #search {
	display:none;
}

/* Seccion azul derecha */
#derecha {
	background:#1E53B1 url("style2/edge-bottom.png") bottom;
	position:fixed;
	height:100%;
	z-index:0;
	right:0;
	width:70px;
}
* html #derecha {position:absolute;}


/* Margen en barra azul izquierda, dibuja degradado azul superior*/
#izquierda #izqhead {
	background:url("style2/edge-top.png");
	height:100px;
	display:block;
}
#izquierda #izqconts {
	position:absolute;
}

/* Margen en barra azul derecha, dibuja degradado azul superior*/
#derecha span {
	background:url("style2/edge-top.png");
	height:104px;
	display:block;
}
	

	
/* menu principal para navegacion del sitio */
#menu {
	margin:0;
	padding:0;
	width:150px;
	display:block;
}

#menu li{
	margin:4px 0;
	list-style:none;
	background: #939DC5 url("style2/menu-bg1.png") no-repeat -7px ;
	display:block;
	color:white;
	font:bold 14px trebuchet ms;
	border:none;
	height:32px;
	width:140px;
	border-right:1px solid black;
}

#menu li ul {
	display:none;
	position:absolute;
	margin:none;
	margin-left:140px;
	padding:0px;
	
	margin-top:-34px;
	border:1px solid black;
	background: #939DC5;
	width:180px !important;
}

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

#menu li li {
	height:auto;		
	border:none !important;
	padding:0px;
	margin:0;
	width:180px !important;
	background:#939DC5;
	background: #939DC5 url("style2/bullet.png") no-repeat 0px ;
}

#menu li li a:hover {
	background: #777F9F url("style2/bullet.png") no-repeat 0px ;
	color:black;
}


#menu h2 {
	display:block;
	font:bold 16px trebuchet ms, arial,helvetica;
	color:white;
	padding:6px 0px 6px 30px;
}

#menu a {
	display:block;
	text-decoration:none;
	color:white;
	padding:6px 0px 6px 30px;
}

#menu .selected {
	background: #1E53B1 url("style2/menu-bg2.png") no-repeat right;
	color:#1E53B1;
	border:none;
}


/* Seccion de busqueda arriba del conteido principal */
#search {
	position:relative;
	width:150px;
}

#search label{
	font:10px trebuchet ms;
	margin:0px 0 10px 0;
	color:#bbf;
}


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


/* Contenido principal del sitio */

#content {
	/*150 izq + 300 centro + 70 der */ 
	margin:10px 520px 0 10px;
}
#content ul,#content ol {
	margin-left:10px;
}


#content h2, #content h1 {
	display:block;
	margin:0 -10px ;
	background:#1E53B1;
	width:100%;
	padding:5px 10px;
	font: bold 14px trebuchet ms, arial, helvetica;
	color:white;
}


/* Secciones inferiores del sitio */

/* librar los floats */
.clearall {
	width:100%;
	clear:both;
}

/* barra footer */
#footer { }

/* seccion copyright */
#copyright {
	position:fixed;
	z-index:100;
	bottom:0px;
	left:160px;
}

#copyright p {
	font-size: 0.9em;
	color: #33529E;
	margin:0;
	padding:0;

}	
	
	

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


.formatedForm {
	width:100%;
}


.formatedForm {
	padding:0px ;
	margin:0px;
	border:none;
	background:#C3CDDF url('style2/bg2.png') bottom left;
	padding-left:10px;
	font-size:12px;
}
.formatedForm .row{
	margin-top:3px;
}

.formatedForm fieldset{
	padding:0 10px 10px 10px;
	background:#C3CDDF url('style2/bg2.png') bottom right;
	margin-left:10px;
}
.formatedForm label {
	color:black;
	font: 12px/11px trebuchet ms, arial, helvetica;

}
.formatedForm h3 {
	padding:5px !important;
	display:block;
	background:#939DC5 ;
	
	height:20px;
	border:none;
	color:black;
	
	font: bold 14px trebuchet ms, arial, helvetica;
	margin-left:-20px;
	margin-right:11px;
	border-left:1px solid white;
	border-right:1px solid white;
	border-top:2px solid white;
	border-bottom:2px solid white;
}

.formactionsrow input{
	height:20px;
}


/* ***  TAble styling *** */

.lista {
	width:100%;
	background:#C3CDDF;
	border:2px solid #939DC5;
	padding:0;
	margin:10px 0;
}

.lista .odd {
	background:#DFEBFF;
}

.sk_buttons {
	padding:10px;
}

.lista th,
.lista thead td tr{
	background:#939DC5 ;
	color:black;
	padding:5px !important;
}

.lista .formatedForm {
	background:none;
}



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

.tour {
	border:1px solid gray;
	clear:both;
	margin:10px;
	padding:0px;
}

.tour h3 {
	display:block;
	background:#939DC5 ;
	width:100%;
	padding:5px 0;
	font: bold 14px trebuchet ms, arial, helvetica;
	margin:0 0 5px 0;
}
.tour img {
	width:40px;
	height:40px;
	margin:5px;
	vertical-align:top;
	float:left;
}

.tour .desc{
	padding:5px;
	display:block;
}  

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

.tour h3 a,
.tour .price a {
	text-decoration:none;
	color:black;
	padding:5px;
}

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

.reserve {
	margin:0;
	padding:0;
	width:166px;
	height:36px;
	background:url(style2/reserve.png) no-repeat;
	display:block;
}

.reserve:hover {
	background:url(style2/reserve-hover.png) no-repeat;
}

.reserve span { 
	display:none;
}


/* fix de ancho para hacerlo mas angosto */
#izquierda {
	width:101px;
}
#centro {
	left:100px;
	width:200px;
}
#maincontent {
	/*100 izq + 200 centro */
	padding-left:300px;
}
#content {
	/*100 izq + 200 centro + 70 der */
	margin:10px 330px 0 10px;
}
#derecha {
	width:30px;
}
/* end fix */