/* CSS Document */

body {background-color:#97baf0; background-image:url(salinas.jpg); background-position:top center; background-attachment:fixed; background-repeat:no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;
}
p{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;}
h1,h2,h3,h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 16px;
}
h2 {
	font-size: 14px;
}
h3 {
	font-size: 14px;
}
.Estilo13 {font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #009900;
}
/*capas ini*/
div.left {
float:left; margin-left:20px;
width: 465px; /* el ancho real de este div, en navegadores que cumplen los estándares, o el modo de estándares de Internet Explorer, incluirá el relleno y el borde además del ancho */
	background: #fff; /* el color de fondo se mostrará a lo largo de todo el contenido de la columna, pero no más allá */

	
}
div.right { margin-right:20px;
float:right;
width: 465px; /* el ancho real de este div, en navegadores que cumplen los estándares, o el modo de estándares de Internet Explorer, incluirá el relleno y el borde además del ancho */
	background: #fff; /* el color de fondo se mostrará a lo largo de todo el contenido de la columna, pero no más allá */

	
}

/*fin capas ini*/
 #footer { 
	padding: 20px 20px 20px 20px; /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
	 
} 
 #footer p {
	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
	padding: 30px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*firma*/
.reference{
	position:fixed;
	bottom:0px;
	right:0px;
	background:#000;
	height:23px;
	text-align:right; color:#FFF;
	width:100%;
	text-shadow:1px 1px 1px #000;
	z-index:999;
	opacity:0.8;
}
.reference a, .description span{
	color:#fff;
	text-transform: uppercase;
	margin-left:30px;
	text-decoration:none;
	font-family:Verdana;
	font-size:10px;
}
a.last{
	float:left;
	line-height:23px;
}
.reference a:hover{ color:#fff;
	text-shadow:0px 0px 1px #fff;
}
/*fin firma*/
.Estilo14 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:
#000000;}
.Estilo15 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000099; }
.Estilo16 {font-family:Verdana, Arial, Helvetica, sans-serif;color: #0000FF; font-weight: bold; font-size:12px;
}
#arriba{ background-image:url(image/1-mar1.jpg); background-position:top center; background-repeat:no-repeat; background-attachment:fixed;
}
.promo{ padding-left:10px; padding-right:10px; padding-top:8px; background-color:#FFFFFF;
}
.promo1{ padding-left:4px; padding-right:4px; padding-top:4px; background-color:#FFFFFF;
border-color:#137DB7; border-style:solid; border-width:4px;
}
/* red social de facebook y picasa de hotel marvento  */
.rsocial{
	position: absolute;
	width:120px;
	height:300px;
	margin:1020px 50px 10px 200px;
	top:-763px;
	left: 668px;
}
/* FIN DE red social de facebook y picasa de hotel marvento  */
.table{ padding-left:4px; padding-right:4px; padding-top:4px; background-color:#FFFFFF;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
-webkit-border-top-right-radius: 15px; 
-webkit-border-top-left-radius: 15px;
-khtml-border-top-right-radius: 15px;
-khtml-border-top-left-radius: 15px;
 border-radius: 15px 15px 0 0;
behavior: url(script/PIE.htc);
}
.table-bajo{ padding-left:4px; padding-right:4px; background-color:#FFFFFF;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-bottom-right-radius: 15px;
 -webkit-border-bottom-left-radius: 15px;
  border-radius: 0 0 15px 15px;
behavior: url(script/PIE.htc);
}
.Estilo22 {font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.Estilo23 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.Estilo25 {font-family:Verdana, Arial, Helvetica, sans-serif;color: #000000}
.Estilo26 {font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.Estilo33 {color: #006B9F}
.Estilo34 {font-size: 12px;font-family:Verdana, Arial, Helvetica, sans-serif;}
.Estilo39 {font-family:Verdana, Arial, Helvetica, sans-serif;font-weight: bold; color: #006B9F;}
.men{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; padding-left:8px; padding-top:4px; padding-bottom:4px;
background-color:#D7E8FD;}
a {	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000099;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #666666; background-color:#FFCC00;
}
a:active {
	text-decoration: none;
}
.Estilo27 {
	font-size: 12px;
	font-weight: bold;
}
.Estilo29 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.ini{ padding-top:4px; padding-left:6px; padding-bottom:4px; color:#0033CC;}

.rounded {
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
behavior: url(border-radius.htc);    
border-radius: 20px;
}
.transpar {
   opacity: .0;
   -moz-opacity: .0;
   filter:alpha(opacity=0);
  }
  
  
/* menu para index */
#menuindex { float:center;
-webkit-background-size: 50% 100%;
   -moz-background-size: 50% 100%;
   -o-background-size: 50% 100%;
   background:-size: 50% 100%;
   behavior: url(script/PIE.htc);
 clear: both;
margin: 2px;
padding: 2px; padding-left:2px; padding-right:2px;
}
#menuindex a{
float: center;
-webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
    -webkit-border-radius: 0 10px 10px 0;
-khtml-border-radius: 0 10px 10px 0;
   -moz-border-radius: 0 10px 10px 0;
   -o-border-radius: 0 10px 10px 0;
   border-radius: 0 10px 10px 0;
   behavior: url(script/PIE.htc);
background:#FFf; 
border: 1px solid #fff;
text-decoration: none;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#000;
padding-left:2px; padding-right:2px;
font-weight: bold;
;
}

#menuindex a:hover{
-moz-border-radius: 0 10px 10px 0;
-webkit-border-radius: 0 10px 10px 0; 
-khtml-border-radius: 0 10px 10px 0;
-o-border-radius: 0 10px 10px 0;
border-radius: 0 10px 10px 0;
behavior: url(script/PIE.htc);
float: center;
background: #ff6600;
border: 1px solid #BF1E2E;
text-decoration: none;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 7px 15px 7px 30px;
font-weight: bold;

}
  /* fin de menu index */
#minimenu{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#minimenu a{font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000099;}
#minimenu a:hover{text-decoration: underline;
	color: #666666; background-color:#FFCC00;}
    #menu { float:center;
clear: both;
margin: 2px;
padding: 3px; padding-left:5px; padding-right:5px;
border:2px solid #00ccff;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
  border-radius: 10px 0 10px 0;
behavior: url(script/PIE.htc);
}
#menu a{
float: center;
background:#ff6600;
border: 1px solid #ff6600;
-moz-border-radius-topright: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-bottom-left-radius: 15px;
 border-radius: 15px 0 20px 0;
behavior: url(script/PIE.htc);
text-decoration: none;
font-size: 14px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 3px;padding-left:5px; padding-right:5px;
font-weight: bold;
}

#menu a:hover{
float: center;
background: #00cc00;
border: 2px solid #336699;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
  border-radius: 20px 0 20px 0;
behavior: url(script/PIE.htc);
text-decoration: none;
font-size: 14px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#000099;
padding: 3px;padding-left:5px; padding-right:5px;
font-weight: bold;
}
#menutempo { float:center;
clear: both;
margin: 2px;
padding: 3px;padding-left:5px; padding-right:5px; 
}
#menutempo a{
float: center;
background:#ff6600;
border: 1px solid #ff6600;
text-decoration: none;
font-size: 12px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 3px;padding-left:5px; padding-right:5px;
font-weight: bold;
}

