/*************************************
   RESET
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
textarea { resize: none; }
b { font-weight: bold; }
/*************************************/

/*************************************
 PRINCIPAL
 */
 .centrado, .centrado > * {
     text-align: center;
     margin: 0 auto;
 } 
 .clr { clear: both; }
 .dcha { float: right }
 .izqda { float: left }
 .columna { text-align: left; position: relative; }
 .numero { text-align: right; }
 .separadorColumna { 
        margin: 0 30px;
        width: 1px;
        border-left: #CCC 1px dashed; 
 }
 .iconDiv {
        padding-left: 20px;
        line-height: 16px;
 }
 .botonDiv { cursor: pointer; }
 .botonDiv:hover { color: #6FCA44; }
 .loading {
        display: none;
        padding-top: 2px;
 }
 input, textarea { outline: none; }
/*************************************
 CABECERA
 */
 .flags {      
        height: 24px; 
        position: relative; 
        margin: 12px 12px 0 0;
 }
 .icon_flag { 
        width: 24px; 
        height: 18px;
        float: right;
        cursor: pointer;
 }
 #flag_es { background: url('../images/flag_es.png') 0 0 no-repeat; }
 #flag_en { background: url('../images/flag_en.png') 0 0 no-repeat; margin-left: 8px }
 #flag_ge { background: url('../images/flag_ge.png') 0 0 no-repeat; margin-left: 8px }
 #flag_fr { background: url('../images/flag_fr.png') 0 0 no-repeat; margin-left: 8px }
 .loggeado {
        height: 24px; 
        position: relative; 
        margin: 13px 12px 0 0;
 }
 .btnLogout {
        font-size: 14px;
        line-height: 16px;
        padding-right: 20px;
        cursor: pointer;
        background: url('../../modelismo/privado/imagenes/icon_desconectar.png') 100% 0 no-repeat;
 }
 .btnLogout:hover { color: #6FCA44; }
 
/*************************************
 SECCION
 */
 .seccionCuerpo {
        position: relative;
        width: 1000px;
        background-color: white;
 }
 .innerCuerpo { padding: 30px; }
 .seccionCuerpo h2 {
        color: #404040;
        font-weight: normal;
        text-transform: uppercase;
        text-align: left;
 }
 .seccionCuerpo p { margin: 12px 0; }

/*************************************
 FORMULARIO
 */
 form p { margin: 6px 0 4px 0  !important; }
 form input, form select { 
        border: black 1px solid; 
        margin-bottom: 2px;
 }
 form .obligatorio {
        /*font-size: 15px;*/
        color: #6FCA44;
 }
 form .grupo { margin-right: 16px; }
 form .boton {
        font-size: 14px;
        font-weight: bold;
        cursor: pointer;
 }
 form .boton:hover { color: #6FCA44; }
 form .llave { 
        font-size: 18px; 
 }
 form h4 {
        font-size: 18px;
        font-weight: bold;
        margin: 8px 0;
        padding: 0;
        color: #6FCA44;
 }
 .formInputError { background-color: #e37671; color: white; }
 .error { color: #e37671; line-height: 20px }
 .subrayado { border-bottom: black 1px dotted }
 
 div#olvido { background: url('../images/help.png') 0 0 no-repeat; }
 
/*************************************
 CATÁLOGO
 */
 #barraCarga { width: 450px; height: 38px; background: url('../images/loading_bar.gif') 0 0 no-repeat;
               position: absolute; left: 170px; top: 130px; display:none;  }
 .columnaSeparada {
        padding: 4px 30px 8px 0;
        border-right: #CCC 1px dashed;
        /*margin-right: 30px;*/
 }
 /*#menuVertical { position: relative }*/
 .menuIzqda {    
     font-family: Arial;
     width: 145px; /* <-- SegÃºn fabricantes */
 }
 .menuIzqda li a {
        font-size: 16px;
        margin-top: 10px;
        cursor: pointer;
        /*text-transform: uppercase;*/
        position: relative;
        left: -6px;
        width: 151px;
        padding: 3px 1px 3px 6px;
        cursor: pointer;
        display: block;
        text-decoration: none;
        color: black;
        border: #6FCA44 1px solid;
 }
 /*.menuIzqda li a {
 }*/
 .menuIzqda li a:hover { color: black; background-color: #EEE; }
 .menuIzqda li.seleccionado a:hover { background-color: #6FCA44; color: white }
 .menuIzqda .seleccionado a { 
        background-color: #6FCA44;
        /*line-height: 23px;*/
        cursor: default;
 }
 .menuIzqda li.seleccionado a, .menuIzqda li.seleccionado a:hover { 
        color: white; 
        /*cursor: default;
        /*font-weight: bold; */
 }
 .submenuIzqda {
        /*margin-left: 8px;*/
        /*margin-bottom: 14px;*/
        height: 1px;
        overflow: hidden;
        position: relative;
        width: 162px;
 }
 .menuIzqda li .submenuIzqda li { position: relative; }
 .menuIzqda li .submenuIzqda li a {
        font-size: 14px;
        background-color: white;
        color: black;
        font-weight: normal;
        left: 0px;
 }
 .menuIzqda li.seleccionado .submenuIzqda li a:hover { 
        color: black; 
        background-color: #EEE;
        cursor: pointer;
        font-weight: normal;
 }
 .menuIzqda li .submenuIzqda li.selecFam a, .menuIzqda li .submenuIzqda li.selecFam a:hover {
        background-color: #6FCA44;
        color: white;
        /*font-weight: bold;*/
 }
 .menuIzqda li .submenuIzqda li.selecFam a:hover { cursor: default; }
 
 .triangulito { width:11px; height: 14px; background: url('../images/triangulito.png') 0 0 no-repeat;
                position:absolute; top:9px; left:-11px; }
 .submenu_subfam { position: absolute; z-index:50; background-color: white; border: #6FCA44 1px solid; padding: 8px;
                   display: none; min-width: 70px;
                   -webkit-border-radius: 8px; 
                   border-radius: 8px;
                   -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
                   -webkit-box-shadow: 4px 4px 8px 0px #333;
                   box-shadow: 4px 4px 8px 0px #333;
 }
 .submenu_subfam .subfam_lista { list-style: none; }
 .submenu_subfam .subfam_lista a.enlace_subfam { 
        display: block; 
        font-size: 12px;
        margin: 6px 0px 0 0;
        cursor: pointer;
        text-transform: uppercase;
        position: relative;                
        /*padding: 3px 1px 3px 6px;*/
        cursor: pointer;
        text-decoration: none;
        color: black;
        width: auto;
 }
 .submenu_subfam .subfam_lista a.enlace_subfam:hover { color: #6FCA44 }
 .submenu_subfam .subfam_lista li:first-child a { margin-top:0px }
 
 #buscador {
        position: absolute;
        background-color: #6FCA44;
        padding: 6px 10px;
        top: 60px;
        right: 32px;
 }
 #buscador input {
        width: 300px;
        font-size: 18px;
        line-height: 26px;
        height: 26px;
        margin-bottom: 2px;
        border: black 1px solid;
        color: #CCC;
        padding-left: 6px;
 }
 #btnBuscar {
        margin-left: 8px;
        cursor: pointer;
        vertical-align: middle;
 }
 .separadorPrimero {
        float: left;
        width: 6px;
        height: 20px;
 }
 .saltoLinea_grande, .saltoLinea_mediano { height:18px; }
 
 .stock_rojo { background: url('../images/bullet_red.png') 0 0 no-repeat; }
 .stock_amarillo { background: url('../images/bullet_yellow.png') 0 0 no-repeat; }
 .stock_verde { background: url('../images/bullet_green.png') 0 0 no-repeat; }
 
 .fechaNovedad { color: white; background-color: #6FCA44; margin-left: 30px; margin-top: 16px; padding: 4px 8px; }
 .fechaNovedad.pequeno { margin-left: 14px }
 .mensajeNovedades { color: white; background-color: #6FCA44; margin-left: 30px; margin-top: 16px; padding: 4px 8px; 
                     font-size: 14px; }
 .bannerNovedad { background-repeat: no-repeat; width: 345px; height: 70px; cursor: pointer; float: left; margin-left: 28px }
 /***************
 /* GRANDE */
 .elemento_grande {
        background-color: #DDD;
        width: 206px;
        float: left;
        margin-left: 40px;
        position: relative;
        overflow: hidden;
 }
 .elemento_grande:hover { background-color: #6FCA44; }
 .elemento_grande .refDiacash {
        color: black;
        font: 11px Arial;
        padding: 4px;
        margin-left: 4px;
 }
 .elemento_grande .btn_stock { width: 32px; height: 32px; position: absolute; right:0px; top:220px; }
 .elemento_grande .refFabricante {
        color: black;
        font: 12px Arial;
        padding: 4px;
        margin-left: 4px;
 }
 .elemento_grande .divFoto {
        overflow: hidden;
        width: 200px;
        height: 200px;
        background-color: grey;
        /*border: #CCC 2px solid;*/
 }
 .elemento_grande .nombre {
 		word-wrap: break-word;
        color: black;
        font: bold 16px Arial;
        padding: 6px 4px;
        margin: 0 4px;
        text-shadow: 0px 1px #BBB;
        text-transform: uppercase;
 }
 .elemento_grande:hover .nombre { color: white; text-shadow: 0px 2px #333; }
 .elemento_grande .precioAnterior {
        text-decoration: line-through;
        clear: both;
        font-size: 14px;
        font-weight: normal;
        text-shadow: none;
 }
 .elemento_grande .precio {
        font: bold 24px Arial;
        color: black;
        float: right;
        margin-right: 8px;
        text-shadow: 0px 2px #BBB;
 }
 .elemento_grande:hover .precio {
        color: white;
        text-shadow: 0px 2px #333; 
 }
 .elemento_grande .udv { 
        float: left; 
        background: url('../images/box_closed.png') 0 2px no-repeat;
        padding-left: 20px;
        line-height: 18px;
        font: bold 16px Arial;
        margin-left: 8px;
        height: 18px;
        position: relative;
        top: 8px;
 }
 .elemento_grande .uds {
        float: right;
        margin-left: 8px;
        line-height: 16px;
        font: bold 14px Arial;
        height: 16px;
        margin-top: 10px;
 }
 .elemento_grande .uds input {
        width: 30px;
        text-align: right;
        font: 14px Arial;
        vertical-align: text-bottom;
 }
 .elemento_grande .btn_comprar {
        float: right;
        background: url('../images/btn_comprar.png') 0 0 no-repeat;
        height: 26px;
        width: 86px;
        margin-left: 6px;
        margin-top: 4px;
        padding: 5px 4px 0px 20px;
        text-align: center;
        cursor: pointer;
 }
 .elemento_grande:hover .btn_comprar {
        background: url('../images/btn_comprar.png') 0 -30px no-repeat;
 }
 .elemento_grande:hover .btn_comprar:hover { background: url('../images/btn_comprar.png') 0 -60px no-repeat; }
 .elemento_grande .btn_comprar .rotulo { 
        font: bold 14px Arial; 
        text-align: center;
        /*color: white;*/
 }
 .elemento_grande .novedad_grande_es {
        position: absolute; width: 108px; height: 108px;
        right: -10px;
        top: -7px;
        background: url('../images/novedad_grande_es.png') 0 0 no-repeat;
        z-index: 2;
 }
 .elemento_grande .novedad_grande_en {
        position: absolute; width: 108px; height: 108px;
        right: -10px;
        top: -7px;
        background: url('../images/novedad_grande_en.png') 0 0 no-repeat;
        z-index: 2;
 }
 .elemento_grande .novedad_grande_ge {
        position: absolute; width: 108px; height: 108px;
        right: -10px;
        top: -7px;
        background: url('../images/novedad_grande_ge.png') 0 0 no-repeat;
        z-index: 2;
 }
 .elemento_grande .oferta_grande_es, .elemento_grande .oferta_grande_en, .elemento_grande .oferta_grande_ge {
        position: absolute; width: 108px; height: 108px;
        right: -10px;
        top: -7px;
        background: url('../images/oferta_grande_es.png') 0 0 no-repeat;
        z-index: 2;
 }
 .elemento_grande .oferta_grande_en { background: url('../images/oferta_grande_en.png') 0 0 no-repeat; }
 .elemento_grande .oferta_grande_ge { background: url('../images/oferta_grande_ge.png') 0 0 no-repeat; }
 /***************
 /* MEDIANO */
 .elemento_mediano {
        background-color: #DDD;
        width: 120px;
        float: left;
        margin-left: 30px;
        position: relative;
        overflow: hidden;
 }
 .elemento_mediano:hover { background-color: #6FCA44; }
 .elemento_mediano .refDiacash {
        color: black;
        font: 10px Arial;
        padding: 4px;
        margin-left: 4px;
 }
 .elemento_mediano .btn_stock { width: 32px; height: 32px; position: absolute; right:-1px; top:122px; }
 .elemento_mediano .refFabricante {
        color: black;
        font: 10px Arial;
        padding: 4px;
        margin-left: 4px;
 }
 .elemento_mediano .divFoto {
        overflow: hidden;
        width: 104px;
        height: 104px;
        background-color: white;
        /*border: #CCC 2px solid;*/
 }
 .elemento_mediano .nombre {
   		word-wrap: break-word;
      	color: black;
        font: bold 12px Arial;
        padding: 6px 4px;
        margin: 0 4px;
        text-shadow: 0px 1px #BBB;
        text-transform: uppercase;        
 }
 .elemento_mediano:hover .nombre { color: white; text-shadow: 0px 2px #333; }
 .elemento_mediano .precioAnterior {
        text-decoration: line-through;
        clear: both;
        font-size: 12px;
        font-weight: normal;
        text-shadow: none;
 }
 .elemento_mediano .precio {
        font: bold 16px Arial;
        color: black;
        margin: 0 0 0 8px;
        /*float: right;*/
        /*margin-right: 8px;*/
        text-shadow: 0px 2px #BBB;
 }
 .elemento_mediano:hover .precio {
        color: white;
        text-shadow: 0px 2px #333; 
 }
 .elemento_mediano .udv { 
        float: left; 
        background: url('../images/box_closed.png') 0 2px no-repeat;
        padding-left: 20px;
        line-height: 14px;
        font: bold 14px Arial;
        margin-left: 8px;
        margin-top: 8px;
        height: 18px;
        /*position: relative;
        top: 8px;*/
 }
 .elemento_mediano .uds {
        float: right;
        margin-right: 8px;
        line-height: 16px;
        font: bold 12px Arial;
        height: 16px;
        margin-top: 8px;
 }
 .elemento_mediano .uds input {
        width: 30px;
        text-align: right;
        font: 14px Arial;
        vertical-align: text-bottom;
 }
 .elemento_mediano .btn_comprar {
        /*float: right;*/
        background: url('../images/btn_comprar.png') 0 0 no-repeat;
        height: 26px;
        width: 86px;
        margin-left: 7px;
        margin-top: 6px;
        padding: 5px 4px 0px 20px;
        text-align: center;
        cursor: pointer;
 }
 .elemento_mediano:hover .btn_comprar {
        background: url('../images/btn_comprar.png') 0 -30px no-repeat;
 }
 .elemento_mediano:hover .btn_comprar:hover { background: url('../images/btn_comprar.png') 0 -60px no-repeat; }
 .elemento_mediano .btn_comprar .rotulo { 
        font: bold 14px Arial; 
        text-align: center;
        /*color: white;*/
 }
 .elemento_mediano .novedad_mediano_es {
        position: absolute; width: 78px; height: 78px;
        right: -9px;
        top: -5px;
        background: url('../images/novedad_mediano_es.png') 0 0 no-repeat;
        z-index: 2;
 }
 .elemento_mediano .novedad_mediano_en {
        position: absolute; width: 78px; height: 78px;
        right: -9px;
        top: -5px;
        background: url('../images/novedad_mediano_en.png') 0 0 no-repeat;
        z-index: 2;
 }
 .elemento_mediano .novedad_mediano_ge {
        position: absolute; width: 78px; height: 78px;
        right: -9px;
        top: -5px;
        background: url('../images/novedad_mediano_ge.png') 0 0 no-repeat;
        z-index: 2;
 }
 .elemento_mediano .oferta_mediano_es, .elemento_mediano .oferta_mediano_en, .elemento_mediano .oferta_mediano_ge {
        position: absolute; width: 78px; height: 78px;
        right: -9px;
        top: -5px;
        background: url('../images/oferta_mediano_es.png') 0 0 no-repeat;
        z-index: 2;
 }
 .elemento_mediano .oferta_mediano_en { background: url('../images/oferta_mediano_en.png') 0 0 no-repeat; }
 .elemento_mediano .oferta_mediano_ge { background: url('../images/oferta_mediano_ge.png') 0 0 no-repeat; }
 /***************
 /* PEQUEÑO */
 .elemento_pequeno {
        /*background-color: #DDD;*/
        width: 740px;
        float: left;
        margin-left: 10px;
        position: relative;
        height: 31px;
        border-bottom: #CCC 1px solid;
        overflow: hidden;
 }
 .elemento_pequeno:hover { background-color: #6FCA44; }
 .elemento_pequeno .refDiacash {
        color: black;
        font: 11px Arial;
        /*padding: 4px;*/
        margin-left: 5px;
        float: left;
        line-height: 31px;
        width: 60px;
 }
 .elemento_pequeno .btn_stock { width: 32px; height: 32px; position: absolute; right:106px; top:0px; }
 .elemento_pequeno .refFabricante {
        color: black;
        font: 11px Arial;
        /*padding: 4px;*/
        margin-left: 4px;
        float: left;
        line-height: 31px;
        width: 80px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
 }
 .elemento_pequeno .divFoto {
        display: none;
        overflow: hidden;
        width: 104px;
        height: 104px;
        background-color: white;
        /*border: #CCC 2px solid;*/
 }
 .elemento_pequeno .nombre {
        color: black;
        font: bold 12px Arial;
        /*padding: 6px 4px;*/
        margin: 0 4px;
        /*text-shadow: 0px 1px #DDD;*/
        float: left;
        line-height: 31px;
        width: 205px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-transform: uppercase;
 }
 .elemento_pequeno:hover .nombre { color: white; text-shadow: 0px 1px #333; }
 .elemento_pequeno .precioAnterior {
        float: left;
        line-height: 31px;
        text-decoration: line-through;
        width: 50px;
        height: 31px;
        text-align: right;
 }
 .elemento_pequeno .precio {
        font: 14px Arial;
        color: black;
        margin: 0 0 0 8px;
        float: left;
        /*margin-right: 8px;*/
        /*text-shadow: 0px 1px #DDD;*/
        line-height: 31px;
        width: 67px;
        text-align: right;
 }
 .elemento_pequeno:hover .precio {
        color: white;
        text-shadow: 0px 1px #333; 
 }
 .elemento_pequeno .udv { 
        float: left; 
        background: url('../images/box_closed.png') 0 8px no-repeat;
        padding-left: 20px;
        font: 14px Arial;
        line-height: 31px;
        margin-left: 8px;
        /*margin-top: 8px;*/
        height: 31px;
        /*position: relative;
        top: 8px;*/        
        width: 16px;
 }
 .elemento_pequeno .uds {
        float: left;
        margin-right: 8px;
        font: bold 12px Arial;
        line-height: 31px;
        height: 31px;
        /*margin-top: 8px;*/
        margin-left: 8px;
 }
 .elemento_pequeno .uds input {
        width: 30px;
        text-align: right;
        font: 12px Arial;
        vertical-align: text-bottom;
        width: 26px;
        border: #CCC 1px solid;
 }
 .elemento_pequeno .btn_comprar {
        /*float: right;*/
        background: url('../images/btn_comprar.png') 0 0 no-repeat;
        height: 26px;
        width: 86px;
        /*margin-left: 4px;*/
        /*margin-top: 6px;*/
        padding: 5px 4px 0px 20px;
        text-align: center;
        cursor: pointer;
        float: right;
        margin-top: 1px;
 }
 .elemento_pequeno:hover .btn_comprar {
        background: url('../images/btn_comprar.png') 0 -30px no-repeat;
 }
 .elemento_pequeno:hover .btn_comprar:hover { background: url('../images/btn_comprar.png') 0 -60px no-repeat; }
 .elemento_pequeno .btn_comprar .rotulo { 
        font: bold 14px Arial; 
        text-align: center;
        /*color: white;*/
 }
 .elemento_pequeno .novedad_pequeno_es {
        position: absolute; width: 56px; height: 33px;
        left: 130px;
        top: -1px;
        background: url('../images/novedad_pequeno_es.png') 0 0 no-repeat;
        z-index: 2;
 }
 .elemento_pequeno .novedad_pequeno_en {
        position: absolute; width: 56px; height: 33px;
        left:130px;
        top: -1px;
        background: url('../images/novedad_pequeno_en.png') 0 0 no-repeat;
        z-index: 2;
 }
 .elemento_pequeno .novedad_pequeno_ge {
        position: absolute; width: 56px; height: 33px;
        left:130px;
        top: -1px;
        background: url('../images/novedad_pequeno_en.png') 0 0 no-repeat;
        z-index: 2;
 }
 .elemento_pequeno .oferta_pequeno_es, .elemento_pequeno .oferta_pequeno_en, .elemento_pequeno .oferta_pequeno_ge {
        position: absolute; width: 56px; height: 33px;
        left: 130px;
        top: -1px;
        background: url('../images/oferta_pequeno_es.png') 0 0 no-repeat;
        z-index: 2;
 }
 .elemento_pequeno .oferta_pequeno_en { background: url('../images/oferta_pequeno_en.png') 0 0 no-repeat; }
 .elemento_pequeno .oferta_pequeno_ge { background: url('../images/oferta_pequeno_ge.png') 0 0 no-repeat; }
 .check_pequeno { float: left; }
 .check_pequeno input { margin-top: 8px; }
 
 .marcarTodos {
        float: left;
        clear: left;
        margin-left: 16px;
        margin-top: 12px;
 }
 .marcarTodos input { vertical-align: top; }
 .comprarMarcados {
        padding-left: 18px;
        background: url('../images/cart_add.png') 0 0 no-repeat;
        line-height: 16px;
        height: 16px;
        margin-left: 12px;
        float: left;
        margin-top: 10px;
        cursor: pointer;
 }
 .comprarMarcados:hover { color: #6FCA44; }
/*************************************
  NAVEGADOR
 */ 
 .navegador { float: right; }
 .navegador .innerNavegador {
        margin: 4px 0;
 }
 .navegador .flecha {
        width: 16px;
        height: 16px;
        cursor: pointer;
        float: right;
 }
 .navegador .topeIzqda { background: url('../images/navegador_flechas.png') 0 -17px no-repeat; }
 .navegador .topeIzqda:hover { background: url('../images/navegador_flechas.png') 0px -1px no-repeat; }
 .navegador .izqda { background: url('../images/navegador_flechas.png') -17px -17px no-repeat; }
 .navegador .izqda:hover { background: url('../images/navegador_flechas.png') -17px -1px no-repeat; }
 .navegador .dcha { background: url('../images/navegador_flechas.png') -33px -17px no-repeat; }
 .navegador .dcha:hover { background: url('../images/navegador_flechas.png') -33px -1px no-repeat; }
 .navegador .topeDcha { background: url('../images/navegador_flechas.png') -49px -17px no-repeat; }
 .navegador .topeDcha:hover { background: url('../images/navegador_flechas.png') -49px -1px no-repeat; }
 .navegador .textoNavegador { 
        float: right; 
        font-size: 14px;
        margin: 0 8px;
        /*font-family: Arial;*/
 } 
 /******************************************************************************/
 #selectorRegistros { float: right; margin-right: 18px; }
 #selectorRegistros select { vertical-align: baseline; margin: 0; }
 
 /*************************************
  ICONOS CAMBIO MODO
 */ 
 
 .iconosCambioModo {
        float: left;
        margin-left: 30px;
 }
 .iconoModo {
        width: 32px;
        height: 32px;
        cursor: pointer;
        float: left;
        margin-left: 8px;
 }
 .iconoModo.seleccionado { cursor: default; }
 #iconoModoGrande { background: url(../images/icon_grande_off.png) 0 0 no-repeat; }
 #iconoModoMediano { background: url(../images/icon_mediano_off.png) 0 0 no-repeat; }
 #iconoModoPequeno { background: url(../images/icon_pequeno_off.png) 0 0 no-repeat; }
 #iconoModoGrande:hover, #iconoModoGrande.seleccionado { background: url(../images/icon_grande_on.png) 0 0 no-repeat; }
 #iconoModoMediano:hover, #iconoModoMediano.seleccionado { background: url(../images/icon_mediano_on.png) 0 0 no-repeat; }
 #iconoModoPequeno:hover, #iconoModoPequeno.seleccionado { background: url(../images/icon_pequeno_on.png) 0 0 no-repeat; }
 #icon_loading {
        float: left;
        margin-left: 8px;
        background: url('../images/loading_green.gif') 0 0 no-repeat;
        width: 32px;
        height: 32px;
        display: none;
 }
 /******************************************************************************/
 
 /*************************************
  CARRO COMPRA
 */
 #carroCompra {
        position: absolute;
        border: #CCC 1px solid;
        top: -12px;
        right: 32px;
        padding: 5px 8px;
        text-align: left;
        width: 354px;
 }
 #rot_carroCompra {
        background: url('../images/cart.png') 0 0 no-repeat;
        padding-left: 18px;
        line-height: 16px;
        float: left;
        height: 16px;
 }
 #numArticulos { 
        float: left; 
        line-height: 16px;
        margin-left: 6px;
 }
 #totalCompra { 
        float: left; 
        line-height: 16px;
        margin-left: 6px;
 }
 #verCompra {
        height: 16px;
        background: url('../images/editar_compra.png') 0 0 no-repeat;
        cursor: pointer;
        float: right;
        padding-left: 18px;
        line-height: 16px;
        position: relative;
        z-index: 1000;
 }
 #verCompra:hover { color: #6FCA44; }
 #cerrarCompra {
        width: 16px; height: 16px;
        background: url('../images/email_go.png') 0 0 no-repeat;
        cursor: pointer;            
        float: right;
 }
 /******************************************************************************/
 
/*************************************
  PEDIDO
 */
 .rotDatosPedido {
        font-size: 16px;
        font-weight: bold;
 }
 .datosPedido {
        margin-left: 8px;
        margin-top: 8px;
 }
 .datosPedido li {
        margin: 4px 0 0 0;
        line-height: 16px;
        height: 16px;
 }
 li.icon { 
        padding-left: 18px;        
 }
 .icon_contacto { background: url('../../modelismo/privado/imagenes/icon_persona.png') 0 0 no-repeat; }
 .icon_email { background: url('../../modelismo/privado/imagenes/icon_email.png') 0 0 no-repeat; }
 .icon_telefono { background: url('../../modelismo/privado/imagenes/icon_telefono.png') 0 0 no-repeat; }
 .icon_fax { background: url('../../modelismo/privado/imagenes/icon_fax.png') 0 0 no-repeat; }
 
 #contenedorPedido { margin-left: 24px; width: 635px; }
 .pedido_linea { 
        float: left;
        clear: left;
        font: 14px Arial;
        border-bottom: #CCC 1px solid;
        height: 20px;
 }
 .pedido_linea.primero {border-top: #CCC 1px solid; }
 .pedido_linea div { float: left; line-height: 20px; min-height: 1px }
 .pedido_cantidad { width: 28px; margin-left: 5px; } 
 .pedido_refDiacash, .pedido_refFabricante {
        font-size: 12px;
        width: 100px;        
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
 }
 .pedido_nombre {
        width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;        
 }
 .pedido_PVD, .pedido_Total { 
        text-align: right; 
        width: 65px;
 }
 .pedido_dto { width:50px; text-align: right; }
 .pedido_borrar {
        width: 16px; height: 20px; background: url('../images/cross.png') 0 2px no-repeat;
        cursor: pointer;        
        margin-left: 6px;
 }
 .pedido_linea.par { background-color: #EFEFEF; }
 .pedido_linea:hover {background-color: #ffffcc; }
 
 .pedido_linea_cabecera {
        height: 20px;        
        font: bold 12px Arial;
        float: left;
        width: 635px;
        background-color: #6FCA44;
        color: white;
 }
 .pedido_linea_pie {
        height: 20px;        
        font: bold 12px Arial;
        float: left;
        width: 635px;
        border-top: #6FCA44 1px solid;
        border-bottom: #6FCA44 1px solid;
        color: black;
 }
 .pedido_linea_cabecera div, .pedido_linea_pie div { height: 20px; float: left; line-height: 20px; }
 .pedido_linea_pie .pedido_Total { font-size: 14px; }
 
 .pedido_comentario {
        width: 628px;
        height: 96px;
        font: 14px Arial;
 }
 .pedido_btn, .todo_btn, .solostock_btn {
        font-weight: bold;
        cursor: pointer;
        padding-left: 38px;
        background: url('../images/email_go32.png') 0 0 no-repeat;
        height: 32px;
        line-height: 28px;
 }
 .pedido_btn:hover, .todo_btn:hover, .solostock_btn:hover { color: #6FCA44; }
 .todo_btn {
    background: url('../images/ok.png') 0 0 no-repeat;
 }
 .solostock_btn{
    background: url('../images/nok.png') 0 0 no-repeat;
    margin-left: 20px;
}
 
 
 .tablaPedido { width: 80%; font-size: 14px }
 .tablaPedido th { background-color: #6FCA44; color: white; font-weight: bold; padding: 2px }
 .tablaPedido td { padding: 3px 2px; /*cursor: pointer*/ }
 .tablaVerde th { background-color: #6FCA44; }
 .tablaRoja th { background-color: rgb(202, 68, 68); }
 /*.tablaPedido tr:hover td { background-color: yellow; }*/
 .pagocaixa { font-size: 16px; line-height: 32px; margin-left: 24px; margin-bottom: 24px;
              border: #6FCA44 2px solid; padding: 2px 0 2px 38px; }
 #pagado1 { background: url('../images/ok.png') 2px 50% no-repeat; }
 #pagado0 { background: url('../images/nok.png') 2px 50% no-repeat; border: darkred 2px solid; }
 
 .cabeceraPedido { margin: 6px 0; border-top: #6FCA44 1px solid; padding: 6px 0; background-color: #6FCA44 }
 .cabeceraPedido td { font-size: 16px; color:white; font-weight: bold }
 .entradaPedido { margin: 0 0 6px 0; border-top: #6FCA44 1px solid; padding-top: 6px }
 .entradaPedido td { font-size: 16px; cursor: pointer; }
 .listaArticulos { margin: 18px 0 12px 0; margin-left: 108px; cursor:default; overflow: hidden; }
 .listaArticulos table { width: 80%; cursor: default; margin-top: 1px }
 .listaArticulos table th { background-color: #666; color: white; padding: 2px 6px }
 .listaArticulos table td { padding: 2px 6px; font-size: 12px; cursor: default; }

 /******************************************************************************/
 /* BLOG */
 .innerBlog { padding: 0 140px; }
 .blog_fecha { border-top: #6FCA44 2px solid; padding: 8px 0px; text-align: left; font-size: 22px; color: #6FCA44; }
 .blog_titulo { text-align: left; margin-bottom: 32px }
 .innerBlog p { font-size: 14px; text-align: left; }
 .innerBlog img { max-width: 660px; }
 .innerBlog strong { font-weight: bold; }
 .innerBlog a { color: #6FCA44; }
 .innerBlog td { text-align: left; }
 .blog_form_tabla { font-size: 14px; text-align: left; border-spacing: 10px 2px; border-collapse: separate;
                    padding: 20px; border: #6FCA44 2px solid; }
 .blog_form_tabla td { font-size: 14px; text-align: left; font-weight: bold }
 .blog_form_tabla select, textarea { margin: 0; }
 .blog_form_tabla textarea { border: black 1px solid; margin-top: 2px; width: 400px; height: 70px; }
 .blog_form_tabla input { padding: 0px 3px; }
 .blog_link { padding-left: 18px; background: url('../images/link.png') 0 0 no-repeat; cursor:pointer; float:right;
              margin-top: 8px; margin-right: 4px; height: 16px; line-height: 16px }
 .blog_link:hover { color: #6FCA44; }
 /******************************************************************************/
 /* TORNEO */
 .innerTorneo { padding: 0 140px; text-align: left }
 .innerTorneo h1 { padding-left: 38px; font-size: 28px; line-height: 32px; border-bottom: #6FCA44 2px solid; 
                   padding-bottom: 2px }
 .innerTorneo h1.nuevo { background: url('../images/torneo/icon_torneo.png') 0 0 no-repeat; }
 .innerTorneo h1.inscripciones { background: url('../images/torneo/icon_insc.png') 0 0 no-repeat; }
 .innerTorneo h1.rondas { background: url('../images/torneo/rondas.png') 0 0 no-repeat; }
 .innerTorneo h1.pintura_cabecera { background: url('../images/torneo/pintura.png') 0 0 no-repeat; }
 .innerTorneo p { font-size: 16px; }
 .innerTorneo i { font-style: italic; }
 .innerTorneo .separador { float: left; height: 20px; width:20px }
 .innerTorneo .llave { font-size: 18px; }
 .innerTorneo .boton { font-size: 14px; font-weight: bold; cursor: pointer; }
 .innerTorneo .boton:hover { color: #6FCA44; }
 .formgrupo { float: left; }
 .formgrupo .etiqueta { font-weight: bold; font-size: 14px }
 .formgrupo .entrada { border: #6FCA44 1px solid; padding: 2px; font-size: 14px }
 
 .jugador_inscrito { background: #EEE url(../images/torneo/jugador.png) 0 50% no-repeat; padding-left: 18px;
                     float: left; width: 310px; height: 22px; line-height: 22px; overflow: hidden;
                     text-overflow: ellipsis; white-space: nowrap; }
 .jugador_grupo { background: #EEE url(../images/torneo/grupo.png) 0 50% no-repeat; padding-left: 18px;
                     float: left; width: 250px; height: 22px; line-height: 22px; overflow: hidden;
                     text-overflow: ellipsis; white-space: nowrap; margin-left: 6px }
 .jugador_borrar { float: left; height: 22px; width: 16px; background: url('../images/cross.png') 0 50% no-repeat;
                   cursor: pointer; margin: 0 2px;  }
 .jugador_confirmar { float:left; height: 22px; width: 16px; background: url('../images/torneo/ok.png') 0 50% no-repeat; 
                      cursor: pointer; margin: 0 2px; }
 .jugador_confirmado { float:left; height: 22px; width: 16px; background: url('../images/torneo/confirmado.png') 0 50% no-repeat; 
                       margin: 0 2px; }
 #inscritos { border: #6FCA44 1px solid; padding: 8px; }
 .cargandoInscritos { margin: 12px 0; }
 .finPlazas { border-bottom: #6FCA44 1px dashed; margin: 10px 0; }
 .borraTorneo { background: url('../images/torneo/trash.gif') 0 0 no-repeat; padding-left: 18px; line-height: 19px; 
                height: 16px; cursor: pointer; float:left; }
 .borraTorneo:hover { color: #6FCA44; }
 .empezarTorneo { float: right; background: url('../images/torneo/flecha.png') 100% -15px no-repeat; padding-right: 16px; 
                  line-height: 19px; height: 16px; cursor: pointer; }
 .empezarTorneo:hover { color: #6FCA44; background: url('../images/torneo/flecha.png') 100% 1px no-repeat; }
 
 .tabla_torneo { width: 100%; text-align: left; }
 .tabla_torneo td, .tabla_torneo th { padding: 5px 4px; }
 .tabla_torneo thead th { font-weight: bold; color: white; background-color: #6FCA44; }
 .tabla_torneo .fila_impar { background-color: white; }
 .tabla_torneo .fila_par { background-color: #EEE; }
 .tabla_torneo tr:hover { background-color: yellow; }
 .tabla_torneo .col_nombre { width:250px; height: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .tabla_torneo .col_grupo { width:200px; height:14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 
 .enfrentamiento .mesa { float: left; font-size: 18px; font-weight: bold; line-height: 74px; width:73px; }
 .enfrentamiento .innerVs { float: left; border-left: #6FCA44 2px solid; margin-left: 8px; padding-left: 8px }
 .contrincante { background-color: #EEE; line-height: 19px; padding: 4px 8px; }
 .contrincante .jugador { font-size: 16px; font-weight: bold; float: left; width: 290px;
                          overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .contrincante input { margin-left: 12px; text-align: right; padding-right: 2px }
 .versus { width: 32px; height: 18px; background: url('../images/torneo/vs.png') 0 0 no-repeat; margin-left: 12px }
 
 .todas_inscripciones { float: right; background: url('../images/torneo/check_box.png') 0 50% no-repeat; padding-left: 18px;
                        height: 16px; line-height: 16px; cursor: pointer; }
 .todas_inscripciones:hover { color: #6FCA44; }
 
 /******************************************************************************/
 
 .colzona { font-size: 14px; }
 .colzona ol { list-style: lower-alpha }
 .colzona ol li { margin: 8px 12px 8px 30px; }
 
 .avisoFlotante {
    position: absolute !important;
    width: 640px;
    padding: 30px;
    text-align: left;
    background-color: #edf9e8;
    border-radius: 15px;
    border: solid 1px #6FCA44;
    font-size: 15px;
    z-index: 12;
}
.fondoGris {
	height:100%;
	width:100%;
	background-color: black;
	position:absolute;
	top:0px;
	left:0px;
	opacity: 0.5;
}
#divProductosSinStock{
    margin:20px;
}
.inner {
    width: 100%;
    position: absolute;
    padding-left: 5px;
    font-family: verdana;
    font-size: 12px;
    top: 10%;
}
#barraaceptacion {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 0px;
    width: 100%;
    text-align: center;
    min-height: 70px;
    background-color: #404041!important;
    color: #fff;
    z-index: 99999;
    line-height: 20px;
}
.info-cookies, .aceptar-cookies {
    color: #6FCA44!important;
}