/*Bienvenidos al código de Tree House
Código desarrollado por Sebastián Sandoval
Diseño y Desarrollo del sitio Web de Tree House por Media Sandía Comunicaciones y Sebastian Sandoval*/

/*Aquí nos vamos.....*/

/*Primero unos reseteos*/

* { 
margin:0; 
padding:0; 
}

h1,h2,h3,h4,h5,h6,code,address,caption,cite,code,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

h1,h2,h3,h4,h5,h6 {
font-family:"Helvetica","Lucida Grande", Arial, Verdana, sans-serif;
}

body {
font: 12px/18px "Lucida Grande", Arial, Verdana, sans-serif; 
background: #fff; 
color:#333;
text-align:center;
background:url('i2/bkg_body2.gif') repeat-x #fff;
}



#info {
height:223px;
background:url('i2/bkg_header.gif') repeat-x top left #fff;
}

#info-in {
position:relative;
text-align: left;
font-size: 10px;
margin:0 auto;
color:#333;
width: 1039px;
}

p.info {
padding-top:5px;
}

#box{
width:1039px;
position: relative;
text-align:left;
margin:0 auto;
min-height:100%;
}


/*NAVEGACION*/
#nav-menu {
height:50px;
background:url('i/bkg_menu_hover.gif') repeat-x top left #060;
}

#menu {
position:relative;
text-align:center;
line-height:16px;
font-size: 12px;
margin:0 auto;
color:#fff;
width: 1039px;
}



#navegador {
list-style-type:none;
margin:0;
padding:0;
}

#navegador li {
float:left;
padding:9px 0;
width:207px;
text-align:center;
}

#navegador li.active {
float:left;
padding:9px 0;
width:207px;
background:url('i/bkg_menu.gif') repeat-x top left #960;
}

#navegador li:hover {
color:#fc0;
background:url('i/bkg_menu.gif') repeat-x top left #090;
}

#navegador li:active {
color:#fc0;
background:url('i/bkg_menu_activate.gif') repeat-x top left #0c0;
}

#navegador li a {
display:block;
width:207px;
text-decoration:none;
text-align:center;
font-size:12px;
color:#ffc;
font-weight:bold;
}

#navegador li a:hover {
color:#300;
}

/*LOGO*/

img.x
{
position:absolute;
left:25px;
top:40px;
z-index:1
}

#header {
height:12px;
background:url('i2/bkg_header_main.gif') no-repeat top left #fff;
}

#header_bottom {
height:59px;
background:url('i2/bkg_bottom_main.gif') no-repeat top left #fff;
}

#wrapper {
background:url('i2/bkg_wrapper.gif') repeat-y #fff;
overflow:auto;
}
/*Contenido*/
/*Imagenes*/
img.right { float:right;margin:15px 0 15px 15px;border:0;}
img.left { float:left;margin:15px 15px 15px 0;border:0;}
img.right a {border:0;}
img.left a {border:0;}
img.side {margin-top:10px;}
img.titulo {margin-left:35px;margin-bottom:20px;}
/*img.side {margin-top:20px;border:0;}
img.side a {border:0;}*/
img.top {position:inline; float:right;}
#main {
width:776px;
float:left;
text-align:left;
font-family:"Lucida Grande", Arial, Verdana, sans-serif;
font-size:14px;
color:#666;
line-height:24px;
padding-bottom:30px;
background:url('i2/bkg_main.gif') repeat-y top left #fff;
}

#main a, #right-sidebar a {
color:#339900;
text-decoration:none;
}

#main a:hover, #right-sidebar a:hover {
color:#66cc00;
text-decoration:none;
}

#main a:active, #right-sidebar a:active {
color:#090;
}

#main a:visited, #right-sidebar a:visited;{
color:#996600;
}

.marginador { margin:0 40px;}

/*titulos*/

#main h1 {
font-size:24px;
margin:20px 0 15px 0;
color:#960;
font-weight:bold;
}

#main h2 {
font-size:18px;
margin:10px 40px;
color:#c93;
font-style:italic;
}

#main h3 {
font-size:16px;
color:#630;
}

#main h4 {
font-size:14px;
color:#6c0;
font-style:italic;
}

#main h5 {
font-size:16px;
color:#630;
margin-top:15px;
}
.title-img {
display:none;
}

/*Extras*/
.thumbails {
margin:30px 0 10px 0;
padding-bottom:15px;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #666;
border-bottom:1px solid #666;
}


.thumbails img {
margin-left:15px;
margin-top:15px;
}

.thumbails_our {
margin:30px 0 10px 0;
padding:15px 15px;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #666;
border-bottom:1px solid #666;
}

.thumbails_our2 {
margin:30px 275px 10px 0;
padding:15px 15px;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #666;
border-bottom:1px solid #666;
}

.act {
width:302px;
float:left;
padding: 0 18px 0 25px;
margin:0 auto;
}

.act2 {
width:303px;
float:right;
padding: 0 18px 0 25px;
margin:0 auto;
}
/*Sidebar*/
#side-header {
height:94px;
background:url('i2/bkg_header_sidebar2.gif') no-repeat top left;
}

#right-sidebar {
float:right;
width:263px;
font-size:10px;
text-align:left;
background:url('i2/bkg_sidebar2.gif') repeat-y #fff;
}

#right-sidebar h1{
}

#right-sidebar h2{
font-size:18px;
color:#630;
font-weight:bold;
margin-top:30px;
}

#right-sidebar h3{
font-size:14px;
font-weight:bold;
margin-top:10px;
margin-bottom:5px;
}

