body {margin: 0 auto; Width: 100%; height: auto; overflow: auto; text-align: center; background: #fff url(../imagenes/bg-body.jpg) repeat-x center 0px; font-size: 14px; font-family: Arial; color: #444444;}

body.overlay {margin: 0; Width: 100%; text-align: center; background: none; font-size: 14px; font-family: Arial; color: #444444; overflow: hidden}

a, option, select {
    outline:0;
}


body.downloads {background: url(../img-transp.png) repeat-y}
body.iframecomercios {background: url(../imagenes/bg-iframecomercios-.jpg) no-repeat fixed; margin: 0 auto; text-align: left}


h1-{ font-family: Arial; font-size: 18px; height: 30px; text-align: left; text-indent: 40px; padding-top: 10px; color: #003399; background: url(../imagenes/bg-titulos.jpg) no-repeat}
h2 {text-align: left; font-size: 2.0em; font-family: Arial; text-indent: 0px;}
h3 {text-align: left; font-size: 1.2em; font-family: Arial; text-indent: 0px;}
h4 {text-align: left; font-size: 1.0em; font-family: Arial; margin-left: 20px; color: #fff}
a {font-size: 0.8em; font-family: Arial; color: #000000; text-decoration: none; }
a:hover {font-size: 0.8em; font-family: Arial; color: #444444; text-decoration: underline; }
a:visited {font-size: 0.8em; font-family: Arial; color: #444444; text-decoration: none; }
a.ver {font-size: 0.7em; font-family: Arial; color: #D42E12; text-decoration: none; text-align: left; border-bottom: dotted 1px; }
a.ver:hover {font-size: 0.7em; font-family: Arial; color: #D42E12; text-decoration: none; text-align: left; border-bottom: none }
a.titulos {font-size: 1.1em; font-family: Arial; color: #666; text-decoration: none; text-align: left; border-bottom: dotted 1px; }
a.titulos:hover {font-size: 1.1em; font-family: Arial; color: #222; text-decoration: none; text-align: left; border-bottom: none }
a.tit-int2 {font-family: Arial; font-size: 1.1em; line-height: 1.8em; font-weight: bold; text-align: left; color: #D42E12; border-bottom: dotted 1px; text-decoration: none }
a.tit-int2:hover {font-family: Arial; font-size: 1.1em; line-height: 1.8em; font-weight: bold; text-align: left; color: #D42E12; border-bottom: none; text-decoration: none }
a.titulos_grandes_green {font-size: 18px; font-family: Arial; color: #000; font-weight: bold;}
a.titulos_grandes_green:hover {font-size: 18px; font-family: Arial; color: #000; font-weight: bold; text-decoration: none}
a.bt {font-family: Arial; color:#fff; font-size: 0.8em; padding: 2px 4px; text-align: left; margin: 0px 2px; line-height: 1.6em }
a.bt:visited {font-family: Arial; color:#fff; font-size: 0.8em; padding: 2px 4px; text-align: left; margin: 0px 2px; line-height: 1.6em }
a.bt:hover {font-family: Arial; color:#fff; font-size: 0.8em; text-align: left; background: #333; text-decoration: none; line-height: 1.6em}

a.bottom {font-family: Arial; color: #fff; font-size: 0.7em; line-height: 4.0em; }
a.bottom:hover {font-family: Arial; color: #444; font-size: 0.7em; line-height: 4.0em; text-decoration: underline }
a.bottom:visited {font-family: Arial; color: #fff; font-size: 0.7em; line-height: 4.0em; text-decoration: none }

a.txt {font-family: Arial; color:#666; font-size: 1.0em; padding: 0px; text-align: left; margin: 0px 2px; line-height: 1.6em }
a.txt:hover {font-family: Arial; color:#fff; font-size: 1.0em; text-align: left; background: #333; text-decoration: none; line-height: 1.6em}


p {font-size: 0.8em; font-family: Arial; color: #444; text-align: left; line-height: 1.5em }
p.comercios {width: 700px; font-size: 11px; font-family: Arial; color: #000; text-align: left; margin: 0 20px 20px 0; }
select.provincias {width: 250px}
p.exp {font-size: 16px; font-family: Arial; color: #000; text-align: left; margin: 0 0 0 75px; text-transform: capitalize;}
p.tit-main { font-family: Arial; font-size: 1.2em; width: 100%; height: 25px; font-weight: bold; text-align: left; text-indent: 32px; margin: 0px; padding-top: 8px; color: #333; background: url(../imagenes/bg-titulos.png) no-repeat}
p.tit-main2 { font-family: Arial; font-size: 1.0em; height: 1.5em; font-weight: bold; text-align: left; margin-bottom: 30px;}





p.destacadas {text-align: center}
p.main {text-align: left}
p.cont {text-align: left; font: 0.9em/130% arial; color: #666}


fieldset {border: 0px}


div.error { 
		width: 250px;
        position:absolute; 
        margin-top:20px; 
		margin-left:-195px; 
        padding:0px; 
        text-align:left; 
        z-index:1; 
        color:red; 
     font:100% arial,helvetica,clean,sans-serif; 
     font-size:0.7em; 
        
    } 


object {}
object.vid-main {margin-left: 5px; float: right; text-align: right; }


blockquote {text-align: left; font-family: Arial; color: #444444; font-size: 1.0em; width: 400px;}
li {text-indent: 0px; line-height: 15px;  }
li.eventos {text-indent: 0px; line-height: 15px; margin: 0 0 0 20px }

select {width: 220px; height: 20px; background: #fff; border: 1px solid; border-color: #999; font-family: Arial; font-size: 0.8em; color: #000; margin: 0 0 15px 0}
select.-downloads {width: 200px; height: 20px; background: #fff; border: 1px solid; border-color: #ddd; font-family: Arial; font-size: 0.9em; color: #000}
select.cantidades {width: 40px; height: 20px; background: #fff; border: 1px solid; border-color: #ddd; font-family: Arial; font-size: 0.9em; color: #000}
select.inp-forms {width: 272px; height: 20px; background: #fff; border: 1px solid; border-color: #555; font-family: Arial; font-size: 0.8em; color: #000}
select.selectuno{margin: 0 0px 10px 0}


iframe {}
iframe.downloads {padding: 0 0 0 20px; margin: 0 0 0 20px; border: 0px solid; border-color: #ddd}


input.inp-forms {width: 270px; height: 20px; background: #D5CDCA; border: 1px solid; border-color: #555; font-family: Arial; font-size: 0.9em; color: #000; margin: 0 0 7px 0}
input.ver {width: 60px; height: 17px; background: url(../imagenes/boton-ver.png) no-repeat; font-family: Arial; border: 0; margin: 0 5px; vertical-align: top}

input.enviar {width: 60px; height: 17px; background: url(../imagenes/boton-enviar.png) no-repeat; font-family: Arial; border: 0; margin: 0 5px; vertical-align: top; cursor: pointer}
input.cancelar
width: 60px; height: 17px; background: url(../imagenes/boton-cancelarform.png) no-repeat; font-family: Arial; border: 0; margin: 0 5px; vertical-align: top; cursor: pointer}

textarea.txt-forms {width: 270px; height: 60px; background: #D5CDCA; border: 1px solid; border-color: #555; font-family: Arial; font-size: 0.9em; color: #000; margin: 0 0 7px 0}


form.garantias { text-align: right; padding: 0px 0 0 200px;}
form.form-uno {text-align: left;  margin: 0 0 0 0}
form.carrito {text-align: left; }



#titulo {width: 1000px; height: 60px; font-family: Arial; font-size: 2.8em; color: #333; text-align: left; float: left; clear: both; font-weight: bold; margin: 10px 0px 10px 0px; border: 0px solid}

#logo {margin: 0 auto; width: 1000px; height: 70px; border: 0px solid; text-align: left}

#botonera {width: 1000px; height: 20px; text-align: left; margin: 20px 0px; border:1px solid }


/*main*/

#middle-main {width: 270px; height: 700px; float: left; border: 0px solid; }

.nuevas-oficinas-madero {width: 250px; height: 220px; float: left; text-align: left; border: 0px solid; padding: 0 10px; margin: 0px auto 25px 0px;}
#news-main {width: 240px; height: 350px; overflow-y: scroll; overflow-x: hidden; float: left; text-align: left; padding:0px 10px; border-left: 1px dotted; margin: 0px auto 25px 0;}


#general-main{background: url(../imagenes/bg-news-.png) no-repeat center top;}

#animain_marcas {width: 980px; height: 470px; border: 0px solid}
.marcas {width: 130px; height: 430px; float: left; margin: -11px 5px 0 0; padding: 0; border: 0px solid}
#animain {width: 710px; height: 393px; float: left; margin: 20px 0 0 0; border: 0px solid }
p.imgbanners {width: 80px; height: 32px; text-align: left; border-top: 1px dotted; border-color: #666; padding: 7px 0px 0 50px; margin: 0 0 13px 0; background: url(../imagenes/bg-imgbanners.png) 0 5px no-repeat; float: left}

#left-main {width: 255px; height: 500px; float: left; border: 0px solid; }
#buscador-main {width: 255px; height: 100px; float: left; padding-right: 10px; text-align: left;  margin: 0px 0 0px 0; border: 0px solid }

#destac-main {width: 255px; height: auto; padding-right: 10px; text-align: left;  margin: 120px 0 0px 0; border: 0px solid }

#bannerslide {width: 250px; height: auto; margin: 0px 0 0 0; border: 0px solid }



#media-main {width: 445px; float: left; padding-left: 10px; border-left: 1px dotted; margin: 0px 0 0px 0;}

p.marca-main {font-size: 0.7em; margin: 0 0 5px 0;}

a.a-main-news {display:block; width: 220px; height: 60px;}


p.tit-main-news {font-family: Arial; font-size: 1.1em; height: 25px; font-weight: bold; text-align: left; text-indent: 5px; margin: 0px 1px; padding-top: 8px; color: #666;}

.tit-main-news {font-family: Arial; font-size: 0.9em; width: 100%; height: 25px; font-weight: bold; text-align: left; margin: 0px; color: #666;}

.box-main-news { width: 220px; height: 60px; margin: 0; padding: 5px; border-bottom: 1px dotted; background: #fff;}
.box-main-news:hover {background: #efefef}

/*destacados*/

#izq-destacados {width: auto; min-width: 600px; margin: 40px 0px 10px 0px; height: auto; min-height: 350px; float: left; text-align: center}
#extras-destacados {width: auto; min-width: 100px; margin: 10px 0px 10px 0px; height: auto; min-height: 10px; float: left; text-align: center; border: 0px solid}

#der-destacados {width: 1000px; margin: 10px 0 10px 0px; height: auto; float: left}


/*News*/
#izq-news {width: 380px; margin: 40px 20px 25px 0px; height: auto; min-height: 350px; float: left; text-align: center}
#der-news {width: 500px; margin: 40px 0 20px 0px; height: 350px; overflow-y: scroll; float: right}
.listnewsmedia {width: 500px; margin: 0px 0 20px 0px; height: 150px; overflow-y: scroll; float: right}

/*media*/


#contenedor-media { margin: 0 auto; width: 1000px; min-height: 650px; text-align: left; overflow:hidden; background: url(../imagenes/bg-news.png) no-repeat}
#izq-video {width: 380px; margin: 25px 0px 0 0px; padding: 5px; height: 400px; float: left; text-align: center; background: url(../imagenes/bg-videosmedia.png) no-repeat;}
#der-video {width: 550px; margin: 25px 0px 0 40px; height: auto; min-height: 400px; float: left; text-align: left;}
object.media  embed{}


/*Red de comercios*/
#contenedor-red { margin: 0 auto; width: 1000px; min-height: 650px; text-align: left; overflow:hidden; background: url(../imagenes/bg-all.png) no-repeat}



/*Eventos*/

#det-eventos {border-left: 1px dotted; padding: 0 0 0 10px; height: 120px; margin: 10px 0 0 30px	; text-align: left }

#der-eventos {width: 405px; margin: 40px 0 20px 50px; height: auto; float: right}
#izq-eventos {width: 380px; margin: 50px 0px 0 0px; min-height: 350px; float: left; text-align: center; background: url(../imagenes/bg-foto-eventos.png) no-repeat}

#contenedor-eventos { margin: 0 auto; width: 1000px; min-height: 650px; text-align: left; overflow:hidden; background: url(../imagenes/bg-eventos.png) no-repeat}
#contenedor-eventos-res { margin: 0 auto; width: 1000px; min-height: 650px; text-align: left; overflow:hidden; background: url(../imagenes/bg-news.png) no-repeat}

.imgeventos {margin: 6px 2px 0 0px}


/* desplegable lista de precios*/





/* desplegable lista de precios*/



#contenedor { margin: 0 auto; width: 1000px; min-height: 550px; text-align: left; overflow:hidden;}




#banner1 {width: 500px; margin: 25px 0 0 0;  float: left}
#banner2 {width: 500px; margin: 25px 0 0 0; float: left}

#contenedor-all { margin: 0 auto; width: 1000px; min-height: 650px; text-align: left; overflow:hidden; background: url(../imagenes/bg-all.png) no-repeat}
#contenedor-news { margin: 0 auto; width: 1000px; min-height: 450px; text-align: left; overflow:hidden; background: url(../imagenes/bg-news.png) no-repeat;}


#contenedor-prec-pub { margin: 0 auto; width: 1000px; min-height: 650px; text-align: left; overflow:hidden; background: url(../imagenes/bg-all.png) no-repeat}
#contenedor-busc-prod { margin: 0 auto; width: 1000px; min-height: 350px; text-align: left; overflow:hidden; background: url(../imagenes/bg-all.png) no-repeat}

#contenedor-carrito { margin: 0 auto; width: 1000px; min-height: 650px; text-align: left; overflow:hidden;}

#contenedor-garantias { margin: 0 auto; width: 1000px; min-height: 650px; text-align: left; overflow:hidden; background: url(../imagenes/bg-garantias.png) no-repeat}
#contenedor-contacto { margin: 0 auto; width: 1000px; min-height: 650px; text-align: left; overflow:hidden; background: url(../imagenes/bg-contacto.png) no-repeat}

#cont-listas { float:left; width: 1000px; height: auto; margin: 0 0 0 0px; text-align: center; overflow: hidden;}
#cont-listas table { margin: 0 auto; text-align: left}




#form-compra { float:left; width: 1000px; height: 350px; margin: 0 0 30px 0; text-align: left;  background: url(../imagenes/bg-final-listas.png) no-repeat; }




#cont-main { margin: 0; text-align: left; width: 1000px; }

#titulo-comercios {width: 1000px; text-align: right; float: right; margin: 60px 0 0 0}
#izq {width: 380px; margin: 40px 0px 25px 80px; height: auto; min-height: 350px; float: left; text-align: center}

#izq-agregados {width: 400px; padding: 30px 10px 0 30px; min-height: 200px; float: left; text-align: center}
#der {width: 455px; margin: 40px 0 20px 50px; height: auto; float: right}



#izq-downloads {width: 380px; float: left; text-align: right; margin: 0 20px 0 0}
#der-downloads {width: 420px; height: auto; text-align: left; float: left; background: url(../img-transp.png);}
#piso {margin: 0 auto; width: 1000px; position: absolute; margin-top: 330px;}
#textos-int {width: 450px; text-align: left; float: left}
#con-int { text-align: left; width: 900px;  background: #666}
#cont-int-2 {float:left; width: 500px; }
#news-comercios {float:left; width: 270px; height: 350px; margin: 30px 0 0 150px; text-align: center }
#cont-int-3 {float:left; width: 500px; }
#cont-int-4 {float:left; width: 1000px; }
#cont-wide { float:left; width: 800px; margin-top: 20px; margin-left: 70px; text-align: center}
#marcas-main {width: 1000px; height: 40px; margin: 0 0 20px 0;}
#marcas-main2 {width: 1000px; height: 40px; margin: 0 0 20px 0;}


#cont-buscadores { float:left; width: 1000px; height: 350px; margin: 0; text-align: left; overflow: hidden; }
#cont-wide-eventos { float:left; width: 900px; margin-top: 0px; margin-left: 80px;}
#cont-wide-right { float:right; width: 800px; margin-top: 20px; margin-right: 50px; text-align: right}
#cont-wide-left { float:left; width: 900px; height: auto; margin-top: 20px; margin:  0 0 0 50px; text-align: left; overflow: hidden; }


#extraseventos {width: 380px; min-height: 300px; float: left; text-align: left;  }

#fotos-eventos {width: 900px; min-height: 300px; float: left; text-align: left; margin: 50px auto 60px 20px; }
#extras {width: 380px; min-height: 300px; float: left; text-align: left; margin: 0px; }





#general-carritocompras{background: url(../bg-red-comercios.jpg) repeat-x center top}
#general-precios{background: url(../bg-precios.jpg) repeat-x center top}
#general-red-comercios{background: url(../bg-red-comercios.jpg) repeat-x center top}
#general-media{background: url(../imagenes/bg-media.png)  no-repeat;}
#general-contacto{background: url(../imagenes/bg-contacto.png) no-repeat;}
#cont-gral{width: 1000px; background: url(../imagenes/bg-all.png) no-repeat;}
#cont-garantias{width: 1000px; background: url(../imagenes/bg-garantias.png) no-repeat;}
#listado-comercios {width: 1000px; text-align: left; margin: 0px 0px 10px 0px; float: left}
#listado-eventos {margin: 0 0 15px 0; padding: 0 0 10px 0; border-bottom: 1px dotted; }
#eventos{background: url(../bg-eventos.jpg) repeat-x center top}
#eventos-detalle{background: url(../bg-eventos.jpg) repeat-x center top}
#texto-forms {width: 300px; text-align: right; margin: 0 10px 0 0; float: left}
#campos-forms {width: 200px; text-align: left; margin: 0 0 0 10px; float: left}
#forms {margin: 150px 0 0 20px}
#cont-padd-left {padding: 0 0 0 20px;}
#maseventos {width: 100%; height: auto; float: left; margin: 20px 0 }


#img-int {float: left; margin-right: 10px; margin-left: 30px; margin-top: 0px; text-align: left; width: 1000px}
#vid-int-media { float: left; }




.det-comercios {width: 300px; height: auto; min-height: 320px; margin: 0px 20px 20px 0px; border-left: 1px dotted; padding-left: 10px; float: left}
#det-downloads {margin: 0 0 0 30px; border-left: 1px dotted; padding-left: 10px; }
#det-news {margin: 0 0 0 80px; border-left: 1px dotted; padding-left: 10px; }

#precios-comercio {width: 100%; height: 200px; text-align: left}
#precios-comercio2 {width: 100%; height: 200px; text-align: left}
#block1 {width: 420px; height: auto; margin: 0 40px; float: left}
#block2 {width: 420px; height: auto; margin: 0 40px; float: left}

#buscador1 {width: 200px; height: 200px; float: left; text-align: center; border-right: 1px dotted; padding: 0 10px 0 0; margin: 0 0 0 20px;}
#buscador2 {width: 370px; height: 200px; float: left; text-align: center; border-right: 1px dotted; }
#buscador3 {width: 370px; height: 200px; float: left; text-align: center; }
#buscador4 {width: 100px; height: 20px; float: left; text-align: center; }

#buscadorabajoizq {width: 330px; height: 100px; float: left; text-align: left; margin: 0 5px }
#buscadorabajoder {width: 330px; height: 100px; float: left; text-align: left; margin: 0 5px }


#tabla-listas {float: left; width: 750px; height: auto;}
#carritodecompra-small {float: left; width: 750px; height: auto;}
#fecha-hora-lista {width: 1000px; text-align: center; margin: 20px 0;}
#fecha-hora-lista-izq {width: 350px; text-align: right; float: left; margin: 30px 0 0 50px}
#der-precios-publico {width: 405px; margin: 30px 50px 20px 50px; height: auto; float: right}

#anuncio {width: 100%; height: 100px; text-align: center; margin: 20px 0 0 0;}



.bt {font-family: Arial; color:#fff; font-size: 0.8em; font-weight: bold;}

.texto {font-size: 11px; font-family: Arial; line-height: 18px; color: #000; text-align: left }
.texto-med {font-size: 1.0em; line-height: 26px; font-family: Arial; color: #444; text-align: left }
.fecha {font-size: 0.8em; font-family: Arial; color: #666; text-align: left }
.fecha-main {font-size: 0.7em; font-family: Arial; color: #666; text-align: left; }
.bannercom {width: 392px; margin: 0 }


.tit-int-med { font-family: Arial; font-size: 2.7em; width: 1000px; color: #333; text-align: right; float: right; margin-top: 80px;  }
.tit-int-small { font-family: Arial; font-size: 2.5em; width: 1000px; color: #333; text-align: right; float: right; padding:0 60px 0 0; margin: 60px 0;  }

.tit-int2 { font-family: Arial; font-size: 1.0em; line-height: 1.8em; font-weight: bold; text-align: left; color: #D42E12; }
.tit-int3 { font-family: Arial; font-size: 0.8em; font-weight: bold; text-align: left; color: #333; }
.tit-int4 { font-family: Arial; width: 1000px; font-size: 0.9em; font-weight: bold; text-align: center; float: right; color: #000; text-transform: uppercase; margin: 20px 0 }
.tit-int5 { font-family: Arial; font-size: 0.85em; font-weight: bold; text-align: left; color: #000;}
.tit-int6 { font-family: Arial; font-size: 1.2em; line-height: 1.8em; font-weight: bold; text-align: left; color: #555; border-bottom: 1px dotted }

.tit-int-comercios { font-family: Arial; font-size: 1.2em; line-height: 1.4em; color: #87746B; margin-left: 0px; font-weight: bold; text-align: left; }




p.vid-main { float: right; margin: 0 0 10px 10px; text-align: right; }
p.vid-int { float: left; margin-right: 10px;   }
.videos-int{ float: left; margin-left: 10px; margin-right: 50px; margin-top: 0px; margin-bottom: 30px; }
.anim-int{ float: left; margin-left: 10px; margin-right: 0px; }
.dest-main {text-align: left; font-family: Arial; color: #000; font-size: 1.3em; line-height: 26px; padding-left: 28px; background: url(../imagenes/bg-dest-main.gif) no-repeat}
.dest-main2 {text-align: left; font-family: Arial; color: #000; font-size: 2em; line-height: 22px;}


#bottom {margin: 20px auto 0 auto; width:100%; height: 180px; padding: 0px 0 0 0;
 text-align: center; background: #D0D0D0 url(../imagenes/bg-bottom.jpg) repeat-x; border: 0px solid; clear: both }

p.small-bottom {font-family: Arial; color: #fff; font-size: 0.8em; line-height: 1.4em; text-align: center}
p.small-bottom-white {font-family: Arial; color: #fff; font-size: 0.8em; line-height: 1.4em; text-align: center}


.img-eventos {text-align: left; margin: 0 30px 30px 5px; }
.text-forms {font-size: 0.8em; font-family: Arial; color: #000; line-height: 130%; margin: 0 10px 0 0; }
.comentarios { font-size: 0.7em; font-family: Arial; color: #000; line-height: 1.2em;}
.comentarioscodigo { font-size: 0.5em; font-family: Arial; color: #000; line-height: 1.2em;}
.comentarios-blanco { font-size: 0.8em; font-family: Arial; color: #fff; line-height: 1.2em;}
.comentarios-blanco_negrita { font-size: 0.9em; font-family: Arial; color: #fff; line-height: 1.0em; font-weight: bold;}
.comentarios_negrita { font-size: 0.8em; font-family: Arial; color: #000; line-height: 1.0em; }
.texto-columnas-azul {font-size: 1.1em; line-height: 1.5em; font-family: Arial; color: #006699;}
.texto-columnas {font-size: 12px; font-family: Arial; color: #000;}
.texto-columnas-negrita {font-size: 12px; font-family: Arial; color: #000; font-weight: bold; line-height: 25px;}
.sub-familia-negro {font-size: 11px; font-family: Arial; color: #000; font-weight: bold; margin: 0 0 0 10px;}
.titulos {font-size: 13px; font-family: Arial; color: #000; }
.titulo_columnas {font-size: 11px; font-family: Arial; color: #000; line-height: 15px;}
.titulo_carrito {font-size: 13px; font-family: Arial; color: #000; font-weight: bold;}
.titulos_grandes_green {font-size: 15px; font-family: Arial; color: #000; font-weight: bold;}
.fotos-eventos {width: 110px; height: auto; float: left; margin: 5px; border: 3px solid; border-color: #ccc; }
.id {color: #fff}
.banners {margin: 0 0 2px 0}





/*Carrito*/

h2.tit {
font-size: 1.6em;
width: 100%;
height: 35px;
font-weight: bold;
text-align: left;
text-indent: 42px;
margin: 0px 0 10px -10px;
padding-top: 8px;
color: #333;
background: url(../imagenes/bg-tituloscarro.png) no-repeat
}


.carrovacio {width: 150px; height: 20px; float: right; margin: -45px 0px 10px 760px; text-align: center; z-index: 160; border: 0px solid;
font-size: 0.8em;
}


#contenedor-list-prec { margin: 0 auto 20px auto; width: 1000px; height: auto; min-height: 420px; text-align: left;}


#cont-final-listas { float:left; width: 1000px; height: auto; min-height: 20px; overflow: hidden; margin: 20px auto 0 auto; border: 0px solid; text-align: left;  }

#bottom-listas {margin: 40px auto 0 auto; width:100%; height: 180px; padding: 30px 0 0 0px; text-align: center; background: #101010 url(../imagenes/bg-bottom.jpg) repeat-x; }

.tit-carrito { font-family: Arial; font-size: 2.5em; width: 1000px; color: #333; text-align: right; float: right; padding:0 60px 0 0; margin: 60px 0 0 0;  }

#floatinfo {width: 99%; height: 70px; margin: 90px auto 0px auto; border: 1px solid}

.tituloscarrofixed {position: fixed; margin: 10px auto; z-index: 100}
.tituloscarropubfixed {position: fixed; margin: 10px auto; z-index: 100}

.tituloscarromov {position: absolute; margin: 10px auto; z-index: 100}
.tituloscarropubmov {position: absolute; margin: 10px auto; z-index: 100}


.space {margin: 55px 0 0 0; width: 100%}
.spacepub {margin: 33px 0 0 0; width: 100%}

table.carroold {border: 0px Solid; width: 1000px; height: auto; padding: 10px }
table.carroold td {text-align: center; height: 50px}
table.carroold td.marca {text-align: left; height: 50px; background: url(../imagenes/listas/bckgrnd_azul.jpg) repeat-x}
table.carroold td.familia {text-align: left; height: 50px; background: url(../imagenes/listas/bckgrnd_celeste.jpg) repeat-x}
table.carroold td.subfamilia {text-align: left; height: 50px; background: url(../imagenes/listas/bckgrnd.jpg) repeat-x}
table.carroold td.left {text-align: left; height: 50px}
table.carroold td.titulo, table.carroold td.tituloleft, table.carroold td.titulo2, table.carroold td.tituloleft2 {text-align: center; background: #011051; padding: 0px; height:12px;}
table.carroold td.tituloleft, table.carroold td.tituloleft2 {text-align: left; padding: 0px 0px 0px 10px}
table.carroold td.titulo2, table.carroold td.tituloleft2 {height: 35px}

.enviarold {background: url(../imagenes/listas/shopping-cart_s.gif) no-repeat; width: 25px; height: 25px; margin: 0 0 0 5px; float: right; cursor: pointer; border: 0px}





table.carro {border-top: 1px solid #999; width: 990px; height: auto; margin: 0px 0 0px 0px; border-collapse: collapse }

table.carro td, table.carro td.left {height:12px; text-align: center; height: 25px; border: 0px}
table.carro td.left {text-align: left; padding: 0px 0px 0px 10px}


table.carro tr.trtc {background: #F4F4F4; background-image: none}
table.carro tr.clicked {background: #dadada; background-image: none}
table.carro tr:hover {background: #dadada; background-image: none}
table.carro a {font-size: 1.1em; color: #990000}

table.carro h2, table.carro h3, table.carro h4 {color: #333; margin: 0; text-align: left; }
table.carro h2 {font-size: 1.3em;  color: #fff; margin: 10px 0 10px 10px}
table.carro h3 {font-size: 1.1em;  margin: 10px 0 10px 30px}
table.carro h4 {font-size: 0.9em;  margin: 10px 0 10px 50px}


table.carro td a {font-size: 0.8em; color: #555}

table.carro td.descrubro {background: url(../imagenes/listas/bckgrnd_azul.jpg) repeat-x}
table.carro td.descsubrubro {background: url(../imagenes/listas/bckgrnd_celeste.jpg) repeat-x}
table.carro td.desctitulo {background: url(../imagenes/listas/bckgrnd-.jpg) repeat-x}

table.carro td.titcodigo {background: #E0E0E0; border:0px;}
table.carro td.titimagen {background: #fafafa; border:0px;}
table.carro td.titcolorpub {background: #cacaca; border:0px;}
table.carro td.titcolor, table.carro td.color {background: #cacaca; border:0px; width: 50px !important; min-width: 50px !important}
table.carro td.color {background: none}
table.carro td.titdescripcion {background: #A0D0D0; text-align: left; padding-left: 10px; border:0px;}
table.carro td.titpreciop {background: #FFD0D0; border:0px;}
table.carro td.titprecioc {background: #FFD0D0; border:0px;}
table.carro td.titentrega, table.carro td.titstock{background: #00D0D0; border:0px;}
table.carro td.titmargen, table.carro td.titiva {background: #e9e9e9; border:0px;}
table.carro td.titcomprar {background: #ececec; border:0px;}



table.carro td.imagen {background: #ffffff;}


table.carro td.left a {
font-size: 0.7em;
color: #006699;

}

table.carro td.left a:hover {
color: #000000;
text-decoration: none;
}




table.carrobymarca {border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 990px; height: 50px; margin: 0px 0 0px 0px; border-collapse: collapse }

table.carrobymarca td, table.carrobymarca td.left {height:12px; text-align: center}
table.carrobymarca td.left {text-align: left; padding: 0px 0px 0px 10px}

table.carrobymarca tr.desctitulo {background: url(../imagenes/listas/bckgrnd_gris_largeb.jpg) repeat-x; text-align: left;}
table.carrobymarca td.clicked {background: #dadada; background-image: none}
table.carrobymarca tr.desctitulo:hover {background: #fff}

table.carrobymarca tr.desctitulobuy {background: url(../imagenes/listas/bckgrnd_gris_largebuy.jpg) repeat-x; text-align: left;}
table.carrobymarca tr.desctitulobuy:hover {background: url(../imagenes/listas/bckgrnd_gris_largebuy_b.jpg) repeat-x}


table.carrobymarca a {font-size: 1.1em; color: #990000}

table.carrobymarca h2, table.carrobymarca h3, table.carrobymarca h4 {color: #333; margin: 0; text-align: left; }
table.carrobymarca h2 {font-size: 1.3em;  color: #000; margin: 10px 0 10px 10px}
table.carrobymarca h3 {font-size: 1.1em;  margin: 10px 0 10px 30px}
table.carrobymarca h4 {font-size: 0.9em;  margin: 10px 0 10px 30px; color: #666}


table.carrobymarca td {height: 22px; border: 0px}
table.carrobymarca td a {font-size: 0.8em; color: #555}

table.carrobymarca td.descrubro {background: none}
table.carrobymarca td.descrubro:hover {background: none}
table.carrobymarca td.descsubrubro {background: url(../imagenes/listas/bckgrnd_celeste.jpg) repeat-x}


table.carrobymarca td.titcodigo {background: #E0E0E0; border:0px;}
table.carrobymarca td.titimagen {background: #fafafa; border:0px;}
table.carrobymarca td.titcolor {background: #cacaca; border:0px;}
table.carrobymarca td.titdescripcion {background: #A0D0D0; text-align: left; padding-left: 10px; border:0px;}
table.carrobymarca td.titpreciop {background: #FFD0D0; border:0px;}
table.carrobymarca td.titprecioc {background: #FFD0D0; border:0px;}
table.carrobymarca td.titentrega, table.carrobymarca td.titstock{background: #00D0D0; border:0px;}
table.carrobymarca td.titmargen, table.carrobymarca td.titiva {background: #e9e9e9; border:0px;}
table.carrobymarca td.titcomprar {background: #ececec; border:0px;}



table.carrobymarca td.imagen {background: #ffffff;}


table.carrobymarca td.left a {
font-size: 0.7em;
color: #006699;

}

table.carrobymarca td.left a:hover {
color: #000000;
text-decoration: none;
}

.haystock, .haypendientes {float: right; width: 100px; height: 25px; border: 0px solid; margin: -35px -33px 0 0;}
.haypendientes {margin: -5px -20px 0 0}



.titcarro, .titcarroleft  {font-family: arial; font-size: 0.8em; color: #333; font-weight: bold}
.titcarroleft {text-align: left; margin: 0 0 0 10px;}


#listadocolores {width: 1000px; height: auto; margin: 0px 0;}
#flechacarrocolor {width: 1000px; height: auto; background: url(../imagenes/flecharight.png) no-repeat 25px 50%;)}
table.carrocolor {width: 970px; background: #FFF; height: auto; margin: 0px auto 0 20px; padding: 0px; text-align: center; border: 1px solid #ddd; }

table.carrocolor td {text-align: center; border: 0px solid}
table.carrocolor td.left {text-align: left; padding: 0px 0px 0px 10px}
table.carrocolor:hover {background: #F0F8FF;}


table.carrocolor tr.buy td {background: #F0F8FF;}



table.carropedido {border: 0px Solid; width: 760px; height: auto; margin: 0 0 0px 0; text-align: center; font-size: 1.1em }
table.carropedido td {height: 22px;}
table.carropedido td.titcodigo {background: #E0E0E0}
table.carropedido td.titcolor {background: #fafafa}
table.carropedido td.titdescripcion {background: #A0D0D0; text-align: left; padding: 0 0 0 10px;}
table.carropedido td.titpreciop {background: #FFD0D0;}
table.carropedido td.titprecioc {background: #FFD0D0;}
table.carropedido td.titentrega, table.carropedido td.titstock{background: #00D0D0;}
table.carropedido td.titmargen, table.carropedido td.titiva {background: #e9e9e9;}
table.carropedido td.titcomprar {background: #ececec;}

table.carrosmall {border: 1px dotted; border-color: #aaa; width: 780px; height: auto; margin: 0 0 0px 0; }
table.carrosmall td {border: 0px dotted; padding: 2px; height: 20px; text-align: center }
table.carrosmall td.right {text-align: right; padding: 0 10px 0 0 }
table.carrosmall td.left {text-align: left; padding: 0 0 0 10px }

#expandcollapse {width: 100px; height: 100px; border: 0px solid #ccc; position: fixed; bottom: 0px; right: 10px; text-align: left; padding: 10px; z-index: 900;
background: url(../imagenes/bg-list.png)
}

#expandcollapse a{
color: #fff;
text-decoration: none
}

#expandcollapse a:hover{
color: #999;
text-decoration: none
}

#expandcollapse h1{
color: #fff;
font-size: 1.0em;
padding: 0;
text-indent: 0;
}

iframe.updatestockcheck {
width: 100px; height: 100px;
border: 0px solid #ccc; position: fixed;
bottom: 140px; right: 10px; text-align: left; padding: 10px; z-index: 900;
background: url(../imagenes/bg-list-.png);
border: 0px solid;
color: #fff;
font-size: 0.8em
}



#loading {width: 100px; height: 60px; position: fixed; top: 45%; left: 45%; z-index: 900}



#reccookie {width: 150px; height: 40px; position: absolute; bottom: 25px; left: 1450px; border: 0px solid}
#cerrarcompra {width: 110px; height: 40px; position: absolute; bottom: 20px; left: 1560px; border: 0px solid}

.cerrarpedido { width: 110px; height: 40px; cursor:pointer; border: 0px;  background: url(../imagenes/boton-cerrarpedido.png) no-repeat}



.flecha {vertical-align: middle; border: 0px;}


/*publico*/
.tb-descrippub {width:300px; text-align: left; background: #eee; float: left; margin: 2px 2px 2px 0}
.tb-preciopub {width:100px; text-align: left; background: #eee; float: left; margin: 2px 2px 2px 0}
.tb-stockpub {width:100px; text-align: left; background: #eee; float: left; margin: 2px 2px 2px 0}


/*comercio*/
.tb-descripcom {width:200px; text-align: left; background: #eee; float: left; margin: 2px 2px 2px 0}



.imagen_disponibilidad {width: 220px; height: auto; text-align: center; float: left; margin: 0px 10px 0 0; border: 0px solid }
.detalle_cantidades {width: 1000px; height: auto; text-align: left; float: left; border: 0px solid }


.avisowide {Width: 550px; height: 400px; text-align: center; margin: 30px auto 0 auto; border: 0px solid}
.avisofincompra {Width: 900px; height: 400px; text-align: center; margin: 30px auto 0 auto; border: 0px solid; background: url(../imagenes/bg-all.png) 0 -150px no-repeat}

.actualizar {width: 71px; height: 21px; background: url(../imagenes/boton-actualizar.png) no-repeat; border: 0; cursor: pointer}
.confirmar {width: 71px; height: 21px; background: url(../imagenes/boton-confirmar.png) no-repeat; border: 0;  cursor: pointer}
.seguircomprando {width: 121px; height: 21px; background: url(../imagenes/boton-seguircomprando.png) no-repeat; border: 0; cursor: pointer}
.procederalaorden {width: 121px; height: 21px; background: url(../imagenes/boton-procederalaorden.png) no-repeat; border: 0; cursor: pointer}
.enviarorden {width: 120px; height: 21px; background: url(../imagenes/boton-enviarorden.png) no-repeat; color: #fff; border: 0; cursor: pointer}
/*.cerrarcompra {width: 120px; height: 21px; background: url(../imagenes/boton-cerrarcompra.png) no-repeat; color: #fff; border: 0; cursor: pointer}*/



.inputverde {background: #ADCEDE}



/*Carrito - textos de detalle*/

.headerlistas {width: 1000px; height: 150px; margin: 10px 0; position: relative; border-bottom: 1px solid #ababab}
.headercarro {width: 1000px; height: 50px; margin: 10px 0 0 0; clear: both; border: 0px solid;}

.logolistas {width: 180px; height: auto; position: absolute; top: 10px; left: 340px}
.logolistas img{width: 100px; height: auto;}

p.subcatalognameb{font-family: arial; color: #000; font-size: 1.8em; font-weight: bold; text-transform: lowercase; margin: 0 0 0px 0}

a.path {font-family: verdana; font-size: 0.7em; color: #666; text-decoration: underline;}
a.path:hover {color: #000}
.pathflecha{font-family: verdana; font-size: 0.7em; color: #666; text-decoration: none}


.buscar {cursor: pointer; width: 53px; height: 19px; background: url(../imagenes/boton-buscar.png) no-repeat;}


#carromonitor {position: absolute; width: 120px; height: auto; min-height: 20px; right: 0px; bottom: 0px; border: 0px solid}
#carromonitorfloat {position: fixed; width: 120px; height: auto; min-height: 20px; right: 0px; top: 200px; border: 0px solid; z-index: 999}



#slidemarginleft {position: fixed; top: 150px; right: -95px; width: 120px; border: 0px solid}


.linkcerrar {cursor: pointer; border: 0px; width: 30px; height: 35px; margin: 0 5px 0 0}

#monitorcontent {width: 100px; height: 70px; float: left; margin: 0 0 0 20px; background: #f9f9f9; border: 0px solid}



#floatclientes {position: absolute; width: auto; height: 50px; border: 1xp solid; text-align: right; right:0px; top: 10px; }


#detallecomprador {width: 300px; height: 50px; border: 0px solid; float: left; margin: 5px 10px 0 0}
p.clientecomercio, p.nombrecomercio {font-size: 16px; color: #000; margin: 0 0 0px 0; text-transform: capitalize; text-align: right; line-height: 120% }

p.clientecomercio {font-size: 14px; color: #666; }

#botonescomercio {width: 165px;  height: 80px; border: 0px solid; float: left; text-align: right; margin: 10px 0 0 0}
.btclientesfloat {width: 72px; height: 30px; float: left; margin: 0 0 3px 5px; border: 0px solid}

#iconocarro{position: absolute; bottom: 25px; right: 5px; border: 0px solid; height: 30px; width: 100px; text-align: right}
#iconocarro img{border: 0px}

.buscador {width: 200px; height: 20px; position: absolute; bottom: 65px; left: 250px; border: 0px solid; float; left}
.buscadorprods {width: 300px; height: 20px; position: absolute; bottom: 65px; left: 0px; border: 0px solid; float; left}

.boxinputcod {width: 200px; height: 20px; text-align: left; color: #666; margin: 0px; font-size: 0.8em; padding: 0 0 0 5px; border: 1px dotted; background: #fff}


 #results {overflow-x: hidden; overflow-y: auto; height:auto; max-height: 250px; width: 530px;
 /*background: #C6ECFF;*/
 background: #eee;
 border-left: 1px dotted #999;
 border-right: 1px dotted #999;
 margin: 10px 0 0 0; z-index: 999;}
 #results a {font-size: 0.8em; display: block; width: 510px; padding: 7px 0 7px 10px;}
 #results a:hover {background: #5ECBFF; background: #ddd; text-decoration: none;}
 
 #results .resultado {color: #000}
 #results .haystock {color: #666; font-weight: bold; font-weight: 0.7em; margin: 1px 0 0 0 }
 
 
 #resultsc {overflow-x: hidden; overflow-y: auto; height:auto; max-height: 250px; width: 530px;
 /*background: #C6ECFF;*/
 background: #eee;
 border-left: 1px dotted #999;
 border-right: 1px dotted #999;
 margin: 10px 0 0 0; z-index: 999;}
 #resultsc a {font-size: 0.8em; display: block; width: 510px; padding: 7px 0 7px 10px;}
 #resultsc a:hover {background: #5ECBFF; background: #ddd; text-decoration: none;}
 
 #resultsc .resultado {color: #000}
 #resultsc .haystock {color: #666; font-weight: bold; font-weight: 0.7em; margin: 1px 0 0 0 }
 
 
  
 #resultsdw {overflow-x: hidden; overflow-y: auto; height: 350px; width: 480px;
 border-left: 1px dotted #999;
 border-right: 1px dotted #999;
 margin: 10px 0 0 500px;}
 #resultsdw a {font-size: 0.8em; display: block; width: 510px; padding: 7px 0 7px 10px;}
 #resultsdw a:hover {background: #5ECBFF; background: #ddd; text-decoration: none;}
 
 #resultsdw .resultado {color: #000}
 #resultsdw .haystock {color: #666; font-weight: bold; font-weight: 0.7em; margin: 1px 0 0 0 }
 
 .highlight: {background-color: #666}

.helpicons {width: 600px; height: 20px; position: absolute; bottom: 5px; left: 0px; border: 0px solid; float: left; font-size: 0.8em; color: #666}

.datosorden {position: absolute; bottom: 8px; right: 10px; text-align: right; width: 200px; height: auto; font-size: 14px; border: 0px solid;}
 
.tcambiostock {position: absolute; right: 130px; bottom: 5px; width: auto; height: 20px; border: 0px solid; }

.listafull {position: absolute; bottom: 5px; left: 0px; width: 230px; height: 20px; border: 1px solid #999;
text-align: left; padding: 3px 0px 0 10px;
display: block;}

.listafull a{color: #555; font-size: 0.8em; font-weight: bold; text-decoration: none}
.listafull a:hover{text-decoration: none}

.listafull:hover {background: #ddd}



.tc, .tcb, .ordentxt, .nroorden {font-size: 11px; color: #777; margin: 0}
.tcb, .nroorden {color: #000; margin: 0 0 0 5px; font-family: arial black; font-size: 13px} 
.ordentxt, .nroorden {color: #00699B}

.stock {font-size: 10px; color: #000; margin: 0 0 0 10px;}


.subcataloglistas {width: 550px; height: auto; float: left; margin: 10px 10px 10px 50px; float: left; border: 0px solid}


.volver {width: 80px; height: auto; float: left; position: absolute; margin: 10px 10px 0px 100px;}

a.familiamarcas {font-family: Arial; color:#000; font-size: 0.8em; padding: 2px 5px; text-align: left; margin: 0; line-height: 1.6em }
a.familiamarcas:hover {color:#000; background: #dedede; text-decoration: none;}

.subcatalogname{font-family: arial; color: #006699; font-size: 13pt; font-weight: bold;}

#floatseries, #despleg_marcas {position: absolute; bottom: 10px; right: 210px; z-index: 999; border: 0px solid; height: 25px;}
#despleg_marcas {bottom: -10px;}

.accordion {
	width: 300px;
	margin: 0px 0 50px 0px;
	border: 0px solid;
	
	
}

a.aseries {
	display: block;
	width: 300px;
	height: 25px;
	background: url(../imagenes/arrow-square.png) no-repeat;
	padding: 8px 20px 0px 10px;
	margin: 0;
	font-size: 0.9em;
	border: 0px solid #000;
	cursor: pointer;
	color: #fff;
	text-align: left;
}

select.selectmarcas{
	width: 300px;
	height: 25px;
	background: #000;
	padding: 3px 4px 4px 5px;
	margin: 0;
	font-size: 0.9em;
	border: 0px solid #000;
	color: #FFF;
	text-align: left;
}

select.selectmarcas option{
height: 20px;
padding: 0 0 0 5px;
}


.accordion h3:hover {
	color: #000;
}
.accordion h3.active {
	background-position: left 5px;

	
}
.accordion p {
	/*background: url(../imagenes/bg-list.png) repeat;*/
	background: #030303;
	margin: 0;
	padding: 5px;
	text-align: left;
	border:0px solid #000;
	
}
a.series {Text-transform: uppercase; display: block; font-family: Arial; color:#fff; font-size: 1.0em; padding: 5px; text-align: left; margin: 0 0 -20px 0; }
a.series:hover {background: #999; color: #000; text-decoration: none;}



.listadoproductos {width: 900px; height: auto; min-height: 25px; margin: 0 auto; border: 0px solid}







/*Listado de articulos - Tablas*/

table.articulos {width: 1000px; height: 70px; padding: 4px; border: 1px solid; border-color: #bbb; background: #efefef }
table.articulossmall {width: 700px; height: 70px; padding: 4px; border: 1px solid; border-color: #bbb; background: #efefef }
p.t1 {font-size: 0.9em; color: #006699; line-height: 1.3em}
p.t2 {font-size: 1.0em; color: #006699; line-height: 0.3em; text-align: center}
p.t2l {font-size: 1.0em; color: #000; line-height: 0.3em; text-align: left}
p.t22 {font-size: 1.1em; color: #006699; line-height: 1.3em; text-align: center}
p.t22l {font-size: 1.1em; color: #006699; line-height: 1.3em; text-align: left}
p.t22r {font-size: 0.9em; color: #006699; line-height: 0.5em; text-align: right}
p.t3 {font-size: 1.2em; color: #000; font-weight: bold; line-height: 0.3em; text-align: center}
p.t4 {
font-size: 1.2em;
font-weight: bold;
color: #87746B;
text-align: left;
margin: 0px 0 0 0px;
}

.nota {
margin: 10px 5px;
width: auto;
height: 30px;
font-size: 0.8em;
color: #333
}
p.t5 {font-size: 0.9em; color: #000; line-height: 1.3em;}
p.t6 {font-size: 0.8em; color: #006699; line-height: 1.4em; text-align: center}
p.t6r {font-size: 0.8em; color: #006699; line-height: 1.4em; font-weight: bold; text-align: right}
.t7 {font-size: 1.1em; color: #000; line-height: 1.1em; text-align: left; text-transform: uppercase}
.t8 {font-size: 1.2em; color: #000; line-height: 1.3em; text-align: left; text-transform: uppercase}
p.texto {Width: 600px; font-size: 0.9em; color: #000; line-height: 1.2em; text-align: left}

p.dolares  {font-size: 0.8em; color: #005B00; line-height: 1.0em; text-align: center; font-family: verdana; font-weight: bold}
p.pesos  {font-size: 0.8em; color: #444; line-height: 1.0em; text-align: center; font-family: verdana}

.imprimir {cursor: pointer; margin: 0 0 20px 0px}

.pend, p.qttym {width: 20px; height: 15px; font-size: 0.8em; color: red; font-weight: bold; text-align: center; margin: 0px 0 0 15px; display: block; border: 0px solid; float: left}
p.qttym {color: #006699; font-size: 0.9em; line-height: 1.2em;}

.tcarro, .univta {font-family: verdana; font-size: 0.7em; color: #666; text-align: center}
.tcarrob {font-family: verdana; font-size: 0.75em; color: #333; font-weight: bold; text-align: center}
.tcarrosm, .tcarrobsm  {font-family: verdana; font-size: 0.7em; color: #666; font-weight: bold; text-align: center;}
.tcarrosm {font-weight: 400}


.univta {color: red}

.tcarrosmcolor, .tcarrobsmcolor {font-family: verdana; font-size: 0.7em; color: #666; font-weight: bold;  float: center; border: 0px solid;  margin: 0 auto}
.tcarrosmcolor {font-weight: 400}


.tcarrovacio {font-family: verdana; font-size: 8pt; color: #666; text-align: left}
.tcarror {font-family: verdana; font-size: 8pt; color: #ff0000}
.tcarrov {font-family: verdana; font-size: 8pt; color: #669900}


#tcarroqtty, #tcarroqtty1, #tcarroqtty2, #tcarroqtty3 {font-family: verdana; font-size: 10pt; font-weight: bold; color: #0066cc; margin: 0 0 3px 0}

.sumaqtty {font-size: 0.7em; padding: 1px ; border: 1px solid #666; color: #000; background: #C6EC00; font-weight: 400; display: block; width: 20px; margin: 4px auto;}

a.tcarro {font-family: verdana; font-weight: bold; font-size: 0.8em; color: #757575;}
a.tcarro:hover {color: #000; text-decoration: none}

.cantcarro, .cantcarrocolor {font-family: arial; font-size: 0.8em; color: #000; font-weight: bold;}
.cantcarrocolor {color: #666; margin: 0 0 0 10px}

input.qtty { background: #C6ECFF; text-align: center; display: block; width: 20px; height: 15px; margin: 0px -10px 5px 15px; font-size: 11px; border: 1px solid #999; float: left }
input.qtty0 { background: #fff; text-align: center; display: block; width: 20px; height: 15px; margin: 0px -10px 5px 15px; font-size: 11px; border: 1px solid #999; float: left }



.comprarnew {width: 20px; height: 20px; background: url(../imagenes/boton-buyy.png) no-repeat; border: 0px solid; margin: 0; cursor: pointer; float; left}
.comprarnew2 {width: 20px; height: 20px; background: url(../imagenes/boton-modd.png) no-repeat; border: 0; cursor: pointer}

#floatproductos {position: absolute; width: 900px; height: auto; margin: 0px auto 0 0px;}
#floatfamiliaproducto {margin: 0px}

.listadomarcas {width: 1000px; height: auto; min-height: 50px; margin: 20px 0 10px 0;  border: 0px solid; overflow: hidden; clear: both}
.listamarcas {width: 120px; height:63px; float:left; Border: 0px solid; margin: 5px 10px} 


.selectmarcas {width: 250px; border: 0;}


table.lista {width: 900px; border: 0px solid}
table.lista td {padding: 5px}

.colores {width: 10px; height: 25px; float: left; font-size: 0.8em}
.imagen {width: 110px; height: 25px; float: left; font-size: 0.8em}
.codigo {width: 80px; height: 25px; float: left; font-size: 0.8em}
.descripcion {width: 400px; height: 25px; float: left; font-size: 0.8em}
.preciopublico {width: 80px; height: 25px; float: left; font-size: 0.8em}
.entrega {width: 70px; height: 25px; float: left; font-size: 0.8em}
.cantidad {width: 60px; height: 25px; float: left; font-size: 0.8em}
.comprar {width: 60px; height: 25px; float: left; font-size: 0.8em}




#izq-listaprecio {width: 400px; position: absolute; margin: -100px 50px 20px 50px; height: 200px; float: left; border: 0px solid; z-index: 200}
#der-listaprecio {width: 1000px; margin: 40px 0 20px 0px; height: auto; min-height: 50px; overflow: hidden; float: left; border: 0px solid}

#contrubros { float:left; width: 1000px; height: auto; min-height: 250px; overflow: hidden; margin: 0px auto 20px auto; border: 0px solid; text-align: left;  }

#listrubros {width: 250px; height: auto; border: 0px solid; float: left; margin: 0px 0 0 0;}

	#rubro {width:240px; height: auto; margin: 10px 0 0px 0; padding: 0px; border: 0px solid;}
	p.rubro { font-size: 0.8em; width: 100%; height: 25px;
			text-align: left; text-indent: 28px; margin: 0 0 0 0; padding-top: 8px;
			color: #333; background: url(../imagenes/bg-prubros.png) no-repeat; border: 0px solid; cursor: pointer;
			}
	
	p.subrubro { font-size: 1.2em; width: 100%; font-weight: bold; text-align: left; margin: 10px 0; padding: 0px; color: #333; text-transform: capitalize}
	
	.subrubro {width: 230px; height: auto; min-height: 20px; cursor: pointer; text-transform: lowercase; margin: 0px 0 0 0; padding: 4px 0 0 25px; text-align: left; border: 0px solid; font-size: 1.0em;}
	li.lisubrubro  {font-size: 0.8em; display: block;}

#resultrubro {width: 720px; height: auto; min-height: 300px; float: left; text-align: left; margin: 5px 0 0 10px;
 padding: 0 0 0 15px; border: 0px solid #ccc}

.subcatalog {width: 80px; height: 100px; border: 0px solid; float: left; text-align: center; margin: 0 10px 20px 0;}
.subcatalog a {font-size: 0.8em; text-transform: lowercase; color: #555}
.subcatalogimg{border: 1px solid; border-color: #ababab; padding: 1px; float: left; margin: 10px; height: 50px; width: 50px }


table.bancos {width:400px; border: 1px dotted; margin: 10px auto 0 auto; text-align: center; font-size: 0.85em}
table.bancos td{ padding: 3px; height: 20px;text-align: center}




/*product*/


p.descp {font-family: Verdana; font-size: 1.0em; line-height: 1.1em; font-weight: bold; margin: 0; color: #333;}
p.codcolorp {font-family: Verdana; font-size: 0.9em; color: #666;}

/*productHD*/

.floatmarca {position: absolute; margin: 10px 0 0 610px}
p.deschd {font-family: Verdana; font-size: 1.7em; margin: 0; width: 600px; color: #006699;}
p.deschd2 {font-family: Verdana; font-size: 1.2em; margin: 0; width: 600px; font-weight: bold; color: #444;}
p.codcolorhd {font-family: Verdana; font-size: 1.1em; color: #666;}




/*ABM*/

#contenedor_abm {width: 300px; text-align: left; padding-left: 20px; background: #aaaaaa; }
select.datoscomercio {width: 150px; height: auto}
tr.datatabla {font-size: 0.9em}


/*Area Comercios*/

#news_comercios {width: 280px; height:300px; float: left; margin: 40px 0 0 40px; background: url(../listas_precio/area_comercios/imagenes/bg-news-.png) no-repeat; }


#news_comercios_data {width: 245px; height:220px; margin: 10px 0 0 5px; padding: 0 10px 15px 10px; border: 0px solid; overflow-x: auto;}



#news_comercios p {color: #000; font-size: 1.3em}
#news_comercios p.fecha {color: #666; font-size: 0.7em; padding: 1px 3px; width: 150px; margin: 0 0 0px 0 }
#news_comercios .noticia {color: #444; font-size: 0.85em; line-height: 135%}


#login_comercios_float {width: 30px; height: 30px; position: fixed; top: 0; left: 0; border: 0px solid}

#login_vendedores_float {width: 30px; height: 30px; position: fixed; top: 0; right: 0; border: 0px solid}



p.det {font-size: 0.9em; margin:0 0 0 40px; color: #777;}
p.advertclientes {font-size: 1.0em; display: block; text-align: center; height: auto; width: 40%; color: #000; font-weight: bold; 
margin: 120px 0 0 0; padding: 8px; border: 1px solid}

.txtaltamaster {width: 200px; height: 300px; border: 0px solid; margin: 0 10px 0 0;  float: left}
.formmaster1 {width: 375px; height: 300px; border: 0px solid;  margin: 20px 10px 0 0;  float: left}
.formmaster2 {width: 375px; height: 300px; border: 0px solid; margin: 20px 0px 0 0; float: left}

.formcompra1 {width: 500px; height: 250px; border: 0px solid;  margin: 10px 0px 0 0px; float: left; border: 0px solid}
.formcompra2 {width: 500px; height: 250px; border: 0px solid; margin: 10px 0px 0 0; float: left; border: 0px solid}



h1.areacomercios {font-size: 1.5em; padding: 0; margin: 0 0 0 -40px; color: #000 }

#formcomercios {width: 400px; height: auto; float: left; border: 0px solid}

.formline {width: 260px; height: 35px; overflow: hidden; margin: 0 0 10px 0; border: 0px solid; float: left}
.formline2 {width: 500px; height: 100px; overflow: hidden; margin: 0 0 0px 0; border: 0px solid}

.boxformlistas {width: 50px; height: auto; min-height: 18px; font-size: 0.8em; padding: 3px; float: left; text-align: right; color: #000; margin: 0 0px 10px 0; border: 0px dotted; background: #eee}
.boxinputlistas, .boxinputsmall, .boxinputcheckbox {width: 165px; height: 20px; text-align: left; color: #000; margin: 0px; font-size: 0.8em; padding: 0 0 0 5px; border: 1px dotted; background: #fff}
.boxinputsmall {width: 60px;}
.boxinputcheckbox {width: 10px}
textarea.compra {width: 690px; height: 80px; font-size: 0.8em; padding: 5px 0px 0 5px; float: left; text-align: left; color: #000; margin: 0 10px 10px 0; border: 1px dotted; background: #fff}

.boxformss {width: 250px; height: 18px; font-size: 0.8em; padding: 5px 0px 0 5px; float: left; text-align: left; color: #000; margin: 0 10px 10px 0; border: 1px dotted; background: #eee}

textarea.boxformss {width: 250px; height: 80px; font-size: 0.8em; padding: 5px 0px 0 5px; float: left; text-align: left; color: #000; margin: 0 10px 10px 0; border: 1px dotted; background: #fff}

.boxinput option {width: 200px; height: 18px;}

.warning {font-size: 14px; font-weight: bold; color: #ff0000}


#contenedor-area-comercios { margin: 0 auto; width: 1000px; height: auto; min-height: 360px; text-align: left; overflow:hidden; background: url(../imagenes/bg-comercios.png) no-repeat}
#cont-data-comercios { float:left; width: 1000px; height: auto; min-height: 450px; overflow: hidden; margin: 0; border: 0px solid; text-align: left;  }

#tipscomercios {width: 400px; height: auto; min-height: 250px; margin: 90px 0px 50px 550px; border: 0px solid; position: absolute; z-index: 120}
#datoscomerciofis {width: 300px; height: auto; min-height: 250px; margin: 10px 0px 50px 0; float: left}
#datostitulares {width: 1000px; height: auto; min-height: 200px; margin: 10px; border: 2px solid; float: left; clear: both}



#izq-logomarca {width: 210px; margin: 130px 50px 0px 0px; height: 60px; float: left; border: 0px solid; z-index: 200}


#izq-login {width: 400px; margin: 90px 0px 20px 50px; height: 200px; overflow: hidden; float: left; border: 0px solid; text-align: center}
#der-login {width: 400px; margin: 90px 50px 20px 50px; height: 200px; overflow: hidden; float: left; border: 0px solid; text-align: center;}

.alertlogin { font-family: Arial; font-size: 1.0em; line-height: 1.8em; font-weight: bold; text-align: left; color: #D42E12; }

form.login {padding: 20px 0 0 70px}
input.inp-login {width: 220px; height: 20px; background: #D5CDCA; border: 1px solid; border-color: #555; font-family: Arial; font-size: 0.9em; color: #000; margin: 0}
.text-login {width: 60px; height: 20px; font-size: 0.8em; font-family: Arial; color: #000; line-height: 1.9em; margin: 5px; float: left; border: 0px solid }
input.enviarlogin {width: 60px; height: 17px; background: url(../imagenes/boton-enviar.png) no-repeat; font-family: Arial; border: 0px solid; margin: 0 5px;}


#izq-areacomercios {width: 650px; height: auto; min-height: 200px; float: left; margin: 80px 0px 0 0; padding: 0 0 0 5px; border: 0px solid}
#der-areacomercios {width: 530px; height: auto; min-height: 200px; float: left; margin: -50px 0 0 0; padding: 0 0 0 5px; border: 0px solid}


#headercomercioareaclientes {position: absolute; width: 400px; height: auto; margin: 0px 0 30px 0px; border: 0px solid; float: left; text-align: left}
#headercomerciocarro {position: absolute; width: 400px; height: auto; margin: 80px 0 30px 600px; border: 0px solid; float: right; text-align: right}

.tit-areacomercios { font-family: Arial; font-size: 2.2em; width: 900px; color: #333; text-align: left; float: left; padding:0 60px 0 0; margin: 40px 0 0px 0;  }
.tit-com { font-family: Arial; font-size: 1.2em; font-weight: bold; color: #565656; margin-left: 0px; text-align: left; }
.tit-com1 { font-family: Arial; font-size: 1.4em; color: #333; font-weight: bold; margin-left: 0px; text-align: left; }

.form-boton-pedidos {width: 110px; padding: 0px}
.botonformcompra {width: 120px; border: 0px; margin: 5px 0px 10px 0px; height: 35px; background: url(../listas_precio/area_comercios/imagenes/boton_hacer_pedidos.png) no-repeat; cursor: pointer}

iframe.comercios {width:560px; height:auto; min-height:470px; overflow: hidden; padding: 0px 0 0 0px; margin: 0px 0 0 0px; border: 0px solid; border-color: #ddd}

#altamaster {width: 1000px; height:auto; min-height: 450px; overflow: hidden; margin: 30px 0 0 0; border: 0px solid}
.accordioncom{
	width: 400px;
	margin: 15px 0 0px 600px;
	position: absolute;
	z-index: 120;
}

.accordioncom h3 {
	background: url(../images/arrow-square.png) no-repeat left -51px;
	padding: 10px 25px 10px 30px;
	margin: 0;
	width: 500px;
	height: 15px; 
	border-bottom: none;
	cursor: pointer;
	
	
}
.accordioncom h3:hover {
	color: #999;
}
.accordioncom h3.active {
	background-position: left 5px;
	
}
.accordioncom p {
	margin: 0;
	padding: 10px 0 10px 28px;
	text-align: left;
	border:0px solid;
	color: #fff;
	background: url(../imagenes/bg-list.png) repeat;
}


.accordionmaster{
	width: 400px;
	margin: 20px 0 0px 600px;
	position: absolute;
	z-index: 120;
}

.accordionmaster h3 {
	background: url(../images/arrow-square.png) no-repeat left -51px;
	padding: 10px 25px 10px 30px;
	margin: 0;
	width: 500px;
	height: 15px; 
	border-bottom: none;
	cursor: pointer;
	
	
}
.accordionmaster h3:hover {
	color: #000;
}
.accordionmaster h3.active {
	background-position: left 5px;
	
}
.accordionmaster p {
	margin: 0;
	padding: 10px;
	text-align: left;
	border:0px solid;
	color: #fff;
	background:#000
}

div.error { 
		width: 250px;
        position:absolute; 
        margin-top:28px; 
		margin-left:-254px; 
        padding:0px; 
        text-align:left; 
        z-index:1; 
        color:red; 
     font:100% arial,helvetica,clean,sans-serif; 
     font-size:0.7em; 
        
    } 
	
	
	
	
	
	
/*pedidos pendientes*/
#ped_pendientes {
margin: 25px 0 0 0;
width: 810px;
height: 430px;
min-height: 200px;
border: 0px solid;
overflow-y: scroll;
text-align: left
}


table.pend {border: 1px dotted; color: #666; width: 780px; line-height: 1.3em; margin: 0 0 5px 0; font-size: 0.9em }

table.pend a{text-decoration: none; font-size: 1.1em; color: #006699;}
table.pend a:hover{border-bottom: 1px solid; color: #787878}

table.pend td.titulos, table.pend td.titulosleft {border: 0px dotted; padding: 0px; height: 30px; text-align: center; background: #bababa; font-size: 1.1em }
table.pend td.titulosleft {text-align: left; padding: 0 0 0 10px}
table.pend td {border: 0px dotted; padding: 0px; height: 30px; text-align: center; }
table.pend td.right {text-align: right;  padding: 0 10px 0 0 }
table.pend td.left {text-align: left; padding: 0 0 0 10px }

a.pend {font-size: 1.1em; color: #333}

	
/*botones area comercios*/	

.botones_comercio {width: 120px; margin: 0px 20px 0px; height: auto; min-height: 35px; float: left; overflow: hidden; border: 2px solid; text-align: center}

.menucli{ 
width: 112px;
height: 80px;
border: 0px dotted;
margin: 0 10px -10px 0;
color: #000;
float: left;
z-index: 900;

}

.menuclidesp{
width: 180px;
height: auto;
color: #fff;
text-align: center;
background: #000;
padding: 5px 0;

}

a.a_menu {
display: block;
width: 170px; 
height: 25px;
color: #fff;
/*border: 1px dotted;*/
margin: 2px auto 0 auto;
text-align: left

}

a.a_menu:hover {
background: #555;
color: #fff;
}

.cerrarmenucompras{
cursor: pointer;
height: 10px;
margin: 0 5px 0 0;
color: #fff;
font-size: 0.8em;
font-weight: bold;
float: right;
}

/*botoneras*/

*{
padding: 0;
position: relative
}

#menu {
text-align: center;
font-size: 1.0em;
font-weight: bold;
font-family: Arial;
text-transform: lowercase;

width: 1000px;
height: 50px; 
margin: 0px auto 0 auto;
padding: 0 0 0 15px ;
color: #000;
z-index: 1000;
clear: both;
border: 0px solid;
}
#menu ul {display: block;
border: 0px solid;
float: left;
width: auto;
list-style: none;

}


#menu ul a {
padding: 0 29px 0 10px;
color: #fff;
background: url(../imagenes/li.png) no-repeat;

}

#menu ul a:hover {
color: #bcbcbc;
background: url(../imagenes/lii.png) no-repeat;
}




/*desplegable*/


#menu ul li.nivel1 {
width: auto;
margin: -1px 0 0 0
}


#menu ul li a.nivel1 {
padding: 0 34px 0 10px;
color: #fff;
background: url(../imagenes/li.png) no-repeat;

}

#menu ul li a.nivel1:hover {
color: #bcbcbc;
background: url(../imagenes/lii.png) no-repeat;
}

/*Nivel 5*/

#menu ul li a.nivel5 {
display: block!important;display: none;
position: relative;
width: 200px;
height: 25px; 
color: #fff;
z-index: 100;
border: 0px dotted;
text-align: left;
padding: 3px 0 3px 6px;
border-top: 1px solid #444;
margin: -2px 1px 0 1px;
/*background: url(../imagenes/bg-ul-.png) repeat-x;*/
background: #666;
}

#menu ul li a.nivel5:hover {

text-decoration: none;
/*background: url(../imagenes/bg-ul2-.png) repeat-x;*/
background: #444;
}


#menu ul li a:hover{
color: #fff;
position: relative;
}

#menu ul li:hover a.nivel1 {
color: #bbb;
position: relative;
}

#menu ul li ul {
display: none;

}

#menu ul li:hover  ul.nivel5{

display: block;
padding: 3px 0 3px 6px;
position: absolute;
left: 0px;
color: #000;
border: 0px solid
}

#menu ul li a:hover  ul.nivel5{

display: block;
position: absolute;
left: 0px;
color: #666;
}





/*Nivel 6*/

#menu ul li ul li a:hover ul.nivel6 {
display: block;
position: absolute;
/*background: url(../imagenes/bg-ul3-.png) repeat;*/
width: 200px;
color: #fff;
left: 207px!important;left: 207px;
top:0px!important;top: 0px;

}


#menu ul li ul li:hover ul.nivel6 {
display: block;
position: absolute;
width: 200px;
color: #fff;
left: 207px!important;left: 207px;
top:0px!important;top: 0px;

}


#menu ul li ul li a:hover {
width: 200px;
position: relative;
background: url(../imagenes/bg-ul-.png) repeat;
}





#menu ul li ul li a.nivel6 {

display: block!important;display: none;
position: relative;
width: 200px;
height: 25px; 
background: #444;
/*background: url(../imagenes/bg-ul-.png) repeat;*/
color: #fff;
z-index: 100;
border: 0px dotted;
text-align: left;
padding: 3px 0 3px 6px;
border-top: 1px solid #333;
margin: -1px 0px 0 0px
}

#menu ul li ul li a.nivel6:hover {
/*background: url(../imagenes/bg-ul2-.png) repeat;*/
background: #333;
text-decoration: none;
width: 200px;
height: 25px;
}




/*Nivel 7*/

#menu ul li ul li ul li a:hover ul.nivel7{
display: block;
position: absolute;
width: 90px;

color: #fff;
left: 205px!important;left: 205px;
top:0px!important;top: -21px;

}

#menu ul li ul li ul li:hover ul.nivel7{
display: block;
position: absolute;
width: 200px;
color: #fff;
left: 205px!important;left: 205px;
top:0px!important;top: -21px;
}

#menu ul li ul li ul li a {
width: 90px;
width: 90px;
padding: 3px 0px;

}
#menu ul li ul li ul li a:hover {
border-top-color: #000;
width: 90px;
position: relative;
}



#menu ul li ul li ul li a.nivel7 {
display: block!important;display: none;
position: relative;
width: 200px;
height: 25px; 
background: #333;
color: #fff;
z-index: 100;
border: 0px dotted;
text-align: left;
padding: 3px 0 3px 6px;
border-top: 1px solid #000;
margin: 0px 1px 0 1px
}

#menu ul li ul li ul li a.nivel7:hover {
background: #000;
text-decoration: none;
width: 200px;
height: 25px; 

}



/*Nivel 8*/

#menu ul li ul li ul li ul li a:hover ul.nivel8{
display: block;
position: absolute;
width: 90px;

color: #fff;
left: 305px!important;left: 305px;
top:0px!important;top: -21px;

}

#menu ul li ul li ul li ul li :hover ul.nivel8{
display: block;
position: absolute;
width: 200px;
color: #fff;
left: 305px!important;left: 305px;
top:0px!important;top: -21px;
}

#menu ul li ul li ul li ul li a {
width: 90px;
width: 90px;
padding: 3px 0px;

}
#menu ul li ul li ul li ul li a:hover {
border-top-color: #000;
width: 90px;
position: relative;
}



#menu ul li ul li ul li ul li a.nivel8 {
display: block!important;display: none;
position: relative;
width: 200px;
height: 25px; 
background: #333;
color: #fff;
z-index: 100;
border: 0px dotted;
text-align: left;
padding: 3px 0 3px 6px;
border-top: 1px solid #000;
margin: 0px 1px 0 1px
}

#menu ul li ul li ul li ul li a.nivel8:hover {
background: #000;
text-decoration: none;
width: 200px;
height: 25px; 

}




/*Menu Bottom*/


#menu-bottom {
text-align: center;
font-size: 1.0em;
font-weight: bold;
font-family: Arial;
text-transform: lowercase;

width: 1000px;
height: 50px; 
margin: 0px auto 0 auto;
padding: 0 0 0 15px ;
color: #000;
z-index: 500;
clear: both;
border: 0px solid;
}
#menu-bottom ul {display: block;
border: 0px solid;
float: left;
width: auto;
list-style: none;


}


#menu-bottom ul a {
padding: 0 29px 0 10px;
color: #fff;
background: url(../imagenes/li.png) no-repeat;

}

#menu-bottom ul a:hover {
color: #bcbcbc;
background: url(../imagenes/lii.png) no-repeat;
}



/*area vendedores*/

#buscadorvendedores {position: absolute; border: 0px solid; top: 220px; right: 50px; width: 400px; }