@charset "utf-8";
/* CSS Document */

/*Sticky footer*/
body, html{	height: 100%}
body{padding:0;	margin:0; 	color:#333333; /*161616*/
	text-align:justify;	font-family:Arial, Helvetica, sans-serif; 
	background:url(images/layout/layout2011_02.png) repeat-x; }
/*<style type="text/css"> body{background:url(../images/layout/layout2011_02b.png) repeat-x} </style>*/
#ContenedorCuerpo {min-height:100%;	margin-bottom:-221px;} /*margin = -(alto imagen footer + [borde])*/
#EspaciadorDelPie {height:220px; 	clear:both;} /* (alto imagen footer) + [borde] + [espacio] */
#Pie{width:100%;	height:220px;	border-top:1px solid #CCC; 	margin:0; background:url(images/layout/layout2011_14.png); clear:none }
.FormatoPie{padding-top:5px; 	width:1024px;	margin:auto}

 #map .aijo area:hover { background:#039}


/*ELEMENTOS HTML*/
table {
	text-align:justify;	
	margin:auto; 
	color:#181818;}
	
td {padding:0px 5px;}

h1 {font-size:3em;	color:#65a5ca;}

h1.pato{font-size:4em;	color:#004000;}

h1,h2,h3,h4,h5,h6{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
	
h2 .big{
	font-size:1.6em; 
	color:#000; 
	font-style:italic}
	
h2 {color:#237fb4}

.big2, .big3  {
	font-size:1.2em; 
	color:#000;
	font-weight:bold;
	color:#237fb4}

.big3{color:#900}
	
form {color:#999; font-weight:bold; margin: auto}

a:link {text-decoration:none; border:none}

.formulario input, .formulario textarea {
	border:1px solid #CEEFFF; 
	border-radius:5px; 
	-moz-border-radius:5px; 
	margin:3px 0px;
	background:url(images/fonditoformulario.png)}
	
.formulario input[type="submit"] {
	background:url(images/layout/gradienteazul.png); 
	border:1px solid #999;  
	color:#FFF; 
	font-weight:bold; 
	letter-spacing:2px; 
	float:right; 
	border-radius:5px; 
	-moz-border-radius:5px; 
	margin:3px 0px;}
.formulario input[type="submit"]:hover {
	background:url(images/layout/gradientes.png)}



/*ESTRUCTURA BASE*/
#adsensespacer, #cabecera, #cuerpo {
	width:1024px; 
	margin:auto} 

#cabecera {
	height:184px;}
#cabderecha {
	width:537px; 
	height:154px; 
	float:left}
#cablogo{
	width:505px; 
	height:66px; 
	float:left; 
	margin:44px 16px 44px 0px;  /*	margin:44px 16px; */
	margin-bottom:0px; 
	background:url(images/layout/layout2011_07.png) no-repeat}
#cabidiom{
	width:148px; 
	height:21px; 
	margin-left:373px; 
	margin-bottom:3px; 
	margin-right:16px; 
	float:left;}/*margin-bottom:20px;*/
#cabimg{
	width:462px; 
	height:154px; 
	float:right; /*	float:left; */
	background:url(images/layout/layout2011_04.png) no-repeat}
#menua{
	width:804px; 
	height:30px;  
	float:left}
#menub{
	width:220px; 
	height:30px; 
	overflow:hidden;
	float:left} /*BUSCADOR*/
#menuc{
	width:1024px; 
	height:20px;
	margin-bottom:20px;
	clear:both}
#menud{
	width: 219px; 
	height:20px; 
	float:right; 
	background:url(images/layout/login.png);
/*	margin-right:25px*/}
#adsensespacer {
	height:120px; 
	margin:20px auto; 
	clear:both; 
	text-align:center} 
#cuerpo{
	height:auto; 
	font-size:0.8em; 
	clear:both; 
	padding-bottom:60px;} /*FORMATO BODY*/

/*AREA SENSIBLE LINK LOGO ul y li */
#homelinkul li{
	margin:0; 
	padding:0; 
	list-style:none; 
	margin-left:-42px; 
	margin-top:-22px}
