/* 
    Document   : estilos
    Author     : Solventia Consultoría Tecnológica
    Description:
        Purpose of the stylesheet follows.
*/


root { 
    display: block;
    margin:0px;
    padding:0px;
}

body {
    /*    background-color:#CED36E;*/
    /*background-color:#Ecede4;*/
    background-image:url(../imagenes/fondowebcompleto.jpg);
    background-repeat:repeat;
    margin-top:0px;
    text-align:center;
    
}

.menu {
    width:550px;
    margin-top:130px;
    float:right;
    display:inline;
    border:0px solid red;
    padding-right:22px;
}

.menu ul {
    float:right;
    list-style-type: none;
    margin:0px;
    padding:0px;

}
.menu ul li {
    display:inline;
    font-family: Tahoma;
    font-size:11px;
    float:left;
    border:solid 0px #FF0000;
    padding-left:0px;
}

.contenedor {
   background-image: url(../imagenes/sombra_fondo.png);
    
    background-repeat:repeat-y;
    margin: 0 auto auto auto;
    margin-top:0px;
    width:1052px;
    border: 0px solid yellow;
}

.fondo {
    background-image: url(../imagenes/fondo.jpg);
    background-color:#FFFFFF;
    background-repeat:no-repeat;
    margin: 0 auto auto auto;
    margin-top:0px;
    width:1024px;
    height:867px;
    
    border: 0px solid yellow;
}

.cabecera {
    /*    background-image: url(../imagenes/cabecera.jpg); */
    float:left;
    width:1024px;
    height:160px;
    border: 0px solid red;
}

.pie_pagina {
    background-image: url(../imagenes/fondo_pie.jpg);
    width:1024px;
    height:83px;
    border: 0px solid red;
    margin: auto auto;
}

/*--------Index---------------*/



.contenidoSup {
    float:left;
    width:1024px;
    height:450px;
    margin-top:20px;

    border:0px solid red;
}

.contenidoMedio {
    float:left;
    width:1024px;
    height:100px;
    margin-top:5px;
    background-color:#B2BC3F;

    border:0px solid red;
}

.contenidoInf {
    float:left;
    width:1020px;
    height:110px;
    margin-top:0px;
    margin-left:1px;
    border:0px solid red;
}

.contenidoSupContacto {
    float:left;
    width:1024px;
    height:350px;
    margin-top:20px;

    border:0px solid red;
}

.contenidoInfContacto {
    float:left;
    width:1024px;
    height:320px;
    margin-top:10px;

    border:0px solid red;
}


.fondoSup {
    width:1024px;
    height:445px;
    margin-left:auto;
    margin-right:auto;
    background-image:url('../imagenes/cuadro_central_ppal.png');
    border:0px solid blue;
}

.colIzqIni {
    float:left;
    width:612px;
    height:445px;
    margin-left:0px;
    border:0px solid gray;
}

.colDchaIni {
    float:left;
    width:407px;
    height:445px;
    margin-left:0px;
    border:0px solid gray;
}


.textoIniSup {
    float:left;
    width:580px;
    height:120px;
    margin-left:22px;
    margin-top:1px;

    border:0px solid gray;
}

.titTextoIni {
    width:300px;
    height:20px;
    margin-top:0px;
    margin-left:0px;
    float:left;

    border:0px solid aqua;
}

.titTextoIni p {

    font-family: Georgia,'Times New Roman',times,serif;
    color:#3E331F;
    margin-top:3px;

    font-size: 14px;
    white-space:normal;
    text-align:left;
    font-weight: bold;
}


.parrafoTextoIni {
    width:570px;
    height:70px;
    margin-top:3px;
    margin-left:10px;
    float:left;
    border:0px solid aqua;
}

.parrafoTextoIni p {

    font-family: Verdana,Arial,Helvetica,sans-serif;
    color:#3E331F;
    width:500px;
    font-size: 12px;
    white-space:normal;
    text-align:justify;
    margin-top:0px;
    margin-left:20px;
}




.contCarrusel {
    float:left;
    width:580px;
    height:150px;
    margin-top:1px;
    margin-left:22px;
    

    border:0px solid gray;
}

.contBuscadorIni {
    float:left;
    width:360px;
    height:30px;
    margin-top:4px;
    margin-left:245px;

    border:0px solid gray;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    color: #3E331F;
    text-align:left;
}

