/* CSS de la pagina del hotel paraiso huasteco*/
html,/*body*/{SCROLLBAR-FACE-COLOR: #FF6600; 
SCROLLBAR-3DLIGHT-COLOR: #0000FF; SCROLLBAR-ARROW-COLOR: #0000FF; SCROLLBAR-TRACK-COLOR: #0066FF; SCROLLBAR-HIGHLIGHT-COLOR: #0000FF; SCROLLBAR-SHADOW-COLOR: yellow; SCROLLBAR-DARKSHADOW-COLOR: #0000FF; SCROLLBAR-BASE-COLOR: red; min-height:100%; margin-bottom:0.1px;}
div#entrada{background:url("images/form_bg2.gif") no-repeat; margin:0 auto; width:400px; height:350px;}
body{ font-family:Verdana, Arial, Helvetica, sans-serif; /*background-color:#F9F2F8;*/  margin:0;padding:0; background:url("images/body.gif") repeat;}
div#container{text-align:left; width:800px; margin:0 auto;}

h2, h3, h4{color:#CCCCCC; background:#0066FF; text-align:center; margin:0;padding:0;}/*agregado para la entrada*/
p{margin:5px 10px 10px 5px;}
p.servicios{margin:5px 5px 5px 100px; color:bold #0000FF;}
a{text-decoration:none; color: bold #FFFFFF; }
a:hover{color:#FF6600;}
a:visited{color:#FFFFFF;}
img{border:0;}
#img{float:left; margin:5px 5px 3px 5px; border:0;}
#img2{float:right; margin:5px 5px 5px 5px; border:0;}


div#header {height:140px;line-height:80px; margin:0 auto; text-align:right;
  color: #79B30B;  margin:15px 0 0 0; width:800px;}

#fecha {color:#FFFFFF; text-align:right; background:#0000FF; font: bold "Arial", Verdana, Times New Roman; font-size: 12px;}
  
/* &&&& CSS DEL MENU HORIZONTAL */
div#menuhori{float:left; width:800px; background:#0000FF;}
#marco {
	width:645px;
	margin:0px 2px 0px 154px;
	padding:0px 0px 0px 0px;
	text-align:left;
	}

/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */
.preload2 {background: url(images/button4a.gif);}
.menu2 {padding:0; margin:0px; margin-bottom:0; list-style:none; height:25px; background:#fff url(images/fd_menu2.gif) repeat-x; position:relative; font-family:"verdana", sans-serif; }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:25px; margin-left:6px; line-height:25px; color:#333; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 3px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 4px 0 3px; height:40px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 4px 0 3px; height:25px;/*background:url(prodrop2/down.gif) no-repeat right top;*/}
.menu2 li a.top_link:hover {color:#fff;  background:url(images/button4a.gif);}
.menu2 li a.top_link:hover span { background:url(images/button4a.gif)}
.menu2 li a.top_link:hover span.down { background:url(images/button4a.gif)}

.menu2 li:hover > a.top_link {color:#fff; background:url(images/button4a.gif);}
.menu2 li:hover > a.top_link span {background:url(images/button4a.gif);}
.menu2 li:hover > a.top_link span.down {background:url(images/button4a.gif);}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:6px; top:25px; background:#FF6600; padding:0; /*border:1px solid #1E8BB5; white-space:nowrap;*/ width:auto; height:auto; font-weight:normal;}
.menu2 :hover ul.sub li {display:block; /*height:20px; */position:relative; float:left; width:92px; border-bottom:1px solid #005FB9; border-left:1px solid #005FB9; border-right:1px solid #005FB9; margin-bottom:0;}
.menu2 :hover ul.sub li a {display:block; height:auto; font-size:11px; padding:4px 3px; line-height:1; color:#000000; text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#fff  url(images/vineta_menu.gif) no-repeat 150px 6px;}
.menu2 :hover ul.sub li a:hover {background:#0099FF; color:#FFFFFF;}
.menu2 :hover ul.sub li a.fly:hover {background:#E5FAFC url(images/vineta_menu.gif) no-repeat 150px 6px;}
.menu2 :hover ul li:hover > a.fly {background:#E5FAFC} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:160px; top:-1px; background: #fff; padding:0; /* white-space:nowrap; */width:auto; z-index:300; height:auto;}
.menu2 :hover ul.sub li ul {border-top:1px solid #005FB9; background: #fff; z-index:300;}
/* &&&& TERMINA EL CSS DEL MENU HORIZONTAL */


input:focus {border: 2px solid #0000FF;background:#99FFFF;}
.inputbox {
	BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; FONT-SIZE: 10px; BORDER-LEFT: #666666 1px solid; COLOR: #333333; BORDER-BOTTOM: #666666 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #99CCFF;}

.button {
	BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 10px; BORDER-LEFT: #666666 1px solid; COLOR: #333333; BORDER-BOTTOM: #666666 1px solid; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR:#FF6600; border:2px outset;}
.button:hover {border:2px inset;}
	
  
/* $$$ CSS DEL DIV CONTENT $$$ */
div#content p{line-height:1.4;}
div#content{margin: 0 0 0 160px; height:412px; overflow:scroll; border: 2px solid #0000FF; text-align:justify;}
div#content a{color:#0000FF; border:0;}
div#content a:hover{color:#FF6600;}
#content .img{float:left; margin:3px 5px 5px 35px; border:0;}
#content #img3{margin: 3px 5px 5px 20px; border:none;}
#content form {float:left; margin:3px 0 5px 15px; padding:3px 0 15px 15px; width:550px; font-family: "Geneva", Arial, Helvetica, sans-serif;}

#content .table{float:left; margin:5px 0px 0px 15px; display:block;}

#content table td h5{float:left; margin:0; padding:0;}


div#wrapper{float:left;width:100%; background:#0066FF; color:#CCCCCC;
FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;}

/* &&&& CSS DEL MENU VERTICAL */
#menu{float:left; list-style:none; width:160px; border: 1px solid #9A9A9A; border-bottom-width: 0; margin-left:-800px; letter-spacing:1px;}
#menu ul { list-style: none; margin: 0; padding: 0;}
#menu li a{background: url("images/menu_ver.gif") white repeat-x bottom left; font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color: white; display: block; width: auto; padding: 3px 0; padding-left: 10px; text-decoration: none;}
#menu li a:visited, #menu li a:active{color: white;}
#menu li a:hover{background-image: url("images/menu_ver2.gif");}
/* &&&& TERMINA EL CSS DEL MENU VERTICAL */

div#clima {background:#0000FF; border: 2px solid #0000FF;}
div#clima {float:left;width:158px;margin-left:-800px; margin-top:120px; height:73px; overflow:hidden;color:#FF6600; text-align:center; font-size:10px;}

div#extra {background:#B9CAFF; border: 2px solid #0000FF; float:left;width:158px;margin-left:-800px; margin-top:194px; height:197px; overflow:hidden; font-size:10px; text-align:justify;}
div#extra a{text-decoration:none; font-size:9px; color:#0000FF; align:center;}
div#carga {width:98px; height:10px; margin:0 auto;} /*agregado para la entrada*/


/*css para los widget de el div extra*/
#extra H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 1em; PADDING-BOTTOM: 3px; MARGIN: 0px; TEXT-TRANSFORM: uppercase; COLOR: white; TEXT-INDENT: 10px; PADDING-TOP: 3px;  BACKGROUND-COLOR: #5581c0;
}
#extra ul{list-style-type:none;margin:0px; padding:0px;}
#extra ul li{border:1px solid #5581c0;list-style-type:none; margin:0px;}
#extra UL li div.textwidget {padding:5px; margin:0px;
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
/*termina el css del div extra*/

div#contador{float:left; width:158px; margin-left:-800px; margin-top:394px; border: 2px solid #0000FF; background:#CCCCCC;}

#footer{ width:800px; margin:0 auto; text-align:center; padding:3px; background:url("images/foot.gif") repeat-x; padding:0px; color:#fff; font:10px 'arial'; clear:both;}
div#footer p{margin:0; padding:0; font-size:10px;}
#footer ul{margin: 0 auto;}
#footer li{display:inline;}
#footer ul li a{padding:0 10px 0; text-decoration:none; color:#fff; font-size:10px; font-weight:bold;}
#footer ul li a:hover{color:#FF6600;}
#footer .copyright{width:510px; color:#fff;  font-size:10px; margin:0 auto;}
#footer .copyright a{color:#fff; font-size:10px;}
#footer .copyright a:hover{ margin:0; color:#FF9900;  font-size:10px;}

/* CSS DE LA GALERIA*/
label {
	font-weight:bold;
}
#envoltorio {
	width: 800px;
	margin: 0 auto;
	background-color:#0066FF;
	color:#CCCCCC;
	height:412px;
	overflow:scroll;
}
#seleccionar {
	margin: 15px 0 0 5px;
}
#miniaturas {
	margin: 20px 0 20px 20px;
	float: left;
	width: 200px;
	border: 4px groove #F9F2F8;
}
#miniaturas img {
	margin: 5px;
	padding: 3px;
	cursor: pointer;
	border: none;
}
#imagPrincipal {
	float: left;
	width: 492px;
	margin: 0;
}
#imagPrincipal p {
	text-align: center;
	font-weight: bold;
    line-height: 2;
}
#descripcion {
	clear: left;
	width: 600px;
	margin: 0 auto;
	font-size:85%;
	}

/*TERMINA EL CSS DE LA GALERIA*/

#idioma{margin:0 auto; width:800px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px;	font-weight: bold; margin-top:20px; padding:0;}
#idioma table{text-align:center;margin:0 auto; border:1px groove #FF0000;background:#0066FF; }
#idioma table tr{text-align:center; margin:0 auto; border:2px groove #FF0000;}
#idioma table td{text-align:center; margin:0 auto;height:30px;width:400px;}