@charset "utf-8";
/* CSS Document */

/* ----------------------- General ----------------------- */
body { background: #fff url(../images/fnd.jpg) repeat-x top left; padding: 0; margin: 0; }
* { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #333; line-height: 18px; }
#content { width: 902px; margin: 0 auto; }
#content-middle { width: 902px; background: url(../images/fnd-cont-middle.png) repeat-y top left; margin: 0; float: left; }
#content-top { width: 902px; background: url(../images/fnd-cont-top.png) no-repeat top left; float: left; }
#content-down { width: 842px; background: url(../images/fnd-cont-down.png) no-repeat bottom left; padding: 0 30px 40px; float: left; }
#info { width: 600px; margin: 0; padding: 0; float: left; }
#data { width: 782px; padding: 15px 30px 0; float: left; }

/* ----------------------- Menu ----------------------- */
#menu { width: 835px; float: left; margin: 0; height: 58px; padding: 3px 0 0 67px; }
#menu li { text-align: center; height: 45px; float: left; }
#menu li a { text-align: center; display: inline-block; color: #FFF; font-size: 17px; float: left; padding: 15px 25px 0; height: 30px; font-weight: normal; color: #CCC; }
#menu li a:hover { background: #000; color: #FFF; }
#menu li a.select { background: #000; font-size: 20px; padding: 13px 25px 0; height: 32px; color: #FFF; }

/* ----------------------- Top ----------------------- */
#top { width: 100%; margin: 0; padding: 0; float: left; }
#logo { width: 575px; padding: 0 0 0 8px; float: left; margin: 6px 0 0 0; }
#persona { float: right; width: 238px; padding: 0 8px 0 0; }

/* ----------------------- Column ----------------------- */
#column { float: left; width: 240px; }
#column .memoria { width: 198px; padding: 15px 22px 5px 20px; height: 84px; background: url(../images/fnd-memorizar.png) no-repeat top left; text-align: right; margin: 0 0 10px 0; }
#column .memoria p { font-size: 15px; color: #4c7274; margin: 0 0 5px 0; text-align: right; }
#column .memoria a { font-size: 15px; color: #182425; text-align: right; text-decoration: underline; }
#column .memoria img { float: left; }

.comentario { margin: 15px 0 19px 7px; width: 223px; background: #e8e8e8; }
.comentario .title { width: 169px; float: left; background: #c3dcec url(../images/icon-comentarios.gif) no-repeat 8px 8px; padding: 8px 9px 7px 45px; border-bottom: #4c7274 2px solid; font-size: 15px; color: #4c7274; text-align: right; margin: 0 0 15px 0; }
.comentario .text { float: left; padding: 0 10px 15px; width: 206px; }
.comentario .text p { color: #374849; text-align: left; margin: 0 0 5px 0; }
.comentario .text em { text-align: right; color: #374849; font-weight: bold; }
.comentario .down { width: 223px; float: left; background: #c3dcec; padding: 0; border-top: #4c7274 2px solid; margin: 0; height: 15px; }

.mapa { margin: 0 0 0 7px; width: 223px; }
.mapa .row { padding: 0 0 0 43px; width: 180px; font-size: 15px; color: #938a73; line-height: 26px; }
.mapa .row select, .mapa .row select option { width: 150px; font-size: 12px; line-height: normal; padding: 2px 5px; }
.mapa ul { margin: 20px 0; }
.mapa ul li { background: url(../images/vinieta.png) no-repeat 0 0; padding: 0 0 0 25px; color: #938a73; font-size: 18px; margin: 0 0 15px 0; }

/* ----------------------- Inner page ----------------------- */
#obras{width: 240px; padding: 0 0 10px 0;}
#text { width: 550px; margin: 0; padding: 0 20px 15px 30px;}
#text p{margin: 0; font-size: 14px; color: #393939; text-align: justify;}

/* ----------------------- Presupuestos de obras y reformas ----------------------- */
.image{float: right; padding: 0 0 0 35px;}
#data p{ font-size: 14px; text-align: justify;}

/* ----------------------- Enviar a un Amigo ----------------------- */
#contact{margin: 0 0 25px 20px; width: 690px; padding: 28px 20px 10px; background: #ebebeb;}
#contact h3 { font-size: 18px; font-weight: bold; color: #4c6e72; margin: 0; padding: 2px 0 20px 0; line-height: normal; display: block; float: left; }
#contact #form{margin: 0; width: 335px; padding: 0 25px 20px 0; float: left;}
#contact #form .row{margin: 0 0 7px; width: 335px; padding: 0; float: left;}
#contact #form .row .left{width: 80px; float: left; font-size: 14px;}
#contact #form .row .left strong{color: #ff0000; font-size: 14px; font-weight: normal;}
#contact #form .row .right{width: 255px; float: left; font-size: 14px;}
#contact #form .row .right input{width: 235px; float: left; font-size: 12px; padding: 1px 5px; height:20px;}
#contact #textarea{width: 690px; padding: 0 0 23px; float: left; font-size: 14px;}
#contact #textarea textarea{width: 660px; float: left; font-size: 12px; padding: 10px 15px; height: 250px;}
#contact #amigos{margin: 0 0 25px 40px; width: 600px; padding: 8px 0 5px 10px; float: left;}
#contact #amigos .row{margin: 0; width: 183px; padding: 0 15px 7px 0; float: left;}
#contact #amigos .row input{width: 173px; padding: 1px 5px; font-size: 11px; height: 18px;}
.btn{ margin: 0 0 0 200px;border: none; outline: none; text-align: center; color: #FFF; width: 270px; height: 32px; font-weight: bold; text-transform: uppercase; padding: 5px 0 0 0; line-height: normal; font-size: 17px; float: left; background: #4c6e72;}

/* ----------------------- Text ----------------------- */
p { margin: 0 0 15px 0; padding :0; text-align: left; }
a { text-decoration: none; font-size: inherit; color: #333; }
a:hover { color:#999; }
strong { font-size: inherit; }
h1 { font-size: 15px; font-weight: normal; color: #fff; margin: 0; padding: 2px 0 2px 17px; line-height: normal; }
h2 { font-size: 27px; font-weight: bold; color: #4c6e72; margin: 0; padding: 2px 0 15px 0; line-height: normal; display: block; text-align: right; }
h3 { font-size: 27px; font-weight: bold; color: #4c6e72; margin: 0; padding: 2px 0 35px 0; line-height: normal; display: block; }
ol{width: 762px; list-style: upper-latin; padding: 0 0 0 30px; margin: 50px 0;}
ol li{ font-size: 15px; font-weight: bold; color: #4c6e72; margin: 0 0 25px 0;}
ol li ol{display: block; width: 756px; list-style: decimal; padding: 0 0 0 25px; margin: 20px 0 0;}
ol li ol li{ font-size: 14px; font-weight: bold; color: #393939; margin: 0 0 13px 0;}
ol li ol li span{display:block; width: 705px; padding: 15px 0 0 20px; font-size: 14px; color: #393939; font-weight: normal;}

/* ----------------------- Footer ----------------------- */
#footer { padding: 0 0 10px 55px; width: 847px; margin: 0; float: left; }
#footer .links { padding: 0 0 35px 0; float: left; width: 165px; }
#footer .links a { display: block; margin: 0 0 3px 0; color: #757575; }
#footer .links a:hover { color: #363636; }
#footer .validacion { padding: 0 20px 0 0; float: right; width: 180px; font-size: 12px; color: #757575; }
#footer .validacion img { padding: 0 10px 5px; }
#footer ul li{ display: inline-block; width: 165px; margin: 0 0 3px 0; color: #757575; }

/* ----------------------- Clearfix ----------------------- */ 
/* slightly enhanced, universal clearfix hack */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; }
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */