html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
.clear {clear:both}


a {color: #9BC0D0}
a:hover {color: #ffffff}

h2 {font-size: 2.2em}


html,body {text-align:center; width:100%; color: #fff; font-family: trebuchet ms, verdana, arial, sans-serif}
body { background: url(../images/bkg-body.jpg) #172337 repeat-x top left;font-size: 75%}
.wrapper {background: url(../images/bkg-container.jpg) no-repeat top left; width:1152px; margin:0 auto; min-height:550px; _height:550px; text-align:left; position:relative}
.wrapper {padding-top: 70px}


#body {position:relative;  width: 1024px; margin:0 auto}

#content, #ancillary {float:left; margin-top: 10px}
#sidebar {float:right; }

    #body.with-ancillary #content {width:480px; margin-right: 10px }
    #body.with-ancillary #ancillary {width:270px; }
    #body #content {width:760px;  }

    #sidebar {width: 250px;background: url(../images/bkg-sidebar-m.jpg) repeat-y left top; position:relative }
        #sidebar .top {background: url(../images/bkg-sidebar-t.jpg) no-repeat left top ;  height:200px; position:absolute; width: 250px; left:0; top:0}
        #sidebar .middle {margin: 0 20px 0 8px; position:relative; }
        #sidebar .bottom { background: url(../images/bkg-sidebar-b.jpg) 0 bottom no-repeat; height: 10px}
 
#menu {position:absolute; top: 0px; height: 71px; width:1024px;font-size: 1.4em; left:0;}       
#menu ul {display: block; width: 780px; margin-left: 50px}
#menu li {height: 72px; line-height: 72px; float:left; list-style:none; width: 125px; display:block; text-align:center}
#menu li a:hover, #menu li.active a {background-position: center bottom }
#menu li a {display:block; height: 72px; width:100%;  font-weight: bold; color: #fff; text-decoration:none;  background: url(../images/bkg-menu-on-a32.png) no-repeat center 72px}


#header {  margin-top: 70px; width:1024px; margin: 0 auto; background: url(../images/bkg-header.jpg) no-repeat ; height:200px;}

#header .company { width: 490px;float:left}
#header .company #logo {width: 245px; height: 85px; background: url(../images/logo-a32.png) no-repeat center center; text-indent: -999em; padding-top: 20px}
#header .company cite {display:block; color: #173D86; font-size: 1.5em; }

#header #splash {width: 270px; float:left; height:130px; margin-top: 70px }

#header #contact {margin: 30px 0 0 30px ; width: 205px; height: 65px; background: url(../images/bkg-contact-a32.png) no-repeat center center; text-align: right; padding: 10px 20px 0 0; float:left; font-size: 1.3em }
#header #contact strong {font-size: 1.3em; display:block;}
#header #contact a {color: #fff;}


#content h1 {font-size: 3em; color:#9BC0D0;  }
#content h4 {font-size: 1.3em; font-weight:bold}

#footer {background: url(../images/bkg-footer.jpg) #0E1521 repeat-y top left;  }

#footer .block {float:left; width: 30%; height: 200px;  text-align:justify; padding: 0 1% 0 1%}
    #footer .block {background: url(../images/bkg-footer-sep.png) repeat-y right 20px}
    #footer .block-last {background:none}
    #footer .block .header {color: #9BC0D0; font-size: 1.3em; font-weight: bold}

.container {width: 1024px;   margin: 0 auto;  text-align: left; padding-top: 10px}

#sidebar .block {margin-bottom: 1em}

#widget-recent_posts .header {height: 85px; background: url(../images/bkg-blog-header-a32.png) no-repeat center center; text-indent: -999em}
#widget-recent_posts .row {background: url(../images/bkg-blog-tab-a32.png) no-repeat left top; min-height: 80px; _height: 80px; padding-top: 10px}
#widget-recent_posts .row .created {color: #000; width: 48px; font-size: 1.4em; float:left; margin: 0 8px 0 4px}
#widget-recent_posts .row .created a {text-decoration:none; text-align:center; color: #000}
#widget-recent_posts .row .name {text-align:right}
#widget-recent_posts .row .title a {color: #9A3402; font-weight:bold}
#widget-recent_posts .row .name a{color: #172337}

#widget-usermenu .header {height: 85px; background: url(../images/bkg-usermenu-a32.png) no-repeat center center; text-indent: -999em}
#widget-usermenu a {color: #000}
#widget-usermenu .content {padding-left: 1em}
#widget-usermenu ul li {margin-left: 2em}
#widget-usermenu ul {margin-bottom: 1em}

form label {font-weight:bold}
.errorSummary li {margin-left: 2em}

form label.error {color: red}
form  input.error,
form textarea.error
form  select.error,
form input.error{border: 1px solid red; background: #fff} 
form textarea{ overflow:auto;}
form .form-textfield input, form .form-textarea textarea {width: 95%;}
form .form-action {margin-top: 0.5em; text-align:right} 

#SellForm h2 {text-align:center}
#SellForm p {text-align:center }
#SellForm form {background: url(../images/bkg-glow_v-a32.png) no-repeat top center; padding-top: 1px; height:357px; text-align:left}
#SellForm form  .content {margin: 10px 20px 20px 20px; padding: 20px }

#SellForm .form-textfield input, #SellForm .form-textarea textarea  {border: 1px solid #fff; background: #7DACBC; width:100%}


#SellForm .form-textfield input:focus,
#SellForm .form-textarea  textarea:focus
    {background: #fff; color: #000}


#fincasform {padding-top: 1em}
#fincasform  .form-checkboxlist {display:block !important}
#fincasform  .form-checkboxlist label {font-weight:normal}
#fincasform  .form-checkboxlist label:first-child {font-weight:bold}
#fincasform .form-jui-slider label {padding-right: 1em}
#fincasform .form-jui-slider .ui-slider {width: 200px; display: -moz-inline-stack;display: inline-block;}
#fincasform fieldset {padding: 1em; margin: 1em}
#fincasform .simple {display:inline}
#fincasform .form-jui-slider .simple {
    display: -moz-inline-stack;display: inline-block;vertical-align: middle; padding-right: 1em;
    min-height: 40px; _height: 40px;zoom: 1; line-height:40px;
    *display: inline;
    }
#fincasform .form-jui-slider input {width:auto}


#content .yiiTab {margin-top: 1em}

#content .yiiTab .tabs { margin:0; padding:0; border:none}
#content .yiiTab .tabs li {
    
     padding:0;margin-left: -3px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    width: 148px;
    min-height: 40px;
    _height: 40px;
    zoom: 1;
    *display: inline;
    }
#content .yiiTab .tabs a {
    border:none; display:block; text-align:left; text-align:center; width:149px; height: 40px; line-height:50px;
    background: url(../images/bkg-tabs-a32.png) no-repeat; background-position: -148px bottom; padding:0
    }
#content .yiiTab .tabs a.active {background-position: 0 bottom; line-height:40px }

.yiiTab div.view, div.canvas {padding:0; color: #000; min-height: 480px; border:none !important; background: #fff url(../images/bkg-tab-view.jpg) bottom left repeat-x}

.view h4 {color: #9E3605; border-bottom: 1px solid #E9D8AD; margin: 1em 0 1em 0}
.yiiTab div.view h5 {font-weight:bold}
.yiiTab div.view a {color: #172337}
.yiiTab div.view a:hover {color: #000}


.fincas-list {border-collapse:collapsed; border-spacing:0}
.fincas-list table {width:100%}
.fincas-list td {padding:4px; vertical-align:top}
.fincas-list .row-odd{background-color: #F5EEDB;}
.fincas-list .item-descripcion {float:left; width: 180px;}
.fincas-list .item-descripcion p {font-size: 0.8em}
.fincas-list .item-descripcion a:hover {color: #2E5275}
.fincas-list .item-descripcion a{ font-weight:bold}
.fincas-list .item-metros {display:block; color: #2E5275;}
.fincas-list .item-precio {display:block; color: #2E5275; text-decoration:none; text-align:right; font-size: 1.5em; clear:both;}
.fincas-list .item-preview img {padding: 4px; background: #fff; width:100px}

.page-fincas-list .fincas-list .item {border-top: 1px solid #E9D8AD;}

.view .msg {margin: 0 2em 1em 2em; padding: 1em; color: #9B3402; font-weight:bold; text-align:center; border: 1px solid #9B3402; background: #F5EEDB}
                  
.page-fincas-list .view .sort, 
.page-fincas-list .view .pager {text-align:right; padding: 0.5em; clear:both;}
                  
.page-fincas-list .view .pager {border-top: 1px solid #E9D8AD}
                  

.page-fincas-list .view .item-descripcion,
.page-fincas-list .view .item-metros,
.page-fincas-list .view .item-precio,
.page-fincas-list .view .item-preview {display:block; float:left; clear:none}


.page-fincas-list .view .item-descripcion {width: 260px;}
.page-fincas-list .view .item-metros {width: 60px; margin: 0 10px 0 10px}
.page-fincas-list .view .item-precio {width: 100px; margin-right: 10px}
.page-fincas-list .view .item-preview {width: 230px;}

.page-fincas-list .view .gmap-wrapper {padding-bottom: 30px; width:650px; height:500px; margin:0 auto}

.page-fincas-show div.view {padding: 8px 8px 30px 8px}
.page-fincas-show .view img.static-gmap {margin: 1em; padding: 4px; background: #fff; border:1px solid #ccc}
.page-fincas-show .view h3 {margin-bottom: 0.5em; font-size: 1.4em; font-weight:bold}


 .view .gallery { width: 680px; margin:0 auto;}
 .view .gallery .foto {float:left; text-align:center; margin-right:0.5em; height: 135px; width: 150px}
 .view .gallery .foto span {display:block;}

#handler-tab-volver {margin-left: 150px !important}



.page-fincas-show .view h3 {padding:8px}
.page-fincas-show .advice {width: 40%; float:right; border: 1px solid #EBF4FB; padding: 1em; margin-top: 2em}


.page-fincas-show .fotos-destacadas { padding: 0 0 8px 0; text-align:center}
.page-fincas-show .mapa {text-align:center; margin: 1em;}
.page-fincas-show .descripcion {margin: 1em}
.page-fincas-show .tools {margin: 1em}
.page-fincas-show .precio {text-align: right; font-size: 1.5em;margin: 1em; color: #2E5275}

.page-fincas-show .tools .tool {list-style:none; padding: 8px 0 8px 32px; line-height:32px; background-repeat:no-repeat; background-position: left center; display:inline}
.page-fincas-show .tools .tool-fav {background-image: url(../images/icons/tool-favorite-a32.png)}
.page-fincas-show .tools .tool-print {background-image: url(../images/icons/tool-print-a32.png)}
.page-fincas-show .tools .tool-mail {background-image: url(../images/icons/tool-mail-a32.png)}
.page-fincas-show .tools .tool-tellafriend {background-image: url(../images/icons/tool-tellafriend-a32.png)}


.page-fincas-show .fincas-similares {text-align:center}
.page-fincas-show .fincas-similares div.item{
    padding:0;margin-left: -3px;
    border: 1px solid #B1CCD5; text-align:left;background:#EBF4FB;
    margin-left: 0.5%; padding: 0.5%;
    
    display: -moz-inline-stack; display: inline-block;
    vertical-align: top; width: 30%; 
    min-height: 80px;_height: 80px;
    zoom: 1;
    *display: inline;
    
    
}

.page-fincas-show .view form {width:50%}
.page-fincas-show .view form label {display:block}
.page-fincas-show .view form .form-captcha * {display:block}
.page-fincas-show .view form .form-captcha img {float:right}
.page-fincas-show .view form .form-textfield {
    display: -moz-inline-stack; display: inline-block;
    vertical-align: top; width: 48%; 
    min-height: 48px;_height: 48px;
    zoom: 1;
    *display: inline;
}


.static form {width:50%}
.static form label {display:block}
.static form .form-captcha * {display:block}
.static form .form-captcha img {float:right}
.static form .form-textfield {
    display: -moz-inline-stack; display: inline-block;
    vertical-align: top; width: 48%; 
    min-height: 48px;_height: 48px;
    zoom: 1;
    *display: inline;
}

.page-fincas-show .fincas-similares .item img {float:right}

/*NO SE PUEDE DECLARAR DENTRO DE OTRA.. NO SE PORQUE*/

.gmap-marker-info p {font-size: 0.8em; }
.gmap-marker-info img {width:80px; padding: 4px; background-color: #fff; border: 1px solid #ccc}
.gmap {width:100%; height:100%; border: 2px solid #2E5275;  }
.gmap-marker-info {width:200px}
.gmap-marker-info h3 {font-size: 1.0em; margin-top:0; color:#2E5275; font-weight:bold }
/**/

h4 a.unfolder {color: #9E3605; padding-right: 24px; background: url(../images/icons/add.png) no-repeat right center}
h3 {color: #9E3605; font-size: 1.4em; margin-top: 1em}
h5 a {color: #9E3605; }

.l, .ml {float:left; margin: 0 4px 4px 0}
.r, .mr {float:right; margin: 0 0px 4px 4px}
.ml, .mr {border: 1px solid #000; background: #fff}


.static{
    
    font-size: 1.1em; line-height: 1.4em;
    margin: 1em 1em 2em 1em;
    
}

 .static p {margin-bottom: 1em; text-indent: 1em}
 .static strong {color: #E9D8AD}

 .static cite {font-size: 1.3em; line-height: 1.3em;  text-indent:0; margin: 0.5em 0.5em 1em 0.5em; display:block;}
 .static ul li {margin: 0 0 0.5em 2em; }

 .static dl {padding-left: 50px; background: url(../images/icons/icon-comment-a32.png) no-repeat left top; padding-bottom:0.5em }
 .static dl dt {font-weight:bold}
 .static dl dd {margin-left: 1em;}
 .static dl dd em {color:  #9BC0D0}

a.ver_mas {text-align:right; color: #9BC0D0; display:block; margin-top: 0.5em; text-decoration:none}


/*POSTS*/
.section-post #content a {color: #173D86}

.section-post .post {position:relative; margin-left: 48px; background: #fff; color: #000; padding: 1em; }
.section-post .post .content {margin: 1em}
.section-post .post .postdate {position:absolute; left:0; top:0; margin-left: -50px; width:50px; height:50px; background: url(../images/bkg-blog-content-tab.png) no-repeat left 4px; font-size: 1.4em; padding:8px 0 8px 8px}
.section-post .post .postdate a {text-decoration:none; text-align:center; color: #000}
.section-post .post .author {font-style:italic}
.section-post #comments {margin-left: 48px; color: #000; background:url(../images/bkg-blog-comments.png) repeat-x top #C7D6DD; padding: 4em 2em 2em 1em}
.section-post #comments h4 {color: #9E3605}

.post-list {margin-top:1em}
.post-list .pager {margin-left: 48px; background: #fff url(../images/bkg-tab-view.jpg) bottom left repeat-x; padding-bottom:60px; }


.section-comment form {width:100%}
.section-comment form label {display:block}
.section-comment form .form-captcha * {display:block}
.section-comment form .form-captcha img {float:right}
.section-comment form .form-textfield {
    display: -moz-inline-stack; display: inline-block;
    vertical-align: top; width: 48%; 
    min-height: 48px;_height: 48px;
    zoom: 1;
    *display: inline;
}

.section-post form {width:100%}
.section-post form label {display:block}
.section-post form .form-captcha * {display:block}
.section-post form .form-captcha img {float:right}
.section-post form .form-textfield {
    display: -moz-inline-stack; display: inline-block;
    vertical-align: top; width: 48%; 
    min-height: 48px;_height: 48px;
    zoom: 1;
    *display: inline;
}

.comment {position:relative; margin: 1em 0em 1em 1em; padding-right:  4em ; background: url(../images/icons/icon-comment.png) no-repeat left center;}
.comment div {margin-left:5em}
.comment a.cid {font-size: 2.5em; position:absolute; right: 0; font-style:italic; text-decoration:none; color: #fff }
.comment .content {font-family:courier new, courier, monospace}
div.canvas {padding: 1em}



table.dataGrid {width:100%; border-collapse:collapse; border: 1px solid #E9D8AD}
table.dataGrid td, table.dataGrid th {border: 1px solid #E9D8AD; padding: 4px}
table.dataGrid  a {color: #9E3605}
table.dataGrid tr.odd {background-color:#F5EEDB}

#login { position:absolute; top:16px; right:0; padding-left: 32px; background: url(../images/icons/lock-a32.png) no-repeat left center; height: 32px;  line-height:32px; text-align:left; margin-right:32px}

#loginForm {margin:0 auto; width:360px; height: 280px;  background: url(../images/bkg-glow_h-a32.png) no-repeat top center; }
#loginForm form {padding:4em}
#loginForm label {display:block; float:left; width:200px }

.actionBar {text-align: right; padding: 0.5em; background: #E9D8AD; margin-bottom: 1em}
.actionBar a {color: #000}
.actionBar a:hover {color: red}

.canvas a:hover {color: #000}

.section-user .canvas form label {display:block}
.section-user .odd {background:#F5EEDB}

.section-user dl.dataGrid dt {font-weight:bold; margin-top: 1em}
.section-user dl.dataGrid dd {margin-left: 2em}



.page-fincas-create div.view,
.page-fincas-update div.view {padding: 8px 8px 30px 8px}


.page-fincas-update .form-textfield label,
.page-fincas-create .form-textarea label{
    display:block
    
}

.page-fincas-create .form-textfield,
.page-fincas-update .form-textfield,
.page-fincas-create .form-checkbox,
.page-fincas-update .form-checkbox
{
    display: -moz-inline-stack; display: inline-block;
    vertical-align: top; width: 32%; 
    min-height: 48px;_height: 48px;
    zoom: 1;
    *display: inline;
}

.page-fincas-create .gmap-wrapper, 
.page-fincas-update .gmap-wrapper {
    padding-bottom: 30px; width:500px; height:350px; margin: 0 1em 0 2em; float:right
}
 
.page-fincas-create .gallery,
.page-fincas-update .gallery {border: 1px solid #E9D8AD; padding: 0.5em}

.page-fincas-create .gallery .foto,
.page-fincas-update .gallery .foto {margin: 0.5em ; padding: 4px}
.page-fincas-update .gallery .foto-destacada {background: #ff0}

.ac_odd, .ac_even {color: #000}
.ac_over {color: #fff}