#formBuscador {
    margin:0px;
    padding:0px;
}

.textoBusca {
    /*font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #3E331F;
    text-align:left;*/

    margin-top:0px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 20px;
    color: #859727;
    text-align:right;
    
}

.textoPeqBusca {
     margin-top:0px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #859727;
    text-align:left;
    font-weight:bold;
}

.textoIniInf {
    float:left;
    width:580px;
    height:120px;
    margin-left:22px;
    margin-top:5px;

    border:0px solid gray;
}

.parrafoTextoInf {
    margin:0px;
    padding:0px;
    width:450px;
    
    margin-top:20px;

    margin-right:3px;
    float:right;
    border:0px solid aqua;

    font-family: Verdana,Arial,Helvetica,sans-serif;
    color:#3E331F;

    font-size: 12px;
    white-space:normal;
    text-align:justify;
}

.cuadroImagenIni {
    float:left;
    width:372px;
    height:305px;
    margin-left:8px;
    margin-top:17px;

    border:0px solid red;
}

.contDatosUsuario {
    float:left;
    width:380px;


    height:85px;
    margin-left:3px;
    margin-top:27px;
    padding:0px;

    border:0px solid red;
}

.contTitProm {
    float:left;
    border:0px solid blue;

    width:364px;
    height:50px;
    margin-left:7px;
    padding:0px;
    margin-top:5px;
}


.titProm{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #3E331F;
    text-align:center;
    white-space:normal;
}


.colsombraIzq {
    border:0px solid aqua;
    width:15px;
    height:100px;
    float:left;
}

.colNew {
    border:0px solid aqua;
    width:489px;
    height:100px;
    float:left;
}

.colsombraDcha {
    border:0px solid aqua;
    width:15px;
    height:100px;
    float:right;
}

.colSeparador {
    border:0px solid aqua;
    width:6px;
    height:100px;
    margin-left:5px;
    float:left;
}


.titNoticia {
    float:left;
    border:0px solid gray;
    width:320px;
    height:30px;
    margin-top:3px;
    margin-left:10px;
    padding:0px;
}

.titNoticia p {

    font-family: Georgia,'Times New Roman',times,serif;
    font-size: 12px;
    font-weight:bold;

    color:#3E331F;
    white-space:normal;
    text-align:left;
    margin-top:3px;
    margin-left:15px;
}

.descripNoticia {
    float:left;
    border:0px solid gray;
    width:380px;
    height:60px;
    margin-top:0px;
    margin-left:10px;
    padding:0px;
}

.descripNoticia p {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color:#FFFFFF;
    white-space:normal;
    text-align:left;
    margin-top:0px;
    margin-left:20px;
}

.fotoNoticia {
    float:right;
    border:0px solid gray;
    width:60px;
    height:90px;
    margin-top:0px;
    padding:0px;
    margin-right:10px;
    margin-left:5px;
}

.fotoNoticia img {
    margin-top:20px;
}

.titListado {

    height:25px;
    border:0px solid orange;

    text-align:left;
    padding:0px;
    margin:0px;
    margin-left:30px;

}

.titListado p {
    margin-top:5px;
    color:#3E331F;

    font-family: Georgia,'Times New Roman',times,serif;
    font-size: 14px;
    font-weight: bold;
    text-align:left;
    margin-left:0px;
}

.listaCategorias {

    height:80px;
    border:0px solid orange;
    margin-top:3px;
    padding:0px;
    margin-left:120px;


}


.ulcategorias {
    float:left;
    text-decoration: none;
    display:inline-block;
    padding:0px;
    margin:0px;
    margin-left:15px;

    width:280px;
    border:0px solid red;

}

.ulcategorias li {
    display:block;

    text-align:left;
    text-decoration: none;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height:20px;
    padding:0px;
    margin:0px;



}

.listaCategorias ul li a:link,.listaCategorias ul li a:visited,.listaCategorias ul li a:active {
    color:#3E331F;
    text-decoration:none;
}

.listaCategorias ul li a:hover {
    color:#B2BC3F;
    text-decoration:underline;
}

/*----------Carrusel--------------*/
#btn {
    float:left;
    width:40px;
    height:149px;
    border:0px solid aqua;

}
#btn img {
    margin-top:5px;
    cursor:pointer;
}

