/* COLORES DE LA PAGINA 
marron muy oscuro=#514a30
marron oscuro = #86816d
marron intermedio=#b0ab96
marron clarito= #e2ddc9
azul generico = #01316f
color de fondo= #edeae3
amarillo logo=#cea32c
*/


BODY  {	

	background: #3f5f86 url("imagenes/fondo_mapa.jpg") no-repeat center top; 
	background-attachment: fixed; 
	font-family: Trebuchet MS,verdana,arial,helvetica;	
	font-size : 8pt;
	color : #01316f;
	height:100%; 
	margin: 0px auto; 
  	overflow:auto;

}


A  {font-size : 9pt;text-decoration : none;color : #01316f;}
A:Visited  {text-decoration : none;	color :#01316f;}
A:Active  {text-decoration : none;	color : #01316f;}
A:Hover  {text-decoration : underline; color : #d19717;}

#cabecera { /* Necesaria para poner la imagen de fondo en la parte superior*/
	float:left
	position: absolute; 
	top: 0; 
	left: 8px; 
	width:99%;
  	border: 0px solid #978A68;
	/*background: #f1ecdd url("imagenes/fondo_general_ocre.jpg") no-repeat center top; 
	background-attachment: fixed;*/
 	z-index: 2; 
	}



#contenedor { /* los marcados con almohadilla son solo para IE - necesario para que solo haga scroll en la parte inferior*/
	float:left;
	top:1px;
	height: 100%;
	#height: 86%; 
	width:100%;
	text-align: center;
	overflow: auto; 
	position: relative; 
	z-index: 0; 
	border: 0px solid #cc0000;
	}

#contenedor24 { /* esto es para la resolucion baja 1024 IE*/
	float:left;
	top:1px;
	#top:1px;
	height: 100%; 
	#height: 80%; 
	width:100%;
	text-align: center;
	overflow: auto; 
	position: relative; 
	z-index: 0; 
	border: 0px solid #cc0000;
	}

#contenido {
	position: relative;
	margin:0 auto 0 auto; 
	top: 0px; right: 0; bottom: 0;
	text-align: center;
	height: auto; 
	visibility: scroll;
	color : #01316f;
	border: 0px solid #cc0000;
	}

td.mini{
	color :#003a86;
	/*font-size : 0.7em;*/
	font-size: 95%;
	line-height: 0.5;
}

td.notas{
	color :#003a86;
	/*font-size : 0.7em;*/
	font-size: 87%;
	/*line-height: 110%*
}

}
.footer{
	text-align: center;
	color :#003a86;
}

div#footer{
	position:relative;
	bottom:5px;
	left:0px;
	width:100%;
	text-align: center;
	color :#003a86;
	font-size : 0.8em;

	}

div#lateral_marron{
	position: relative;
	width:100%;
	font-size : 8pt;
  	background: url(imagenes/sombramarron.png) no-repeat bottom right !important;
  	background-image: none;
  	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagenes/sombramarron.png", sizingMethod="scale");

}

div#lateral{
	position: relative;
	width:100%;
	text-align:left;
	background: url(imagenes/trans_azuloscuro.png)repeat;!important
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagenes/trans_azuloscuro.png", sizingMethod="scale");
}


p.titular_lateral{
	background-color: #01316f;
	color:#cda22c;/*amarillo logo*/
	font-weight:bold;
}

.interior_lateral
	{
	padding:0.8em;
  	height:100%;
	color:#ffffff;
	}

div#bloques{
	position: relative;
	width:99% !important;
	_width:98%;
	text-align:left;
	background: url(imagenes/trans_azuloscuro.png)repeat;!important
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagenes/trans_azuloscuro.png", sizingMethod="scale");
}


div#principal{
	position: relative;
	width:100% !important;
	_width:100%;
	background: url(imagenes/trans_azuloscuro.png)repeat;!important
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagenes/trans_azuloscuro.png", sizingMethod="scale");
}

div#principalcabecera{
	position: relative;
	width:100%;
	background: url(imagenes/trans_azuloscuro.png)repeat;!important
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagenes/trans_azuloscuro.png", sizingMethod="scale");
}

div#principalmarron{
	position: relative;
	width:100% !important;
	_width:100%;
	text-align:left;
	background: url(imagenes/trans_lateral.png)repeat;!important
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagenes/trans_lateral.png", sizingMethod="scale");
}


