@font-face { 
font-family:"Myriad Pro Bold"; 
src: url("fonts/MyriadWebPro-Bold.eot?#iefix");
}

@font-face {
	font-family:'Myriad Pro Bold';
src: url(fonts/MyriadWebPro-Bold.ttf) format('truetype');
}

@font-face {
	font-family:'Majalla';
src: url(fonts/majalla.ttf) format('truetype');
}

@font-face { 
font-family:"Myriad Pro"; 
src: url("fonts/MyriadWebPro.eot?#iefix");
}

@font-face { 
font-family:'Myriad Pro'; 
src: url(fonts/MyriadWebPro.ttf) format('truetype');
}

@font-face { 
	font-family: 'BLACKJAR';
	src:url('fonts/BLACKJAR.eot');
	src:url('fonts/BLACKJAR.eot?#iefix') format('embedded-opentype'),
		url('fonts/BLACKJAR.svg#icomoon') format('svg'),
		url('fonts/BLACKJAR.woff') format('woff'),
		url('fonts/BLACKJAR.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body{ background:url(images/rancho-bg.jpg) no-repeat fixed 50% 0 #e1b681; margin: 0; font-family:"Myriad Pro"; }

.wapper{ display:block; width:980px; padding:0; margin: 0 auto; }

a { border:0;}

#head{
display: block;
width: 100%;
position: relative;
min-height: 950px;
}

#headcab{
display: block;
width: 100%;
position: relative;
min-height: 510px;
}

#headg{
display: block;
width: 100%;
position: relative;
min-height: 500px;
}
#content{ display:block; }
#menu{ 
display:block; 
float:left;
background-image:url(images/header-bg.jpg);
width: 950px;
height: 400px;
margin-left: 10px;
position: relative;
}
#menuinner{
display: block;
position: absolute;
margin-top: 311px;
margin-left: 0px;
}
#menuinc{
background: url(images/img-bg.png) no-repeat -9px -1px;
display: block;
width: 950px;
height: 50px;
margin-left: 10px;
}
#botmenuinn{
background: url(images/img-bg-head2.png) no-repeat;
display: block;
width: 950px;
height: 50px;
float: left;
}
#botmenu{
background-image: url(images/claim-bg.png);
width: 950px;
min-height: 300px;
margin-top: 20px;
float: left;
}
#botmenuc{
background-image: url(images/claim-bg.png);
width: 950px;
min-height: 830px;
margin-top: 20px;
}
#maploc{
width: 300px;
margin: 115px 0px 0px 30px;
float:left;
}
#formcont{
width: 374px;
height: 560px;
margin: 124px 0px 0px 70px;
float: left;
position: relative;
}
#maploc h1{
font-family:'Myriad Pro Bold';
color:#83a846;
text-shadow: 0px 1px 1px rgba(0,0,0,0.7), 0px 2px 6px rgba(0,0,0,0.2);
margin: 0px;
font-size: 25px;
}
#maploc h2{
font-family:"Myriad Pro";
text-shadow: 0px 1px 1px rgba(0,0,0,0.7), 0px 2px 6px rgba(0,0,0,0.2);
color: #ede4d2;
font-size: 20px;
}
#maploc a{
    background-color: #C0C0C0;
    font-size: 14px;
    height: auto;
    float: left;
    width: 98%;
    padding: 10px 0;
    text-transform: uppercase;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
    color: #222;
    letter-spacing: 1px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
	
}

#mapinfo{
float: right;
width: 600px;
    height: 413px;
    margin: 100px 5px 0px 5px;