#right-sidebar h3 a{
font-size:14px;
color:#c60;
font-weight:bold;
margin-top:10px;
margin-bottom:20px;
}
#right-sidebar h3 a:link { color: #c60 ; text-decoration: none; }
#right-sidebar h3 a:visited { color: #c90; text-decoration: none; }
#right-sidebar h3 a:hover, a:active { color: #c00; text-decoration: underline; }

#right-sidebar h4{
font-size:18px;
color:#06B6EE;
font-weight:bold;
margin-top:20px;
margin-left:35px;
}

.marginador-right{ margin:0 40px 0 25px;}

#side-bottom {
height:45px;
background:url('i2/bkg_bottom_sidebar.gif') no-repeat top left;
}

#sidelist {
padding: 0px 12px 10px 12px;
margin: 0;
font-size:12px;
}

#sidelist li {
list-style-type: none;
margin: 0;
padding:3px 5px;
border-bottom: 1px dotted #333;
}

#sidelist li:hover;{
list-style-type: none;
margin: 0;
padding: 0.25em;
border-bottom: 1px dotted #c00;
}

#sidelist li a:link { color: #c60 ; text-decoration: none; }
#sidelist li a:visited { color: #c90; text-decoration: none; }
#sidelist li a:hover, a:active { color: #c00; text-decoration: underline; }

h3.alt {
font-size:18px;
font-weight:bold;
margin-top:10px;
}

h2.alt2 {
font-size:14px;
font-weight:bold;
margin-top:10px;
}

img.boton {
margin-bottom:10px;
margin-left:12px;
}

/*Footer*/

#footer {
height:80px;
background:url('i2/pasto.gif') repeat-x bottom left #fff;
}

#footer-in {
position:relative;
text-align: left;
font-size: 12px;
margin:0 auto;
color:#333;
width: 1039px;
height:60px;
background:url('i2/bkg_footer.gif') no-repeat top left #fff;
padding-top:20px;
}

/*#footer {
height:80px;
width:776px;
clear:both;
background:url('i/bkg_footer.gif') repeat-x top left #fff;
font-size:10px;
color:#222;
border-top:1px solid #ccc;
}*/

#footer-in p {
margin:-2px 50px;
}

p.footer_txt {
color:#EAFFCC;
font-size:12px;
}

#footer-in a {
color:#fff;
text-decoration:none;
}

#footer-in a:hover {
color:#fc0;
text-decoration:none;
}

#footer-in a:visited {
color:#EAFFCC;
}

#footer-in a:visited:hover {
color:#fc0;
}

/*LISTAS*/

#ordenada li{
	list-style:decimal;
	margin: 10px 20px;
	padding: 0px 10px;
	border-left: 1px dotted #c00;
	color:#333;
	font-style:italic;
	font-size:12px;
}

#ordenada2 li{
	list-style:decimal;
	margin: 10px 20px;
	padding: 0px 10px;
	color:#333;
	font-style:italic;
	font-size:12px;
}

#ordenada3 li{
	list-style:disc;
	margin: 0px 20px;
	padding: 0px 10px;
	color:#666666;
	font-style:italic;
	font-size:14px;
}

#rules li {
margin: 15px;
padding: 0px 10px;
border-left: 1px dotted #c00;
font-size:10px;
list-style-type:decimal;
}

#itinerario li{
	list-style:none;
	margin: 10px 20px;
	padding: 0px 10px;
	border-left: 1px dotted #c00;
	color:#333;
	font-style:italic;
	font-size:12px;
}

/*Formularios*/
#bookabed {
width:656px;
border: 1px solid #999;
padding:20px;
margin-top:30px;
}

#bookabed p{
margin-top:25px;
}

#bookabed legend{
color:#390;
font-size:18px;
font-weight:bold;
}
#bookabed label{
float:left;
width:200px;
font-weight:bold;
color:#960;
font-size:16px;
text-align:right;
margin-right:20px;
height:20px;
padding-bottom:5px;
}

#bookabed input {
width:300px;
height:25px;
border:1px solid #666;
padding-top:5px;
padding-left:5px;
color:#666;
font-size:14px;
}

#bookabed textarea {
width:300px;
height:150px;
border:1px solid #666;
padding-top:5px;
padding-left:5px;
color:#666;
font-size:14px;
}

#bookabed select {
width:100px;
color:#666;
font-size:14px;
}

#bookabed select.room {
width:300px;
color:#666;
font-size:14px;
}

#bookabed input.send {
width:100%;
height:40px;
font-size:20px;
background-color: #960;
border-top: 2px solid #c90;
border-right: 2px solid #630;
border-bottom: 2px solid #630;
border-left: 2px solid #c90;
font-weight:bold;
color:#fff;
padding-top:5px;
padding-bottom:15px;
}

#bookabed input.send:active{
width:100%;
height:40px;
font-size:20px;
background-color: #960;
border-top: 2px solid #630;
border-right: 2px solid #c90;
border-bottom: 2px solid #c90;
border-left: 2px solid #630;
font-weight:bold;
color:#fff;
padding-top:5px;
padding-bottom:15px;
}

#datos {
margin-bottom:30px;
}


/*Nice Titles*/

div.nicetitle {
	background-color: #333;
	color: #fff;
	font: bold 13px "Trebuchet MS", Verdana, Arial, sans-serif;
	left: 0;
	padding: 4px;
	position: absolute;
	top: 0;
	width: 25em;
	z-index: 20;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 10px;
	-moz-opacity: .87;
	}

div.nicetitle p {
    margin: 0;
	padding: 0 3px;
	-moz-opacity: 1;
}

div.nicetitle p.destination {
    font-size: 9px;
    padding-top: 3px;
	text-align: left;
	-moz-opacity: 1;
}

div.nicetitle p span.accesskey {
	color: #d17e62;
}