/* Grupo Scala */

* { margin:0; padding:0; }

body { background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

:focus { -moz-outline-style: none; }
a { color:#1FBECA; text-decoration:none; }
a:hover { color:#1FBECA; text-decoration:underline; }

p { font-size:11px; color:#5F6062; line-height:140%; padding:0 0 10px 0; text-align:justify; }
img { border:0; }
blockquote { border:1px solid #1FBECA; padding:10px; }
blockquote.error { border:1px solid #ccc; color:#CC0000; }
blockquote.not_found { border:1px solid #ccc; color:#666; }

.fecha { font-size:11px; font-weight:normal; color:#999; }

#intro { background:#615A62 url(../images/boceto_scala_INTRO.png) top center;}
#intro div { width:850px; margin:0 auto; }
#intro div .intro { padding:200px 0 0 100px;}
.firma { float:right; padding:488px 0 0 0; text-align:right; color:#fff; font-size:10px; }
.firma:hover { color:#fff; text-decoration:underline; }

.fondo_1 { background:#5F6062 url(../fondos/fondo_01.jpg) no-repeat top center;}
.fondo_2 { background:#5F6062 url(../fondos/fondo_02.jpg) no-repeat top center;}
.fondo_3 { background:#5F6062 url(../fondos/fondo_03.jpg) no-repeat top center;}
.fondo_4 { background:#5F6062 url(../fondos/fondo_04.jpg) no-repeat top center;}
.fondo_5 { background:#5F6062 url(../fondos/fondo_05.jpg) no-repeat top center;}
.fondo_6 { background:#5F6062 url(../fondos/fondo_06.jpg) no-repeat top center;}

#contenedor { width:900px; margin:0 auto; }
#contenido { width:430px; float:left; margin:50px 0 0 0; }

#main_menu { background:url(../images/bg_menu.gif) no-repeat; margin:50px 30px 0 20px; float:left; width:400px; height:300px;}
#main_menu a { color:#fff; display:block; float:left;}
#main_menu a:hover, #main_menu a.s { background:#fff; color:#666; text-decoration:none;  }
#main_menu a.lin { width:100px; height:50px;} #main_menu a.lin strong { display:block; text-align:right; padding:5px;}
#main_menu a.obr { width:151px; height:100px;} #main_menu a.obr strong { display:block; text-align:right; padding:5px;}
#main_menu a.emp { width:149px; height:50px; margin:0 0 50px 0;} #main_menu a.emp strong { display:block; text-align:right; padding:30px 5px 0 5px;}
#main_menu a.nov { width:100px; height:50px; margin:0; } #main_menu a.nov strong { display:block; text-align:right; padding:5px;}
#main_menu a.ser { width:100px; height:100px; margin:0 200px 0 0; float:right;} #main_menu a.ser strong { display:block; text-align:right; padding:5px;}
#main_menu a.pro { width:100px; height:50px; } #main_menu a.pro strong { display:block; text-align:right; padding:5px;}
#main_menu a.con { width:100px; height:100px; } #main_menu a.con strong { display:block; text-align:right; padding:5px;}
#main_menu a.inv { width:100px; height:100px; } #main_menu a.inv strong { display:block; text-align:right; padding:80px 5px 0 5px;}


/* Proveedores */
.proveedores .img { display:block; float:left; border:1px solid #ccc; width:120px; height:60px; margin:5px 0; text-align:center;}
.proveedores .img2 { display:block; float:left; border:1px solid #ccc; width:120px; height:60px; margin:5px 10px; text-align:center;}

/* Links*/
.links { list-style:none; padding:0; margin:0;}
.links li { font-size:11px; color:#333; background:url(../images/arrow.gif) no-repeat top left; padding:0 0 5px 15px; line-height:140%; }

/* Contacto */
#form_contacto { }
#form_contacto label { display:block; clear:both; height:22px; padding:0 0 5px 0; }
#form_contacto label.txt { height:118px;}
#form_contacto label strong { display:block; float:left; width:120px; text-align:right; font-weight:normal; font-size:11px; padding:5px 5px 0 0; }
#form_contacto label input, #form_contacto label textarea { background:#E1E1E1; border:0; padding:5px; color:#000; font-size:11px; width:255px; font-family:Arial, Helvetica, sans-serif; overflow:auto; height:15px; }
#form_contacto label input#validacion { background:#E1E1E1 url(../images/validacion.jpg) no-repeat right;}
#form_contacto input#enviar { background:#1FBECA url(../images/arrow2.gif) no-repeat right center; color:#fff; width:80px; height:25px; border:0; float:right; display:block; font-size:12px; }
#form_contacto label textarea { height:110px;}
#form_contacto .nota { font-size:10px; color:#999; padding:5px 0 0 125px; display:block; width:120px; float:left;}

/* Obras */
.obra { padding:6px 6px 6px 66px; height:48px; margin:0 0 2px 0; color:#5F6062; font-size:12px; border-left:6px solid #fff;  }
.obra span { padding:2px 0; display:block; }
.obra span strong { font-weight:normal; display:block; width:100px; height:30px; }
.obra span a { font-size:10px; font-family:Tahoma, Verdana, Arial; background:url(../images/arrow3.gif) no-repeat right center; padding:2px 10px 2px 0; color:#AFAFB0; text-align:right; display:block; width:85px; }
.obra span a:hover { color:#333; text-decoration:none; background:url(../images/arrow4.gif) no-repeat right center; }
.vivienda { background:#fff url(../images/color_turquesa.gif) no-repeat left center; }
	.vivienda span { background:url(../images/img_vivienda.jpg) no-repeat right center; }
.propiedad { background:#fff url(../images/color_celeste.gif) no-repeat left center; }
	.propiedad span { background:url(../images/img_prop-horizontal.jpg) no-repeat right center; }
.oficina { background:#fff url(../images/color_gris.gif) no-repeat left center; }
	.oficina span { background:url(../images/img_oficina.jpg) no-repeat right center; }
.otras { background:#fff url(../images/color_grisc.gif) no-repeat left center; }
	.otras span { background:url(../images/img_otros.jpg) no-repeat right center; }

/* Obras > Categoria */
#categoria { margin:20px;}
#categoria .header { background:#F3F3F3; padding:6px; height:48px; margin:0 0 2px 0; color:#5F6062; font-size:12px;  }
#categoria .header span { display:block; border:1px solid #ccc; width:622px; padding:0 0 0 56px; height:46px; }
#categoria .header span strong { font-weight:normal; display:block; height:46px; }
#categoria .header .vivienda { background:#F3F3F3 url(../images/color_turquesa.gif) no-repeat left center; }
#categoria .header .vivienda strong { background:url(../images/img_vivienda_byn.jpg) no-repeat right center;}
#categoria .header .propiedad { background:#F3F3F3 url(../images/color_celeste.gif) no-repeat left center; }
#categoria .header .propiedad strong { background:url(../images/img_prop-horizontal_byn.jpg) no-repeat right center;}
#categoria .header .oficinas { background:#F3F3F3 url(../images/color_gris.gif) no-repeat left center; }
#categoria .header .oficinas strong { background:url(../images/img_oficina_byn.jpg) no-repeat right center;}
#categoria .header .otras { background:#F3F3F3 url(../images/color_grisc.gif) no-repeat left center; }
#categoria .header .otras strong { background:url(../images/img_otros_byn.jpg) no-repeat right center;}
#categoria .header em { padding:3px 0 0 3px; font-style:normal; display:block;}
#categoria .header .back { display:block; width:155px; float:right; padding:0;}
#categoria .header .back a { font-size:11px; color:#666; display:block; padding:4px; }
#categoria .header .back a.volver { border-bottom:1px solid #ccc; }
#categoria .header .back a:hover { background:#fff; text-decoration:none;}

/* columna izquierda*/
#categoria .col_left { width:160px; float:left; margin:15px 0;}
.detalles { background:#F3F3F3; height:158px; border:1px solid #ccc; }
.detalles p { text-transform:uppercase; font-size:11px; color:#5F6062; padding:10px; height:108px; }
.detalles .paginador { height:30px; }
.detalles .paginador a.ant, .detalles .paginador a.sig { display:block; width:59px; height:10px; float:left; font-size:10px; font-family:Tahoma, Verdana, Arial; color:#5F6062; background:url(../images/arrow_ant.gif) no-repeat left center; padding:10px 0 10px 20px;}
.detalles .paginador a.ant:hover, .detalles .paginador a.sig:hover { background:#1FBECA url(../images/arrow_ant_hover.gif) no-repeat left center; color:#fff; text-decoration:none;}
.detalles .paginador a.sig { background:url(../images/arrow_sig.gif) no-repeat right center; padding:10px 20px 10px 0; text-align:right; }
.detalles .paginador a.sig:hover { background:#1FBECA url(../images/arrow_sig_hover.gif) no-repeat right center; }

.sub_menu { display:block; border:1px solid #ccc; height:94px; margin:253px 0 0 0; padding:6px; font-size:11px;}
.sub_menu a.viv { display:block; background:#F3F3F3; color:#666; border-left:20px solid #1FBECA; padding:4px; margin:0 0 2px 0; }
.sub_menu a.prop { display:block; background:#F3F3F3; color:#666; border-left:20px solid #A1DCE4; padding:4px; margin:0 0 2px 0; }
.sub_menu a.ofi { display:block; background:#F3F3F3; color:#666; border-left:20px solid #6B6F72; padding:4px; margin:0 0 2px 0; }
.sub_menu a.otr { display:block; background:#F3F3F3; color:#666; border-left:20px solid #A4A4A4; padding:4px; }

.sub_menu a.viv:hover, .sub_menu a.prop:hover, .sub_menu a.ofi:hover, .sub_menu a.otr:hover{ background:#fff; text-decoration:none; }
.sub_menu a.s { background:#fff; }

/* columna central */
#categoria .col_center { width:510px; float:left; margin:15px; }
#categoria .col_center .obras a { display:block; width:158px; height:158px; float:left; border:1px solid #999; margin:0 0 15px 0; overflow:hidden;  }
#categoria .col_center .obras a.center { margin:0 15px 15px 15px;}

/* columna derecha*/
#categoria .col_right { width:160px; height:511px; float:left; margin:15px 0; background:url(../images/logo_scala.gif) no-repeat bottom;}


/* Obras > Categoria > Detalle de obra */
#detalle { margin:20px;}
#detalle .header { background:#F3F3F3; padding:6px; height:48px; margin:0 0 2px 0; color:#5F6062; font-size:12px;  }
#detalle .header span { display:block; border:1px solid #ccc; width:622px; padding:0 0 0 56px; height:46px; }
#detalle .header span strong { font-weight:normal; display:block; height:46px; font-size:14px; }
#detalle .header .vivienda { background:#F3F3F3 url(../images/color_turquesa.gif) no-repeat left center; }
#detalle .header .vivienda strong { background:url(../images/img_vivienda_byn.jpg) no-repeat right center; padding:0 250px 0 0;}
#detalle .header .propiedad { background:#F3F3F3 url(../images/color_celeste.gif) no-repeat left center; }
#detalle .header .propiedad strong { background:url(../images/img_prop-horizontal_byn.jpg) no-repeat right center;  padding:0 250px 0 0;}
#detalle .header .oficina { background:#F3F3F3 url(../images/color_gris.gif) no-repeat left center; }
#detalle .header .oficina strong { background:url(../images/img_oficina_byn.jpg) no-repeat right center;  padding:0 250px 0 0;}
#detalle .header .otras { background:#F3F3F3 url(../images/color_grisc.gif) no-repeat left center; }
#detalle .header .otras strong { background:url(../images/img_otros_byn.jpg) no-repeat right center;  padding:0 250px 0 0;}
#detalle .header em { padding:3px 0 0 3px; font-style:normal; display:block;}
#detalle .header .back { display:block; width:155px; float:right; padding:0;}
#detalle .header .back a { font-size:11px; color:#666; display:block; padding:4px; }
#detalle .header .back a.volver { border-bottom:1px solid #ccc; }
#detalle .header .back a:hover { background:#fff; text-decoration:none;}

/* columna izquierda*/
#detalle .col_left { width:225px; float:left; margin:15px 0;}
#detalle .col_left .plano { height:470px; width:225px; overflow:hidden; background:#fff; border:1px solid #ccc; text-align:center; }
#detalle .col_left .sub_menu { padding:0; display:block; border:none; height:auto; margin:15px 0 0 0; font-size:11px;}
#detalle .col_left .sub_menu a.volver { display:block; padding:5px 0 5px 30px; color:#666; background:#F3F3F3 url(../images/ico_volver.gif) no-repeat left center;}
#detalle .col_left .sub_menu a.volver:hover { background:#fff url(../images/ico_volver.gif) no-repeat left center; text-decoration:none; }

/* columna central */
#detalle .col_center { width:445px; float:left; margin:15px; }
#detalle .col_center .imagenes { height:470px; background:#F3F3F3; border:1px solid #999; overflow:hidden; text-align:center; }

/* columna derecha*/
#detalle .col_right { width:160px; height:511px; float:left; margin:15px 0; background:url(../images/logo_scala.gif) no-repeat bottom;}
#detalle .col_right .caracteristicas { height:313px; background:#F3F3F3; border:1px solid #ccc; padding:10px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#5F6062;}
#detalle .col_right .caracteristicas strong { display:block; border-bottom:1px solid #ccc; padding:0 0 5px 0; margin:0 0 8px 0; font-weight:normal; }
#detalle .col_right .caracteristicas p { text-align:left; font-size:11px; padding:0 0 10px 0; color:#333;}