background-image:url(images/Las-Lomas-Condominio.jpg);
}
#mapinfo h1{
font-family: 'BLACKJAR';
color:#fca255;
text-shadow: 0px 1px 1px rgba(0,0,0,0.7), 0px 2px 6px rgba(0,0,0,0.2);
font-size: 48px;
text-align: center;
line-height: 38px;
font-weight: normal;
}
#mapinfo p{
font-family:"Myriad Pro";
text-shadow: 0px 1px 1px rgba(0,0,0,0.7), 0px 2px 6px rgba(0,0,0,0.2);
color: #ede4d2;
font-size: 20px;
text-align: center;
}
#mapinfog{
float: right;
margin-top: 100px;
width: 400px;
margin: 45px 70px 0px 10px;
}
#mapinfog h1{
font-family: 'BLACKJAR';
color:#fca255;
text-shadow: 0px 1px 1px rgba(0,0,0,0.7), 0px 2px 6px rgba(0,0,0,0.2);
font-size: 48px;
text-align: center;
line-height: 38px;
font-weight: normal;
}
#mapinfog p{
font-family:"Myriad Pro";
text-shadow: 0px 1px 1px rgba(0,0,0,0.7), 0px 2px 6px rgba(0,0,0,0.2);
color: #ede4d2;
font-size: 20px;
text-align: center;
}

#mapinfocba{
float: right;
margin-top: 100px;
width: 400px;
margin: 55px 70px 0px 10px;
}
#mapinfocba h1{
font-family: 'BLACKJAR';
color:#fca255;
text-shadow: 0px 1px 1px rgba(0,0,0,0.7), 0px 2px 6px rgba(0,0,0,0.2);
font-size: 60px;
text-align: center;
line-height: 38px;
font-weight: normal;
}
#mapinfocba p{
font-family:"Myriad Pro";
text-shadow: 0px 1px 1px rgba(0,0,0,0.7), 0px 2px 6px rgba(0,0,0,0.2);
color: #FFD56B;
font-size: 20px;
text-align: center;
}

#mapinfoub{
float: right;
width: 700px;
margin: 110px 115px 0px 10px;
}

#mapinfoub h1{
font-family: 'BLACKJAR';
color:#fca255;
text-shadow: 0px 1px 1px rgba(0,0,0,0.7), 0px 2px 6px rgba(0,0,0,0.2);
font-size: 60px;
text-align: center;
line-height: 38px;
font-weight: normal;
margin: 15px 0px;
}
#mapinfoub p{
font-family:"Myriad Pro";
text-shadow: 0px 1px 1px rgba(0,0,0,0.7), 0px 2px 6px rgba(0,0,0,0.2);
color: #ede4d2;
font-size: 20px;
text-align: center;
margin: 10px 0px;
}

#mapinfoc{
float: right;
width: 400px;
margin: 110px 55px 0px 10px;
}
#mapsdiv{
display: block;
float: right;
margin: 5px 20px;
background-image: url(images/mapa-rancho.jpg);
width: 450px;
height: 450px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}
#mapsdivs{
display: block;
float: right;
margin: 5px 20px;
}
#mapCanvas{
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}
#mapinfoc h1{
font-family: 'BLACKJAR';
color:#fca255;
text-shadow: 0px 1px 1px rgba(0,0,0,0.7), 0px 2px 6px rgba(0,0,0,0.2);
font-size: 73px;
text-align: center;
line-height: 30px;
font-weight: normal;
margin: 30px;
}
#mapinfoc p{
font-family:"Myriad Pro";
text-shadow: 0px 1px 1px rgba(0,0,0,0.7), 0px 2px 6px rgba(0,0,0,0.2);
color: #ede4d2;
font-size: 20px;
text-align: center;
}
.navleiste{
background: url(images/img-bg.png) no-repeat -10px -723px;
display: block;
width: 980px;
height: 20px;
float: left;
}
ul.menu {
background: #5e9fa3;
height: 98px;
width: 980px;
float: left;
margin: 0;
padding: 0;
position: relative;
z-index: 12;
border-top: 1px solid #376a6e;
border-bottom: 1px solid #7cb0b3;
-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.4), 0px 10px 25px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.4), 0px 10px 25px rgba(0,0,0,0.3);
box-shadow: 0px 2px 3px rgba(0,0,0,0.4), 0px 10px 25px rgba(0,0,0,0.3);
} 
ul.menu li{
display: block;
float: left;
margin: 0;
font-weight: normal;
font-size: 18px;
position:relative;
}
ul.menu li a{
color: #ffffff;
text-decoration: none;
width: 125px;
display: block;
text-align: center;
height: 28px;
padding-top: 14px;
margin: 0;
padding: 60px 7px 10px 8px;
}
.home{ background: url(images/bg-menu2.png) no-repeat 24px -623px; }
.club{background: url(images/bg-menu2.png) no-repeat 20px -5px; }
.cabanas{background: url(images/bg-menu2.png) no-repeat 18px -106px;  }
.amenid{background: url(images/bg-menu2.png) no-repeat 20px -217px; }
.galeria{background: url(images/bg-menu2.png) no-repeat 20px -328px; }
.ubicacion{background: url(images/bg-menu2.png) no-repeat 20px -478px; }
.contacto{background: url(images/bg-menu2.png) no-repeat 20px -765px; }

