/*****************************Estructura web******************************
basic styles
	- HTML: body, input, select, textarea, td, form, h1, h2, a, ul
	- TABLAS: td_title_up, td_title_up_right, td_title_left_top, td_title_left, td_cell, td_cell_right, td_cell_up, td_cell_up_right
	- small_type, text_disabled, text_soft_green, copyright

specific styles
	- estructura de zafiro (td_upad, td_rpad, td_lpad)
	- busqueda agencias y resultados (frm_txt, td_busqueda_title, tr_busqueda_normal, tr_busqueda_active, tr_busqueda)

main
	|
	|- header
	|		|
	|		|- logo
	|		|
	|		|- menu_up
	|		|
	|		|		|- menu_nav_sitio (li.left, li.right, a.menu_nav_sitio)
	|		|		|- bookings (ul, li, a.bookings)
	|		|		|- fecha
	|
	|- img_ppal
	|
	|- content
	|		|
	|		|- menu_ppal (a.menu)
	|		|
	|		|- right_column
	|		|
	|		|		|- titular_l
	|		|		|- titular_r
	|		|		|- content_text (.img_border, .logo_centered)
	|
	|- footer
validators	

*************************************************************************/

body {
	background-color:#e1e1e1;
	font-family: Tahoma, sans-serif;
	font-size:11px;
	margin: 0;
	padding: 0;
	color:#003300;
	line-height:1.5em;
}

input, select, textarea, td {
	font-family: Tahoma, sans-serif;
	font-size:11px;
	color:#003300;
}
/*p {
	text-align: justify;
}*/
h1, .tcabecera {
	font-size: 20px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#01764a;
	display:inline;
}
h2 {
	display:inline;
	font-size: 14px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#01764a;
	/*background-color:#edfed4;*/
}
a, a:hover, a:visited {
	color:#0000ff;
}
a.nolink, a.nolink:visited, a.nolink:hover {
	text-decoration:none;
	color:#003300;
}
.small_type {
	font-size:10px;
}
.text_disabled {
	color:#CCCCCC;
}
.text_soft_green {
 color:#799d79;
}

