/* CSS Document */
HTML { overflow:hidden; width:100%; height:100%}
A,TABLE,TD,TR,IMG,DIV,FORM,H1,H2,SELECT,P, BODY, INPUT, BUTTON,iframe,label,H3,LI,HR,UL,LI,OL { margin:0px;padding:0px;border-spacing: 0px; border: outset 0px; border-collapse: collapse; border: inset 0px; border: 0px }
BODY{
background: #2B2725;
color:#000000;
font-family: Arial, Verdana, Helvetica, sans-serif;
font: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
width:100%;
height:100%;
text-align:center;
visibility: hidden;
}
INPUT,TEXTAREA,SELECT{color: #666666; font-size:11px;font-family:Arial, Verdana, Helvetica, sans-serif;outline: none;}
HR{font-size:0px; height:1px; background-color:#40AAAC; color:#40AAAC}
TD,DIV{ vertical-align:top; text-align:left; }
A {text-align:left; color:#FFFFFF; font-size:11px; text-decoration:none;}
A:hover{color:#ACCECF; font-size:11px ; }
IMG {border: 0px; }
label{font-size:12px; font-family:Arial, Verdana, Helvetica, sans-serif; color:#000000; font-weight:bold }
UL{margin-left:18px;margin-top:0px; margin-bottom:0px; }
LI{margin-left:8px; margin-top:0px; margin-bottom:5px; font-size:11px;color:#008E90; list-style:square}
H1 {font-size: 19px; color:#FFFFFF; font-weight:bold; height:auto; font:Arial, Verdana, Helvetica, sans-serif; font-family:Arial, Verdana, Helvetica, sans-serif}
H2 {font-size: 12px; color:#008E90; font-weight:normal; height:auto; font:Arial, Verdana, Helvetica, sans-serif; font-family:Arial, Verdana, Helvetica, sans-serif}
H3 {font-size: 10px; color:#008E90; font-weight:normal; height:auto; font:Arial, Verdana, Helvetica, sans-serif; font-family:Arial, Verdana, Helvetica, sans-serif}
P{margin-bottom:12px; font-weight:normal;color:#FFFFFF; font-size:11px;}
.separador_vertical_1{ clear: both;height:1px; width:5px; font-size:0px; }
.separador_vertical_3{ clear: both;height:3px; width:5px; font-size:0px; }
.separador_vertical_5{ clear: both;height:5px; width:5px; font-size:0px; }
.separador_vertical_7{ clear: both;height:7px; width:5px; font-size:0px; }
.separador_vertical_10{ clear: both;height:10px; width:5px; font-size:0px; }
.separador_vertical_15{ clear: both;height:15px; width:5px; font-size:0px; }
.separador_vertical_20{ clear: both;height:20px; width:5px; font-size:0px; }
.separador_vertical_25{ clear: both;height:25px; width:5px; font-size:0px; }
.separador_vertical_35{ clear: both;height:35px; width:5px; font-size:0px; }
.separador_vertical_50{ clear: both;height:50px; width:5px; font-size:0px; }
.separador_vertical_60{ clear: both;height:60px; width:5px; font-size:0px; }
.separador_vertical_70{ clear: both;height:70px; width:5px; font-size:0px; }
.separador_vertical_75{ clear: both;height:75px; width:5px; font-size:0px; }
.separador_vertical_100{ clear: both;height:100px; width:5px; font-size:0px; }
.fontcero{font-size:0px;}
.displayno{display:none}
.flotader{float:right}
.floatleft{float:left; }
.limpiar{clear:both;}
.margenlef_5{margin-left:5px;}
.margenlef_11{margin-left:11px;}
.margenlef_15{margin-left:15px;}
.margenlef_25{margin-left:25px }
.margenlef_50{margin-left:50px }
.margenlef_80{margin-left:80px }
.margenlef_100{margin-left:100px }
.margenlef_150{margin-left:150px }
.margender_0{margin-right:0px }
.margenbot_20{margin-bottom:20px}
.margenbot_15{margin-bottom:15px}
.displayinline{display: inline}
.displaynone{display: none}
.padintop4{padding-top:4px}
.padintop5{padding-top:5px}
.padintop6{padding-top:6px}
.padintop7{padding-top:7px}
.padintop15{padding-top:15px}
.marronnaranja{color:#89562A}
#centrado{width:909px; height:581px;overflow:hidden; margin-left:auto; margin-right:auto; position:relative;}
#logoder{background:url(img/logoder.jpg) no-repeat; width:86px; height:109px; margin-left:771px; margin-top:46px; display:block}
#logoder_ini{background:url(img/logoder.jpg) no-repeat; width:86px; height:109px; margin-left:640px; margin-top:132px; display:block}
#menuprinlef{position:absolute; top:89px; left:41px; width:107px}
#menuprinlef a{ border-bottom:#766251 1px solid; display:block; padding-bottom:2px;padding-top:2px;}
#menuprinlef a:hover{color:#CCCCCC}
#menuprinlef .marronnaranja:hover{color:#89562A}
#contcentral{position:absolute; width:592px; height:473px; top:46px; left:150px;}
#menuinicio{ margin-left:137px; margin-top:85px;}
#menuinicio a{display:block; width:309px; height:46px; font-size:14px; color:#FFFFFF; padding-left:10px; padding-top:10px; margin-bottom:18px; background:#8B8583}
#menuinicio #bt_1:hover{background:url(img/ini_bt_perfil.jpg) no-repeat #8B8583;}
#menuinicio #bt_2:hover{background:url(img/ini_bt_obras.jpg) no-repeat #8B8583;}
#menuinicio #bt_3:hover{background:url(img/ini_bt_microcemento.jpg) no-repeat #8B8583;}
#menuinicio #bt_4:hover{background:url(img/ini_bt_blog.jpg) no-repeat #8B8583;}
#menuinicio #bt_5:hover{background:url(img/ini_bt_contacto.jpg) no-repeat #8B8583;}
#footer{position:absolute; left:150px; top:532px;width:592px;height:25px; z-index:10; font-size:10px; color:#8B8583; text-align:center}
#footer span{color:#89562A; font-weight:bold}
#perfilcont{background:url(img/perfil_fondo.jpg) no-repeat #00CC00; height:473px; padding-left:165px;}
#perfilcont p{margin-left:98px; width:310px; font-size:13px;}
#perfilcont a{ font-size:12px; font-weight:bold}
#perfilcont span{font-size:14px;}
#perfilvideo{width:100%; height:100%; overflow:hidden; display:none;}
#perfilvideo iframe{overflow:hidden}
#contactocont{background:url(img/contacto_fondo.jpg) no-repeat;height:100% }
#contactocont h1{padding-top:15px; margin-left:15px; margin-bottom:32px;}
#contactocont p{margin-left:15px; font-size:11px;}
#contactocont #izquierda{float:left; width:230px;}
#contactocont #izquierda form {margin-left:15px; }
#contactocont #izquierda label{ display:block; color:#FFFFFF; margin-top:5px; font-size:10px; margin-bottom:1px;}
#contactocont #izquierda input[type="text"]{ height:17px; width:187px; padding-top:3px; padding-left:3px;}
#contactocont #izquierda input[type="submit"]{ float:right; padding:0px; background:none; margin-right:25px; color:#FFFFFF}
#contactocont #izquierda input[type="submit"]:hover{color:#cccccc; cursor:pointer}
#contactocont #izquierda TEXTAREA{ height:87px; width:183px; padding-top:3px; padding-left:3px; overflow:auto}
#contactocont #izquierda #ko{color:#FF0000; background-color:#FFFFFF; border:#000000 1px solid; text-align:center; padding:5px; font-size:10px;}
#contactocont #derecha{float:left; width:230px; margin-left:30px;}
#contactocont #derecha a{display:block; width:184; border-top:#DFD7CE 2px solid; padding-bottom:4px; color:#000000; padding-top:5px;}
#contactocont #derecha a:hover{ color:#FFFFFF !important;}
#contactocont #derecha a span{ font-weight:bold; font-size:9px}
#contactocont #derecha p{margin-top:10px; width:220px; margin-left:0px; color:#000000; font-size:11px}
#contactocont #derecha #googlemaps{color: #000000; font-weight:bold; background-color:#FFFFFF; text-align:left; padding-left:5px; margin:0px; display:block; border:none}
#contactocont #derecha #googlemaps:hover{color:#000000 !important}
#contactocont #maildirect{ color:#000000; border:none !important; display:inline !important; padding:0px !important;}
#microcemcont{background:url(img/microcemento_fondo.jpg) no-repeat;height:100% }
#microcemcont h1{padding-top:15px; margin-left:15px; margin-bottom:20px;}
#microcemcont p{margin-left:15px; font-size:11px; padding-right:20px; line-height:13px;}
#microcemcont #izquierda{float:left; width:350px; }
#microcemcont #derecha{float:left; width:223px; margin-left:9px; text-align:right; margin-top:370px; }
#microcemcont #derecha a{ font-weight:bold;}
#microcemcont #derecha a span{font-size:14px}
#microcemcont table{margin-left:15px;}
#microcemcont .grafico{width:107px; height:27px; padding-bottom:2px;}
#microcemcont table img:hover{cursor:pointer;filter: alpha(opacity=50); opacity:.5;}
#microcemcont .celda{width:190px; padding-left:10px; color: #FFFFFF; padding-top:2px; font-size:10px; line-height:11px;}
#proyectos_menu{background:url(img/proyectos_microcemento_fondo.jpg) no-repeat;height:100% }
#proyectos_menu h1{padding-top:15px; margin-left:15px; margin-bottom:55px;}
#proyectothumb{width:592px; height:292px; overflow:hidden}
#proyectothumb #izquierda{ float:left;width:26px; min-height:25px;margin-left:23px; margin-top:212px}
#proyectothumb #izquierda a{ font-size:48px;}
#proyectothumb #centro{ float:left; width:494px;}
#proyectothumb #centro #cuadros{}
#proyectothumb #centro #cuadros .cuadro{ display:block;float:left; width:94px; height:94px;background-color: #8B8583; margin-right:6px; font-size:0px; overflow:hidden}
#proyectothumb #derecha{float:left;width:39px;margin-left:10px; margin-top:212px}
#proyectothumb #derecha a{ font-size:48px;}
#proyectothumb #cuadroinfo{position:absolute; width:194px; height:94px; background-color:#FFFFFF; top:292px; left:49px; visibility:hidden; overflow:hidden}
#proyectothumb #cuadroinfo p{ color: #666666; font-size:14px; margin-left:5px; margin-top:5px; margin-bottom:3px;}
#proyectothumb #cuadroinfo span{padding-left:5px; font-size:12px; display:block}
#proyectocont{width:100%; height:100%; position:absolute;top:0px; left:0px; z-index:50; background-color:#5E5856}
#proyectocont #foto{width:909px; height:500px; overflow:hidden; background:url(img/loading.gif) center no-repeat; font-size:0px; text-align:center; margin-bottom:13px;}
#proyectocont #opciones{float:left; margin-left:15px; width:380px; height:15px; overflow:hidden}
#proyectocont #opciones a:hover{color: #999999; }
#proyectocont #datos{float:left; width:504px; height:15px; overflow:hidden; text-align:right; margin-right:10px;}
#proyectocont #datos h1{font-size:12px;color:#D1CDCB; display:inline}
#proyectocont #datos h2{font-size:12px;color:#FFFFFF; display:inline}
#proyectocont #finalizado{text-align:right; margin-right:10px; height:10px; overflow:hidden}
#proyectocont #finalizado a{font-size:0px;}
#proyectocont #obra{text-align:right; margin-right:10px; height:10px; overflow:hidden}
#proyectocont #obra a{font-size:0px;}
#proyectocont #volver{margin-left:15px;}
#proyectocont #volver a{color:#FF6501; font-size:12px; font-weight:bold}
#proyectocont #solapa{position:absolute; top:220px; left:0px; width:100%; height:280px;z-index:55; background:url(img/fondo_datos_proyecto.png) no-repeat; overflow:hidden;}
#proyectocont #solapa #cerrar{text-align:right; margin-top:5px; margin-right:5px;}
#proyectocont #masinfo{margin-top:50px; margin-left:450px; width:350px;}
#proyectocont #masinfo h1{color:#FF6501; font-size:13px;}
#proyectocont #masinfo p{font-size:12px;}
#proyectocont #relacionadas{margin-top:30px; margin-left:250px; display:none}
#proyectocont #relacionadas h1{color:#FFFFFF; font-size:13px; margin-bottom:5px;}
#proyectocont #relacionadas .cuadro{ display:block;float:left; width:94px; height:94px;background-color: #8B8583; margin-right:6px; font-size:0px; overflow:hidden}
#proyectocont #relacionadas #cuadroinfo{position:absolute; width:194px; height:94px; background-color:#FFFFFF; top:0px; left:0px; visibility:hidden; overflow:hidden}
#proyectocont #relacionadas #cuadroinfo p{ color: #666666; font-size:14px; margin-left:5px; margin-top:5px; margin-bottom:3px;}
#proyectocont #relacionadas #cuadroinfo span{padding-left:5px; font-size:12px; display:block}
#obrasproycont{background:url(img/obras_proyectos_fondo.jpg) no-repeat;height:100% }
#obrasproycont h1{padding-top:15px; margin-left:15px}
#obrasproycont #menu{ margin-left:73px; margin-top:85px;}
#obrasproycont #menu a{display:block; width:435px; height:66px; font-size:14px; color:#FFFFFF; padding-left:10px; padding-top:10px; margin-bottom:26px; background:#8B8583}
#obrasproycont #menu #bt_1:hover{background:url(img/obras_proyectos_bt_1.jpg) no-repeat #8B8583;}
#obrasproycont #menu #bt_2:hover{background:url(img/obras_proyectos_bt_2.jpg) no-repeat #8B8583;}
#obrasproycont #menu #bt_3:hover{background:url(img/obras_proyectos_bt_3.jpg) no-repeat #8B8583;}