body{margin: 0px; padding: 0px; text-align: center; font: 11px Tahoma, Arial, Helvetica, Sans-serif; color: #666;}
form, label{margin: 0px; padding: 0px;}
label{cursor: pointer; border: 0px;}
button{display: none; visibility: hidden;}

h1{color: #003871; font: bold 16px Tahoma, Arial, Helvetica, Sans-serif; padding: 0px; margin: 10px 0px 15px 0px;}
h2{color: #003871; font: bold 14px Tahoma, Arial, Helvetica, Sans-serif; padding: 0px; margin: 15px 0px;}
h3{color: #003871; font: bold 12px Tahoma, Arial, Helvetica, Sans-serif; padding: 0px; margin: 10px 0px 15px 0px; clear: left;}

a:link, a:visited{color: #0055AA; text-decoration: underline;}
a:hover, a:active{color: #003871; text-decoration: underline;}

input{border: 1px solid #999; background: url(../images/html/fondo_input.gif) no-repeat 0px 0px; padding: 0px 2px; font: 1em Tahoma, Arial, Helvetica, Sans-serif; color: #666; height: 17px;}
input.armar_producto{border: 0px; background: none; padding: 0px 2px; font: bold 1em Tahoma, Arial, Helvetica, Sans-serif; color: #666; height: 17px; text-align:center; width: 40px;}
select{border: 1px solid #999; padding: 0px 0px 0px 2px; font: 1em Tahoma, Arial, Helvetica, Sans-serif; color: #666;}
input.checkbox{border: none; background: none; padding: 0px;}

textarea{border: 1px solid #999; background: url(../images/html/fondo_input.gif) no-repeat 0px 0px; padding: 0px 2px; font: 1em Tahoma, Arial, Helvetica, Sans-serif; color: #666;}

ul{margin: 0px; padding: 0px;}
ul li{padding: 2px 0px 2px 7px; list-style-type: none; margin: 0px;}
ul.condiciones{font: 0.9em Tahoma, Arial, Helvetica, Sans-serif;}
ul.condiciones li{background-position: 0px 10px;}

.float_left{float: left; margin: 0px 2px;}
.foto_right{float: right; border: 1px solid #CCC; margin: 2px; padding: 2px;}

.condiciones{font: 9px Tahoma, Arial, Helvetica, Sans-serif; color: #333;}

/*CABECERA: LOGO INTERNAS FOTO E ISOTIPO USADO EN LAS PAGINAS INTERNAS*/
#cabecera{text-align: center; margin: 0px; padding: 0px 0px 6px 0px;}
#cabecera #logo{margin: 0px;}
#cabecera #foto_cabecera{display: none; visibility: hidden;}
#cabecera #tit_comunicaciones{display: none; visibility: hidden;}


/*MENU PRINCIPAL: Menu superior del sitio web*/
#menu_principal{display: none; visibility: hidden;}

/*MENU LEFT*/
#left {width: 150px; float: left; height: 100%; padding: 6px 3px; font-size: 0.9em; border-right: 1px solid #CCC;}
#left h1{display: none; visibility: hidden;}
#left h2{display: none; visibility: hidden;}
#left h3{display: none; visibility: hidden;}
#left ul{display: none; visibility: hidden;}

/*HOME: CENTRO (ESTILO PARA FLASHS, el ancho del centro en IE esta definido en inclusion "tpl/cabecera.tpl.html" para compatibilidad con navegadores)*/
#centro_home{float: left; margin: 0px auto 0px auto; padding: 15px 0px; text-align: center; font: 9px/160% Tahoma, Arial, Helvetica, Sans-serif; color: #999; width: 350px;}
#centro_home strong,b{color: #0055AA;}


/*RIGHT: Contenido alienado a la derecha, usado en productos destacados del home y en las fotos de las internas.*/
#right {width: 140px; float: right; height: 100%; padding: 6px 2px; font: 0.9em Tahoma, Arial, Helvetica, Sans-serif; border-left: 1px solid #CCC;}
#right img{border: 1px solid #CCC; margin: 0px;}
#right p{margin: 0px 0px 3px 0px; padding: 0px;}
#right a{border: 0px; text-decoration: none; color: #CCC;}
#right .lupa{ display: none; visibility: hidden;}

#right.ficha_producto p{margin: 0px 0px 10px 0px; color: #FFF; text-align: center; background: #93B5D5; padding: 3px 2px;}
#right.ficha_producto a:link, #right.ficha_producto a:visited{color: #FFF;}


/*MENU SUPERIOR: CARRO DE COMPRA y BUSCADOR*/
#carro{display: none; visibility: hidden;}

/*BREADCRUMBS*/
#breadcrumbs{display: none; visibility: hidden;}

#imprimir{display: none; visibility: hidden;}

/*CONTENIDOS*/
#contenidos{text-align: left; height: 1px; width: 100%; display: table; font: 1em Tahoma, Arial, Helvetica, Sans-serif; color: #666; border: 1px solid #CCC;}

#contenidos a.bajar_pdf:link, #contenidos a.bajar_pdf:visited{display: none; visibility: hidden;}

/*Contenidos para IE definidos en inclusion tpl/cabecera.tpl.html*/
#contenido_aplicacion{width: 350px; margin:0px; padding: 0px 0px 20px 0px; position: relative; display: table; float: left; height: 1px; }
#contenido_aplicacion h1{font-size: 1em; padding: 5px 0px; margin: 0px; height: 35px;}
#contenido_aplicacion h2{font-size: 1em; padding: 3px 6px; margin: 0px; font-weight: normal; height: 80px; border-bottom: 1px solid #CCC; background: #F7F8F9;}
#contenido_aplicacion p{padding: 10px 5px; margin: 0px;}
#contenido_aplicacion ul{padding: 0px 5px; margin: 0px;}
#contenido_aplicacion .bajada{width: 100%; display: table;font: 0.9em/100% Verdana, Arial, Helvetica, sans-serif;}
#contenido_aplicacion .bajada .redes_left{width: 213px; float: left; border-right: 1px solid #CCC; margin: 0px 6px 0px 5px; padding: 0px 0px 10px 0px;}
#contenido_aplicacion .bajada .redes_right{width: 75px; float: left;}
#contenido_aplicacion .contenidos{float:left; width: 100px; font: 0.9em/120% Verdana, Arial, Helvetica, sans-serif; height: 90%; border: 1px solid #CCC; margin: 0px 0px 0px 1px;}
#contenido_aplicacion .masinfo{margin: 0px; padding: 0px;}
#contenido_aplicacion .pdf{display: none; visibility: hidden;}



.listado_productos p{border-bottom: 1px solid #CCC; margin: 10px 0px; padding: 0px 0px 8px 0px;}
.listado_productos a:link, .listado_productos a:visited{color: #666; font-weight: bold; padding: 2px 0px;} /*define los colores de links de plantilla listado de productos*/
.listado_productos a:hover, .listado_productos a:active{color: #F5F5F5; background: #666;}

/*INTERNAS*/
#centro_internas{margin: 0px; float: left; display: table; padding: 0px; width: 349px; padding: 0px; }/*Ancho para IE definido en inclusion "tpl/cabecera.tpl.html"*/
#centro_internas.sinfondo{width: 495px; height: 100%;}
#centro_internas.armar{width: 495px; height: 100%;}
#contenido_internas{width: 100%; padding: 0px 10px 20px 10px; display: table; font: 11px/140% Tahoma, Arial, Helvetica, Sans-serif; color: #666;}/*Usado para dar el margen respecto al breadcrumbs segun maqueta*/

/*ORDEN DE COMPRA*/
#orden_compra{width: 100%; margin: 0px; padding: 0px 0px 5px 0px; display: table; clear: left; border-bottom: 1px solid #E0E0E0;}
#orden_compra .left{margin: 0px 2px 0px 0px; padding:0px; float: right; width: 400px;}
#orden_compra .right{margin: 0px 2px 0px 0px; padding:0px; float: left; width: 200px;}
#orden_compra #fecha_compra{margin: 0px 5px; padding: 5px 0px 0px 0px; font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;}

#orden_compra .datos{width: 100%; margin: 0px  0px 4px 2px; padding: 0px; border-top: 1px solid #E8E8E8; border-left: 1px solid #E8E8E8; border-right: 1px solid #E8E8E8; font: 0.9em Tahoma, Arial, Helvetica, Sans-serif;}
#orden_compra .datos th{ background: #f5f5f5; border-right: 1px solid #CCC; padding: 5px 0px 0px 1px; text-align: left; vertical-align: top; font-weight: normal; border-bottom: 1px solid #E8E8E8; height: 30px;}
#orden_compra .datos td{padding: 5px 1px 0px 2px; text-align: left; vertical-align: top; font-weight: normal; border-bottom: 1px solid #E8E8E8; height: 30px;}
#orden_compra .datos tr.noborde{border: 0px;}
#orden_compra .datos input{width: 100%;}
#orden_compra .datos textarea{width: 100%; height: 82px;}

#condiciones_orden{width: 100%; margin: 0px 0px 20px 0px; padding: 10px 0px; display: table; clear: left; border-bottom: 1px solid #E0E0E0;}
#condiciones_orden .left{margin: 0px 2px 0px 0px; padding:0px; float: left; width: 400px;}
#condiciones_orden .right{margin: 0px 2px 0px 0px; padding:0px; float: right; width: 200px;}
#condiciones_orden h1{margin: 0px; padding: 0px 0px 5px 0px; font: bold 1em Verdana, Arial, Helvetica, sans-serif;}
#condiciones_orden #observaciones{font: 0.9em/160% Verdana, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px;}
#condiciones_orden  textarea{width: 100%; height: 82px;}


/*INFORMACION*/
#contenido_internas.texto_informacion{width: 349px; margin: 0px 0px 15px 4px; display: table; padding: 0px 0px 20px 0px;}
.informacion_archivos{width: 455px; border: 1px solid #CCC; background: #E2E8ED; font: 0.9em/160% Verdana, Arial, Helvetica, sans-serif; height: 100%; padding: 0px 0px 20px 0px; display: table; margin: 0px 0px 15px 25px;}
.informacion_archivos p {padding: 5px 10px; margin: 0px;}
.informacion_archivos .descargar_pdf{ display: none; visibility: hidden;}


/*ONLINE SHOP*/
#contenidos .ofertas{width: 100%; border-bottom: 1px solid #C9D4DF; padding: 0px 5px 10px 10px; margin: 15px 0px; background: #F4F8FB; font: 1em/160% Tahoma, Arial, Helvetica, Sans-serif; display: table; color: #7E7E7E;}
#contenidos .ofertas h1{font: bold 1em Tahoma, Arial, Helvetica, Sans-serif; margin: 4px 0px 10px 0px; padding: 0px;}
#contenidos .ofertas img{float: right; border: 1px solid #C9D4DF; margin: 3px 2px 0px 2px;}

/*TABLAS: Formularios y Carro de cotizaciones*/
#formularios{font: 1em/160% Tahoma, Arial, Helvetica, Sans-serif; color: #666; width: 100%; border: 0px;}
#formularios th{border: 1px solid #E2E8ED; padding: 7px 2px; text-align: left; width: 40%; vertical-align: top; background: url(../images/html/fondo_formularios.jpg) repeat-x 0px 0px;}
#formularios td{border: 1px solid #E2E8ED; padding: 7px 2px; vertical-align: top;}
#formularios input#telefono{width: 122px;}

#carro_cotizacion{font: 1em/160% Tahoma, Arial, Helvetica, Sans-serif; width: 100%; color: #666; border-top: 1px solid #CCC; border-left: 1px solid #CCC; }
#carro_cotizacion th{border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; background: #0055AA; padding: 2px; vertical-align: top; color: #FFF;}
#carro_cotizacion td{border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; padding: 2px; vertical-align: top; text-align: center;}
#carro_cotizacion td.left{text-align: left;}
#carro_cotizacion td.right{text-align: right;}
#carro_cotizacion td.total{background: #CAE4FF; text-align: right; font-weight: bold; color: #0055AA;}
#carro_cotizacion td.noborde{ border: 0px;}
#carro_cotizacion th a:link, #carro_cotizacion th a:visited{color: #FFF;text-decoration: none;}
#carro_cotizacion th a:hover, #carro_cotizacion th a:active{color: #FFF;text-decoration: underline;}

#armar_producto{font: 1em/160% Tahoma, Arial, Helvetica, Sans-serif; color: #666; width: 100%; border-top: 1px solid #CCC; border-left: 1px solid #CCC; }
#armar_producto th{border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; background: #0055AA; padding: 2px; vertical-align: top; color: #FFF;}
#armar_producto td{border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; padding: 2px; vertical-align: top; text-align: left;}
#armar_producto td.destacado{background: #F4F5FA;}
#armar_producto select{width: 160px;}

/*SOLICITUD DE COTIZACION*/
#numero_orden{margin: 0px 0px 10px 0px; padding: 0px; width:100%; display:table;}
#numero_orden h2{float: left; margin: 0px; padding: 0px;}
#numero_orden p{font: 1em/160% Tahoma, Arial, Helvetica, Sans-serif; float: right; text-align: right; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 8px; clear: right; background: url(../images/html/bullet_vermas.gif) no-repeat 0px 8px;}

/*COTIZACIONES: BOTONES INFERIORES*/
#botones_inferiores{display: none; visibility: hidden;}

/*POPUP FICHA DE PRODUCTOS: FOTOS*/
#popup{width: 100%; font: 1em Tahoma, Arial, Helvetica, Sans-serif; height: 100%;margin: 0px; padding: 0px;}
#popup #top{background: url(../images/html/fondo_cabecera_mailing.gif) repeat-x left bottom; height: 6px; font: 1px Arial, Helvetica, sans-serif; width:100%; height: 2%; margin: 0px; padding: 0px;}
#popup #foto{text-align: center; width:100%; padding: 5px; height: 96%; overflow: auto;}
#popup #bottom{background: url(../images/html/fondo_cabecera_mailing.gif) repeat-x left bottom; height: 6px; font: 1px Arial, Helvetica, sans-serif; height: 2%; margin: 0px; padding: 0px;}

#paginador{display: none; visibility: hidden;}

/*PIE DE PAGINA*/
#pie{width: 100%; clear: left; font: 9px/160% Tahoma, Arial, Helvetica, Sans-serif; color: #666;}
#pie strong,b{color: #0055AA;}

#pie #menu_inferior{display: none; visibility: hidden;}

#pie #copyright{padding: 0px 0px 6px 0px; margin: 10px 0px; color: #999;}
#pie #copyright a:hover{color: #FFF; background: #0055AA; padding: 2px 0px;}

#bottom{display: none; visibility: hidden;}
#bottom #intermedia{display: none; visibility: hidden;}