#homelinkul li, #homelinkul a{
	height:66px; 
	display:block;}
#homelink{
	width:505px; }

/* MENU AZUL*/
.menu{
	border:none;
/*	border:0px;	*/
	margin:0px;	
	padding:0px; 
	font-family:Verdana, Geneva, sans-serif; 
	font-size:0.82em;	
	color:white;}
.menu ul{
	height:30px;
	list-style:none;	
	margin:0;	
	padding:0;}
	.menu li{
		float:left;}
	.menu li a{
		color:white;
		display:block;
		line-height:30px;
/*		padding:0px 50px 0px 0px;*/ padding:0px 25px;
		text-align:center;
		text-decoration:none;
/*		font-size:0.7em;*/}
		.menu li a:hover{
			color:#white;
			background:#125074;	
			text-decoration:none;}
	.menu li ul{
		background:#237fb4;	
		border:2px solid #125074;
		border-top:none;
		display:none;
		height:auto;
		filter:alpha(opacity=95); 
		opacity:0.95; 
		position:absolute;	width:270px;
		z-index:200;}
	.menu li:hover ul{
		display:block;}
	.menu li li{
/*		padding:0px 25px;*/
		display:block;	
		float:none;	
		width:270px;/*225*/	}
	.menu li ul a{
		/*padding:0px 25px;*/
		display:block;	
		font-size:0.9em;	
		font-style:normal;	
		text-align:left;}
		.menu li ul a:hover{
			/*padding:0px 25px;*/
			background:#125074;	
			color:#FFFFFF;	
			opacity:1.0;filter:alpha(opacity=100);}
	.menu p{
		clear:left;	}	
	.menu #current{
		color:#ffffff;}


/*MENU DE LOGIN*/
.loginmenu{
	border:none;
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif; 
	color:white;}
.loginmenu ul{
	height:20px; 
	font-size:0.7em; 
	list-style:none;	
	padding:0;
	margin:0;}
.loginmenu li a {
	line-height:18px;  
	padding:0px 21px;
	color:white;
	display:block;
	float:left} 
.loginmenu li a:hover{
	color:#f3d320;	
	text-decoration:none;}
	


/*BUSCADOR DE GOOGLE */
 .gsc-control-cse {
	 overflow:hidden;
	 font-size:12px; 
	 border-color: #237fb4; 
	 background-color: #237fb4;
	 padding:0;	
	 padding-top:3px;
	 height:25px;}
 .gsc-tabData.gsc-tabdActive {
	 background-color: white; 
	 border:2px solid #237fb4; 
	 display: block; 
	 position: absolute; 
	 z-index: 10000 !important; 
	 margin-top:-15px; 
	 padding:10px; 
	 padding-top:0px;}

/*ESTILOS DE IDIOMA Y MENU*/
.menufont{
	color:white; 
	font-size:0.9em; 
	line-height:30px; }
.idiomfont{
	font-size:0.9em; 
	line-height:22px; 
	font-weight:bold; 
	text-align:center}
.idiomfont a {
	text-decoration:none;}
.idiomfont a:link{
	color:#000}
.idiomfont a:hover{
	color:#237fb4}

/*Anuncios*/
.baseanuncios, .sanjosetours {
	border:1px solid; 
	border-radius:12px; 
	-moz-border-radius:12px; 
	height:320px; 
	width:240px}
.sanjosetours {
	background:url(images/ads/SanJoseCityTours.jpg)}

#pie1{
	width:230px; 
	float:left}
#pielogo {
	margin-top:40px; 
	width:230px; 
	height:64px; 
	float:left}
#pielogotext {
	width:230px;
	height:44px;
	float:left;/*font-size:11px*/}
.FormatoPie {
	color:#9bc7ec;
	font-size:0.9em;}


/* Stilos de paginas*/
.centrando {
	margin:auto; 
	text-align:center}

