html,body{margin:0;padding:0}


body{text-align:center; font-size:70%; font-family: "Trebuchet MS", Tahoma,Verdana,sans-serif; color: #818181; background: #5f81ae url(../images/backgrounds/fondo.png) repeat-x 0 -1px;}

h1,h2,h3,h4,h5{font-family: Aral, Helvetica,sans-serif; color: #F8981D;}
h1{margin: 30px 0 10px 0; font-size: 140%;}
h2{margin: 1px 0 7px 0; padding: 0; font-size: 120%; display: inline; float: left;}


div#container{text-align:left; }
div#content p{line-height:175%; margin-bottom: 10px; clear: left;}
div#navigation{}

div#footer{float: left; margin-top: 6px; padding-bottom: 20px; color:#fff;}
div#footer p{margin:0;padding:5px 10px}
div#footer a{display:inline; color:#fff; text-decoration: underline;}

div#container{width:900px;margin:0 auto; }
div#wrapper{float:left; border: 1px solid #e3e2e2; border-top: 0; padding-top: 15px; height: 381px; }
div#leftbox{float:left; width: 195px; margin: 0 5px 0 10px; display: inline;}
div#content{float: left; width: 548px; margin-left: 10px; display: inline;}
div#rightbar{float:right; width:130px; height: 100%; display: inline;}
.rightbar_es{background: url(../images/varios/call_now_es.gif) no-repeat 100% 100%;}
.rightbar_en{background: url(../images/varios/call_now_en.gif) no-repeat 100% 100%;}
div#footer{clear:left;width:100%; }


#header{background-repeat: none; float: left; width: 100%; height: 207px; }
.header_index{background-image: url(../images/header/presentacion.jpg)}
.header_acercade{background-image: url(../images/header/acercade.jpg)}
.header_promociones{background-image: url(../images/header/promociones.jpg)}
.header_contacto{background-image: url(../images/header/contacto.jpg)}
.header_legal{background-image: url(../images/header/legal.jpg)}

#wrapper{}
.wrapper_index{background: #fff url(../images/varios/presentacion.jpg) no-repeat 0 100%;}
.wrapper_acercade{background: #fff  url(../images/varios/acercade.jpg) no-repeat 0 100%;}
.wrapper_promociones{background: #fff  url(../images/varios/promociones.jpg) no-repeat 0 100%;}
.wrapper_contacto{background: #fff url(../images/varios/contacto-fachada.jpg) no-repeat 0 100%;}
.wrapper_legal{background: #fff url(../images/varios/legal.jpg) no-repeat 0 100%;}
              

#logo{float: left; width: 290px; height: 85px; margin: 54px 0 0 30px; background: url(../images/logos/espasol10.png) no-repeat;}
#menu{float: right; width: 680px; height: 39px; border: 1px solid #fff; border-right: 0; border-bottom: 0; background-color: #5c8fbc; margin-top:28px; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;}

#box_content{float: left; width: 552px; height: 372px; background: url(../images/backgrounds/bgcontent.gif) no-repeat; padding-top: 3px;display: inline;}
/*.wrapper_promociones #box_content{background-image: none;}
.wrapper_promociones #text_content{height: 370px; overflow: auto;display: inline;}*/
#text_content{float: left; width: 529px; height: 365px; padding-left: 18px; overflow: auto;display: inline;}
#text_content p{margin-right: 10px;}



/* ---------------------------------------------------------------------------------------------------------------------------------------------------------
                                                                        ENLACES
  ---------------------------------------------------------------------------------------------------------------------------------------------------------*/
a:link, a:visited{color:#ef8200; text-decoration:none; outline:0}
a:hover{border-bottom:1px solid #ef8200; cursor:pointer}

a.thickbox{border: none}
img#plano{border: 0;}
#gruposumma, .gruposumma_small{border: 0;}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------
                                                                        IDIOMAS
  ---------------------------------------------------------------------------------------------------------------------------------------------------------*/
#languages_list{float: right; margin: 3px 15px 0 0; color: #fff;}
#languages_list a:link, #languages_list a:visited{color:#fff; text-decoration:none; outline:0; font-size: 110%;}




ul#navbar_1{list-style: none; margin:0; padding:0; margin-top: 11px; font-size: 125%; float: right; font-family: Arial, Helvetica, sans-serif;}
ul#navbar_1 li{float: left; margin:0; padding:0; margin-right: 65px;}
.en ul#navbar_1 li{margin-right: 60px;}
ul#navbar_1 li.current{font-weight: bold;}
ul#navbar_1 a{color: #fff; border:0;}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------
                                                                        FOOTER
  ---------------------------------------------------------------------------------------------------------------------------------------------------------*/
#copyright{float: left;}
#designer{float: right;}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------
                                                                        FORMULARIOS
  ---------------------------------------------------------------------------------------------------------------------------------------------------------*/
form br{display:none;}
form div{float: left; clear: left; margin: 3px 0;}
label, input, select, textarea{float:left; display:block; font-family: "Trebuchet MS",Tahoma,Verdana,sans-serif; color: #808080; font-size: 100%;}


fieldset{background: #5F8FBF; border:0; margin-bottom: 15px;}
legend{color: #fff; font-size: 130%; margin-top: 0px;}

.submit_button input{border: 1px solid #d0d0d0; background-color: #efefef; width: 67px; padding: 0px 0; /*margin-top: 3px;*/ margin-left: 0px; font-size: 100%;}

#search_form div{width: 195px; }
#search_form label{margin-top: 3px; width: 80px;}
#search_form select{width: 110px; margin-left: 5px;}
#search_form .submit_button {width: 110px; margin-left: 85px; float:left; display: inline;}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------
                                                                            HOMEPAGE
  ---------------------------------------------------------------------------------------------------------------------------------------------------------*/
.box-home{float: left; margin-right: 4px; width: 149px; height: 273px; padding: 0 10px; position: relative; color: #fff; text-align: left; }
div#content .box-home p{line-height:150%; }
.box-home h2{text-align: center; color: #fff; font-size: 140%; margin: 8px 0 15px; float: left; width: 100%; text-transform: uppercase;}
.box-home a{color: #fff;}
.box-home .download_pdf{position: absolute; bottom: 90px; background: url(../images/varios/pdf-icon.png) no-repeat; padding-left: 23px; padding-bottom: 1px; margin-top: 5px;}
#box-venta{background: url(../images/backgrounds/box-venta.png) no-repeat;}
#box-alquiler{background: url(../images/backgrounds/box-alquiler.png) no-repeat;}
#box-adjudicaciones{background: url(../images/backgrounds/box-adjudicaciones.png) no-repeat; margin-right: 0;}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------
                                                                            CONTACTO
  ---------------------------------------------------------------------------------------------------------------------------------------------------------*/
#address{float: left; width: 100%;}
.vcard .adr div{float: left;}
.vcard .org{color:#F8981D; font-size: 110%; font-weight: bold; }
.vcard .adr{margin-top: 5px;}
.vcard .phone{margin-top: 10px;  font-weight: bold; clear: left;}
.vcard .fax, .vcard .mail{font-weight: bold;}
.vcard .tel, .vcard .email{font-weight: normal;}
.postal-code{margin-left: 5px;}
a#locate_office{margin-left: 8px;}


#form_contact div{display: block; clear: left; width: 500px;}
#form_contact_container{float: left; display: block; }
#address h1, #form_contact_container h1{margin-top: 17px;}
#form_contact label{width: 120px; }
#form_contact .submit_button{margin-left: 120px; display: inline; width: 100px; }
#form_contact .error{margin-left: 10px; color: #F8981D;}





/* ---------------------------------------------------------------------------------------------------------------------------------------------------------
                                                                            PROMOCIONES
  ---------------------------------------------------------------------------------------------------------------------------------------------------------*/
#lista_promociones{/*margin-left: 30px; /*margin-top:24px;*/}
dl.promocion{border: 0px dashed #e3e2e2; float: left; }
dl#don_ceferino{margin-top: 20px; margin-bottom: 20px; padding-bottom: 25px; border-bottom: 1px solid #e3e2e2;}
dl.promocion dt {float: left; width: 170px;}
dl.promocion dt img{}
dl.promocion dd{margin: 0px 0 0 10px; padding: 0; text-align: left; float: left; width: 320px;}
dl.promocion dd div.description{margin-top: 7px;}

dl.promocion .subtitle{color: #75A834; }
dl.promocion .download_pdf{background: url(../images/varios/pdf-icon.png) no-repeat; padding-left: 23px; padding-bottom: 1px; margin-top: 5px;}
dl.promocion .link a:link, dl.promocion dd.link a:visited{color: #75A834;}

dl.promocion a img{border: 0;}
dl.promocion a.image_link{border: 0;}

#quote_20{float: right; text-align: center; margin:29px 95px 20px 0;}
#quote_20 span{clear: both; font-weight: bold; }
#quote_20 .name{color: #000;}
#quote_20 .puesto{color: #F8981D;}
#quote_20 img{clear: both; margin-top:7px;}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------
                                                                            IMAGENES
  ---------------------------------------------------------------------------------------------------------------------------------------------------------*/
img.squares{margin-left:115px; margin-top: 118px;}
img.title{margin: 10px 0 0 5px;}
span#gruposumma, img#gruposumma{float: left; margin: 23px 20px 0 85px;}
span.gruposumma_small, img.gruposumma_small{float: left; margin:50px 0pt 0pt 20px;}



