@CHARSET "ISO-8859-1";
* {padding:0; margin:0;}
html{min-height: 100%; height: auto !important;height:100%;}
body {min-height: 100%; height: auto !important;height:100%;background-color: #485b62; font: normal 11px arial,tahoma,verdana; color: #485b62; text-align: center}
a{font-weight: bold;text-decoration:underline; color:#6189a3;}
a:hover{color:#f0ffff; text-decoration: none}
h1.titulo{position:relative;z-index:2;font: bold 26px arial, tahoma, verdana; color: #fff; margin: 20px 0px;text-align: right;}
h1.titulo a{color: #fff; text-decoration: none}
h2.titulo{font: bold 14 arial, tahoma, verdana; color: #ffffff; border-bottom: 4px solid #A7B8BF;}

#fondo{min-height: 100%; height: auto !important; height: 100%; margin: 0px auto;width: 968px;background: url(/layout/todoparatuhotel/imagenes/fondo.gif) repeat-y;}
#cabecera{height: 208px; background: url(/layout/todoparatuhotel/imagenes/cabcera.jpg) no-repeat;}
#cuerpo{min-height: 500px;background: url(/layout/todoparatuhotel/imagenes/fondocontenidos.gif) repeat-y}

#copyright{color: #ffffff;text-align: left;padding-left:200px;}
#copyright div.telefono{font: italic bold 26px arial;}
#copyright a{color: #ffffff;text-decoration:none;}

.menu {width: 157px; position:relative; top: 88px ;left:632px}
.menu a{display:block; height: 29px; width: 157px; background-position: left -29px;background-repeat:no-repeat}
.menu a:hover{background-position: left top;}
.menu a.Act{display:block; height: 29px; width: 157px; background-position: left top;background-repeat:no-repeat}
.menu div.alt{display:none}
.menu a#inicio{background-image: url(/layout/todoparatuhotel/imagenes/menu_inicio.gif)}
.menu a#menu-0000000002{background-image: url(/layout/todoparatuhotel/imagenes/menu_porque.gif)}
.menu a#menu-0000000003{background-image: url(/layout/todoparatuhotel/imagenes/menu_faq.gif)}
.menu a#contacto{background-image: url(/layout/todoparatuhotel/imagenes/menu_contacto.gif)}
#Submenu{position:relative; z-index: 10;float:left;width:200px; background: url(/layout/todoparatuhotel/imagenes/submenu1.jpg) no-repeat top left}

.content{float: left;width: 768px;background: url(/layout/todoparatuhotel/imagenes/contenidos1.jpg) no-repeat top right}
.contenidos{padding: 30px 70px 0;text-align: justify;}

#contenidos{font:normal 11px arial, tahoma, verdana; background: #c2cacd;}
/* estilos para presentación del contenido FCK */
#contenidos ul{margin-left: 30px;}
#contenidos h2{font: bold 14 arial, tahoma, verdana;color: #ffffff; border-bottom: 4px solid #A7B8BF;}
/* parche para que las imagenes que se incorporen tengas espacio a los lados */
#contenidos div.CTLGCategoriaDescripcionLarga img {margin:5px;}
#contenidos div.CTLGProductoDescripcionLarga img {margin:5px;position:relative;z-index:5}
#contenidos table{font:normal 11px arial, tahoma, verdana;}
#contenidos div.CTLGCategoriaDescripcionLarga{position:relative;z-index:2}
#contenidos div#texto_pagina{position:relative}

/* Ruta de navegación */
h5.ruta{position:relative;z-index:2;height: 20px;padding-left: 5px;text-align:left; font: normal 11px arial, tahoma, verdana; color: #485b62;}
h5.ruta a{color: #8EA6AF; text-decoration: none}
h5.ruta a:hover{color: #485b62}
h5.ruta a.activo{color: #485b62;text-decoration: none}

/* estilos contacto */
.form input, textarea{width: 280px; font:normal 11px arial, tahoma, verdana;}

/* definición de estilos del menu del catálogo */
.menuCatalogo {padding: 175px 10px 0 20px;text-align:right}

/* Estilo para el menu vertical desplegable */
/* Root = Vertical, Secondary = Vertical */
ul#menuCatalogo,
ul#menuCatalogo li,
ul#menuCatalogo ul {
  margin: 0;
  padding: 0;
  width: 170px; /*For KHTML*/
  list-style: none;
  position:relative; z-index: 10;
}

ul#menuCatalogo:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#menuCatalogo li {
  float: right; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

/* Root Menu */
ul#menuCatalogo a {
  padding: 6px 10px;
  display: block;
  color: #fff;
  font: bold 12px/22px Arial;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#menuCatalogo a:hover,
ul#menuCatalogo li:hover a,
ul#menuCatalogo li.iehover a {
  color: #485b62;
}

/* 2nd Menu */
ul#menuCatalogo li:hover li a,
ul#menuCatalogo li.iehover li a {
  background: #ffffff;
  filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85;
  color: #485b62;
  text-align:left;
  padding: 3px 5px;
  
}

/* 2nd Menu Hover Persistence */
ul#menuCatalogo li:hover li a:hover,
ul#menuCatalogo li:hover li:hover a,
ul#menuCatalogo li.iehover li a:hover,
ul#menuCatalogo li.iehover li.iehover a {

  color: #8EA6AF;
}

/* 3rd Menu */
ul#menuCatalogo li:hover li:hover li a,
ul#menuCatalogo li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#menuCatalogo li:hover li:hover li a:hover,
ul#menuCatalogo li:hover li:hover li:hover a,
ul#menuCatalogo li.iehover li.iehover li a:hover,
ul#menuCatalogo li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#menuCatalogo li:hover li:hover li:hover li a,
ul#menuCatalogo li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#menuCatalogo li:hover li:hover li:hover li a:hover,
ul#menuCatalogo li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#menuCatalogo ul,
ul#menuCatalogo ul ul,
ul#menuCatalogo ul ul ul {
  z-index:10;
  border: 1px solid #ffffff;
  display: none;
  position: absolute;
  top: 0;
  left: 170px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#menuCatalogo li:hover ul ul,
ul#menuCatalogo li:hover ul ul ul,
ul#menuCatalogo li.iehover ul ul,
ul#menuCatalogo li.iehover ul ul ul {
  display: none;
}

ul#menuCatalogo li:hover ul,
ul#menuCatalogo ul li:hover ul,
ul#menuCatalogo ul ul li:hover ul,
ul#menuCatalogo li.iehover ul,
ul#menuCatalogo ul li.iehover ul,
ul#menuCatalogo ul ul li.iehover ul {
  display: block;
}




/* Estilos derivados del catálogo */
.CTLGentradaCategorias{clear:both;position:relative;z-index:2;margin:30px 0px 10px -50px;background: #fff;font:normal 20px arial,tahoma,verdana;color: #485b62;border-left: 100px solid #485b62}
.CTLGentradaProductos{clear:both;position:relative;z-index:2;margin:30px 0px 10px -50px;background: #9FADB2;font:normal 20px arial,tahoma,verdana;color: #fff ;border-left: 100px solid #485b62}
.CTLGEnlaceContacto{position:relative;z-index:2;text-align: center; padding: 30px 0 15px;}
.CTLGEnlaceContacto a {text-align: center;border: 1px outset #c2cacd;padding:7px;background: #dcc74a; color: #485b62}
.CTLGEnlaceContacto a:hover {border: 1px outset #c2cacd;padding:7px;background: #ffffff; color: #485b62}

/***** Categorias *****/
.CTLGCategoriaDescripcionCorta{text-align:right;font-style:italic;}
.CTLGCategoriaDescripcionLarga{padding-top: 10px;}



/********** Subcategorias ***********/
.CTLGresumenCategoria{float:left;position:relative; width:305px; margin:3px;margin-top: 10px;}
.CTLGresumenCategoriaTitulo{padding: 0px 10px;font: bold 18px arial; color: #fff;position:absolute; top:-10px;}
.CTLGresumenCategoriaTitulo a{text-decoration:none;font: bold 18px arial; color: #fff;}
.CTLGresumenCategoriaFondo {background: #9FADB2; min-height:90px; border: 2px outset #9FADB2; padding: 10px;font: normal 11px arial; color: #4C4C4C;}
.CTLGresumenCategoriaFondo a{text-decoration: none;font: normal 11px arial; color: #485b62; }
.CTLGresumenCategoriaFondo a:hover{text-decoration: none;font: normal 11px arial; color: #ffffff;}
.CTLGresumenCategoriaDescripcion {position:relative;z-index:2}
a.CTLGresumenCategoriaImagen{border:0px; height:75px; width:75px; float:left; margin-right: 5px;}
/********** Subcategorias **********/

/********** Categorias Productos ***********/
.CTLGresumenProducto{float:left; position:relative; width:305px; margin:3px;margin-top: 10px;}
.CTLGresumenProductoTitulo{padding: 0px 10px;font: bold 16px arial; color: #485b62;position:absolute; top:-10px;}
.CTLGresumenProductoTitulo a{text-decoration:none;font: bold 16px arial; color: #485b62}
.CTLGresumenProductoFondo {background: #ffffff; min-height:90px; border: 2px outset #9FADB2;z-index:1; padding: 10px 5px 5px;font: normal 11px arial; color: #4C4C4C;}
.CTLGresumenProductoFondo a{text-decoration: none;font: normal 11px arial; color: #485b62; }
.CTLGresumenProductoFondo a:hover{text-decoration: none;font: normal 11px arial; color: #9FADB2;}
.CTLGresumenProductoDescripcion {position:relative;z-index:2}
a.CTLGresumenProductoImagen{border:0px; height:75px; width:75px; float:left; margin-right: 5px;}
/********** Fin Categorias Productos **********/
/***** Fin Categorias *****/

/***** Productos *****/
.CTLGProductoDescripcionCorta{text-align:right; font-style:italic}
.CTLGProductoDescripcionLarga{text-align:justify;padding-top: 10px;}
/***** Fin Productos *****/
/* Fin de estilos del catálogo */

/* Aviso Legal */
#legal{margin:5px auto; background-color:#c2cacd;}
#legal div{font-size: 11px;text-align: justify; padding: 5px 10px;}
#legal a{text-decoration:none; color:#485b62;}
#legal a:hover{text-decoration:underline;}
#legal div.titulo{font:bold 12px arial, tahoma, verdana; color:#485b62;}
#legal div.subtitulo{font-weight: bold; color:#485b62;}
#legal ul{display:block; text-align:left; padding-left:20px; margin-left:20px;}
#legal li{padding:5px 0;}