.paneles, .PMayorQue_Deko, .PMayorQueBoko, .PMenorQue_Deko, .PMenorQueBoko { /*.Z1PanelGDerecho, .Z1PanelPIzquierdo,*/
	min-height:265px; 
	float:left;
	border:1px;
	padding:10px;
	border-radius:12px; 
	-moz-border-radius:12px;
	background: #e5eef3 ; 
	border:1px solid #C3DAED;
	}
.paneles h2, .PMayorQue_Deko h2, .PMayorQueBoko h2, .PMenorQue_Deko h2, .PMenorQueBoko h2{
	padding: 0px 0px 0px 10px;  } 	
/*------------------------*/
 .panelesgrande, .PMayorQue_Deko, .PMenorQueBoko{
	width:737px;}
 .panelespeque, .PMayorQueBoko, .PMenorQue_Deko{
	width:223px;}
/*------------------------*/
 .panelesizquierda, .PMayorQue_Deko, .PMenorQue_Deko{
	margin:10px 10px 10px 0px;}
 .panelesderecha, .PMayorQueBoko, .PMenorQueBoko{
	margin:10px 0px 10px 10px;}
/*------------------------*/

.panelbig { width:100%}
.paneltransparente { border:0; background-color:transparent;}
.paneljustificado { text-align:justify}