.menu
	{
	padding:0.5em;
	text-align:center;
	}

.menu A  {font-size : 8pt;text-decoration : none;color : #ffffff;}
.menu A:Visited  {text-decoration : none;	color :#ffffff;}
.menu A:Active  {text-decoration : none;	color : #01316f;}
.menu A:Hover  {background: #c0baa6; color : #01316f; text-decoration : none;}

.menu_fijo{
font-size : 8pt;
color :#01316f;
background: #cea32c;
}




/*------------------------------------
	Para la GALERIA DE FOTOS
--------------------------------------*/

#galeria2{
	position: absolute; 
	left:4px; 
	top:4px;
	padding:5px;
	height:100%;
	width:100%;
	background: url(imagenes/trans_galeria.png)repeat;!important
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagenes/trans_galeria.png", sizingMethod="scale");
	z-index:100;
}


td.galeriagoleta{
	font-family:Trebuchet MS,verdana,arial,helvetica;
	font-weight:bold; 
	font-size:30px; 
	color:#ffffff; 
	text-align:center;
	text-transform: uppercase;
}
p.galeria{
	font-family:Trebuchet MS,verdana,arial,helvetica;
	font-weight:bold; 
	font-size:12px; 
	color:#ffffff; 
	text-align:center;
	text-transform: uppercase;
}
p.galeria a{
	font-family:Trebuchet MS,verdana,arial,helvetica;
	font-weight:bold; 
	font-size:12px; 
	color:#f1edde; 
	text-align:center;
	text-transform: uppercase;
}
td.quienes{
	font-family:Trebuchet MS,verdana,arial,helvetica;
	font-size:14px; 
	color:#01316f; 
	text-align:justify;
}


#rotator
{
	border: 1px solid #f1edde;
	cursor: pointer;
	overflow: hidden;
	margin: 0px auto 0px;
	position: relative;
	/*width: 600px;
	height: 441px;*/
}


#rotator img
{
	border: 0;
	cursor: pointer;
	/*width: 600px;
	height: 441px;*/
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:2001;
	/*-moz-opacity: 1.9;
	opacity:.90;
	filter: alpha(opacity=100);*/
}
.white_content {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0px;
	border: 0px solid orange;
	z-index:2002;
	overflow: auto;
}

td.logo_galeria{
  	background: url(imagenes/logogoletas.png) no-repeat top right !important;
  	background-image: none;
  	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagenes/logogoletas.png", sizingMethod="scale");

}

/* ------------ NUEVA GALERIA CON PLAY Y PAUSE */



.Caption {
font-family: Arial;
font-weight: normal;
font-size:  12pt;
color:      #FF3300; }

A.Controls:link    { color:#666666;
                     text-decoration:none;
                     font-family: Arial;
                     font-size:   16pt;
                     font-weight: bold; }
A.Controls:visited { color:#666666; text-decoration:none; 
                     font-family: Arial;
                     font-size:   16pt;
                     font-weight: bold; }
A.Controls:active  { color:#666666; text-decoration:none;
                     font-family: Arial;
                     font-size:   16pt;
                     font-weight: bold; }
A.Controls:hover   { color:#FFCC00; text-decoration:none;
                     font-family: Arial;
                     font-size:   16pt;
                     font-weight: bold; }






/*------------------------------------
	Para las PORTADA DE ALQUILER
--------------------------------------*/

p.subtit_azul14
{ 
font-size : 14pt;
color:#01316f;
text-transform: uppercase;
}


.buscador{
border:0px solid #442a07; 
width:90%; 
padding-left: 25px;
padding-top: 10px;
position:relative;

}
td.bordepunteado{
border-bottom-style: dotted;
border-bottom-color: #01316f;
border-bottom-width:1px;
height:40px;
_padding: 0.3em;
}

td.bordepunteado_w12{
border-bottom-style: dotted;
border-bottom-color: #01316f;
border-bottom-width:1px;
height:40px;
font-size : 8pt;
color:#01316f;
text-transform: uppercase;
_padding: 0;
padding: 0.3em !important;
}

td.bordepunteado_w10{
border-bottom-style: dotted;
border-bottom-color: #01316f;
border-bottom-width:1px;
height:40px;
font-size : 8pt;
color:#01316f;
_padding: 0;
padding: 0.5em !important;
}

/*------------------------------------
	Para las sombras de las fotos
--------------------------------------*/

.sombra {
  float:left;
  background: url(imagenes/sombrafotos.png) no-repeat bottom right !important;
  background: url(imagenes/sombrafotos.gif) no-repeat bottom right;
  margin: 5px 0 0 5px !important;
  margin: 5px 0 0 3px;
  }

.sombra img {
  display: block;
  position: relative;
  background-color: #d0c9b3;
  border: 1px solid #86816d;
  margin: -5px 5px 5px -5px ;
  padding: 2px;
  } 

.sombra_sm {
  float:left;
  background: url(imagenes/sombrafotos.png) no-repeat bottom right !important;
  background: url(imagenes/sombrafotos.gif) no-repeat bottom right;
  margin: 5px 0 0 5px !important;
  margin: 5px 0 0 3px;
  }

.sombra_sm img {
  display: block;
  position: relative;
  background-color: #d0c9b3;
  border: 1px solid #86816d;
  margin: -4px 4px 4px -4px ;
  padding: 2px;
  } 


/*------------------------------------
	Para las seccion ALQUILER DET
--------------------------------------*/

td.columnafoto{
width:400px;
vertical-align:top;
color:#000000;
}

table.ficha{
border:1px;
width:460px;

}


/*------------------------------------
	Para la seccion INICIO
--------------------------------------*/

#ContenedorImagenes {
	position:relative;
	margin:auto;
	top:0; 
	left:0;
	/*width:500px;*/
}

#ContenedorImagenes img {
	display:none;
	position:absolute;
	top:0; 
	left:0;
	border: 2px solid #86816d; /*marron oscuro*/ 
}

img.fotodestinos{
	border: 2px solid #86816d; /*marron oscuro*/ 
}

td.titularportada {
	font-family:Trebuchet MS,verdana,arial,helvetica;
	font-weight:bold; 
	font-size:20px; 
	color:#01316f;
	text-align:left;
	text-transform: uppercase;
}

p.inicio_destinos{
	color :#01316f;
	/*font-size : 0.8em;*/
	font-size: 100%;
	line-height: 110%
}







div#portada_alquiler{
	position: relative;
	/*width:100%;
	height:100%;*/
	font-size : 8pt;
}

#gallery { 
position: relative; 
margin:0px; 
padding:0px;
}