ul.menu  li a:hover{
color: #fff;
text-decoration: none;
background-color:#477f83;
}
#slider{
display: block;
position: relative;
width: 980px;
min-height:400px;
margin: -15px 0px 0px 330px;
}
#logo{
background-image: url(images/logo.png);
display: block;
width: 350px;
height: 266px;
float: left;
position: absolute;
z-index: 100;
margin: -15px 50px;
}


.content{ 
display: block;
min-height: 410px;
}

.contentg {
display: block;
min-height: 610px;
}
.contentc{ 
display: block;
min-height: 550px;
}
#caban1{
display: block;
float: left;
margin: 20px 10px 0px 0px;
width: 315px;
}
#caban2{
display: block;
float: left;
margin: 20px 10px 0px 0px;
width: 315px;
}
#caban3{
display: block;
float: left;
margin: 20px 10px 0px 0px;
width: 315px;
}
.imgcab1{ background-image: url(images/chalet.jpg); 
width: 300px;
height: 225px;
float: left;
}

.imgcab1 h1{ 
background: url(images/img-bg.png) no-repeat 0px -2291px;
width: 197px;
height: 41px;
float: left;
padding: 13px 2px;
text-align: center;
font-size: 20px;
color:#fca255;
text-shadow: 0px 1px 1px rgba(0,0,0,0.7), 0px 2px 6px rgba(0,0,0,0.2);
margin: 0px 50px;
}

.imgcab2{ background-image: url(images/cabana-2.jpg); 
width: 300px;
height: 225px;
float: left;
}

.imgcab2 h1{ 
background: url(images/img-bg.png) no-repeat 0px -2291px;
width: 197px;
height: 41px;
float: left;
padding: 13px 2px;
text-align: center;
font-size: 20px;
color:#fca255;
text-shadow: 0px 1px 1px rgba(0,0,0,0.7), 0px 2px 6px rgba(0,0,0,0.2);
margin: 0px 50px;
}

.imgcab3{ background-image: url(images/cabana-3.jpg); 
width: 300px;
height: 225px;
float: left;
}

.imgcab3 h1{ 
background: url(images/img-bg.png) no-repeat 0px -2291px;
width: 197px;
height: 41px;
float: left;
padding: 13px 2px;
text-align: center;
font-size: 20px;
color:#fca255;
text-shadow: 0px 1px 1px rgba(0,0,0,0.7), 0px 2px 6px rgba(0,0,0,0.2);
margin: 0px 50px;
}

.infocab{
display: block;
width: 307px;
height: 150px;
float: left;
background-image: url(images/bg-cabanas.png);
margin: -30px 0px 0px -7px;
}

.infocab h1{
font-size: 35px;
text-align: center;
margin: 5px 0px;
font-family: 'BLACKJAR';
color: #ffffff;
text-shadow: 0px 1px 1px rgba(0,0,0,0.7), 0px 2px 6px rgba(0,0,0,0.2);
}

.infocab p{
font-size: 14px;
font-weight: bold;
line-height: 22px;
text-align: center;
color: #ede4d2;
text-shadow: 0px 1px 1px rgba(0,0,0,0.7), 0px 2px 6px rgba(0,0,0,0.2);
margin: 7px 19px;
font-family:"Myriad Pro"; 
}

#footer {
background: #4e3522;
border: none;
padding: 0px 0px 50px 0px;
min-height: 90px;
}

#reserv {
display: block;
width: 300px;
position: absolute;
margin-top: 250px;
}

#reserv p{
font-size: 17px;
display: block;
float: left;
color: #918181;
text-shadow: 0px 1px 1px rgba(0,0,0,0.7), 0px 2px 6px rgba(0,0,0,0.2);
position: relative;
}