.DekoBokoIMG {padding: 10px 0}
.DekoBokoIMG h2 {padding:0px 0px 0px 10px;  }
.DekoBokoIMG a {padding:5px 0px 0px 14px; 
				text-decoration:none;
				display:block;
				width:225px;
				height:auto;
				float:left;
				font-weight:bold;
				color:#000}
.DekoBokoIMG a img { border:1px solid #969696;} 
.TwoDeko {width:243px; float:left; clear:left; overflow:hidden}
/*.TwoDeko div {clear:right}*/
/*
.Pdekobokostyle1, .Pdekobokostyle2 {	border:none;
	border-radius:10; 
	-moz-border-radius:10;
	border-left: double 4px #a7cce1;
	background-color:white;
	margin-right:-4px;}

.Pdekobokostyle2 {	border:1px dashed  #a7cce1;0
	border-left: 0;
	border-right: double 4px #a7cce1;
	margin-right:-2px;
	margin-left:-2px;
	}
*/

/*_DEKO BOKO*/
/*.PMayorQue_Deko{} /*grande izquierda*/
/*.PMayorQueBoko{}  /*peque derecha*/
/*.PMenorQue_Deko{} /*peque izquierda*/
/*.PMenorQueBoko{}  /*grande derecha*/

/*.PMayorQueBokoA, .PMenorQue_DekoA {width:260px; }/*panel x1 pequeno derecho*/
/*.PMayorQue_DekoA, .PMenorQueBokoA {width:700px; }/*panel x1 grande izquierdo*/



.sombritaaaa{
	-moz-box-shadow: 2px 2px 2px 1px #888888; /* Firefox 3.6 and earlier */
	-webkit-box-shadow:  2px 2px  2px 1px #888888; /* Safari */
	box-shadow:  2px 2px 2px 1px #888888;}

/*http://www.smoothdivscroll.com*/
/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/cursors/cursor_arrow_left.cur), url(images/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(../images/cursors/cursor_arrow_right.cur), url(images/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}
/*.papers th, .papers2 th { background:url(images/paper.jpg) no-repeat; width:75px ; height:83px; font:Georgia, "Times New Roman", Times, serif; color:#e32e00; font-size:3em; font-style:none; line-height:80px; padding-left:20px; }
.papers2 th { background:url(images/paper2.jpg)no-repeat; color:#fff; text-indent:5px;}*/


/***********************************************************************/
	#makeMeScrollable		{
	  width:100%;
	  height: 250px;
	  position: relative;		}
	#makeMeScrollable div.scrollableArea img		{
	  position: relative;
	  float: left;
	  margin: 0;
	  padding: 0;		}
	div.photo{ width:320px; height:230px; float:left; margin:10px 0px; /* border-radius:10px; -moz-border-radius:10px;*/	}
	div.photo p.abajo, div.photo p.arriba {	margin:195px 20px 0;
	  font-size:0.95em;
	  font-style:italic;
	  color:black;
	  display:block;
	  background:white;
	  padding:4px;
	  border:1px solid #CCC; 
	  opacity:0.7;
	  filter:alpha(opacity=70);
/*	  border-radius:10px;
	  -moz-border-radius:10px;*/
	  font-weight:bold}
	div.photo p.abajo:hover, div.photo p.arriba:hover {
	  opacity:1;
	  filter:alpha(opacity=100);
		}
	div.photo p.arriba {margin:20px 20px; } 								
	div.photo p.centro {margin:20px 68px 20px 55px; } 			
/******************************************************************************/

/****************IDTABS*****************/
  .idTabs { margin:10px; }
  .idTabs ul { background:#65a5ca; padding:5px; float:left;}
  .idTabs li { list-style:none; /*Try deleting this float*/ float:left;}
  .idTabs a { display:block; background:#65a5ca; color:snow; padding:0 23px; font:bold 1.4em Arial; text-decoration:none;}
  .idTabs a.selected { background:#FFF; color:#65a5ca;}
  .items>div { display:none; float:left; margin:0.1em 0 0 0; clear:both; background-color:#FFF; min-height:435px; width:717px;}
  .idTabs ul, .idTabs a { border-radius:4px; -moz-border-radius:4px;}
/************************************/
#marcofotoshotel{ width:715px;	padding: 0 5px;}
#marcofotoshotel img{ padding:5px 5px; float:left; display:block} 
#marcofotoshotel p { width:225px; margin:0; padding:0px 5px 5px 5px; float:left; display:block; font-size:0.9em; font-weight:bold} 
.maptab{ text-align:center; margin:auto; display:block; float:none; padding-top:15px;  } 
/************************************/


.borde { width:235px; height:192px; margin-left:16px; margin-bottom:3px;  float:left;}
.borde img {padding: 5px 5px; border:0;
	-moz-box-shadow:  0 2px 3px #888888; 
	-webkit-box-shadow:  0  2px 3px #888888; 
	box-shadow:  0 2px 3px #888888;}
.captions { width:235px; height:20px; margin-left:16px; margin-bottom:10px; float:left; display:block; }
.captions1 { width:245px; height:20px; padding-left:0; margin-bottom:10px; float:left; display:block; font-size:0.9em; font-weight:bold }

.textogris {font-size:0.7em; color:#333; font-style:italic; }

/*mapa*/
p.bajarpdf{ text-align:right; font-size:1.1em; font-weight:bold }
p.bajarpdf a:link { text-align:right; color:#f3d320}

/*login*/
.derechalink {text-align:right }
.derechalink a {color:#65a5ca; text-decoration:none}
.derechalink a:hover {color:#1d6995}

/*hoteles*/
.tablego {margin:auto; background:url(images/layout/table_1.png) repeat-y #cae4f6; font-size:1.2em; border: 1px solid #64baf6; clear:both;}
.tablego th {background:url(images/layout/table_2.png) repeat-y #b8dcf4; height:5px;  }
.tablego td {height:25px}
.tablego tr.whiteme td {background:white; border:0px}
#redtitle { height:25px; line-height:25px; 
			padding:0; margin:0px 0px 5px 0px; border:1px; clear:none; float:right;
			color:white; 
			}
#redtitle ul {padding:0; margin:0; font-size:1.05em; background:#900000; border:2px solid black; border-radius:10px; -moz-border-radius:10px; }
#redtitle ul li {}
#redtitle li { padding:0 10px; text-align:center; float:left; list-style:none;display:block }

/****************** ZOOMER **********************************/
#wrap          { width: 1024px; position: relative; }
#small         { position: relative; width: 100%; }
#large         { background: white; position: relative; width: 2048px;}
#mover         { position: absolute; top: 0; left: 0; width: 200px; height: 200px; overflow: hidden; z-index: 100; display: none; 
cursor:crosshair; box-shadow:  0px 0px 15px #313131;	-webkit-box-shadow:  0px 0px 15px #313131;}
#overlay       { border: 1px solid gray; width: 200px; height: 200px; position: absolute; top: 0; left: 0; z-index: 200; }
/**********************************************************/