@charset "UTF-8";
/* CSS Document */
/*básicos html*/body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#F8F9D2;
	text-align:left;
	background:#f9c983 url(../images/bg.gif) top center no-repeat;
	margin:0;
	padding:0;
	line-height:125%;
}
div, td, tr {
	margin:0;
	padding:0;
	border:none;
}
/*estilo de párrafo normal*/

p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:125%;
	text-align:justify;
	margin:0 0 10px 0;
	color:#F8F9D2;
}
.right {
	text-align:right;
	padding-right:5px;
}
/*estilos de títulos*/

h1 {
	margin:16px 0 0 0;
	height:0;
	text-indent:-999em;
	overflow:hidden;
}
h2 {
	font-size:1.65em;
	color:#CACC7F;
	line-height:125%;
	margin: 0 0 4px -12px;
	padding:0 0 0 12px;
	text-align:left;
	font-weight:100;
	background:url(../images/bullet-green.gif) top left no-repeat;
}
h3 {
	font-size:1.4em;
	color:#FAAF3B;
	line-height:125%;
	margin:5px 0 0 0;
	padding:0;
	text-align:left;
	font-weight:100;
}
h4 {
	font-size:1.25em;
	color:#93B262;
	line-height:125%;
	margin:5px 0 0 0;
	padding:0 0 0 10px;
	text-align:left;
	font-weight:100;
	background:url(../images/bullet-h4.gif) top left no-repeat;
}
h5 {
	font-size:1.1em;
	color:#fff;
	line-height:125%;
	margin: 5px 0 3px 0;
	padding:0;
	text-align:left;
}
h6 {
	font-size:1em;
	color:#C6CE8D;
	line-height:125%;
	margin: 0px 0 3px 0;
	padding:0;
	text-align:left;
	font-weight:100;
	text-transform:uppercase;
}
/*divs-cajones principales*/#top {
	width:100%;
	height:150px;
	padding:0;
	margin:0;
	background:url(../images/bg-top.gif) top repeat-x;
	position:absolute;
	top:0;
}
#wrapper {
	width:960px;
	top:0;
	padding:0 0px;
	margin:0 auto;
	background:url(../images/ferns.png) top left no-repeat;
	z-index:0;
	position:relative;
}
#header {
	width:960px;
	padding:0;
	margin:0 auto;
}
#content {
	width:950px;
	padding:0 10px 0 0;
	margin:40px auto 0 auto;
	background:url(../images/bg-content.jpg) repeat-y #161f0c;
}
#footer {
	width:960px;
	padding:0;
	margin:0 auto;
}
/*dentro de header*/



#topnav {
	width:960px;
	height:50px;
	margin:0 15px 0 0;
	color:#E9EDB2;
}
#topnav ul {
	padding:10px 15px 0 0;
	margin:0;
	list-style:none;
	height:40px;
	float:right;
}
#topnav ul li {
	text-align:center;
	font-size:0.85em;
	padding:0 10px;
	display:inline;
	border-right:#E9EDB2 1px solid;
}
#topnav ul li a:link, #topnav ul li a:visited {
	color:#E9EDB2;
	text-decoration:none;
}
#topnav ul li a:hover, #topnav ul li a:active {
	text-decoration:underline;
}
#main-menu {
	width:782px;
	height:35px;
	display:block;
	margin:15px 0 0 10px;
	float:left;
	padding:8px 0 0 10px;
	background:url(../images/mainnav-bg.png) top left no-repeat;
	position:absolute;
	top:50px;
	z-index:300;
}

#main-menu ul {
    padding:0;
    margin:0;
    list-style:none;
    display:block;
  
}
      
        #main-menu ul li{
        /*fuente*/
        color:#fff;
        text-align:center;
        /*cajon*/
        display:inline;
        position: relative;
        float:left;
        }
      
            #main-menu ul li a:link, #main-menu ul li a:visited {
            /*fuente*/
            color:#FFF;
            font-size:12px;
            text-decoration:none;
            text-transform:uppercase;
            line-height:105%;
			/*cajon*/
            display:block;
            float:left;
            height:20px;
            padding:13px 14px 3px 14px!Important;
            }

            #main-menu ul li a:hover, #main-menu ul li a:active {
            background:url(../images/mainnav-grad.png) bottom repeat-x;
            }
                      
          
            /*menu deslegable---- esto es lo que hace que sea desplegable*/
            #main-menu ul li ul{
            margin:36px 0 0 0;/*espacio para q caiga debajo de main-nav cuando es horizontal*/         
            padding:0;
            background:#32281A;
			/*background transp*/
            filter:alpha(opacity=90);
            -moz-opacity:0.90;
            -khtml-opacity: 0.90;
            opacity: 0.90;
            /*para que despliegue*/
            display:none;
            position:absolute;
            left:0;
			width:180px!important;
            }
          
            #main-menu ul li ul li{
            /*fuente*/
            font-size:0.9em;
            text-align:left;
            /*cajon*/
            margin:0;
            }
          
            #main-menu ul li ul li a:link, #main-menu ul li ul li a:visited{
            /*fuente*/
            color:#E2C386;
            text-decoration:none;
            text-transform:none;
            /*cajon*/
            margin:0;
            padding:8px 5px!important;
			width:170px;
			height:auto!important;
			border-bottom:1px dotted #666;
			text-align:left;
            }
                          
            #main-menu ul li ul li a:hover, #main-menu ul li ul li a:active{
            color:#FAAF3B;
			background-image:none;
            }  
