/* - - - - - - - - - - - - - - - - - - - - -
<<2009>> <<Concasa>> Website

Autor : Saetha Design & Systems C.A.
Descripción : Hoja CSS principal del Website <<cliente>>

Creado : <<14/07/09>>
Modificado : <<fecha de ultima modificación relevante>>

- - - - - - - - - - - - - - - - - - - - - */

/* TRANSPARENCIA behavior: url(css/recursos/iepngfix.htc) */

/* ------------------- *\
REGLAS GENERALES
\* ------------------- */

*
{ margin:0px; padding:0px; border:none; }

body { font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px; color: #000; }

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: #000; text-decoration: none; }

 a:hover { color: #000; }


/* ------------------- *\
FORMATO DE TEXTO
\* ------------------- */

.parrafo { }

/* ------------------- *\
LAYOUT
\* ------------------- */

/* ---- wrapping -----*/


#wrapper1 { margin: 0px auto; width: 1159px; position: relative; margin-left: -578px; left: 50%; }
#wrapper {margin:0px auto; width: 1250px; position: relative; margin-left: -625px; left: 50%; }
#wrapper2 {margin: 0px auto; width: 1200px; position: relative; margin-left: -600px; left: 50%; }



/*----- Intro ----*/

.intro_iz {width: 200px; height: 600px; float: left; display: inline; background: url(../Imgs/iz_intro.jpg) no-repeat left top;}
.intro_de {width: 200px; height: 600px; float: left; display: inline; background: url(../Imgs/der_intro.jpg) no-repeat left top;}
.intro_he {width: 800px; height: 18px; float: left; display: inline; background: url(../Imgs/head_intro.jpg) no-repeat left top;}
.intro_ce {width: 800px; height: auto; float: left; display: inline;}
.intro_ce2 {width: 800px; height: 582px; float: left; display: inline; background: url(../Imgs/centro_intro.jpg) no-repeat left top;}


/* ---- Default -----*/

.centro {width: 875px; float: left; display: inline; height: auto;}
.col1 {width: 397px; height: auto; float: left; display: inline;}
.col2 {width: 50px; height: auto; float: left; display: inline;}
.col3 {width: 428px; height: auto; float: left; display: inline; }
.izquierdo {width: 140px; height: 700px; float: left; display: inline; background: url(../Imgs/izq_def.jpg) no-repeat left top;}
.derecho {width: 144px; height: 700px; float: left; display: inline; background: url(../Imgs/der_def.jpg) no-repeat left top;}
.header1 {width: 875px; height: 100px; float: left; display: inline; background: url(../Imgs/hea_def.jpg) no-repeat left top;}
.menu {width: 875px; height: 39px; float: left; display: inline; background:url(../Imgs/menu.jpg) no-repeat left top;}
.flash1 {width: 397px; height: 366px; float: left; display: inline; background: url(../Imgs/flash1.jpg) no-repeat left top;}
.abajo_flash {width: 397px; height: 98px; float: left; display: inline; background: url(../Imgs/aba_fla_def.jpg) no-repeat left top;}
.medio {width: 50px; height: 464px; float: left; display: inline; background: url(../Imgs/mid_def.jpg) no-repeat left top;}
.flash2 {width: 428px; height: 288px; float: left; display: inline; background: url(../Imgs/flash2.jpg) no-repeat left top;}
.promo_bg {width: 428px; height: 176px; float: left; display: inline; background: url(../Imgs/pro_bg_def.jpg) no-repeat left top;}
.promociones {width: 427px; height: 176px; float: left; display: inline;}
.titulo_pro {width: 252px; height: 43px; float: left; display: inline; background: url(../Imgs/ofertas.jpg) no-repeat left top; margin-top: 5px;}
.promo1 {width: 199px; height: 127px; float: left; display: inline; background: url(../Imgs/promo1.jpg) no-repeat left top; margin-top: 1px;}
.promo2 {width: 210px; height: 127px; float: left; display: inline; background: url(../Imgs/promo2.jpg) no-repeat left top; margin-top: 1px;}
.contenido_promo {width: 181px; height: 118px; float: left; display: inline;  margin: 0px 0px 0px 5px;}
.promo2 .contenido_promo {margin-left: 13px;}
.footer1 {width: 875px; height: 97px; float: left; display: inline; background: url(../Imgs/footer_def.jpg) no-repeat left top;}
.parrafo {width: 340px; float: left; display: inline; margin-left: 35px; margin-top: 2px;} 
.parrafo p {color: #696969; font-family: Arial; font-size: 13px; font-weight: normal; text-align: left; display: inline; line-height: 16px;}
.parrafo p strong {color: #444444; }
.idiomas {width: 124px; height: 16px; float: right; display: inline; margin: 6px 29px 0px 0px;}

.saetha {width: 82px; height: 33px; float: left; display: inline; margin: 13px 00px 0px 585px;}
.concasa {width: 100px; height: 39px; float: left; display: inline;  margin: 5px 0px 0px 64px; }
      
      
        /*--- Esto es para las dos promos del Home ---*/
 
.categoria {width: 181px; height: auto; float: left; display: inline; font-family: Arial; font-weight: bold; font-size: 17px; color: White; margin-left: 5px;} 
.subtitulo_categoria {width: 180px; height:53px;overflow:hidden;float: left; display: inline; font-family: Lucida Sans; font-size: 12px; font-weight: bold; text-align: left; color: #034d76; text-transform: uppercase; line-height: 18px; margin-top: 5px; margin-left: 4px;}
.subtitulo_categoria:first-letter {font-size:16px;}
.descripcion {width: 180px; height: 50px; float: left; display: inline; color: #6c6e6f; margin-left: 5px; margin-top: 8px; font-family: Arial; font-weight: normal; font-size: 13px;}



/*----- Master ----*/  

.centro_master {width: 875px; float: left; display: inline; height: auto;}
.izquierdo_master {width: 186px; height: 763px; float: left; display: inline; background: url(../Imgs/izq_master.jpg) no-repeat left top;}
.derecho_master {width: 189px; height: 763px; float: left; display: inline; background: url(../Imgs/der_master.jpg) no-repeat left top;}
.header_master {width: 875px; height: 230px; float: left; display: inline; background: url(../Imgs/header_master.jpg) no-repeat left top;}
.footer_master {width: 1250px; height: 90px; float: left; display: inline; background: url(../Imgs/footer_master3.jpg) no-repeat left top;}
.central_master {width: 875px; min-height: 494px; height: auto; height:auto !important; float: left; display: inline; background: white url(../Imgs/bg.jpg) no-repeat left top;}
.central_master .columna1 {width: 336px; height: auto; float: left; display: inline;}
.central_master .columna2 {width: 539px; height: auto; float: left; display: inline;}
.central_master .columna1 .titulo_secc {width:336px; height: auto; float: left; display: inline; margin-top: 22px;}
.texto_contenidos {width:478px; color: #696969; font-family: Arial; font-size: 13px; font-weight: normal; text-align: justify; display: inline; line-height: 16px; margin-top: 75px; float: left;}
.texto_contenidos p { margin-bottom: 16px;}
.texto_contenidos h1 {color: #1d5497; font-size: 14px; font-weight: bold;}
.saetha_master {width: 82px; height: 33px; float: left; display: inline; margin: 13px 00px 0px 585px; }
.concasa_master {width: 100px; height: 39px; float: left; display: inline;  margin: 5px 0px 0px 245px;  }

.imagen_edificios2 {width: 414px; height: 462px; float: left; display: inline; position: relative;  margin-left: -950px; margin-top: 90px; *margin-left: -75px; *margin-top: -435px; }

.imagen_edificios {width: 414px; height: 462px; float: left; display: inline; margin-top: 90px;}

.foto_contacto {width: 260px; height: 234px; float: left; display: inline; background: url(../Imgs/foto_contact.png) no-repeat left top; behavior: url(css/recursos/iepngfix.htc); }

.cont_contactenos {width:260px; color: #696969; font-family: Arial; font-size: 13px; font-weight: normal; text-align: left; display: inline; line-height: 16px; float: left; margin-left: 0px;}

.cont_listas ul {width: 260px; font-family: Arial; font-size: 13px; font-weight: normal; text-align: left; line-height: 22px; float: left; display: inline; color: #696969; margin-top: 10px; margin-left: 20px; margin-bottom: 15px;}

.cont_listas  ul li { list-style-image: url(../Imgs/vineta_azul.jpg); list-style-position: outside; margin-left: 18px;}


/*--- Menu ----*/

#menuh { font-family: Arial; font-size:11px; font-weight: bold; text-align: center; color: #726f6f; float: left; display: inline; width:700px; height: 39px; margin-left: 35px;}
#menuh ul, li {list-style-type: none;}
#menuh ul {margin: 0;padding: 0;}
#menuh li {float: left;}
#menuh a#on {background: url(../Imgs/menu/on/on.jpg)  no-repeat left top; padding-top: 7px; color: #1788cf;}
#menuh a#on:hoover {color: #f4f1f1; background: url(../Imgs/menu/over/over.jpg)  no-repeat left top; padding-top: 8px; }
#menuh a {text-decoration: none;color: #726f6f;background: url(../Imgs/menu/off/off.jpg)  no-repeat left top;display: block; width: 140px; height:31px; padding-top: 5px; text-align: center;}
#menuh a:hover {color: #f4f1f1; background: url(../Imgs/menu/over/over.jpg)  no-repeat left top; padding-top: 8px; }

#menuh2 { font-family: Arial; font-size:11px; font-weight: bold; text-align: center; color: #726f6f; float: left; display: inline; width:140px; height: 39px;}
#menuh2 ul, li {list-style-type: none;}
#menuh2 ul {margin: 0;padding: 0;}
#menuh2 li {float: left;}
#menuh2 a#on2 {background: url(../Imgs/menu/on/on.jpg) no-repeat left top; padding-top: 14px; color: #1788cf;}
#menuh2 a#on2 {color: #f4f1f1; background: url(../Imgs/menu/over/over.jpg)  no-repeat left top; padding-top: 15px; }
#menuh2 a {text-decoration: none;color: #726f6f;background: url(../Imgs/menu/off/off.jpg)  no-repeat left top;display: block; width: 140px; height:24px; padding-top: 12px; text-align: center;}
#menuh2 a:hover {color: #f4f1f1; background: url(../Imgs/menu/over/over.jpg)  no-repeat left top; padding-top: 15px; }


a#co{padding-top:12px;}
a#co:hover{padding-top:15px;}



/* ---- Alineación -----*/

.float-left { float: left; }

.float-right { float: right; }

.clear { clear: both; }







/* ------------------- *\
PRODUCTOS
\* ------------------- */

.columna_izquierda{width: 215px;height:40px;float: left; display: inline;background-color:Black}


#contenedor-productos { margin: 0px 0px 0px 20px; padding: 10px 0px 0px 0px;font: normal normal normal 11px/normal Tahoma, Arial; color: #585965; text-align: left;}

#contenedor-productos a { color: #2d2f79; }

#contenedor-productos a:hover { color: #acacac; text-decoration: underline; }

/* -- Categorías Principales -- */
#contenedor-productos .categoria { float: left; display: inline; width: 218px; min-height: 260px; height: auto !important; height: 260px; margin: 0px 15px 5px 0px;overflow:hidden  }

#contenedor-productos .categoria .ti { height: 29px; background:url(../imgs/productos-categorias-fondo.png) repeat-x left top;overflow:hidden; /*border-bottom: solid 1px #d5d5d5;*/width:200px;}

#contenedor-productos .categoria .ti h1 { text-align: left; font-size: 13px; font-weight: bold;padding-left:2px;  }

#contenedor-productos .categoria .ti h1 a { color: #5b5b5b;text-decoration:none; }

#contenedor-productos .categoria .ti h1 a:hover { color: #000;text-decoration:none; }

#contenedor-productos .categoria .co { padding-top: 5px; }

#contenedor-productos .categoria .co .imagen-cat { float: left; display: inline; width: 199px; height: 159px; overflow: hidden; margin: 0px 4px 3px 0px; text-align: center; border: 1px solid #d5d5d5;  }

#contenedor-productos .categoria .co ul.subcategorias { clear: both; margin: 5px 0px 0px 25px; list-style-type: disc; color: #000; line-height: 17px;}

#contenedor-productos .categoria .co ul.subcategorias a { font-weight: bold; }

/* -- Categorías Secundarias -- */
#contenedor-productos .categoria-generica { float: left; display: inline; width: 209px; min-height: 170px; height: auto !important; height: 170px; margin: 0px 0px 25px 20px;}

#contenedor-productos .categoria-generica .imagen-cat { width: 120px; height: 95px; overflow: hidden; margin: 0px auto 7px auto; text-align: center; }

#contenedor-productos .categoria-generica .tit { border-bottom: solid 3px #d3d3d5; }

#contenedor-productos .categoria-generica .tit h2 { font-size: 12px; text-align: left; font-weight: bold; line-height: 17px;height:52px; }

#contenedor-productos .categoria-generica .tit h2 a { color: #2d2f79; }

#contenedor-productos .categoria-generica .tit h2 a:hover { color: #000; text-decoration: none; }

#contenedor-productos .categoria-generica ul.subcategorias { margin: 5px 0px 0px 30px; list-style-type: disc; color: #7a7a7a; line-height: 12px; }

#contenedor-productos .categoria-generica ul.subcategorias a { color: #7a7a7a; }

#contenedor-productos .categoria-generica ul.subcategorias a:hover { color: #2d2f79; }


/* -- Navegación -- */
#contenedor-productos .navegador { margin: 0px 0px 35px 0px; color: #73748c; border-bottom: solid 3px #3b4e86; }

#contenedor-productos .navegador h1 { color: #5b5b5b; font: normal normal normal 24px/normal Georgia; }

#contenedor-productos .navegador .enlaces { height: 15px; overflow: hidden; }

#contenedor-productos .navegador .enlaces a { color: #73748c; }

#contenedor-productos .navegador .enlaces a:hover { color: #000; }

/* -- Lista Productos -- */
#contenedor-productos ul.productos-lista { width: 440px; margin: 0px auto; }

#contenedor-productos ul.productos-lista li { display: block; width: 440px; min-height: 120px; height: auto !important; height: 120px; margin: 0px 0px 20px 0px; padding-bottom: 2px; border-bottom: solid 3px #dcdcdc; }

#contenedor-productos ul.productos-lista li .lista-imagen { float: left; display: inline; width: 126px; height: 120px; text-align: left; border-right: solid 1px #dcdcdc; }

#contenedor-productos ul.productos-lista li .lista-imagen div { width: 124px; height: 120px; overflow: hidden; text-align: center;}

#contenedor-productos ul.productos-lista li .lista-texto { float: left; display: inline; width: 308px; margin: 0px 0px 0px 4px; min-height: 120px; height: auto !important; height: 120px; background: url(../imgs/productos-lista-fondo.jpg) repeat-x left bottom; }

#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: 78px; overflow: hidden; }

#contenedor-productos ul.productos-lista li .lista-texto .ajuste-texto h2 { /*height: 20px; overflow: hidden;*/ font-size: 14px; font-weight: bold; line-height: 16px;height:40px; }

#contenedor-productos ul.productos-lista li .lista-texto .ajuste-texto h2 a { color: #000; }

#contenedor-productos ul.productos-lista li .lista-texto .ajuste-texto h2 a:hover { color: #2d2f79; text-decoration: underline; }

/* -- Descripción de Producto -- */
#contenedor-productos .producto-descipcion { font: normal normal normal 11px/16px "Lucida Sans Unicode", "Lucida Sans", Tahoma; }

#contenedor-productos .producto-descipcion ul { display:inline; margin-bottom:30px; margin-left:15px; margin-top:0px;}
#contenedor-productos .producto-descipcion ol { display:inline; margin-bottom:30px; margin-left:15px; margin-top:0px;}
#contenedor-productos .producto-descipcion ol li{ display:inline; margin-bottom:30px; margin-left:15px; margin-top:0px;}
#contenedor-productos .producto-descipcion ul li { list-style-type:circle;  margin-left:50px;}

#contenedor-productos .producto-descipcion img { margin: 2px 4px 3px 4px; }

div#noti { padding: 0px 0px 10px 0px; }

#noti .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:300px;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/advertencia.jpg) no-repeat top left #d9b923;border: solid 1px #a59768;color: #3c392d;padding: 25px 10px 30px 82px;text-align: left;font-weight: normal;font-size: 11px;width: 360px;margin-top: 15px;} 


/*********************ofertas y novedades********************/
.formulario{width:480px;margin:45px auto;}
.formulario input, .formulario select, .formulario textarea{width: 180px;border: solid 1px #d3d7df;color: #2c537b;font-family: Tahoma, Arial;font-size: 11px;padding: 2px 3px 1px 3px;}
.formulario .tabla ,.formulario .tabla1{background-color:#f4f4f4;}
.formulario .tabla td,.formulario .tabla1 td.estilo{padding: 10px 10px 1px 5px;}
.formulario .error_field{font-size: 11px;font-weight: bold;color: #ec0000;}

.noticia-contenedor{margin: 0px 10px 10px 0px;float:left;display:inline;}
.noticia-contenedor table.noticia-item{margin-left: 20px;width: 470px;color: #9d9b9b;border-bottom: solid 1px #c6c9ce;}

.contenedor-item{width:456px;height:123px;margin-left:10px;background: url(../Imgs/item_boton.jpg) no-repeat left bottom;}
.contenedor-item .foto-item{width: 99px; height: 99px; float:left; display: inline; margin: 15px 0px 0px 10px;background:#fff url(../Imgs/fondo_.png) no-repeat left top; behavior: url(css/recursos/iepngfix.htc);border:solid 1px #0f487b;}
.titulo_{ font-family:Tahoma; color: #2C537B; font-weight: bold; text-align: left; line-height: normal; font-size: 14px; margin: 20px 0px 0px 20px;background-color:Blue }
.titulo_ span{ font-family:Tahoma; color: #2C537B; font-weight: normal; text-align: left; line-height: normal; font-size: 14px;}
.informacion {width: 300px; height:10px;font-family: Lucida Sans; font-size: 12px; color: #282828; text-align: justify;margin: 10px 0px 0px 20px;overflow:hidden;}

div#noticia{padding: 0px 50px 60px 0px;line-height: 18px;font-size: 12px;color: #282828;width:450px;}

#noticia h1{ display: block;font-family: "Myriad Pro", Trebuchet MS, Lucida Sans, Arial;font-size: 18px;line-height: 18px;width: 450px;padding-bottom: 6px;border-bottom: solid 1px #ccc;color: #2C537B;}

#noticia h3{display: block;font-family: "Segoe UI", "Trebuchet MS", Lucida Sans, Arial;font-size: 13px;line-height: 16px;color: #097040;}

#noticia .fecha{font-family: Myriad Pro, Trebuchet MS, Lucida Sans, Arial;font-size: 12px;color:#050709;padding: 4px 0px 10px 0px;}

#noticia .imgnoticia{width: 277px;height: 221px;float: right;background: url(../imgs/fondo_imgnoticia.png) transparent no-repeat right top;}

.boton1{background:url(../Imgs/filtrado.jpg) no-repeat left top;width:79px;height:22px;}

.ver_mas_pro {font-family: Tahoma; font-size: 11px; font-weight: bold; text-align: right; float: right; display: inline; color: #747373;}

.ver_mas_pro a {color:#747373;}

.ver_mas_pro a:hover {color:#747373; text-decoration: underline;}

/*******************ofertas y novedades*******************************************/