﻿/* - - - - - - - - - - - - - - - - - - - - -
<<2009>> <<Villas y Condominios>> Website

Autor : Saetha Design & Systems C.A. 
Descripción : Hoja CSS principal del Website <<cliente>>

Creado : <<29/04/09>>
Modificado : <<12/05/09>>

- - - - - - - - - - - - - - - - - - - - - */

/* TRANSPARENCIA   */

/* ------------------- *\
REGLAS GENERALES
\* ------------------- */

*
{ margin:0px; padding:0px; border:none; }

body { font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px; color: #3e3419; background: #32280c url(../Imgs/repeat-x.jpg) repeat-x left top; }

table, table th, table tr, table td, div, img { vertical-align: top; }

/*img - transparencia  png IE6 *//*
{
	behavior: url(css/recursos/iepngfix.htc);
}*/

input { font-family: Tahoma, Verdana, Arial; font-size: 11px; font-weight: normal; color: #000; border: solid 1px #000; padding: 1px 0px 1px 2px; }

a { color: #3e3419; text-decoration: none; }

 a:hover { color: #665321; }


/* ------------------- *\
FORMATO DE TEXTO
\* ------------------- */

.parrafo { }

/* ------------------- *\
LAYOUT
\* ------------------- */

/* ---- wrapping -----*/

#wrapper { margin: 0px auto; width: 818px;}
#cont_principal {width: 818px; height:auto; float: left; display: inline; }

/*--- Home ---*/

#columna1 {width: 281px; height: auto; float: left; display: inline;}
#columna2 {width: 537px; height: auto; float: right; display: inline;}
.logo_villas {width: 281px; height: 188px; float: left; display: inline; background: url(../Imgs/logo.jpg) no-repeat left top;}
.menu_flash {width: 281px; height: 166px; float: left; display: inline; background: url(../Imgs/menu2.jpg) no-repeat left top; }
.fondo1 {width: 281px; height: 198px; float: left; display: inline; background: url(../Imgs/bg3.jpg) no-repeat left top; }
.fondo1 .nov_flash {width: 155px; height: 198px; float: right; display: inline; background: url(../Imgs/novedades1.jpg) no-repeat left top; margin-top: 0px;}

.info-home{position: relative; width:120px; height:30px; color:#fff; margin-top:12px; padding-left: 10px; opacity: 0; filter: alpha(opacity=0);}
.info-home a{color:#fff;font-family: Tahoma; display: block;}
/*.info-home{color:#fff; margin:0px;}
.info-home li { color:#fff; display:block; margin: 0px 0px 0px 20px; .margin: 0px 0px 25px 20px; padding-top:10px;}
.info-home li a{color:#fff;font-family: Tahoma;}*/

   
.flash1 {width: 537px; height: 552px; float: left; display: inline; background: url(../Imgs/flash1.jpg) no-repeat left top;}
#cont_principal .cierre{width: 818px; height: 68px; float: left; display: inline; background: url(../Imgs/cierre3.jpg) no-repeat left top;}
#cont_principal .cierre .saetha1 {width: 100px; height: 40px; float: right; display: inline; position: relative; margin: 11px 36px 0px 0px}


/*---- Nuevo.. Ancho---*/

.col_ancha  {width: 818px; height: auto; float: left; display: inline; }
.col_ancha2 {width: 818px; height: auto; min-height: 244px; height: auto !Important; float: left; display: inline; background: url(../Imgs/middle.jpg) no-repeat left top;}
.repeat_y2 {width: 818px; height:auto; float: left; display: inline; background: url(../Imgs/repeat-y2.jpg) repeat-y left top;}
.titulo_seccion {width: 537px; height: 162px; float: left; display: inline;}
.fondo_abajo{width: 818px; height: 37px; float: left; display: inline; background: url(../Imgs/fondo_abajo.jpg) no-repeat left top;}
.aqui_va_todo {width: 666px; height: auto; min-height: 244px; height: auto !Important; float: left; display: inline; margin-left: 80px; margin-top: 25px; }





/*---- Master - Secciones ---*/

.flash2 {width: 537px; height: 198px; float: left; display: inline; background: url(../Imgs/flash2.jpg) no-repeat left top;}
.contenido {width: 537px; height: 357px; min-height: 357px; height: auto !important; float: left; display: inline; background: url(../Imgs/bg2.jpg) no-repeat left top;}
.repeat-y {width: 818px; float: left; display: inline; background: url(../Imgs/repeat-y.jpg) repeat-y left top;}
.titulo_seccion {width: 245px; height: auto; float: left; display: inline;}
.texto {width: 600px; height: auto; float: left; display: inline; font-family: Lucida Sans; font-size: 12px; font-weight: normal; text-align: justify; color: #3e3419; margin-top: 12px; margin-left: 30px; line-height: 18px; margin-bottom: 5px; padding-bottom: 40px; }
.texto ul {behavior: url(css/recursos/iepngfix.htc);}
.texto ul li {font-weight: normal; margin-top: 15px; behavior: url(css/recursos/iepngfix.htc)}
.texto ul li h1 {font-family: Lucida Sans; font-size: 12px; font-weight: bold; text-align: justify; color: #3e3419;line-height: 18px;}
.texto ul li p {font-family: Lucida Sans; font-size: 12px; font-weight: normal; text-align: justify; color: #3e3419;line-height: 18px;}
#cont_principal .cierre2{width: 818px; height: 70px; float: left; display: inline; background: url(../Imgs/cierre2.jpg) no-repeat left top;}
#cont_principal .cierre2 .saetha1 {width: 100px; height: 40px; float: right; display: inline; position: relative; margin: 11px 36px 0px 0px}


/*---- Contactenos --- */

.cont_texto {width: 600px; height: auto; float: left; display: inline; margin-left: 70px; margin-top: 20px; }
.col_1 {width: 260px; height: auto; float: left; display: inline; padding-right: 10px; border-right: solid 1px #9d9273;  }
.col_2 {width: 250px; height: auto; float: left; display: inline; margin-left: 30px; }
.col_1 strong {font-family: Lucida Sans; font-size: 11px; font-weight: bold; text-align: left; color: #3e3419;line-height: 17px;}
.col_1 span {font-family: Lucida Sans; font-size: 11px; font-weight: normal; text-align: left; color: #3e3419; line-height: 17px; margin-left: 0px;}
.col_1 h1 {font-family: Lucida Sans; font-size: 11px; font-weight: normal; text-align: left; color: #3e3419;line-height: 17px; margin-left: 0px;}
.col_1 p {font-family: Lucida Sans; font-size: 11px; font-weight: normal; text-align: left; color: #3e3419; line-height: 17px;}
.col_2 strong {font-family: Lucida Sans; font-size: 11px; font-weight: bold; text-align: left; color: #3e3419;line-height: 17px;}
.col_2 span {font-family: Lucida Sans; font-size: 11px; font-weight: normal; text-align: left; color: #3e3419; line-height: 17px; margin-left: 0px;}
.col_2 h1 {font-family: Lucida Sans; font-size: 11px; font-weight: normal; text-align: left; color: #3e3419;line-height: 17px; margin-left: 0px;}
.col_2 h2 {font-family: Lucida Sans; font-size: 11px; font-weight: bold; text-align: left; color: #3e3419;line-height: 17px; margin-left: 0px; letter-spacing: -1px;}
.col_2 p {font-family: Lucida Sans; font-size: 11px; font-weight: normal; text-align: left; color: #3e3419; line-height: 17px;}
.col_2 img {margin-top: 5px;}



/*--- Formulario ----*/

.formulario{width:410px;margin:0px; float: left; display: inline;}
.formulario input, .formulario select, .formulario textarea{width: 180px;border: solid 1px #9d9273;color: #3e3419;font-family: Tahoma, Arial;font-size: 11px;padding: 2px 3px 1px 3px; }
.formulario .tabla ,.formulario .tabla1{background-color:#8e8054;}
.formulario .tabla td,.formulario .tabla1 td.estilo{padding: 10px 10px 1px 5px;}
.formulario .error_field{font-size: 11px;font-weight: bold;color: #ec0000;}
.error{width: 388px;min-height: 30px;height: auto !important;height: 30px;padding: 5px;color: black;vertical-align: middle;background-color: #9E9B8B ;border: solid 1px #9d9273;}
.obligatorio{font-family:  Tahoma, Times New Roman;font-size: 11px;color: Black;font-weight: bold;}
.fila , .filada{color:#3e3419;border-right: solid 1px #9d9273;padding: 4px 5px 4px 8px;}
.Label{text-align:right;}
.filada{border:0px;}
.alternativa{background-color: #d3ceb1;}
.filada1{color:#3e3419;padding: 4px 5px 4px 0px;}
.filada1 input{border: none;height: 5px;width:30px;text-align:left;}
.limpia-fecha table { padding: 0px; margin: 0px; }
.cont_header_form {width: 400px; height: 26px; float: left; display: inline; background: url(../Imgs/header_form2.jpg) no-repeat left top;}
.input{width: 180px;border: solid 1px #9d9273;color: #3e3419;font-family: Tahoma, Arial;font-size: 11px;padding: 2px 3px 1px 3px; }
.cont_form {width: 410px; height: auto; display: inline; float: left; margin: 0px 0px 30px 135px;}


/*---- Noticias e Informaciones --- */

.cont_noticias{width: 600px; height: auto; float: left; display: inline; margin: 3px 0px 20px 35px;}
.producto-descipcion { margin-bottom: 60px; font: normal normal normal 11px/16px "Lucida Sans Unicode", "Lucida Sans", Tahoma; }
.cont_secciones{width: 410px; height: auto; float: left; display: inline; border-bottom: solid 1px #664f19; text-align:center; margin-left:80px;}
.cont_seccionesdrp{width: 410px; height: auto; float: left; display: inline;padding-left:100px; }
.titulos_secc { font-family: Tahoma; font-size: 12px; font-weight: normal; color: #3e3419; /*text-align: center;*/ line-height: 25px; }
.titulos_secc a {font-weight: bold;}
.titulos_secc a:hover {font-weight: bold; color: #9f7b28;}
.noticias{width: 600px; height: auto; float: left; display: inline; margin-top: 20px; background: url(../Imgs/linea.jpg) no-repeat 90px bottom; padding-bottom: 10px;}
.foto_noti {width: 95px; height: 85px; float: left; display: inline; overflow: hidden; border: solid 2px #665018; }
.titulo_noti {width: 300px; font-family: Lucida Sans; color: #3e3419; font-size: 11px; font-weight: bold; float: left; display: inline; margin-left: 10px; }
.titulo_noti a {color: #3e3419;}
.titulo_noti a:hover {color: #665321;}
.info_noticias {width: 400px; float: left; display: inline; font-family: Lucida Sans; color: #3e3419; font-size: 11px; margin-left: 10px; margin-top: 5px; }
.contenidoTitulo{color: #664f19; font: normal normal normal 24px/normal Georgia; border-bottom: solid 3px #664f19; width:480px;}
.ver_mas {width: 52px; height: 23px; float: right; display: inline; margin-top: 20px; }

/*-----item-meun micuenta--------*/
.item-menu{border-right:solid 1px #c6c6c6;float:left;padding:0px 10px 0px 10px;height:20px;font-family:"Tahoma";color:#3e3419;font-size:12px;text-align: center; font-weight: bold;}
.on{font-weight:bold;background:url(../Imgs/fondo_menu.jpg) repeat-x left top;height:20px;color:#9f7b28;}
/*---- Ventas --- */

.cont_ventas { width: 600px; height: auto; float: left; display: inline; margin-top: 25px; margin-bottom: 20px; margin-left: 50px; }
.cont_ventas .columnas {width: 250px; height: auto; float: left; display: inline; margin-right: 40px;margin-bottom: 45px;}
.cont_ventas .columnas .categorias {width: 250px; float: left; display: inline; border-bottom: solid 1px #664f19;}
.cont_ventas .columnas .categorias .titulo_categoria { font-family: Tahoma; font-size: 13px; font-weight: bold; text-align: left; float: left; color: #3e3419;}
.cont_ventas .columnas .imagen_cate {width: 110px; height: 100px; float: left; display: inline; border: solid 2px #665018; overflow: hidden;  margin-right: 10px; }
.cont_ventas .columnas .info_categoria {width: 100px; height: auto; /*float: left; */display: inline; font-family: Lucida Sans; font-size: 11px; color: #3e3419; /* margin-bottom:25px;*/ }
.cont_ventas .columnas .subcategoria { margin-left: 15px; margin-top: 5px; float: left; display: inline; font-family: Lucida Sans; font-size: 11px; color: #3e3419; }

/* -- Categorías Principales -- */
#contenedor-productos .categoria { float: left; display: inline; width: 218px; min-height: 200px; height: auto !important; height: 200px; margin: 0px 60px 5px 0px; /*border-right: dotted 1px #f7e8da;*/ }

#contenedor-productos .categoria .titulo { height: 17px; background: url(../imgs/productos-categorias-fondo.png) repeat-x left top; border-bottom: solid 3px #664f19;}

#contenedor-productos .categoria .titulo h1 { text-align: center; font-size: 14px; font-weight: normal;  }

#contenedor-productos .categoria .titulo h1 a { color: #664f19; }

#contenedor-productos .categoria .titulo h1 a:hover { color: #664f19; }

#contenedor-productos .categoria .contenido { padding-top: 5px; }

#contenedor-productos .categoria .contenido .imagen-cat { float: left; display: inline; width: 120px; height: 95px; overflow: hidden; margin: 0px 4px 3px 0px; text-align: center; }

#contenedor-productos .categoria .contenido ul.subcategorias { clear: both; margin: 5px 0px 0px 25px; list-style-type: disc; color: #2d2f79; line-height: 15px; }

#contenedor-productos .categoria .contenido ul.subcategorias a { font-weight: bold;  }

/* -- Categorías Secundarias -- */
#contenedor-productos .categoria-generica { float: left; display: inline; width: 170px; min-height: 170px; height: auto !important; height: 170px; margin: 0px 55px 25px 15px; }

#contenedor-productos .categoria-generica .imagen-cat { width: 95px; height: 95px; overflow: hidden; margin: 0px auto 7px auto; text-align: center; }

#contenedor-productos .categoria-generica .titulo { border-bottom: solid 3px #664f19; }

#contenedor-productos .categoria-generica .titulo h2 { font-size: 12px; text-align: left; font-weight: bold; line-height: 17px; }

#contenedor-productos .categoria-generica .titulo h2 a { color: #664f19; }

#contenedor-productos .categoria-generica .titulo h2 a:hover { color: #3e3419; text-decoration: none; }

#contenedor-productos .categoria-generica ul.subcategorias { margin: 5px 0px 0px 30px; list-style-type: disc; color: #664f19; line-height: 14px; }

#contenedor-productos .categoria-generica ul.subcategorias a { color: #664f19; }

#contenedor-productos .categoria-generica ul.subcategorias a:hover { color: #3e3419; }
/* -- Navegación -- */
#contenedor-productos .navegador { margin: 0px 0px 35px 10px; color: #664f19; border-bottom: solid 3px #664f19; width:520px; }

#contenedor-productos .navegador h1 { color: #664f19; font: normal normal normal 24px/normal Georgia; }

#contenedor-productos .navegador .enlaces { height: 20px; overflow: hidden;}

#contenedor-productos .navegador .enlaces a { color: #664f19; }

#contenedor-productos .navegador .enlaces a:hover { color: #000; }
/* -- Lista Productos -- */
#contenedor-productos ul.productos-lista { width: 520px; margin-left: 10px; }

#contenedor-productos ul.productos-lista li { display: block; width: 520px; min-height: 108px; height: auto !important; height: 108px; margin: 0px 0px 20px 0px; padding-bottom: 2px; border-bottom: solid 1px #867545; }

#contenedor-productos ul.productos-lista li .lista-imagen { float: left; display: inline; width: 100px; height: 105px; text-align: left; border-right: solid 1px #867545; }

#contenedor-productos ul.productos-lista li .lista-imagen div { width: 95px; height: 95px; overflow: hidden; text-align: center; }

#contenedor-productos ul.productos-lista li .lista-texto { float: left; display: inline; width: 410px; margin: 0px 0px 0px 4px; min-height: 108px; height: auto !important; height: 108px; /*background: url(../imgs/productos-lista-fondo.jpg) repeat-x left bottom;*/ color:  #3e3419;}

#contenedor-productos ul.productos-lista li .lista-texto .botones { float: right; display: inline; margin: 8px 10px 0px 0px; }

#contenedor-productos ul.productos-lista li .lista-texto .ajuste-texto { padding: 2px 5px 2px 5px; height: 71px; overflow: hidden; }

#contenedor-productos ul.productos-lista li .lista-texto .ajuste-texto h2 { font-size: 14px; font-weight: bold; line-height: 20px;  }

#contenedor-productos ul.productos-lista li .lista-texto .ajuste-texto h2 a { color: #3e3419; }

#contenedor-productos ul.productos-lista li .lista-texto .ajuste-texto h2 a:hover { color: #7b6a37; /*text-decoration: underline;*/ }

/* -- Descripción de Producto -- */
#contenedor-productos .producto-descipcion { margin-bottom: 60px; font: normal normal normal 11px/16px "Lucida Sans Unicode", "Lucida Sans", Tahoma; }

#contenedor-productos .producto-descipcion img { margin: 2px 4px 3px 4px; }

div#noticias { padding: 0px 0px 30px 3px; }

#noticias .imgnoticia { width: 277px; height: 221px; float: right; background: url(../Imgs/fondo_imgnoticia.gif) transparent no-repeat right top; }

.imgnoticia .img { margin: 8px 10px 0px 8px; width: 260px; height: 185px; overflow: hidden; text-align: center; }

.imgnoticia img { display: block; margin-left: auto; margin-right: auto; }

.imgnoticia .anterior { display: inline; float: left; font-family: Trebuchet MS, Lucida Sans, Arial; text-align: left; margin-left: 28px; }

.imgnoticia .siguiente { display: inline; float: right; font-family: Trebuchet MS, Lucida Sans, Arial; text-align: right; margin-right: 28px; }

.anterior a, .siguiente a { text-decoration: none; color: #000; }

.anterior a:hover, .siguiente a:hover { text-decoration: underline; color: #666; }
 
.prev_imagen{background:#fff url(../Imgs/fondo_previmagen.gif) repeat-x top left;width:315px;height:78px;margin-top:20px;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;}
 
.prev_imagen table td div:hover{border: solid 1px #666666;}
 
.img_prev{margin:0px;cursor: pointer; }

.msj_advertencia{background: url(../Imgs/fondo_mensajeadv.gif) no-repeat top left #e9d894;border: solid 1px #a59768;color: #3c392d;padding: 25px 10px 30px 82px;text-align: left;font-weight: normal;font-size: 11px;width: 478px;} 

/* ------------------- *\
MISCELANEO
\* ------------------- */

/* ---- Alineación -----*/

.float-left { float: left; }

.float-right { float: right; }

.clear { clear: both; }

.conen ul,.conen ol{margin-left:20px;}




/* ------------------- *\
Galeria
\* ------------------- */

.anterior{display: inline;float: left;font-family: "Trebuchet MS", Lucida Sans, Arial;text-align: left;margin-left: 28px; }
.siguiente{display: inline;float: right;font-family: "Trebuchet MS", Lucida Sans, Arial;text-align: right;margin-right: 28px;}
#instalaciones{width:884px;height:146px;}
.fondo-imgsig-amb{margin: 20px 0px 0px 50px;width:124px; height:120px;background: url(../galeria/cuadro.png) no-repeat left top;display:inline;behavior: url(css/recursos/iepngfix.htc);}
.img-amb{margin:4px 5px 4px 5px;}
.imagen{width:105px;height:105px;background-color:#3d1009;float:right;}

/*
.fondo_
{
    margin: 20px 0px 0px 50px;
    width:124px; 
    height:120px;
    background: url(../Imgs/cuadro.jpg) no-repeat left top;
    display:inline;
    behavior: url(css/recursos/iepngfix.htc);
}
*/