ul {
	margin-left:25px; 
	list-style-image:url(/imagenes/arrow_li.gif);
}
hr {
	border-bottom:1px dashed #d4e5bb;
	height:1px;
}
.clear {
	clear:both;
}
/**********************************************************************************************************/
/*********************page main layout*********************************************************************/
/**********************************************************************************************************/
#main {
	width:970px;
	margin:0px auto auto auto;
	background-repeat:repeat-y;
}

			/******************************************************************************************************/
			/*****************************header*******************************************************************/
			/******************************************************************************************************/
			#header {
				background:#ffffff url(/imagenes/bg_header.gif) left top no-repeat;
				padding:10px 10px 0 10px;
				width:950px;
				margin:0 auto;
				height:90px;
			}
						
						#logo {
							padding:15px 0 0 15px;
							float:left;
							width:160px;
						}
						
						#menu_nav_sitio ul {
							margin:0 10px 0 0;
							padding:5px 0 0 0;
							list-style:none;
							list-style-type:none;
							float:right;
							width:265px;
						}
						#menu_nav_sitio ul li {
							float:left;
							padding:0;
							margin:0;
						}
						#menu_nav_sitio ul li a {
							border-right:1px solid #cccccc;
							text-decoration:none;
							color:#666666;
							padding:2px 8px;
							margin:0;
							font-size:10px;
							display:block;
						}
						#menu_nav_sitio ul li a:hover {
							background-color:#ffffff;
							color:#333333;
						}

						#bookings {
							float:right;
							width:585px;
							margin:15px 10px 30px 0;
						}
								#bookings span {
									float:left;
									color:#999999;
									font-size:10px;
								}
								#bookings ul {
									float:right;
									margin:0;
									padding:0;
									list-style:none;
									list-style-type:none;
								}
								#bookings ul li {
									padding:0;
									margin:0 3px 0 0;
									float:left;
								}
								#bookings ul li a {
									display:block;
									padding:3px 6px;
									background-color:#e1e1e1;
									text-decoration:none;
									color:#333333;
									border:1px solid #cccccc;
									font-family:Arial, Helvetica, sans-serif;
									font-size:10px;
								}
								#bookings ul li a:hover {
									background-color:#cccccc;
									color:#000000;
									border:1px solid #666666;
								}

						#fecha {
							float:right;
							clear:right;
							width:620px;
							background:#ffffff url(/imagenes/bg_up.gif) right center no-repeat;
							color:#aeacad;
							height:17px;
							text-align:left;
							padding:2px 0 2px 100px;
						}
			/******************************************************************************************************/
			/************************************end header*********************************************************/
			/******************************************************************************************************/



			/******************************************************************************************************/
			/************************************contenido ppal****************************************************/
			/******************************************************************************************************/
			#content {
				width:950px;
				padding:0 10px;
				background:#ffffff url(/imagenes/bg_content.gif) left top repeat-y;
				height:100%;
				clear:both;
			}
						/***************menu nav sitio*************************/
						/******************************************************/
						#menu_ppal {
							width:200px;
							float:left;
							vertical-align:top;
						}
								a.menu, a.menu:visited {
									margin:0px;
									padding:3px 10px 3px 20px;
									display:block;
									text-decoration:none;
									border-bottom:1px solid #e5bf00;
									background-color:#feeb85;
									width:170px;
									color:#003300;
								}
								a.menu:hover {
									margin:0px;
									padding:3px 10px 3px 20px;
									display:block;
									text-decoration:none;
									border-bottom:1px solid #e5bf00;
									background-color:#efdc76;
									width:170px;
									color:#003300;
								}

						/***************contenido derecha menu*****************/
						/******************************************************/
						#right_column {
							width:750px;
							float:right;
							vertical-align:top;
							margin:0px;
						}
						
										/***************titulares*********************/
										#titular_l {
											background:#edfed4;
											color:#01764a;
											width:540px;
											float:left;
											font-weight:bold;
											height:17px;
											margin:1px 0px 1px 1px;
											text-align:right;
											font-size:10px;
											padding:5px 5px 0px 0px;
										}
										#titular_r {
											background:#01764a;
											width:195px;
											float:right;
											color:#ffffff;
											font-weight:bold;
											height:17px;
											margin:1px;
											text-align:right;
											font-size:10px;
											padding:5px 5px 0px 0px;
										}
										
										/***************contenido texto*****************/
										#content_text {
											padding:20px;
											text-align:left;
											width:710px;
										}
														#utilidades .servicios_general {
															float:left;
															font-size:10px;
															width:208px;
															.width:215px;
															padding:5px;
															height:55px;
															margin-bottom:15px;
															margin-right:15px;
															border:1px solid #f1f1f1;
															background-color:#fbfbfb;
															color:#666666;
														}
														#utilidades hr {
															clear:both;
															height:1px;
															border-top:0;
															border-bottom:1px solid #e1e1e1;
														}
														#utilidades div.servicios_general a {
															font-size:11px;
														}
														#utilidades div.servicios_desplegable {
														}
										        #utilidades div.servicios_general img {
															float:left;
															margin-right:5px;
															padding-bottom:10px;
														}
														.img_border {
															padding:2px;
															border:1px solid #01764a;
															margin-bottom:5px;
														}
														/* Para centrar un logo o imagen usando una etiqueta de parrafo*/
														.logo_centered {
															text-align: center;
														}
			/******************************************************************************************************/
			/************************************end contenido ppal************************************************/
			/******************************************************************************************************/


			/******************************************************************************************************/
			/************************************footer************************************************************/
			/******************************************************************************************************/
			#footer {
				background:#e1e1e1 url(/imagenes/bg_footer.gif) center top no-repeat;
				width:950px;
				margin:0 auto;
				font-size:10px;
				clear:both;
				color:#666666;
				text-align:center;
				padding:8px 10px;
			}
					#footer a {
						color:#666666;
						font-size:10px;
					}
			/******************************************************************************************************/
			/************************************end footer********************************************************/
			/******************************************************************************************************/