#socialmedia {
	width:140px;
	margin:0px 20px 0 0;
	float:right;
}
/*dentro de content*/

#sidebar {
	width:226px;
	margin:0;
	float:left;
}
/*dentro de columnaizq*/			

#logo {
	width:226px;
	margin:0;
	float:left;
}
#facebook-like {
	width:206px;
	margin:10px 0;
	padding:10px;
	float:left;
	border-bottom:1px solid #CAD473;
	border-top:1px solid #CAD473;
}
#search {
	width:206px;
	margin:10px 0;
	padding:10px;
	float:left;
	background:url(../images/bg-black50.png);
}
#calltoaction {
	width:210px;
	margin:10px 0;
	padding:0!Important;
}
#calltoaction img {
	margin:0!Important;
	padding:0!Important;
	margin:0 3px!Important;
	border:6px solid #181F11;
}
#gallery {
	width:206px;
	margin:10px 0;
	padding:10px;
	float:left;
}
#main-content {
	width:714px;
	margin:0;
	float:right;
}
#main-content a:link, #main-content a:visited {
	color:#E2C386;
	text-decoration:none;
}
#main-content a:hover, #main-content a:active {
	color:#FAAF3B;
	text-decoration:underline;
}
#banner-principal {
	width:714px;
	margin:0;
}
/*dentro de main en internas*/

#main-text {
	width:644px;
	margin:0;
	float:left;
	padding:35px;
}
#main-text p {
	color:#F8F9D2;
}
#main-text ul li {
	color:#F8F9D2;
}
/*dentro de main en index*/

#banner-lodge-es {
	width:330px;
	height:244px;
	margin:0;
	padding: 0 10px;
	font-size:1.2em;
	float:left;
	background:url(../images/banners-bg-PeaceLodge-es.png) top left no-repeat;
}
#banner-lodge-en {
	width:330px;
	height:244px;
	margin:0;
	padding: 0 10px;
	font-size:1.2em;
	float:left;
	background:url(../images/banners-bg-PeaceLodge-en.png) top left no-repeat;
}
#banner-lodge-es p, #banner-lodge-en p {
	font-size:0.7em;
	margin:75px 0 0px 15px;
	text-align:left;
	color:#534741;
}
#banner-gardens-en {
	width:330px;
	height:244px;
	margin:0;
	padding:0 10px;
	float:left;
	font-size:1.2em;
	background:url(../images/banners-bg-LaPaz-en.png) top left no-repeat;
}
#banner-gardens-es {
	width:330px;
	height:244px;
	margin:0;
	padding:0 10px;
	float:left;
	font-size:1.2em;
	background:url(../images/banners-bg-LaPaz-es.png) top left no-repeat;
}
#banner-gardens-en p, #banner-gardens-es p {
	font-size:0.7em;
	margin:75px 0 5px 15px;
	text-align:left;
	color:#534741;
}
#banners-box {
	width:714px;
	margin:10px 0;
	float:left;
}
#mailing-list {
	width:220px;
	height:124px;
	margin:0 3px;
	float:left;
	border:6px solid #181F11;
	background:url(../images/banner-mailinglist.jpg) top left no-repeat;
	color:#CC0000;
	font-size:0.9em;
	line-height:100%;
}
.great-message {
	width:202px;
	color:#EF5D1D;
	display:block;
	clear:both;
}
.error-message, .error {
	width:200px!Important;
	color:#CC0000!Important;
	float:left;
	background:none!Important;
	padding:0!Important;
}
#mailing-list .inputbox {
	width:145px!Important;
	margin:0 0 2px 8px;
	float:left;
	text-align:left;
}
#mailing-list-es .inputbox {
	width:138px!Important;
	margin:0 0 2px 8px;
	float:left;
	text-align:left;
}
#mailing-list .button, #mailing-list-es .button {
	float:right!Important;
	margin-top:0!Important;
	margin-left:0!Important;
}
#mailing-list-es {
	width:220px;
	height:124px;
	margin:0 3px;
	float:left;
	border:6px solid #181F11;
	background:url(../images/banner-mailinglist-es.jpg) top left no-repeat;
	color:#CC0000;
	font-size:0.9em;
	line-height:100%;
}
#mailing-list h3, #mailing-list-es h3 {
	text-indent:-999em;
	overflow:hidden;
	margin:25px 0 32px 0;
}
/*dentro de footer*/	#footernav {
	width: 940px;
	padding:10px;
	margin:0 auto;
	background:url(../images/bg-black80.png);
}
#footernav ul {
	padding:4px 0 0 0;
	margin:0;
	color:#fff;
	font-size:12px;
	list-style:none;
	text-align:left;
}
#footernav ul li {
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	margin:0 auto;
	padding:0 4px;
	display:inline;
	border-right:#E2C386 solid 1px;
}
#footernav ul li a:link, #footernav ul li a:visited {
	color:#E2C386;
	text-decoration:none;
	text-transform:none;
}
#footernav ul li a:hover, #footernav ul li a:active {
	text-decoration:underline;
}
#footer-credits {
	width: 920px;
	padding:10px 20px 0 20px;
	margin:0 auto;
	background:#A68656;
}
#footer-credits p {
	padding:0;
	margin:0;
	color:#5E432C;
	text-align:left;
	font-size:0.85em;
}
#copyright {
	width: 940px;
	padding:0;
	height:10px;
	margin:35px 0 0 0;
	text-align:center;
}
#copyright p {
	padding:0;
	margin:0;
	color:#42210B;
	text-align:center;
	font-size:0.85em;
}
#footer-credits a:link, #footer-credits a:visited {
	padding:0;
	margin:0;
	color:#42210B;
	text-align:center;
	font-size:0.85em;
}
/*classes*/

