﻿body {width:770px; margin:0 auto; background: url(images/blue_weave.gif) repeat top center;  color:steelblue; font:normal 13px verdana, arial;}
a{text-decoration:none; color:Navy;}
a:visited{text-decoration:none; color:navy;}
#wrapper{background:url(images/nav_bg.jpg) repeat-y top right;width:760px; height:auto;  border-right: 3px solid silver;border-left: 3px solid silver;}
#header{width:760px;height:220px;background: url(images/hospedaria_header.jpg) no-repeat top center;}
#breadcrumb{text-indent:4px;width:760px; height:15px; background:white; border-bottom: 3px solid #e59407;}

#main{width:600px;min-height:700px;background:white; float:left;padding:10px 0px 10px 0px;}
#nav{text-align:center;width:160px;height:auto;float:left;padding-top:10px;}
#nav_first{}
#nav li{width:100px;list-style:none; border: 1px solid steelblue;margin-bottom:4px;}
#nav a{width:100px;color: steelblue; padding:10px 0px 10px 0px;
display: block; font-weight: bold; text-decoration: none;}
#nav a:hover{background-color:steelblue; color: white; text-decoration: none;}
#footer{color:steelblue;width:760px;height:22px;background:gold;clear:both;text-align:center;font-size:8pt;padding:2px 0px 5px 0px;}
#footer a{color:steelblue;}
#footer a:visited{color:steelblue;}
.guestbook{color:steelblue;}
.guestbook2{font-weight:bold;color:steelblue;}
h1{margin-left:10px;}
p{margin:10px;color:steelblue;font:normal 13px verdana, arial;}
.long{line-height:15pt;}
ul{list-style-position:inside; list-style-type:square;}

#table_prices td{border:1px solid silver;}
#table_prices th{background:steelblue; color:White;}

#counter{font-weight:bold;text-align:right;margin-right:2px;}


/******************
TABLE STYLES
******************/

table 
{
    margin-left:10px;
	width:530px;
	border:1px solid #D0D0BF;
	border-collapse:collapse;
	}
	
	.table2{border:none;}

th {
	border-bottom:1px solid silver;
	padding:6px;
	}

td {border:1px solid silver; padding:6px;}

.formview1 td {border:none;}

/******************
CLASSES
******************/

img.photobig, img.photosmall {
	border:1px solid #CCCCCC;
	background: #E0E0E0 url(images/bg-table-row-alternate.jpg);
	padding:10px;
	}

img.photosmall {
	margin-right:10px;
	margin-bottom:2px;
	float: left;
	}

/*PHOTO GALLERY */


#container {position:relative; width:570px; height:500px; margin:10px; background:#fff url(images/0.jpg) 10px 10px no-repeat; border:1px solid #aaa;}

#container ul {width:198px; height:386px; padding:0; margin:5px; list-style-type:none; float:right;}

#container li {float:left;}

#container a.gallery, #container a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default;}
#container a.slidea {background:url(images/1t.jpg); height:60px; width:90px;}
#container a.slideb {background:url(images/2t.jpg); height:60px; width:90px;}
#container a.slidec {background:url(images/3t.jpg); height:60px; width:90px;}
#container a.slided {background:url(images/4t.jpg); height:60px; width:90px;}

#container a.slidee {background:url(images/5t.jpg); height:60px; width:90px;}
#container a.slidef {background:url(images/6t.jpg); height:60px; width:90px;}
#container a.slideg {background:url(images/13t.jpg); height:60px; width:90px;}

#container a.slideh {background:url(images/7t.jpg); height:60px; width:90px;}
#container a.slidei {background:url(images/8t.jpg); height:60px; width:90px;}
#container a.slidej {background:url(images/9t.jpg); height:60px; width:90px;}
#container a.slidek {background:url(images/10t.jpg); height:60px; width:90px;}
#container a.slidem {background:url(images/11t.jpg); height:60px; width:90px;}




#container a.gallery span {position:absolute; width:1px; height:1px; top:5px; left:5px; background:#fff; overflow:hidden;}
#container a.gallery:hover {border:1px solid #fff;}
#container a.gallery:hover img {border:1px solid #fff; float:left; margin-right:5px;}
#container a.slideb:hover img, #container a.slidei:hover img {float:right;}
#container a.gallery:hover span {position:absolute; width:350px; height:310px; top:5px; left:5px; color:#000; background:#fff;}