/**********************************************************************************************************/
/*********************end main layout**********************************************************************/
/**********************************************************************************************************/

/*************estructura de zafiro*****************/
.td_upad {
	margin:10px;
	text-align:center;
	padding:10px 5px;
	background-color:#eef5e4;
	border:1px solid #d4e5bb;
}
.td_rpad {
	text-align:right;
	padding:0px 5px;
	background-color:#fafff2;
	border-bottom:1px solid #d4e5bb;
	border-right:1px solid #d4e5bb;
	border-left:1px solid #d4e5bb;
}
.td_lpad {
	padding:0px 5px;
	background-color:#fafff2;
	border-bottom:1px solid #d4e5bb;
	border-right:1px solid #d4e5bb;
}

/*************busqueda agencias y resultados*****************/
.frm_txt {
	padding-right:3px;
	text-align:right
}
.td_busqueda_title {
	background-color:#01764a;
	color:#ffffff;
	font-weight:bold;
	height:22px;
	
}
.tr_busqueda_normal {
	background-color:#fafff2;
}
.tr_busqueda_active {
	background-color:#eef5e4;
}
.td_busqueda {
	border-bottom:1px solid #d4e5bb;
	padding:2px;
}



/*************tablas*****************/
.td_title_up {
	text-align:center;
	padding:5px;
	background-color:#eef5e4;
	border-left:1px solid #d4e5bb;
	border-top:1px solid #d4e5bb;
	border-bottom:1px solid #d4e5bb;
}
.td_title_up_right {
	text-align:center;
	padding:5px;
	background-color:#eef5e4;
	border:1px solid #d4e5bb;
}
.td_title_left_top {
	padding:2px 5px;
	background-color:#eef5e4;
	border:1px solid #d4e5bb;
}
.td_title_left {
	padding:2px 5px;
	background-color:#eef5e4;
	border-left:1px solid #d4e5bb;
	border-bottom:1px solid #d4e5bb;
	border-right:1px solid #d4e5bb;
}
.td_cell {
	border-bottom:1px solid #d4e5bb;
	padding:2px 5px;
	text-align:right;
}
.td_cell_right {
	border-bottom:1px solid #d4e5bb;
	border-right:1px solid #d4e5bb;
	padding:2px 5px;
	text-align:right;
}
.td_cell_up {
	border-bottom:1px solid #d4e5bb;
	border-top:1px solid #d4e5bb;
	padding:2px 5px;
	text-align:right;
}
.td_cell_up_right {
	border-bottom:1px solid #d4e5bb;
	border-top:1px solid #d4e5bb;
	border-right:1px solid #d4e5bb;
	padding:2px 5px;
	text-align:right;
}


/***************copyright*********************/
	.copyright, .copyright:hover, .copyright:visited, .copyright:link   {
	color:#ffffff;
	height:30px;
	text-align:center;
	vertical-align:middle;
	text-decoration:underline;
}
/***************validators********************/

#validator {
	width:950px;
	margin:0 auto;
}

/********************************* FORMULARIOS ******************************************/
form, input, select, label {
	margin:0px;
	padding:0px;
}

form p {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 5px;
}
form p label {
	float: left;
	width: 110px;
	text-align:right;
	padding-top:3px;
	padding-right:2px;
}
form .submit {
	margin-left:105px;
}
/************************ ofertas *****************************/
.ofertas_img {
	background-color:#005032;
	border-right:1px solid #005032;
	vertical-align:top;
}
.ofertas_titulo {
	color:#ffffff;
	background-color:#005032;
	padding:3px 5px;
}
.ofertas_link {
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}

a.ofertas_link, a.ofertas_link:hover, a.ofertas_link:visited{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}