.no-border {
	border:none;
	float:right;
	margin:0;
	padding:0;
}
.border {
	margin:0 3px;
	border:6px solid #181F11;
}
.img-gallery {
	border:none;
	margin:1px;
}
.icns {
	margin:0 5px 0 0;
	border:none;
	float:left;
}
a.readon {
	text-align:right;
	float:right;
	color:#A85222!Important;
	background:url(../images/bullet-orange.gif) right no-repeat!Important;
	font-weight:bold!Important;
	text-decoration:none;
	padding:3px 10px!Important;
	margin:0px 5px 0 0!Important;
	font-size:0.9em!Important;
}
a.readon:hover {
	text-decoration:underline;
}
.button, .cse input.gsc-search-button, input.gsc-search-button {
	height:25px!Important;
	border:none!Important;
	background:#C30 url(../images/btn.gif) repeat-x top!Important;
	color:#fff!Important;
	margin:3px 5px!Important;
	padding:2px!Important;
	text-decoration:none!Important;
	text-align:center!Important;
}
.button:hover {
	background:#f05222;
	text-decoration:none;
}
.search input, #search .inputbox {
	padding:1px;
	color:#4D4D4D;
	font-size:8pt;
	margin: 2px 0;
	float:left;
	width:160px;
	height:15px;
	background:#E9EDB2;
	border:#777 1px solid!Important;
	text-align:left;
}
.search .button, #search .button {
	border:none !Important;
	background:#660000;
	color:#fff;
	margin:0;
	font-size:8pt;
	width:30px;
	height:20px;
	background:url(../images/btn.gif) top left repeat-x #C30;
}
.search .button:hover, #search .button:hover {
	border:solid #FFF 1px;
}
.inputbox, .text_area {
	padding: 2px!Important;
	border:#777 1px solid!Important;
	background:#E9EDB2;
	color:#7a7a7a;
	font-size:8pt;
	margin: 0 10px;
	width:190px;
	text-align:center;
}
/*tabs*/						ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 20px;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0 3px 0 0;
	padding: 0;
	height: 20px;
	line-height: 19px;
	overflow: hidden;
	position: relative;
	background: #CECEA3;
}
ul.tabs li a {
	text-decoration: none;
	color: #534741;
	display: block;
	font-size: 0.9em;
	padding: 0 5px;
	border: 1px solid #bbb;
	outline: none;
}
ul.tabs li a:hover {
	background:#E1E0B2;
}
html ul.tabs li.active, html ul.tabs li.active a:hover {
	background: #fff;
	border-bottom: 1px solid #E1E0B2;
}
.tab_container {
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left;
	width: 100%;
	background: #E1E0B2;
	border: 1px solid #bbb;
}
.tab_content {
	padding: 10px 8px;
}
/*tables*/.table-header {
	padding:3px;
	padding:3px;
	line-height:100%;
	background:#0E1F0A;
	color:#FFFFFF;
	text-align:center;
}
.table-header p {
	color:#FFFFFF;
}
.row1 {
	padding:3px;
	font-size:0.9em;
	line-height:100%;
	background:#E1E0B2;
	border-bottom:1px dotted #666;
	color:#204114;
}
.row2 {
	padding:3px;
	font-size:0.9em;
	line-height:100%;
	background:#CCD474;
	border-bottom:1px dotted #666;
	color:#204114;
}
/*mailing*/input.error {
	border: 1px solid red;
}
label.error {
	background: url('http://dev.jquery.com/view/trunk/plugins/validate/demo/images/unchecked.gif') no-repeat;
	padding-left: 16px;
	margin-left: .3em;
}
label.valid {
	background: url('http://dev.jquery.com/view/trunk/plugins/validate/demo/images/checked.gif') no-repeat;
	display: block;
	width: 16px;
	height: 16px;
	font-size:0.9em;
}
.species {
	background:#D8EAF6;
}
.species a:link, .species a:visited {
	color:#3E5620!Important;
}
/*HACKS*/.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}/* End hide from IE-mac */