#menutempo a:hover{
float: center;
background: #00cc00;
border: 2px solid #336699;
text-decoration: none;
font-size: 12px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#000099;
padding: 3px;padding-left:5px; padding-right:5px;
font-weight: bold;
}
/* flash animacion de logo hotel */
#cu3er-container {width:245px; outline:0;}

/* animacion de boton imagen */
#boton
{
  display: block;
  width: 90px;
  height: 280px;
  background: url("1/1.jpg") no-repeat 0 0;

}

#boton:hover
{ 
  background-position: 0 -23px;
}

#boton span
{
  display: none;
}

#boton
  {
    display: block;
    width: 90px;
    height: 280px;
    background: url("1/1.jpg") no-repeat 0 0;
  }
  #boton:hover
  { display: block;
    width: 90px;
    height: 300px;
    background: url("1/1d.jpg") no-repeat 0 0;
  }
  
  #boton1
{
  display: block;
  width: 90px;
  height: 280px;
  background: url("1/1.jpg") no-repeat 0 0;

}

#boton1:hover
{ 
  background-position: 0 -23px;
}

#boton1 span
{
  display: none;
}

#boton1
  {
    display: block;
    width: 90px;
    height: 280px;
    background: url("1/1a.jpg") no-repeat 0 0;
  }
  #boton1:hover
  { display: block;
    width: 90px;
    height: 300px;
    background: url("1/1b.jpg") no-repeat 0 0;
  }