#reserv p span{ 
text-shadow: 0px 1px 1px rgba(0,0,0,0.7), 0px 2px 6px rgba(0,0,0,0.2);
font-family: 'BLACKJAR';
font-size: 20px;
color: #fca255;
}

#leng{
display: block;
width: 300px;
position: absolute;
z-index: 1000;
}
#leng  a{ 
text-shadow: 0px 1px 1px rgba(0,0,0,0.7), 0px 2px 6px rgba(0,0,0,0.2);
font-family: 'BLACKJAR';
font-size: 30px;
text-decoration: none;
color: #918181;
float: left;
display: block;
margin: 0px 855px;
}
#leng a :hover { 
color:#fca255M;
border-bottom:#333 1px solid;
}
#leng p a{ }
#leng p a{ }


.somb1{
background: url(images/sprt-second.png) no-repeat 45px -646px;
width: 300px;
height: 20px;
display: block;
float: left;
}

#footer p{ 
font-size: 17px;
display: block;
float: left;
color: #eeeeee;
text-shadow: 0px 1px 1px rgba(0,0,0,0.7), 0px 2px 6px rgba(0,0,0,0.2);
position: relative;
margin: 15px 0px 0px 0px;
}

.normal{
margin: 0 10px;
width: 300px;
}

.invita{
margin: 8px 0px;
width: 100%;
text-align: center;
background-image: url(images/logo-prin.png);
background-repeat: no-repeat;
background-position: 295px 0px;
height: 45px;
padding: 3px 10px 5px 10px;
}
h3.sandirc{
font-size: 13px;
color: #ffffff;
margin: -20px 0px 0px 95px;
width: 100%;
text-align: center;
float: left;
}
a.face{
background: url(images/img-bg.png) no-repeat 0px -762px;
width: 80px;
height: 66px;
display: block;
position: absolute;
top: 0;
margin: -11px 70px;
}
a:hover.face{
background: url(images/img-bg.png) no-repeat 0px -1834px;
width: 80px;
height: 66px;
display: block;
}

#footer p span{ 
text-shadow: 0px 1px 1px rgba(0,0,0,0.7), 0px 2px 6px rgba(0,0,0,0.2);
font-family: 'BLACKJAR';
font-size: 20px;
color: #fca255;
}

input[type="text"]{
border: #333 1px solid;
width: 350px;
font-family: "Myriad Pro";
font-size: 17px;
color: #cccccc;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
height: 15px;
padding: 10px;
}

textarea{
border:#333 1px solid;
font-family:"Myriad Pro"; 
font-size:18px;
color:#cccccc;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
padding: 10px;
max-width:350px;
min-width:350px;
max-height:80px;
min-height:80px;
resize:none;
}

input[type="submit"]{
border: 0;
background-position: 100% 50%;
background-image: none;
font-size: 14px;
height: auto;
float: left;
width: 98%;
position: relative;
left: 3px;
top: 3px;
padding: 10px 0;
text-transform: uppercase;
text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
color: #222;
letter-spacing: 1px;
cursor: pointer;
}

label{
font-family: 'BLACKJAR';
color: #ffffff;
font-size: 20px;
}
label p {
width: 370px;
margin: 0;
text-align: center;
}

