html {font-family:Arial, Helvetica, Verdana;}
body {font-size:13px; padding:0; margin:0; width: 100%; background: white;}
form {margin:0; padding:0;}
a {text-decoration:none; color:#656a6d;}
a img {border:0;}
textarea, input { font-family:Arial, Helvetica, Verdana; border: 1px solid #ababab;
border-radius: 3px;}
.clear {clear:both;}
.error {line-height:15px; background-color:#FFA6A6; margin-top:20px; color:#E60000; border:1px solid #E60000; padding:3px 5px;}
.ok {line-height:15px; background-color:#C1F3CF; margin-top:20px; color:#1f883d; text-align:center; border:1px solid #1f883d; padding:3px 5px;}
#imagenes_hidden_preload {display:none;}
#contenedor_gral {width:100%; margin:0 auto; }
#contenedor {width:100%; margin:0 auto; background: #E8E8E8;}
#encabezado {height:165px; width:938px; margin-left:12px; margin-right:12px;}
#encabezado .encabezado_arriba{ background:url(img/header_azul.jpg) no-repeat; width:940px; height:31px;}
#encabezado .encabezado_arriba .venta{ width:450px; float:left; color:#FFF; font-weight:bold; padding-top:5px; padding-left:10px; }
#encabezado .encabezado_arriba .contacto a{ width:100px; float:right; padding-top:6px; color:#FFF; padding-right:10px; }
#encabezado .encabezado_arriba .contacto a:hover{ text-decoration:underline; }
#encabezado .encabezado_abajo { height:134px; float:left; background:url(img/header_back.jpg) repeat-x;}
#encabezado .encabezado_abajo .logo{ width:213px; float:left;}
#encabezado .encabezado_abajo .barrita{ width:213px; float:left;}
#menu {height:46px;float:left; margin-left:274px; margin-top:21px; float:left}
#menu a { float:left; padding-right:5px }
#encabezado .encabezado_abajo .catalogo{cursor:pointer; background:url(img/X_catalogo.png) no-repeat; height:113px; width:290px; float:right; margin-top:19px;}
#encabezado .encabezado_abajo .catalogo a{ height:150px; cursor:pointer;}
#encabezado .encabezado_abajo .catalogo:hover{ text-decoration:none; background: url(img/X_catalogo_over.png)}
#encabezado .encabezado_abajo .catalogo .texto { float:right; width:170px; padding-right:10px; padding-top:60px; color:#FFFFFF; }
#encabezado .encabezado_abajo .catalogo .texto .span{ font-size:11px; color:#274b9a; }
#slide {width:965px; overflow:hidden; height:630px; margin-left:12px; position:relative;}
#slide .paginas { left: 80px; top:22px; position:absolute; z-index:500; font-size:13px; color: #FFF; font-weight:bold;}
#slide .paginas a { color: #FFF; display:block; float:left; padding:3px 8px; border-right:1px solid #FFF; }
#slide .paginas a:hover{ color: #666666; }
#principal_derecha{ float:right; width:20%; background: rgb(255, 255, 255);}
#principal_derecha .buscador{ background: url(img/buscador_back.jpg) no-repeat; float: right; width: 100%; margin-right:0px; border-bottom:1px dotted #636367; padding-bottom:5px; margin-top: -16px;}
#principal_derecha .buscador img{ margin-bottom:5px; margin-top: 10px;}
#principal_derecha .buscador .texto{ float:left; width:170px; padding-bottom:23px; font-size:12px;}
#principal_derecha .buscador .opcion_busqueda { background: #d4d5d6; float:left; border:1px solid #949598; margin-bottom:10px; }
#principal_derecha .buscador .buscar {font-size: 13px; width:99%; height:23px; background:#d4ecf9; font-weight: bold; float:right; padding-top:8px; padding-left:5px; }
#principal_derecha .buscador .buscar_link {float:left; margin-top:10px;}
#principal_derecha .novedades{ float:right; width:100%; margin-top:10px; margin-right:0px; border-bottom:1px dotted #636367; padding-bottom:17px;}
#principal_derecha .novedades .arriba {margin-bottom:5px;}
#principal_derecha .novedades .ver_todas{ float:right; color:#24a6d8; font-size:13px; font-weight:bold; padding-top:10px; padding-right:10px;}
#principal_derecha .novedades .ver_todas:hover{color:#ccc; text-decoration:underline;}
#principal_derecha .novedades .imagen { border:1px solid #333333; padding:3px; width: 100%;}
#principal_derecha .novedades .imagen:hover{ border:1px solid #CCCCCC; }
#principal_derecha .novedades .texto{ color:#2f2f34; font-size:12px; margin-top:10px; padding-left:20px; line-height:15px; width:99%; }
#principal_derecha .novedades .texto span{ font-weight:bold; font-size:11px;float:left;}
#principal_derecha .novedades .btn_consultar{ float:right; padding-right:10px; margin-top:20px;}
#principal_derecha .seguinos{ float:right; width:100%; margin-right:0px; border-bottom:1px dotted #636367; padding-bottom:10px;}
#principal_derecha .seguinos .titulo{float:left; padding-top:15px; }
#principal_derecha .seguinos .redes_sociales{ float:right; padding-top:10px; width:100px; padding-right:10px; text-align:right;}
#principal_derecha .seguinos .redes_sociales a:hover{ text-decoration:none;}
#principal_derecha .sifap_news{ float:right; width:100%; margin-right:0px; border-bottom:1px dotted #636367; padding-bottom:10px; margin-top:5px;}
#principal_derecha .sifap_news .texto{ float:left;color:#2f2f34; font-size:12px; margin-top:5px; padding-left:5px; line-height:15px; width:99%; }
#principal_derecha .sifap_news .boton_suscribirse{ float:right; padding-right:10px; margin-top:5px;text-decoration:none;}
#pie { height:205px; width:965px; float:left; background:#3b8fcc url(img/pie_back.jpg) repeat-x; padding-top:5px;}
#pie .logo{float:left; padding-top:1px;}
#pie .telefono{float:left; padding-top:70px; width:610px; padding-left:135px;}
#pie .direccion{float:left; padding-top:15px; width:700px; padding-left:75px; font-size:15px; color:#FFF; font-weight:bold}
#pie .links{float:left; padding-top:20px; width:870px; padding-left:25px; font-size:15px; color:#FFF; text-align:center}
#pie .links a{ color:#FFF;}
#pie .links a:hover{ text-decoration:none;}
#pie .letra_chica{padding:8px 0; font-size:11px; font-weight:bold; color:#89bce0; text-align:center; }
#pie .la_propa {background-color:#2d86be;}
#pie .la_propa .link {color:#FFFFFF; float:right; margin:7px 10px 0;}
#pie .la_propa .link:hover {text-decoration:underline;}
#pie .la_propa .logo {float:right;}
#pie .data-fiscal {margin: 7px 20px 0; float:left; color:#FFFFFF;}
#pie .data-fiscal:hover {text-decoration:underline;}
/* HOME */
#principal{ width:100%; float:left; background:#fff; margin-left:12px; margin-bottom:10px; margin-top:5px; }
#principal .articulos{ background: url(img/articulos_fondo.jpg) repeat-x; }
#principal .articulos .dots{ clear:left; height:25px;}
#principal .articulos .articulos_escolares{ float:left; }
#principal .articulos .articulos_escolares .texto{width:225px; color:#FFF; font-size:11px; padding-left:23px; padding-top:120px; float:left }
#principal .articulos .articulos_escolares .boton{ display:block; background:url(img/articulos_escolares.png) no-repeat; width:320px; cursor:pointer; height:206px; text-decoration:none;}
#principal .articulos .articulos_escolares .boton:hover{ background:url(img/articulos_escolares_over.png) no-repeat; }
#principal .articulos .articulos_oficina{ float:left; }
#principal .articulos .articulos_oficina .texto{width:225px; color:#FFF; font-size:11px; padding-left:23px; padding-top:120px; float:left }
#principal .articulos .articulos_oficina .boton{display:block; background:url(img/articulos_oficina.png) no-repeat; width:319px; cursor:pointer; height:206px; text-decoration:none;}
#principal .articulos .articulos_oficina .boton:hover{ background:url(img/articulos_oficina_over.png) no-repeat; }
#principal .productos{ float:left; margin-bottom:10px; }
#principal .productos .texto {line-height:14px;}
#principal .productos .carpetas{ float:left; margin-left:5px; }
#principal .productos .carpetas .texto{width:150px; color:#FFF; font-size:11px; padding-top:86px; float:left; padding-left:10px; }
#principal .productos .carpetas .boton{ background:url(img/home_carpetas.jpg) no-repeat; display:block; cursor:pointer; width:206px; height:175px; text-decoration:none;}
#principal .productos .carpetas .boton:hover{ background:url(img/home_carpetas_over.jpg) no-repeat; text-decoration:none; }
#principal .productos .chinches { float:left; margin-left:5px; }
#principal .productos .chinches .texto{width:150px; color:#FFF; font-size:11px; padding-top:100px; float:left; padding-left:10px; }
#principal .productos .chinches .boton{ background:url(img/home_chinches.jpg) no-repeat; display:block; cursor:pointer; width:206px; height:175px; text-decoration:none;}
#principal .productos .chinches .boton:hover{ background:url(img/home_chinches_over.jpg) no-repeat; text-decoration:none; }
#principal .productos .clips{ float:left; margin-left:5px; }
#principal .productos .clips .texto{width:150px; color:#FFF; font-size:11px; padding-top:86px; float:left; padding-left:10px; }
#principal .productos .clips .boton{ background:url(img/home_clips.jpg) no-repeat; display:block; cursor:pointer; width:206px; height:175px; text-decoration:none;}
#principal .productos .clips .boton:hover{ background:url(img/home_clips_over.jpg) no-repeat; text-decoration:none; }
#principal .productos_destacados{ float:left; background: url(img/articulos_fondo.jpg) repeat-x; padding-right:7px; width:633px; }
#principal .productos_destacados .productos_destacados_img{ margin-bottom:10px; }
#principal .productos_destacados .articulos{ float:left; margin-left:6px; width:633px; }
#principal .productos_destacados .articulos .articulo{ float:left; width:210px; }
#principal .productos_destacados .articulos .articulo .articulo_img{ float:left; border:1px solid #636367;}
#principal .productos_destacados .articulos .articulo .articulo_img:hover{border:1px solid #CCCCCC;}
#principal .productos_destacados .articulos .articulo label{ float:left; font-size:12px; color:#636367; padding-top:10px;}
#principal .productos_destacados .articulos .articulo span{ float:left; font-size:12px; color:#2f2f34; font-weight:bold}
#principal .productos_destacados .articulos .articulo .btn_consultar{ float:right; margin-top:30px; }
/* PRODUCTOS */
/* Submenu de Productos */
#submenu {width:965px; float:left; margin-left:12px; margin-top:5px;}
#submenu a{ float:left; padding:0; margin:0 }
/* Pag Ppal de Productos */
#principal_productos{ width:100%; float:left; background:#e8e8e8; padding-bottom:30px; }
#principal_productos .titulo{ font-size:14px; padding:20px 0 15px 12px; color:#2a4e99; font-weight:bold; }
#principal_productos .articulo{ width:205px; margin-left:12px; margin-bottom:30px; float:left; }
#art:hover{filter: grayscale(1);}
#principal_productos .articulo .descripcion{ font-size:11px; padding:5px 3px 2px; }
#principal_productos .articulo .descripcion span{ font-weight:bold; }
#principal_productos .articulo .inputs {}
#principal_productos .articulo label{ float:left; padding-top:6px; font-size:11px; color:#2a4e99; font-weight:bolder; margin-right:4px;}
#principal_productos .articulo .label_cantidad {padding-top:0;}
#principal_productos .articulo .checkbox { float:left; margin-right:10px; margin-top:4px;}
#principal_productos .articulo .cantidad{ float:left; width:40px; margin-top:4px; height:13px;border:1px solid #2a4e99; }
#principal_productos .botones{text-align: center; display: inline-flex; margin: 0px; padding: 0px;}
#principal_productos .botones .presupuesto{ padding-left:50px; padding-right:4px;}
#principal_productos .botones a{}
#principal_productos .botones a:hover{ text-decoration:none;}
#principal_productos .paginas {float:left; padding:15px 15px 0 15px; font-weight:bold; font-size:16px; color:#2a4e99;}
/* Productos destacados de la Barra Derecha */
#principal_derecha .productos_destacados{ background:#e8e8e8; float:right; width:100%; margin-top:10px; border-bottom:1px dotted #636367; padding-bottom:17px; margin-right: 0px;}
#principal_derecha .productos_destacados .imagen_grande{ border:1px solid #333333;}
#principal_derecha .productos_destacados .imagen_grande:hover{ border:1px solid #CCCCCC}
#principal_derecha .productos_destacados .destacados { position:relative; width:99%; margin:10px auto 0; }
#slide_destacados {text-align:center; overflow:hidden; height:137px; right: 0px; width: 99%;}
#principal_derecha .productos_destacados .flecha_atras{ position:absolute; top:45%; z-index:1000; left: 0;}
#principal_derecha .productos_destacados .flecha_siguiente{ position:absolute; top:45%; z-index:1000; right: 0;}
#principal_derecha .productos_destacados .texto{ color:#2f2f34; font-size:10px; padding:5px 0 0; line-height:15px; text-align:center; width:99%; margin:0 auto; }
/* PRODUCTOS */
#principal .mensaje {font-size:20px; text-align:center; color:#999; padding-top:20px;}
#presupuesto .productos td input._error, #principal .pedir_presupuesto input._error, #principal .otras_novedades .articulo .inputs input._error, #principal_productos .articulo input._error {color:#de0000; border:1px solid #bd0000;}
#principal .pedir_presupuesto label._error, #principal .otras_novedades .articulo .inputs label._error, #principal_productos .articulo label._error {color:#de0000;}
#principal .titulo_{ font-size: 20px; color:#ffffff ; font-weight: 400; display: -webkit-box; background: #000000; font-style: italic;}
#principal .titulo{ font-size: 20px; color:#ffffff ; font-weight: 400; display: -webkit-box; background: #56af00; font-style: italic;}
#principal .titulo_Arte{ font-size: 20px; color:#ffffff ; font-weight: 400; display: -webkit-box; background: #ff0099; font-style: italic;}
#principal .titulo_Escolar{ font-size: 20px; color:#ffffff ; font-weight: 400; display: -webkit-box; background: #ffb100; font-style: italic;}
#principal .titulo_Biju{ font-size: 20px; color:#ffffff ; font-weight: 400; display: -webkit-box; background: #00A502; font-style: italic;}
#principal .titulo_Oficina{ font-size: 20px; color:#ffffff ; font-weight: 400; display: -webkit-box; background: #007eff; font-style: italic;}
#principal .titulo .volveº {float:right; color:#2a4e99;}
#principal .titulo .volver:hover {color:#576fa5;}
#principal .novedades_imagen{ margin-top:10px; float:left; position:relative;}
#principal .novedades_imagen img {padding:5px;}
#principal .novedades_imagen .atras {position:absolute; top:45%; left:20px;}
#principal .novedades_imagen .adelante {position:absolute; top:45%; right:20px; }
#principal .novedades_imagen .adelante img, #principal .novedades_imagen .atras img { border:0; padding:0; }
#principal .detalle_producto { float:left; width:634px; border-bottom:1px dotted #636367; padding-bottom:25px; padding-left:5px; }
#principal .detalle_producto label{ float:left; color:#00b8ff; font-size:27px; font-weight:bold; padding-top:10px;}
#principal .detalle_producto .descripcion { float:left; font-size:15px; padding-top:15px;}
#principal .detalle_producto .descripcion span{ font-weight:bold;font-size:12px; }
#principal .pedir_presupuesto { float:left; width:634px; padding:8px 0 5px 8px; }
/* #principal .pedir_presupuesto label{ float:left;font-size:11px; color:#2a4e99; font-weight:bolder; padding-top:15px; padding-left:10px; }*/
#principal .pedir_presupuesto .checkbox { float:left; margin-top:12px;margin-left:5px; }
#principal .pedir_presupuesto .cantidad{ float:left;width:40px; height:13px;border:1px solid #2a4e99; margin-top:12px;margin-left:5px; }
#principal .pedir_presupuesto .presupuesto{float:right; }
#principal .ver_todas{ float:right; padding:10px 5px 0 0; }
#principal .otras_novedades { float:left; width:634px; padding-bottom:25px; padding-top:25px; padding-left:5px;}
#principal .otras_novedades .titulo { float:left;width:100%; padding-bottom:20px; display: flex; }
#principal .otras_novedades .titulo label{ float:left; color:#ffffff; font-size:18px; font-weight:bold; padding-top:10px;}
#principal .otras_novedades .articulo{ float:left; width:210px; }
#principal .otras_novedades .articulo .articulo_img{ float:left; border:1px solid #636367;}
#principal .otras_novedades .articulo .articulo_img:hover{border:1px solid #CCCCCC;}
#principal .otras_novedades .articulo label{ float:left; padding: 5px 3px 0; font-size:12px; color:#636367}
#principal .otras_novedades .articulo span{ float:left; padding: 0 3px; font-size:12px; color:#2f2f34; font-weight:bold}
#principal .otras_novedades .articulo .inputs {padding-top:10px;}
#principal .otras_novedades .articulo .inputs label{ float:left; font-size:11px; color:#2a4e99; padding-top:2px; font-weight:bold; }
#principal .otras_novedades .articulo .checkbox { float:left; margin:0 10px 0 4px; }
#principal .otras_novedades .articulo .cantidad{ float:left;width:40px; height:13px;border:1px solid #2a4e99; margin-left:4px; }
#principal .otras_novedades .botones{ float:right;margin-top:30px; }
#principal .otras_novedades .botones .presupuesto{ padding-left:50px; padding-right:4px;}
#principal .otras_novedades .botones a{ padding-left:15px}
#principal .otras_novedades .botones a:hover{ text-decoration:none;}
/* CHECKBOX */
.checkbox .caja {width:18px; height:17px; cursor:pointer; background:url(img/checkbox.jpg) no-repeat;}
.checkbox .tilde {width:18px; height:17px; cursor:pointer; background:url(img/checkbox_tilde.jpg) no-repeat;}
/* EMPRESA */
#principal .texto{ padding-left:5px; color:#274b9a; font-size:14px; margin-top:10px; line-height:18px; padding-right:10px;}
#principal .destacado{ padding-left:10px; background-color:#ae3276; margin-top:40px; width:610px; position:relative; }
#principal .destacado .imagen{ float:left; margin-right:10px; }
#principal .destacado .descripcion{ font-size:14px; line-height:18px; color:#FFF; padding:7px 10px; }
#principal .vertice { position:absolute; bottom:0; right:0;}
/* CONTACTO */
#principal .texto_contacto{padding-left:5px; color:#2f2f34; font-size:12px; margin-top:10px; line-height:16px; padding-right:10px;}
#principal form{ padding-left:5px; color:#2f2f34; font-size:12px; margin-top:10px; line-height:16px; padding-right:10px;}
#principal form .etiqueta {color:#274b9a; font-size: 14px; float:left; padding: 10px 0 10px 25px; width:120px; margin-top:10px;}
#principal form .campo { color:#1e485d; font-size: 13px; height: 25px; background:#d4ecf9; font-weight: bold; padding:15px 0 0 5px; width:470px; float: left; margin-top: 10px; }
#principal form .campo_corto { color:#1e485d; font-size: 13px; height:25px; background:#d4ecf9; font-weight: bold; padding:15px 0 0 5px; width:320px; float: left; margin-top: 10px; }
#principal form .area { color:#1e485d; font-size: 13px; height: 125px; background: #d4ecf9; font-weight: bold; padding:10px 0 0 5px; width:470px; float: left;margin-top: 10px; }
#principal form .botones { margin-top:25px; float:right; padding-right:120px;}
/* MISION */
#principal .subtitulo {color:#274b9a; font-weight:bold; font-size:20px; padding:20px 0 15px;}
#principal .resaltado {color:#ae3276; font-weight:bold; font-size:14px;}
#principal div.resaltado {margin-bottom:20px;}
#principal .principios {list-style:url(img/tick.jpg); padding:20px 0 20px 20px; margin: 0 0 0 5px;}
#principal .principios li {padding:5px 0;}
#principal .bajada {color:#274b9a; font-size:15px;}
#principal .divisor {height:1px; border-top:2px dotted #8a8a8d; margin-top:1px;}
/* PRESUPUESTO */
body.presupuesto {background:#f0f3ff url(img/presupuesto185.jpg) no-repeat top;}
#presupuesto {padding:60px 0 10px; width:500px; margin:0 auto;}
#presupuesto .subtitulo {font-size:14px; padding:20px 0 0 15px; background:url(img/item_presupuesto18.jpg) no-repeat 0 20px;}
#presupuesto .cabecera {width:100%; margin-top:15px; padding:7px 0; background-color:#4062aa;}
#presupuesto .cabecera td {color:#FFFFFF; font-weight:bolder; font-size:11px; text-align:center; text-transform:uppercase; padding:3px 0 3px 10px;}
#presupuesto td.nombre {text-align:left;}
#presupuesto td.cantidad_td { width:75px; padding:3px 10px; border-right:1px dotted #FFFFFF; border-left: 1px dotted #FFFFFF;}
#presupuesto td.remover {padding-left:10px; width:70px;}
#presupuesto .productos.scroll {height:150px; overflow-Y:scroll;}
#presupuesto .productos table {width:100%;}
#presupuesto .productos td.cantidad_td {padding:3px 11px;border:0; text-align:center;}
#presupuesto .productos td.remover {text-align:center;}
#presupuesto .productos .cantidad {width:35px; padding:1px 2px; text-align:right; border:1px solid #000;}
#presupuesto .productos td {padding:2px 0 2px 10px;}
#presupuesto .productos td a {color:#000;}
#presupuesto .productos td a:hover {text-decoration:underline;}
#presupuesto .productos .filaoscura td {background-color:#adadff;}
#presupuesto .formulario {width:100%; margin-top:20px;}
#presupuesto .formulario td {padding:2px 0;}
#presupuesto .formulario .input, #presupuesto .formulario .textarea {border:1px solid #2A4E99; padding:2px 4px; width:350px; font-size:13px;}
#presupuesto .botones {padding-top:30px; text-align:center;}
#presupuesto .botones .enviar {margin-right:30px;}
#presupuesto .botones input {cursor:pointer;}
#presupuesto .resultados {text-align:center; font-size:17px; color:#666;}
@media (max-width: 1212px) {
#principal_derecha {
width: 0px !important;
display: none;
}
#principal_productos {
width: 100% !important;
}
}