#btn_peq {
    float:left;
    width:40px;
    height:25px;
    border:0px solid aqua;

}
#btn_peq img {
    margin-top:0px;
    cursor:pointer;
}

.jCarouselLite {
    float:left;
    width:200px;
    height:149px;

    
}

.jCarouselLiteColor {
    float:left;
    margin-left:10px;
    width:300px;
    height:28px;
    border:0px solid red;
}

.cuadroProm {

    width:100px;
    height:100px;
    border:1px solid #E3E2E0;
    margin:25px 10px 5px 10px;
}

.imagProm {

    margin-left:auto;
    margin-right:auto;
    margin-top:6px;
    cursor:pointer;
    /*width:85px;
    height:85px;*/
}

#video {
    margin:2px 0px 0px 4px;
    padding:0px;
}

#video object {
    margin: 0px;
    padding: 0px;
}

.iconoDescrip {
    width:50px;
    height:50px;
    float:left;
    margin-left:15px;
    margin-top:15px;

    border:0px solid aqua;
}

.descripIni {
    width:300px;
    float:left;
    height:70px;
    margin-left:8px;
    border:0px solid aqua;
    margin-top:5px;
}

.descripIni p {

    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-style: italic;
    color:#3E331F;

    text-align:left;
    white-space:normal;
    padding-left:5px;
    margin-top:0px;

}

/*---------Catalogo-------------*/
/*---------Columnas-------------*/
.colIzq {
    float:left;
    width:250px;
    height:auto;
    /*height:700px;*/

    margin-left:5px;

    border:0px solid red;
}

.colDcha {
    float:right;
    width:735px;
    height:700px;

    margin-right:5px;

    border:0px solid blue;
}



/*-------Acordeón------------*/

.contAcordeon {
    width:230px;
    height:auto;

    margin:5px 5px 0px 5px;

    border: 5px solid #EEEAE2;
}

.selFamilia {
    width:228px;
    height:30px;


    background-image:url(../imagenes/fondoAcordeon_30.jpg);
    border:1px solid #C3C3C3;

    margin-top:0px;
    text-align:left;
}

.catFamilia {

    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #ffffff;
    font-weight: bold;

    text-decoration:none;
    font-size: 14px;

    margin-left:3px;
    text-align:left;
}

.selSubfamilia {

    margin-top:0px;
    list-style:none;
    margin-left:0px;
    margin:0px;
    padding:0px;


}

.selSubfamilia li {

    background-image:url(../imagenes/fondoSubFamilia_25.jpg);
    border:1px solid #C3C3C3;
    margin:0px;
    padding:0px;
    display:block;
    cursor:pointer;

}

.catSubfamilia {
    width:228px;
    height:25px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #777777;
    text-decoration:none;
    font-size: 13px;


}




/*----------ContSupt-----------*/

.contSup{
    float:left;
    width:735px;
    height:335px;
    margin-top:5px;

    border:0px solid fuchsia;
}

.fondoProducto {
    width:722px;
    height:330px;

    margin-left:auto;
    margin-right:auto;

    background-image:url(../imagenes/fondo_producto.png);
    background-repeat:no-repeat;
}


.colIzqSup {
    float:left;
    width:329px;
    /*height:206px;*/

    margin-top:65px;
    border:0px solid red;
}

.contDatosProd {
    float:left;
    width:329px;
    /*height:175px;*/

    margin-top:0px;
    border:0px solid green;
    padding:0px;
}

.contBuscador {
    float:left;
    width:216px;
    height:30px;

    margin-left:114px;
    margin-top:2px;
    border:0px solid green;
    padding:0px;
}

.contBuscador table {
    margin:0px;
    padding:0px;

    
}

.colDchaSup {
    float:left;
    width:370px;
    height:305px;
    margin-left:11px;
    margin-top:9px;

    border:0px solid red;
}




.nombreProd {
    float:left;
    width:320px;
    height:40px;

    margin-top:0px;
    border:0px solid aqua;


    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #2D330D;
    text-align:left;

    white-space:normal;
}

.nombreProd p {
    float:left;
    width:320px;
    height:30px;
    margin-left:5px;

    margin-top:2px;

    white-space:normal;
}


.descripProd {
    float:left;
    width:290px;
    height:60px;

    margin-top:2px;
    margin-left:15px;
    border:0px solid aqua;

    white-space:normal;
    text-align:justify;

    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;

}

