body {margin: 0;
padding: 0;
font:70% 'Lucida Grande',Verdana, Helvetica, sans-serif;}
#twoColLayout {background: #CAC78A  url(images/background.gif) repeat-x fixed;}
#oneColLayout {background: #CAC78A url(images/background.gif) repeat-x fixed;}

a:link {background-color: transparent;
text-decoration: underline;
color: #666;}
a:hover {background-color: #FFC;
text-decoration: underline;
color: #990;}
a:visited {background-color: transparent;
text-decoration: underline;
color: #666}

h1 {margin: 0;
padding: 30px;
font-size: 150%;
color: #FF0000;
text-indent: -9000px;}
h2 {margin: 0 10px 0 10px;
padding: 2px;
font-size: 130%;
color: #A3A06F;
background: #E5E2A9;}
h3 {text-transform: uppercase;
display: inline;
font-size: 92%;
margin: 10px 5px 0 5px;
padding: 2px;}
.default h3 {background: #CCCC99;}
.box h3{background:#cccc99;}

#wrapper {width:750px;
margin:0 auto;
background-color: #D7D493;
padding: 0 10px 10px 10px;}
#validation {width:750px;
margin:0 auto;
padding: 0 10px 10px 10px;}

#banner {width:750px;}
#banner img {border:0;
margin:0;}

#header {width: 750px;
height: 170px;
background: url(images/header_back.gif);}

#primaryContent {float:left;
width:750px;
display:inline;
margin: 0 0 20px 0;}

#oneColLayout  #primaryContent  object {margin-left:100px;
margin-top:15px;
border: 2px solid #555555;}
#oneColLayout #primaryContent p{text-align:center;
font-size:110%;}
#oneColLayout #primaryContent a{display:block;
margin-top:10px;
margin-left:10px;}

#twoColLayout #primaryContent {width:555px;
float:left;
margin: 0 0 20px 195px;}
#twoColLayout  #primaryContent object {margin-left:60px;
margin-top:15px;
border:2px solid #555555;}
#twoColLayout #primaryContent p { text-align:justify;
font-size:110%;
padding-left:10px;}
#twoColLayout #secondaryContent {display: none;}

#secondaryContent{float:left;
width:270px;
margin: 0 0 20px 15px;}

#sideContent{float:left;
width:180px;
margin: 0 0 20px -750px;}

#oneColLayout #secondaryContent, #oneColLayout #sideContent {display: none;}

#twoColContent{width:555px;
float:left;
margin: 0 0 20px 195px;}

.cbSide {width:160px;
margin: 5px 0 0 10px;
padding: 10px 0 5px 0;
background: #FFF;}
.cbSide p {margin: 0;
padding: 0 5px 2px 5px;
font-size: 90%;
color: #666;}

.box {margin: 15px 0 0 0;
padding: 5px 0 5px 0;}
.box.default{background:url(images/diags.gif);}
.box.default p {text-align:center;
font-size:105%;}
#sideContent .box{background:url(images/diags.gif);}
#sideContent img {margin-top:20px;}

.cbb {margin: 0 10px 0 10px;
background: #FFF;
padding: 5px 0 5px 0;
line-height: 170%;}

.cbb p, .cb p {margin: 0;
padding: 10px 5px 5px 50px;
color: #333;}

#footer{	clear:both;
width: 750px;
height: 85px;
background: url(images/footer_back.gif);
padding: 0px;}
#footer p {margin: 10px 10px 0 0;
padding: 20px 4px 4px 0;
font-weight: bold;
text-align:center;}


img {float: left;
margin: 5px 0 2px 5px;
border: 2px solid #C5BDBD;}
.default img {border: 0;}
.mainImage {display: block;
float: none;
margin-top: 4px;
border: 3px solid #C5BDBD;}
.img-wrapper {margin: 20px 40px 0 0;
background:  url(images/shadow.gif)  no-repeat bottom right;
float:left;
line-height:0;}
 .img-wrapper img {float:none;
margin:0;
background:#fff;
padding:4px;
border:1px solid #C5BDBD;
position:relative;
left:-5px;
top:-5px;}


.thumbnails {margin: 0 0 20px 50px;}

.spacer {clear: both;}

.cbSide ul {list-style-type: none;
margin-top: 0px;
margin-left: 0;
margin-bottom: 0;
padding: 3px;}
.cbSide li a:link {color:#333;
line-height:150%;
text-decoration:none;
display:block;
width:154px;
border-bottom: 1px solid #EDEAEB;
background: #FFF  url(images/ticks.gif);}
.cbSide li a:active {color:#333;
line-height:150%;
text-decoration:none;
display:block;
width:154px;
border-bottom: 1px solid #EDEAEB;
background: #FFF  url(images/ticks.gif);}
.cbSide li a:hover {color:#990000;
line-height:150%;
display:block;
width:154px;
border-bottom: 1px solid #EDEAEB;
background: #FFF  url(images/ticks.gif) 0px -20px;
text-decoration:none;}
.cbSide li a:visited {color: #999;
text-decoration:none;
line-height:150%;
display:block;
width:154px;
border-bottom: 1px solid #EDEAEB;
background: #FFF  url(images/ticks.gif);
background-position: 0 -40px;}


 #mainNav{margin: 30px 0 0 0;
padding: 0;
width: 750px;
height: 35px;
font-weight: bold;
font-size: 90%;}
#mainNav ul{list-style: none;
margin: 0;
padding: 0;
border: none;}
#mainNav li{display: block;
margin: 0;
padding: 0;
float: left;
width: auto;}
#mainNav a{color: #D7D493;
display: inline;
width: auto;
text-decoration: none;
background: #000;
margin: 0;
padding: 10px 10px;
border-right: 1px solid #FFF;}

#mainNav a:hover, #mainNav a:active { background: #D7D493;color: #000; }
#mainNav a.active:link, #mainNav a.active:visited{position: relative;
z-index: 102;
background: #BBB;
color: #D7D493;
font-weight: bold;}


body.home #mainNav a#home, body.cabanias #mainNav a#cabanias, body.servicios #mainNav a#servicios, body.contacto #mainNav a#contacto, body.ubicacion #mainNav a#ubicacion {color: #fff;
text-decoration: underline;}

#center img{margin-left: 180px;
margin-top: 20px;
margin-bottom: 20px;}
#center a {text-decoration: none; 
margin-left: 10px;
text-align:center;}