#gallery li { 
display: block; 
}







.example {
	position: relative;
	border:0px solid #CCCCCC;
	/*padding:1em;
	margin-bottom: 1em;*/
	width: 590px;
	height: 500px;
	background: url(imagenes/sombramarron.png) no-repeat bottom right !important;
  	background-image: none;
  	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagenes/sombramarron.png", sizingMethod="scale");

}

#cross_alquiler li {
	position: absolute;
	top: 0;
	left: 0;
	width: 590px;
	height: 380px;
	visibility: hidden;
}

ul.crossfade {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}
ul {
	color:#01316f; 
}
li img {
	display: block;
	border: 2px solid #86816d; /*marron oscuro*/ 
}
.ajax {
	margin: 3em;
	border: 1em solid #FF8C00;
	/*padding: 1em;*/
}
/*------------------------------------
	Para las seccion PORTADA DESTINOS
--------------------------------------*/




SELECT, OPTION {
font-family:Trebuchet MS,verdana,arial,helvetica;
font-style:normal; 
font-weight:normal; 
font-size: 0.9em; 
color:#01316f; 
background-color:#c4d8f2; 
border-width:1px; 
border-color:#01316f; 
border-style:solid
}

TEXTAREA, INPUT{
font-family:'Trebuchet MS'; 
font-style:normal; 
font-weight:normal; 
font-size: 0.9em;
color:#01316f; 
background-color:#c4d8f2; 
border-width:1px; 
border-color:#01316f; 
border-style:solid
}


td.mayusculas
{
text-transform: uppercase; 
}

td.marron
{
border-bottom-style: dotted;
border-bottom-color: #998a69;
border-bottom-width:0px;
font-size : 8pt;
color:#000f87;
background-color:#a69976; 
}

table.rayado
{
border:1px solid #86816d; /* marron oscuro*/
font-size : 8pt;
color: #514a30; /*marron muy oscuro*/
background-color: #e2ddc9; /* marron clarito */
}