.blue{ color: #fca255; } 


input[type="checkbox"]{
width: 20px;
height: 20px;
position: relative;
float: right;
margin: -25px 25px;
}

.MsgError{
position: absolute;
bottom: 0;
margin: -120px 0px;
}

.MsgError h1{
color: #ff4e00;
font-size: 30px;
margin: 0;
}

.MsgError h4{
color: #ffffff;
font-size: 15px;
font-weight: normal;
margin: 0;
}
.galeria-single {
display: block;
float: left;
position: relative;
height: 550px;
width: 610px;
}
.galeria-single-p {
display: block;
float: left;
position: relative;
}

.topcasa{
background-image: url(images/topcasas.png);
width: 330px;
height: 11px;
position:absolute;
margin: -15px -35px;
}

.topcabas{
background-image: url(images/topcabas.png);
width: 310px;
height: 11px;
position: absolute;
margin: -9px 2px;
}

.infocasa{
display: block;
width: 257px;
height: 400px;
float: left;
background-image: url(images/bg-casas.png);
margin: 80px 0px 0px 40px;
padding: 10px 20px;
position:relative;
}
.infocasa h1{
font-family: 'BLACKJAR';
color: #055E66;
font-size: 30px;
margin: 10px 0px;
text-align: center;
font-weight: normal;
line-height: 30px;
text-shadow: -1px 1px 1px #FFFFFF;
}

.infocasa h2{
font-family: 'BLACKJAR';
color: #055E66;
font-size: 35px;
margin: 10px 0px;
text-align: center;
font-weight: normal;
line-height: 30px;
text-shadow: -1px 1px 1px #FFFFFF;
}
.infocasa p{
font-size: 20px;
text-align: center;
color: #ffffff;
font-weight: normal;
}

.infocasa ul{ 
margin: 0;
padding: 5px 20px;
}
.infocasa ul li{ 
font-family: "Myriad Pro";
color: #ffffff;
font-size: 18px;
}

#caballos{
background-image: url(images/caballo.png);
background-repeat: no-repeat;
width: 250px;
height: 253px;
position: absolute;
margin: 10px 0px 0px 5px;
bottom: 102px;
z-index: 10;
}
#caballos h1{
font-family: "Myriad Pro";
color: #830707;
font-size: 16px;
position: absolute;
width: 429px;
bottom: 0;
margin: 0px 0px 0px 150px;
padding: 5px;
text-shadow: 0px 0px 5px #FFFFFF;
}

.galeria-single {
position:relative;
}

.infoameni{
display: block;
width: 257px;
height: 400px;
float: left;
background-image: url(images/bg-casas.png);
margin: 80px 0px 0px 40px;
padding: 10px 20px;
position:relative;
}
.infoameni h1{
font-family: 'BLACKJAR';
color: #055E66;
font-size: 35px;
margin: 10px 0px;
text-align: center;
font-weight: normal;
line-height: 30px;
text-shadow: -1px 1px 1px #FFFFFF;
}

.infoameni h2{
font-family: 'BLACKJAR';
color: #055E66;
font-size: 35px;
margin: 10px 0px;
text-align: center;
font-weight: normal;
line-height: 30px;
text-shadow: -1px 1px 1px #FFFFFF;
}
.infoameni p{
font-size: 16px;
text-align: center;
color: #ffffff;
font-weight: normal;
}

.infoameni ul{ 
margin: 0;
padding: 5px 20px;
}
.infoameni ul li{ 
font-family: "Myriad Pro";
color: #ffffff;
font-size: 18px;
}

.infocabana {
display: block;
width: 257px;
height: 570px;
float: left;
background-image: url(images/bg-casas.png);
margin: 10px 0px 0px 40px;
padding: 10px 20px;
position: relative;
}
.infocabana h1{
font-family: 'BLACKJAR';
color: #055E66;
font-size: 30px;
margin: 15px 0px;
text-align: center;
font-weight: normal;
line-height: 30px;
text-shadow: -1px 1px 1px #FFFFFF;
}

.infocabana h2{
font-family: 'BLACKJAR';
color: #055E66;
font-size: 35px;
margin: 15px 0px;
text-align: center;
font-weight: normal;
line-height: 30px;
text-shadow: -1px 1px 1px #FFFFFF;
}
.infocabana h3{
font-family: "Myriad Pro";
color: #7C1313;
font-size: 30px;
margin: 10px 0px;
text-align: center;
font-weight: normal;
line-height: 30px;
text-shadow: -1px 1px 1px #FFFFFF;
}
.infocabana p{
font-size: 20px;
text-align: center;
color: #ffffff;
font-weight: normal;
}

.infocabana ul{ 
margin: 0;
padding: 5px 20px;
}
.infocabana ul li{ 
font-family: "Myriad Pro";
color: #ffffff;
font-size: 18px;
}

.MsgSent h1{
font-family: 'BLACKJAR';
color: #fca255;
font-size: 35px;
font-weight: normal;
text-align: center;
margin: 0;
}

.MsgSent p{
font-size: 20px;
text-align: center;
color: #ffffff;
font-weight: normal;
margin: 0px 0px 15px 0px;
}