.ofertas_detalle, .ofertas_detalle:hover, .ofertas_detalle:visited  {
	text-decoration:none;
	color:#01764a;
	font-weight:bold;
}
.ofertas_precio {
	color:#ffffff;
	background-color:#005032;
	padding:3px 5px;
	font-weight:bold;
	text-align:right;
	font-size:10px;
}
.ofertas_detalle_td {
	border-top:1px solid #005032;
	text-align:center;
}
.ofertas_tabla {
	width:250px;
	border:1px solid #005032;
	font-size:10px;
}


/********************************** sitemap *************************************/
.sitemap_level_0, .sitemap_level_1, .sitemap_level_2, .sitemap_level_3 {
	padding:0;
}
.sitemap_level_0 li {
	padding:5px 0;
}
.sitemap_level_1, .sitemap_level_2 {
	padding:5px 0 10px 0;
}
.sitemap_level_1 li {
	padding:1px 0;
}




/***********************************************************************************/
#reservas_online_agencia {
	position:relative;
	width:700px;
	height:200px;
	margin-top:15px;
}
		#reservas_online_agencia img {
			position:absolute;
			left:0;
			top:0;
			z-index:0;
		}
		#reservas_online_agencia h1 {
			position:absolute;
			left:0;
			bottom:27px;
			z-index:1;
			margin:0;
			padding:6px 10px;
			width:680px;
			background-color:#000000;
			color:#ffffff;
			font:14px Arial, Helvetica, sans-serif;
			font-weight:bold;
			opacity: 0.8;
			-moz-opacity:0.8;
			filter:alpha(opacity=80);
		}
		#reservas_online_agencia form {
			background-color:#999999;
			width:680px;
			margin:0;
			padding:5px 10px;
			position:absolute;
			left:0;
			bottom:0;
			z-index:1;
			opacity: 0.9;
			-moz-opacity:0.9;
			filter:alpha(opacity=90);
			color:#ffffff;
			font-weight:bold;
		}

/**********************************************************************************/
.tablas_listado {
  border-left:1px solid #e1e1e1;
  border-right:1px solid #e1e1e1;
}

    .tablas_listado th a {
      text-decoration:none;
      color:#ffffff;
      background-color:transparent;
      font-weight:bold;
    }
    .tablas_listado th a:hover {
      text-decoration:none;
      color:#ffffff;
      background-color:transparent;
      font-weight:bold;
    }
    .tablas_listado th {
      text-align:left;
      background-color:#aaaaaa;
      color:#ffffff;
    }
    .tablas_listado span {
      color:#666666;
    }
    .tablas_listado th span {
      color:#999999;
    }

    .tablas_listado tr.par {
      background-color:#f6f6f6;
    }
    .tablas_listado tr.impar {
      background-color:transparent;
    }

    .tablas_listado td {
      border-bottom:1px solid #e1e1e1;
    }

    td.subtitulo {
      background-color:#f1f1f1;
      font-weight:bold;
    }
/************************* CONTACTO ************************/	

#menu_contacto ul {
  margin-left:5px;
	padding-left:5px;
	list-style-image:none;
}

#menu_contacto ul li  {
	color:#000000;
	font-size:10px;
	padding:1px 0 1px 18px;
	list-style-type:none;
	line-height:160%;
}

#menu_contacto li.telefono {
background:url("/imagenes/contacto/icon_telefono.gif") no-repeat scroll left center transparent;
white-space:nowrap;
text-align:left;
}

#menu_contacto li.fax {
background:url("/imagenes/contacto/icon_fax.gif") no-repeat scroll left center transparent;
white-space:nowrap;
text-align:left;
}

#menu_contacto li.email_contacto {
background:url("/imagenes/contacto/icon_email.gif") no-repeat scroll left 7px transparent;
text-align:left;
}

#menu_contacto li.direccion {
background:url("/imagenes/contacto/icon_direccion.gif") no-repeat scroll left 5px transparent;
text-align:left;
}