/* CSS Document */
@media all { 
* { margin : 0; padding : 0; }
h2, h3, h4, h5, p, ul, ol  { margin : 0 20px; padding : .5em 0; }

/* =html */
html {background-color:#f7f6bd;} 

/* =body */
body { font : 76%/160% Lucida,  Tahoma, Verdana, Arial, sans-serif; color : #4B420A; text-align : center; }

/* =h1 */
h1 { z-index : 2; position : absolute; left : -55px; top : -10px; width: 247px; height : 209px; background : url(../images/branding_logo.png) no-repeat; }

/* =h2 */
h2 { font-size : 160%; }

/* =h3 */
h3 { font-size : 140%; }

/* =em */
em { font-weight: bold;  font-style : normal;}

/* =a */
a:link, a:visited {  text-decoration : underline; color:#81831B; }
a:hover { color:#993300;}
a:active { color:#999999;}
ul#nav_main a { display : block; width : 80px; height : 37px; text-indent : -9999px; text-decoration : none; overflow : hidden; }


/* =ul */
ul { list-style-type : none; }
ul#nav_main { z-index : 4; width : 100%; height : 38px; margin : 0; padding : 0; background : url(../images/ul_nav_main.jpg) no-repeat; }

/* =li */
ul#nav_main li { z-index : 7; display : inline; position:absolute; top : 166px;}

/* =img */
img {  border-style: none;}

/* =p */
p {position : relative; left : 50px; width: 640px;}
div#site_map p {position:relative;  }

li#nm_1 { position : absolute; top : 0px; left : 130px; width : 80px; height : 36px; background : url(../images/li_nav_main.png) no-repeat 0 0; }
li#nm_2 { position : absolute; top : 0px; left : 210px; width : 80px; height : 36px; background : url(../images/li_nav_main.png) no-repeat -80px 0; }
li#nm_3 { position : absolute; top : 0px; left : 290px; width : 80px; height : 36px; background : url(../images/li_nav_main.png) no-repeat -160px 0; }
li#nm_4 { position : absolute; top : 0px; left : 370px; width : 80px; height : 36px; background : url(../images/li_nav_main.png) no-repeat -240px 0; }
li#nm_5 { position : absolute; top : 0px; left : 450px; width : 80px; height : 36px; background : url(../images/li_nav_main.png) no-repeat -320px 0; }
li#nm_6 { position : absolute; top : 0px; left : 530px; width : 80px; height : 36px; background : url(../images/li_nav_main.png) no-repeat -400px 0; }
li#nm_7 { position : absolute; top : 0px; left : 610px; width : 80px; height : 36px; background : url(../images/li_nav_main.png) no-repeat -480px 0; }
li#nm_8 { position : absolute; top : 0px; left : 690px; width : 80px; height : 36px; background : url(../images/li_nav_main.png) no-repeat -560px 0; }



li#nm_1 a:hover { background : url(../images/li_nav_main.png) no-repeat 0 -32px; }
li#nm_2 a:hover { background : url(../images/li_nav_main.png) no-repeat -80px -32px; }
li#nm_3 a:hover { background : url(../images/li_nav_main.png) no-repeat -160px -32px; }
li#nm_4 a:hover { background : url(../images/li_nav_main.png) no-repeat -240px -32px; }
li#nm_5 a:hover { background : url(../images/li_nav_main.png) no-repeat -320px -32px; }
li#nm_6 a:hover { background : url(../images/li_nav_main.png) no-repeat -400px -32px; }
li#nm_7 a:hover { background : url(../images/li_nav_main.png) no-repeat -480px -32px; }
li#nm_8 a:hover { background : url(../images/li_nav_main.png) no-repeat -560px -32px; }


div#container { position : relative; top : 25px; width : 780px; margin : 0 auto; text-align : left; }
div#branding { z-index : 3; position : relative;  width : 100%; text-indent: -9999px;  background : url(../images/branding.png) no-repeat; }
div#branding p { z-index : 1; position : absolute; left : 2px; bottom : 0px; width: 776px; height : 91px; margin : 0; padding : 0; background : url(../images/branding_muebles.png) no-repeat; }
div#navigation {width : 100%;}
div#content { width : 100%; padding : 40px 0 20px 0; background-color : #fff; position:relative;}
div#site_info {position:relative; height:100px;  width : 100%; text-align:center; background : url(../images/site_info.jpg) no-repeat; }
div#site_map{position:relative; padding-top:20px;}

/* =inicio */

h3#tranquilidad { z-index:2; position : relative; left: 310px; top:80px; text-indent: -9999px; width: 400px; height : 250px; background : url(../images/tranquilidad.png) no-repeat;}
h2#inicio_1{ position : relative; left: 130px; width: 543px; height : 37px;  padding : 0; background : url(../images/inicio_1.png) no-repeat; text-indent : -9999px; }
h3#inicio_2{ position : relative; left: 325px; width: 297px; top:60px; height : 32px;  padding : 0; background : url(../images/inicio_2.png) no-repeat; text-indent : -9999px;}
div#foto p { position : relative; left: 300px; top:30px;  width: 363px; height : 290px; background : url(../images/equipo.jpg); text-indent : -9999px;}
h3#casa    { position : absolute; left: 545px; text-indent: -9999px; top:500px; width: 216px; height : 190px; background : url(../images/casa.gif) no-repeat;}
div#spam {position:relative; left:200px; top:-500px;}
h2#ofertas_titulo {z-index:3; position:relative; top:-575px; background : url(../images/ofertas_titulo.png) no-repeat; text-indent : -9999px;}
div#ofertas{  margin : 0; padding : 10px 10px 5px 22px; position:absolute; top:110px; width:240; height:604px;  left:20px; background : url(../images/contacto_A.png) no-repeat 0 100%;}
dl#ofertas_fondo{position:relative; top:40px;}


/* =quienes */
h2#quienes_1{ position : relative; left: 250px; width: 543px; height : 60px;  padding : 0; background : url(../images/quienes_1.png) no-repeat; text-indent : -9999px; }
p#quienes_A{ position : relative; left: 240px; top:-10px; width: 350px; height : 271px;  padding : 0; background : url(../images/plumas.jpg) no-repeat; text-indent : -9999px;}

/* =preguntas*/
h2#preguntas_1{ position : relative; left: 130px; width: 501px; height : 74px;  padding : 0; background : url(../images/preguntas_1.png) no-repeat; text-indent : -9999px; }
ul#preguntas_2{position : relative; left: 80px; width: 630px; top:25px;}
ul#preguntas_2 li { list-style-image: url(../images/li2.png); list-style-type: circle; margin: 0 20px; padding: 5px; }
ul#preguntas_2 li:hover {background:#FCFBE4; cursor:default;}
p#preguntas_A{ position : relative; left: 300px; top:20px; width: 171px; height : 215px;  padding : 0; background : url(../images/girl.jpg) no-repeat; text-indent : -9999px;}
p#preguntas_B{ position : absolute; left: -20px; top:30px; width:100px; height : 157px;  padding : 0; background : url(../images/pared.jpg) no-repeat; text-indent : -9999px;}


/* =servicios*/
h2#servicios_1{ position : relative; left: 300px; width: 130px; height : 33px;  padding : 0; background : url(../images/servicios_1.png) no-repeat; text-indent : -9999px; }
h3#servicios_2{ position : relative; left: 50px; width: 141px; height : 32px;  padding : 0; background : url(../images/servicios_2.png) no-repeat; text-indent : -9999px; }
h3#servicios_3{ position : relative; left: 50px; width: 648px; height : 32px;  padding : 0; background : url(../images/servicios_3.png) no-repeat; text-indent : -9999px; }
h3#servicios_4{ position : relative; left: 50px; width: 222px; height : 32px;  padding : 0; background : url(../images/servicios_4.png) no-repeat; text-indent : -9999px; }
h3#servicios_5{ position : relative; left: 50px; width: 234px; height : 32px;  padding : 0; background : url(../images/servicios_5.png) no-repeat; text-indent : -9999px; }
p#servicios_A {position : relative; left: 50px; width: 276px; height : 120px;  padding : 0; background : url(../images/manos.jpg) no-repeat; text-indent : -9999px;}
p#servicios_B {position : relative; left: 50px; width: 310px; height : 110px;  padding : 0; background : url(../images/legales.jpg) no-repeat; text-indent : -9999px;}
p#servicios_C {position : relative; left: 50px; width: 230px; height : 125px;  padding : 0; background : url(../images/escribe.jpg) no-repeat; text-indent : -9999px;}
p#servicios_D {position : relative; left: 50px; width: 330px; height : 128px;  padding : 0; background : url(../images/atardecer.jpg) no-repeat; text-indent : -9999px;}


/* =propiedades*/
h2#propiedades_1{ position : relative; left: 240px; width: 284px; height : 52px;  padding : 0; background : url(../images/propiedades_1.png) no-repeat; text-indent : -9999px; }
a#propiedades_2{position:relative;  font-weight:bold; background-color:#000000; display:block; text-indent:600px;}

}
a#propiedades_2:link {color:#FFFFFF;}
a#propiedades_2:visited { color:#FFFFFF;}
a#propiedades_2:hover { color:#D2D200;}
a#propiedades:active { color:#FFF;}






/* =llegar */
h2#llegar_1{ position : relative; left: 300px; width: 284px; height : 32px;  padding : 0; background : url(../images/llegar_1.png) no-repeat; text-indent : -9999px; }
div#mapa {position:relative; left:40px; padding:40px;}

/* =empleo */
h2#empleo_1{ position : relative; left: 200px; width: 360px; height : 52px;  padding : 0; background : url(../images/empleo_1.png) no-repeat; text-indent : -9999px; }
p#empleo_2 {position: relative; text-align:center;}
ul#empleo { z-index : 1; position : relative; left:140px; width : 510px; height : 200px; margin : 0; padding : 0; background : url(../images/empleo.jpg) no-repeat; }
li#empleo_A { position : absolute; top : 148px; left : 10px; width : 140px; height : 120px; }
li#empleo_B { position : absolute; top : 148px; left : 193px; width : 140px; height : 120px; }
li#empleo_C { position : absolute; top : 148px; left : 390px; width : 140px; height : 120px; }



/* =contacto */
h2#contacto_1{ position : relative; left: 300px;  height : 32px;  padding : 0; background : url(../images/contacto_1.png) no-repeat; text-indent : -9999px; }
dl#contacto_2{  margin : 0; padding : 40px 0px 5px 40px; position:relative; width:240; height:604px;  left:50px; background : url(../images/contacto_A.png) no-repeat 0 100%;}
dl#contacto_2 dt#director {position : relative; left: 10px; width: 160px; height : 32px;  padding : 0 0 5px 0; background : url(../images/contacto_4.png) no-repeat; text-indent : -9999px;}
dl#contacto_2 dt#gerente{position : relative; left: 10px; width: 160px; height : 32px;  top: 10px; padding : 5px; background : url(../images/contacto_2.png) no-repeat; text-indent : -9999px;}
dl#contacto_2 dt#asesores{position : relative; left: 10px; width: 160px; height : 32px; top: 10px; padding : 10px;  background : url(../images/contacto_3.png) no-repeat; text-indent : -9999px;}
div#contact_form{position:absolute; top: 120px; left:320px; width:351px; height:393px; background: url(../images/contacto_C.png) no-repeat; }
li#contacto_6{position:absolute; top: -15px; left:-10px; width:297px; height:32px; background: url(../images/contacto_6.png) no-repeat; text-indent : -9999px;}
ul#instrucciones{ position:relative; top: 10px; left:30px; width:250px;}
iframe#forma_contacto{position:relative; top:10px; left:30px; height:275px; width:292px;}
div#contacto_3 {  position:absolute;  top:540px; left:320px; width:387px; height:170px; background : url(../images/contacto_B.png) no-repeat;}
ul#direc{position:relative; top:-20px; left:15px;}
div#contacto_3 p#direccion{position:relative; top:-10px; left:24px;}
p#direccion{ position : relative;  height : 32px; top: 10px;   background : url(../images/contacto_5.png) no-repeat; text-indent : -9999px;}

/* =ofertas */
a#regresar_ofertas {z-index: 3; position:absolute; top:10px; font-weight:bold;  text-indent:700px; }
a#regresar_ofertas:link {color:#FFFFFF;}
a#regresar_ofertas:visited { color:#FFFFFF;}
a#regresar_ofertas:hover { color:#D2D200;}
a#regresar_ofertas:active { color:#FFF;}

a#regresar_ofertas2 {z-index: 3; position:absolute; top:1150px; font-weight:bold;  text-indent:700px; }
a#regresar_ofertas2:link {color:#FFFFFF;}
a#regresar_ofertas2:visited { color:#FFFFFF;}
a#regresar_ofertas2:hover { color:#D2D200;}
a#regresar_ofertas2:active { color:#FFF;}


h2#ofertas_1{ position : relative; left: 180px; width: 259px; height : 32px; top:50px; padding : 0; background : url(../images/oferta.png) no-repeat; text-indent : -9999px; }

div#propiedades_oferta{background-color:#000; position:relative; top:-40px;}
li#ne_0 { position : absolute; top : 98px; left : 200px; width : 280px; height : 209px; }
li#ne_4 { position : absolute; top : 538px; left : 320px; width : 120px; height : 120px; }
li#ne_5 { position : absolute; top : 752px; left : 320px; width : 120px; height : 120px; }
li#ne_6 { position : absolute; top : 965px; left : 320px; width : 120px; height : 120px; }


img#ocultador {z-index:4; position:absolute; top:300px; left:500px;}
img#ocultador2 {z-index:4; position:absolute; top:299px; left:500px;}






}