.contInfo {
    float:right;
    width:300px;
    height:25px;
    margin-top:0px;
    margin-right:12px;
    text-align:right;
    border:0px solid aqua;
}

.refProd {
    float:left;
    width:106px;
    height:45px;

    margin-top:0px;
    border:0px solid blue;
    text-align:center;
    padding:1px;
    white-space:normal;


    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height:20px;
}

.referencia {

    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    color: #2D330D;
    font-weight: bold;
    margin-top:2px;
}

.referencia2 {

    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #2D330D;
    font-weight: bold;
    margin-top:2px;
    line-height:12px;
}

.medidasProd {
    float:right;
    width:210px;
    height:50px;
    padding:0px;

    margin-top:2px;
    margin-right:7px;
    border:0px solid blue;
}

.tablaMedidas {
    border:1px solid #cccccc;
    margin-left:auto;
    margin-right:auto;
    width:200px;
    text-align:center;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin-top:1px;
}

.tablaMedidas th {
    padding:3px;

    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    text-transform:capitalize;

    border-top-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #cccccc;
    border-left-color: #cccccc;
    border-right-color: #cccccc;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #cccccc;

    background-color:#D8D6D2;
}

.tablaMedidas td {

    padding:3px;

    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-bottom-color: #cccccc;
    border-left-color: #cccccc;

    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #cccccc;
}


.imagenProd {
    border:0px solid blue;

    width:320px;
    height:240px;
    margin-left:auto;
    margin-right:auto;
    margin-top:3px;
}

.poscImagen {

    margin-left:auto;
    margin-right:auto;
    margin-top:8px;
    width:320px;
    height:240px;
    border:0px solid gray;

}



.coloresProd {

    border:0px solid blue;

    width:370px;
    height:30px;
    margin-left:auto;
    margin-right:auto;
    margin-top:1px;
    text-align:center;
}

.posColores {
    /*Modificar ancho con ajax para que quede centrado*/
    margin-left:auto;
    margin-right:auto;
    width:80px;
    height:30px;
    border:0px solid red;

}


.listaColores {
    list-style-type: none;
    margin:0px;
    padding:0px;
    display:inline;


}

.listaColores li {
    float:left;
    /*padding:5px 3px 5px 3px;*/
}

.imgColor {
    margin-top:1px;
    margin-left:1px;
    padding:0px;
    float:left;
}


.contObservaciones {
    
    height:30px;

    text-align:right;
    margin-top:0px;

    border:0px solid aqua;
}

.contImgInfo {
    float:right;
    width:25px;
    height:25px;
    border:0px solid aqua;
    
}

.observacionesProd {
    float:right;
    border:0px solid blue;

    width:360px;
    height:20px;
    

    margin-top:1px;
    padding-top:6px;
    margin-right:10px;



    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #2d330d;
    text-align:right;
}


/*----------ContInf------------*/

.contInf {

    float:left;
    width:735px;
    height:330px;
    margin-top:10px;

    border:0px solid fuchsia;
}


.contThumbs {
    float:left;
    width:720px;
    height:250px;
    margin-top:15px;
    margin-left:0px;

    border: 5px solid #EEEAE2;
    background-color:#F8F7F3;
}

.listaThumbs {
    margin:0px;
    padding:0px;

    list-style-type: none;
    margin-top:15px;
    margin-left:2px;

}

.listaThumbs li {
    margin:0px;
    padding:0px;
    display:inline;
    margin-top:0px;
    
}

.cuadroThumb {
    float:left;
    width:90px;
    height: 90px;

    border:1px solid #E3E2E0;
    background-color:#FFFFFF;

    margin:5px;
    /*cursor:pointer;*/
}

.posImagenThumb {
    margin-left:2px;
    margin-top:2px;
    cursor:pointer;
}

.contNavegador {
    float:left;
    width:725px;
    height:30px;
    margin: 15px auto auto auto;
    text-align:center;
    border:0px solid #E3E2E0;

}


.posNav {
    /*Modificar ancho con ajax para que quede centrado*/
    margin-left:auto;
    margin-right:auto;
    width:152px;
    height:30px;
    border:0px solid red;

}


.NavIzq {

    margin-left:auto;
    margin-right:auto;
    width:15px;
    height:27px;

    background-image: url(../imagenes/nav_izq.jpg);
    background-repeat:no-repeat;
    display:block;
    float:left;
}