/* -------------------------------------------------------------
					GENERALES
------------------------------------------------------------------*/

.handcursor{
	cursor:hand;
	cursor:pointer;
}

.ulpreguntas{
	background-color: #e2ddc9; /* marron clarito */
	color:#003366;
	border-style: solid;
	border-color: #e9ddb5;
	border-width:1px;
	padding: 0.5em;
}

p{
	font-family: Trebuchet MS,verdana,arial,helvetica;	
	font-size : 8pt;
	color: #01316f;
}

p.titular_azulclaro{
	font-family: Trebuchet MS,verdana,arial,helvetica;	
	font-size : 14pt;
	color:#93b0d8;
	font-weight : bold;
	font-style: italic; 
}

td.azul{
	border-bottom-style: dotted;
	border-bottom-color: #86816d;;
	border-bottom-width:1px;
	font-size : 8pt;
	color: #514a30; /*marron muy oscuro*/
	background-color: #e2ddc9; /* marron clarito */
}

.foto{
	border-style: solid;
	border-color: #003366;
	border-width:1px;
}
.logos{
	border-bottom-style: solid;
	border-bottom-color: #b9b094;
	border-bottom-width:2px;
}

td
{ 
	font-family: Trebuchet MS,verdana,arial,helvetica;	
	font-size : 9pt;
}

td.subtitular
{ 
font-size : 20pt;
color:#ffffff;
width=450px;
text-transform: uppercase;
}

H2 { 
font-size : 18pt;
color:#a69976;
}

td.subtitularsm
{ 
font-size : 14pt;
color:#01316f;
font-weight: bold;
text-transform: uppercase;
}

td.subtitularsm2
{ 
font-size : 12pt;
color:#01316f;
font-weight: bold;
text-transform: uppercase;
}


td.destacados
{ 
font-size : 12pt;
color: #01316f;
font-weight:bold;
}

td.subdestacados
{ 
font-size : 8pt;
color: #fff;
font-weight:bold;
border: 0px solid #ffffff; /*blanco*/ 
background-color: #86816d; /*marron oscuro*/
}

td.equipamiento
{ 
font-size : 8pt;
color:#01316f;
}

td.error
{ 
font-size : 11pt;
font-weight: bold;
color:#ffffff;
}

td.estrecho
{ 
font-size : 9pt;
}


td.subtitulardot
{
border: 0px solid #ffffff; /*blanco*/ 
font-size : 10pt;
color:#ffffff; 
background-color: #86816d; /*marron oscuro*/
}

td.cabeceratablas
{
border: 0px solid #ffffff; /*blanco*/ 
font-size : 8pt;
font-weight:bold;
color:#ffffff; 
background-color: #86816d; /*marron oscuro*/
}

td.menu
{ 
background: black;
height: 162px;
}



p.Destacados{
	font-family: Trebuchet MS,verdana,arial,helvetica;	
	font-size : 9pt;
	color:#93a1cd;
	font-weight : bold;
}

p.Pie{
	font-family: Trebuchet MS,verdana,arial,helvetica;	
	font-size : 8pt;
	color: #000f87;
}

p.Nueve{
	font-family: Trebuchet MS,verdana,arial,helvetica;	
	font-size : 9pt;
}




p.Normal{
	font-family: Trebuchet MS,verdana,arial,helvetica;	
	font-size : 10pt;
	color: #529dd2;
}

p.Subtitulo{
	font-family: Trebuchet MS,verdana,arial,helvetica;	
	font-size : 10pt;
	font-weight : bold;
	color: #fcc417;
}

p.creditos{
	font-family: Trebuchet MS,verdana,arial,helvetica;	
	font-size : 8pt;
	color: black;
}


div.figure {
  	width: 80%;
}

div.titulo {
	font-family: Trebuchet MS,verdana,arial,helvetica;	
	font-size : 8pt;
	color : white;
}


img.scaled {
  	width: 100%;

}



/*------------------------------------
	Para los tabs de alquiler detalle
--------------------------------------*/

.tabs{
position: relative;
border:1px solid #86816d; /* marron oscuro*/
/*width:530px; */
height: 100%; 
background-color: #e2ddc9; /* marron clarito */
padding: 4px;
color: #514a30; /*marron muy oscuro*/
}