.NavMedio {

    margin-left:auto;
    margin-right:auto;

    width:auto;
    height:27px;

    background-image: url(../imagenes/nav_medio.jpg);
    background-repeat:repeat-x;
    display:block;
    float:left;
}

.NavDcha {

    margin-left:auto;
    margin-right:auto;
    width:15px;
    height:27px;

    background-image: url(../imagenes/nav_dcho.jpg);
    background-repeat:no-repeat;
    display:block;
    float:left;
}

.NavElementos {
    margin:0px;
    padding:0px;
    list-style-type: none;
}

.NavElementos li {
    display:inline;
}



/*------------Pie------------*/

.contPie {
    float:left;
    /*width:750px;*/
    width:1020px;
    height:40px;
    margin-top:14px;
    

    border:0px solid aqua;

}

.contPie p {

    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    color: #3E331F;
    margin-top:3px;
    margin-left:15px;
    text-align:center;
}




/*-------------Info---------------*/

.titInfo {
    width:500px;
    height:50px;

    margin-left:auto;
    margin-right:auto;
}

.titInfo p {

    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #D8BB27;
}

.cuerpoInfo {
    width:500px;


    margin-left:auto;
    margin-right:auto;
}


/*----------Contacto------------*/
.fondoContacto {
    width:722px;
    height:330px;

    margin-top:20px;
    margin-left:auto;
    margin-right:auto;

    background-image:url(../imagenes/fondo_producto.png);
    background-repeat:no-repeat;
}

.fondoConsulta {
    width:722px;
    height:290px;

    margin-top:10px;
    margin-left:auto;
    margin-right:auto;

    border: 5px solid #EEEAE2;
    background-color:#F8F7F3;
}

.datosDireccion {
    float:left;
    width:330px;
    height:180px;
    margin-top:65px;
    margin-left:0px;


    border:0px solid red;
}

.imgMapa {
    float:left;
    width:370px;
    height:305px;
    margin-top:10px;
    margin-left:11px;


    border:0px solid red;
}

.contTabla {
    float:left;
    width:720px;
    height:280px;
    margin-top:0px;
    margin-left:0px;


    border:0px solid red;
}

.colIzqContacto {
    float:left;
    width:350px;
    height:220px;
    margin-top:0px;
    margin-left:3px;

    border:0px solid red;
}

.colDchaContacto {
    float:left;
    width:350px;
    height:220px;
    margin-top:2px;
    margin-left:10px;


    border:0px solid red;
}

.postales {
    float:left;
    width:300px;
    height:120px;
    margin-top:10px;
    border:0px solid red;
}

.postales p {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #262c08;
    text-align: justify;

    padding-left:10px;
    padding-right:15px;
	margin-left:30px;
    line-height:8px;
}

.txtlocalizacion {
    float:left;
    width:210px;
    height:30px;
    margin-top:18px;
    margin-left:115px;
    border:0px solid red;
}

.txtlocalizacion p {
    margin-top:0px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 20px;
    color: #859727;
    text-align:right;
    padding-right:10px;
}

.titConsulta {
    float:left;
    height:30px;
}

.titConsulta p {
    margin-top:0px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 20px;
    color: #859727;
	margin-left:10px;
	margin-top:5px;
}

.textoAviso {
    float:left;
    width:300px;
    height:80px;
    margin-top:15px;
}

.textoAviso p {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #262c08;
    text-align: justify;

    padding-left:10px;
    padding-right:15px;
}

.avisoLegal {
    float:left;
  /*  height:90px;
    margin-top:40px; */
    margin-left:3px;
	width:700px;
	border:#00CC66 solid 0px;
	
}

.avisoLegal p {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 9px;
    color: #262c08; 
    text-align: justify;

    padding-left:10px;
    padding-right:15px;
}

.etiForm {

    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #262c08;
}

label.error {
	font-family: Tahoma;
	font-size: 12px;
    border:0px red solid;
	color: #FF0000;
    float:left;
}

.texto_enviado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #859727;
	text-align: center;
	text-indent: 10px;
	font-style:italic;
	padding-left:10px;
	padding-right:10px;
	margin-top:0px;
	height:25px;
	float: none;
	border: 0px solid #006600;
}