.modernbricksmenu2{
padding: 0;
/*width: 530px;*/
height: 20px;
border-bottom: 5px solid #86816d; /*marron oscuro*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
font-size : 8pt;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 0px; /*margin entre el primer item de menu y el borde izquierdo del navegador*/
padding: 0;
color: #ffffff; /*blanco*/
list-style: none;


}

.modernbricksmenu2 li{
display: inline;
margin: 0 0px 2px 0;
padding: 0;
text-transform:uppercase;
color: #ffffff; /*blanco*/
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: #ffffff; /*blanco*/
text-decoration: none;
margin: 0 2px 0 0; /*Margin entre cada item de menu*/
padding: 3px 6px;
background-color: #b0ab96; /*Marron claro*/ 
border: 1px solid #86816d; /*Marron oscuro*/ 
}

.modernbricksmenu2 a:hover{
background-color: #86816d; /*marron oscuro*/ 
color: #e2ddc9;
text-decoration: none;
}

.modernbricksmenu2 a.selected{ /*tab seleccionada*/
background-color: #86816d; /*marron oscuro*/ 
color: #e2ddc9; /*marron clarito*/
text-decoration: none;
border-color: #86816d; /*marron oscuro*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}





/*------------------------------------
	Para el borde AZUL con imagenes
--------------------------------------*/

/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlcazul, #trcazul, #blcazul, #brcazul
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlcazul
	{
	background-image:url(imagenes/3tlc.gif);
	background-position: 0% 0%;
	}

#trcazul
	{
	background-image:url(imagenes/3trc.gif);
	background-position: 100% 0%;
	}
	
#blcazul
	{
	background-image:url(imagenes/3blc.gif);
	background-position: 0% 100%;
	}

#brcazul
	{
	background-image:url(imagenes/3brc.gif);
	background-position: 100% 100%;
	}

#tbazul, #bbazul
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tbazul
	{
	background-image:url(imagenes/3tb.gif);
	background-position: 0% 0%;
	}

#bbazul
	{
	background-image:url(imagenes/3bb.gif);
	background-position: 50% 100%;
	}
	
#rbazul
	{
	background-image:url(imagenes/3r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lbazul
	{
	background-image:url(imagenes/3iz.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}

.interior
	{
	padding:0.7em;
  	height:100%;
	color:#ffffff;
	}


/*------------------------------------
	Para el borde MARRON con imagenes
--------------------------------------*/

/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlcmarron, #trcmarron, #blcmarron, #brcmarron
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlcmarron
	{
	background-image:url(imagenes/tlc_marron.gif);
	background-position: 0% 0%;
	}

#trcmarron
	{
	background-image:url(imagenes/trc_marron.gif);
	background-position: 100% 0%;
	}
	
#blcmarron
	{
	background-image:url(imagenes/blc_marron.gif);
	background-position: 0% 100%;
	}

#brcmarron
	{
	background-image:url(imagenes/brc_marron.gif);
	background-position: 100% 100%;
	}

#tbmarron, #bbmarron
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tbmarron
	{
	background-image:url(imagenes/tb_marron.gif);
	background-position: 0% 0%;
	}

#bbmarron
	{
	background-image:url(imagenes/bb_marron.gif);
	background-position: 50% 100%;
	}
	
#rbmarron
	{
	background-image:url(imagenes/r_marron.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lbmarron
	{
	background-image:url(imagenes/iz_marron.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}


/*------------------------------------
	Para el borde AZUL - MARCO con imagenes
--------------------------------------*/

/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(imagenes/tlc.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(imagenes/trc.gif);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(imagenes/blc.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(imagenes/brc.gif);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(imagenes/tb.gif);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(imagenes/bb.gif);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(imagenes/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-image:url(imagenes/iz.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}



/************************************************* STYLES FOR CROSSFADER */



	div.cf_wrapper
	{
		position: relative;
		/*width: 200px;*/
		height: 150px;
	}
	
	div.cf_element
	{
		/*width: 200px;*/
		height: 150px;
		/*background-color: #eee;*/
		border:  0px solid #ccc;
	}
	
	div.cf_element div.content
	{
		padding: 5px;
		color:#fff;
		font-style: bold;
		font-size:14px;
		text-align:center;
	}

	div.cf_element div.content h3
	{
		padding-top: 0;
		margin-top: 0;
	}