BODY {
font: 9pt Arial, Georgia, Helvetica, sans-serif; 
color:#000000;
line-height:15px;
word-spacing:0px;
letter-spacing:0px;
margin:0px;
background: #8D1216 url('fondo.gif') top center repeat-y;
}

A{color:#B11A1F;text-decoration:none;}
A:HOVER{color:#B11A1F;text-decoration:none;}
p, h1, h3{ margin:0; padding:0px;}

div, p, table, td, th, ul, ol, textarea, input {
font: 9pt Arial, Georgia, Helvetica, sans-serif;
}
label {
display: none;
}
.oculto {
display: none;
}
br.clear {
clear: both;
}

#global{
width:760px;
margin: 0 auto;
background: #FFFFFF;
border-top: 8px solid #5B0E11;
}

#cabecera{
width:760px;
height: 180px;
margin: 0 auto;
background: #8D1216 url('cabecera.jpg') top center no-repeat;
}
#superior_menu{
float: right;
width: 282px;
margin: 32px 0 0 0;
}

.menu_superior{
list-style-type: none;
margin: 0;
padding: 0;
width: 160px;
}

.menu_superior li a{
display: block;
width: 100%;
padding: 7px 0 8px 12px;
text-decoration: none;
color: #FFFFFF;
border-left: 1px solid #B11A1F;
}

.menu_superior li a:hover{
color: #B11A1F; 
border-left: 3px solid #B11A1F;
padding-left: 10px;
text-decoration: none;
}

.menu_superior li.activo a{ 
border-left: 8px solid #B11A1F;
font-style: italic;
font-family: Georgia, Arial, Helvetica, sans-serif;
color: #B11A1F; 
padding-left: 6px;
}
.menu_superior li.activo a:hover{
color: #B11A1F; 
border-left: 8px solid #B11A1F;
padding-left: 6px;
}
.menu_superior li.fin a{ 
padding: 7px 0 6px 12px;
}
.menu_superior li.fin a:hover{ 
padding: 7px 0 6px 10px;
}
.menu_superior li.fin_activo a{ 
color: #B11A1F; 
border-left: 8px solid #B11A1F;
padding: 7px 0 6px 6px;
}
.menu_superior li.fin_activo a:hover{ 
color: #B11A1F; 
padding: 7px 0 6px 6px;
border-left: 8px solid #B11A1F;
}

#cabecera2{
width:760px;
height: 80px;
margin: 0 auto;
}

/*------------- buscador --------------*/
#buscador {
float: right;
width: 266px!important;
width: 271px;
margin: 1px 0 0 0;
color: #FFFFFF;
background: #771418;
padding: 0 10px 0 5px!important;
padding: 3px 0 3px 10px;
font: 10pt Arial, Verdana, Helvetica, sans-serif; 
}
#buscador fieldset {
float: left;
border: 0;
}

#buscador legend{
display: none;
}
#buscador label {
display: none;
}
#buscador span {
display: none;
}
.submit2 {
display: block;
margin-left: 5px!important;
margin-left: 15px;
margin-top: 6px!important;
margin-top: 1px;
width:60px; 
background-color: #8D1216;
border-top: 1px solid #EF8C8F;
border-left: 1px solid #EF8C8F;	
border-right: 1px solid #771418;
border-bottom: 1px solid #771418;
color: #FFFFFF;
float: left;
}
.input2{
margin: 0px;
padding: 2px 0px 0 7px;
border: 1px solid #ccc;
width:150px; 
height:15px!important;
height:15px;
color:#808080;
}

/*-------------- fin buscador ---------------*/

.boton{
width: 30px;
border: 1px solid #B11A1F;
}

#catalogo{
float: right;
width: 281px;
}
.menu_catalogo{
list-style-type: none;
margin: 0 0 15px 0;
padding: 0 0 4px 0;
width: 265px!important;
width: 265px;
border-right: 1px solid #B8B1A1;
border-left: 1px solid #B8B1A1;
border-bottom: 1px solid #B8B1A1;
background: #B8B1A1;
font: 8pt Arial, Verdana, Helvetica, sans-serif; 
}
.menu_aviso{
list-style-type: none;
margin: 0 0 15px 0;
padding: 10px 10px 25px 10px;
width: 245px!important;
width: 245px;
border-right: 1px solid #B8B1A1;
border-left: 1px solid #B8B1A1;
border-bottom: 1px solid #B8B1A1;
background: #F1ECE1;
text-align: justify;
font: 8pt Arial, Verdana, Helvetica, sans-serif; 
}
.menu_empresa{
list-style-type: none;
margin: 0 0 15px 0;
padding: 10px 5px 25px 5px;
width: 255px!important;
width: 255px;
border-right: 1px solid #B8B1A1;
border-left: 1px solid #B8B1A1;
border-bottom: 1px solid #B8B1A1;
background: #F1ECE1;
text-align: center;
font: 8pt Arial, Verdana, Helvetica, sans-serif; 
}
.img_empresa{
padding: 5px 0 0 0;
}
.resaltar {
color: #972626;
font-weight: bold;
}
.menu_catalogo li a{
display: block;
margin: 1px 0 0 0;
padding: 3px 0 2px 20px;
width: 235px;
text-decoration: none;
color: #B11A1F;
background: #F1ECE1;
border-left: 5px solid #A09A8C;
border-right: 5px solid #E5DDC8;
}
.menu_catalogo li.seccion {
color: #FFFFFF;
padding: 7px 0 5px 10px;
background: #B8B1A1;
border-left: 5px solid #A09A8C;
border-right: 5px solid #E5DDC8;
}

.menu_catalogo li a:hover{
text-decoration: none;
color: #5B0E11; 
background: #D6CFBD;
border-left: 5px solid #F1ECE1;
border-right: 5px solid #F2EDE0;
}

#articulo {
width: 465px;
height: auto!important;
height: 550px;
min-height: 550px;
margin: 8px; 
vertical-align: middle;
font-size: 11px;
font-family: tahoma, verdana, arial;
}
#articulo div.boton1 {
margin: 4px;
display: block; 
float: left;
height: 265px !important;
height: 265px; 
width: 210px !important;
width: 210px; 
vertical-align: middle; 
text-align: center;
text-decoration : none;
background: #FFFFFF;
border: 1px solid #B8B1A1;
padding: 5px 5px 0 5px;
}
#articulo div.paginar {
margin: 4px;
display: block; 
float: left;
width: 440px !important;
width: 440px; 
vertical-align: middle; 
text-align: center;
text-decoration : none;
color: #B11A1F;
background: #F1ECE1;
border: 1px solid #B8B1A1;
padding: 5px 5px 5px 5px;
font-family: tahoma, verdana, arial;
}
.pagina {
width: 60px;
border: 1px solid #B11A1F;
padding: 1px 1px 1px 2px;
}

.prod_nombre {
height: 35px; 
padding: 4px;
text-align: left;
font: 8pt Arial, Verdana, Helvetica, sans-serif; 
font-weight: bold;
color: #5B0E11;
background: #D6CFBD;
}

.prod_foto {
margin-top: 10px;
height: 130px; 
}
.prod_foto2 {
margin-top: 1px;
height: 18px; 
}
.prod_texto {
padding: 4px;
font: 8pt Arial, Verdana, Helvetica, sans-serif; 
color: #808080;
}

.prod_precio {
color: #FFFFFF;
margin-top: 5px;
padding-top: 3px;
font-size: 13pt; 
font-weight: bold;
height: 27px; 
background: #771418 url('precio.gif') top center no-repeat;
}

#showimage{
position:absolute;
visibility:hidden;
border: 1px solid gray;
}

#dragbar{
background-color: #EFEFEF;
min-width: 100px; /*NS6 style to overcome bug*/
}

#dragbar #closetext{
font-weight: bold;
margin-right: 1px;
}

#pie_pagina {
margin: 15px 0 0 0!important;
margin: 0px;
font: 8pt Arial, Verdana, Helvetica, sans-serif; 
width:760px;
height: 65px;
background: #5B0E11;
color: #F1ECE1;
text-align: center;
padding-top: 10px;
}
#mapa {
width:760px;
height: 500px;
text-align: center;
padding-top: 10px;
}
#ficha {
width:760px;
text-align: center;
padding-top: 10px;
height: auto!important;
height: 500px;
min-height: 500px;
}
#ficha div.articulo {
width:600px;
text-align: center;
padding: 10px;
font: 13pt Arial, Verdana, Helvetica, sans-serif; 
font-weight: bold;
color:#771418;
background: #F1ECE1;
margin: 0 auto;
}
#ficha div.precio {
width:600px;
text-align: center;
padding: 10px;
font-size: 15pt;
font-weight: bold;
color:#771418;
background: #F1ECE1;
margin: 0 auto;
}
#ficha div.detalle {
width:600px;
text-align: left;
padding: 10px;
font: 10pt Arial, Verdana, Helvetica, sans-serif; 
color: #808080;
background: #E1E1E1;
margin: 0 auto;
}
#aviso {
width:720px;
font: 10pt Arial, Verdana, Helvetica, sans-serif; 
text-align: justify;
padding: 20px;
}
.txt_titular {
color:#771418;
font: 12pt Arial, Verdana, Helvetica, sans-serif; 
font-weight: bold;
text-decoration: underline;
}

/*---------- FORMULARIO ---------------*/
#formulario {
margin: -10px 0 20px 0!important;
margin: -5px 0 0 0;
padding: 20px 0 0 20px!important;
padding: 0 0 0 40px;
text-align: left;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 8pt;
}
#formulario fieldset {
border: 0;
}
#formulario legend{
display: none;
}
#formulario label,input {
display: block;
}
#formulario label {
padding: 0 0 0 10px;
font-weight: bold;
color: #771418;
}
#formulario textarea{
border: 1px solid #771418;
color: #808080;
overflow:auto;
}
.submit {
margin-left: 15px;
margin-top: 4px!important;
margin-top: 10px;
background-color: #8D1216;
border-top: 1px solid #EF8C8F;
border-left: 1px solid #EF8C8F;	
border-right: 1px solid #771418;
border-bottom: 1px solid #771418;
color: #FFFFFF;
float: left;
}
.desplazar {
margin-left: 240px!important;
margin-left: 120px;
}
#formulario  br {
clear: left;
}
#formulario .div-form {
margin: 12px 0 0 0;
}
#formulario .div-form2 {
margin: 0 0 0 10px;
float: left;
}
.input1{
border: 1px solid #771418;
margin: 5px 0 0 0;
padding: 3px 5px 0 7px;
width:380px; 
height:20px;
color: #808080;
}
.textarea1 {
margin: 5px 0 0 0;
padding: 3px 5px 0 7px;
width:380px; 
height:170px;
}
.input22{
border: 1px solid #771418;
margin: 5px 0 0 0;
padding: 3px 5px 0 7px;
width:50px; 
height:20px;
color: #808080;
}
.textarea22 {
margin: 5px 0 0 0;
padding: 3px 5px 0 7px;
width:410px; 
height:40px;
}


#formulario2 {
margin: -10px 0 20px 0!important;
margin: -5px 0 0 0;
padding: 20px 0 0 20px!important;
padding: 0 0 0 40px;
text-align: left;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 8pt;
}
#formulario2 fieldset {
border: 0;
}
#formulario2 legend{
display: none;
}
/*#formulario2 label,input {
display: block;
}*/
#formulario2 label {
font-weight: bold;
color: #771418;
}
#formulario2 textarea{
border: 1px solid #771418;
color: #808080;
overflow:auto;
}
.input222{
border: 1px solid #771418;
margin: 5px 0 0 0;
padding: 3px 5px 0 7px;
height:20px;
color: #808080;
}
#formulario2 .formu1 {
font-weight: bold;
text-align: right;
padding: 10px 3px 0 0;
color: #771418;
float: left;
width:100px;
}
#formulario2 .formu2 {
float: left;
width:370px;
}
#formulario2 .formu3 {
float: left; 
width:10px; 
color: #771418; 
font-weight: bold; 
padding-top: 8px;
}


/* ------------- fin formulario --------------*/


.novedad {position:relative; margin-top: -110px; text-align: left; padding-left: 50px;}
.carrito {text-align:right; width:680px; height:20px; position:absolute; padding-top: 5px; color: #fcff00}
.carrito a{color: #fcff00}
.inicio {background: #ECE5D5 url('cabecera2.gif') top center no-repeat;}
.servicio {background: #ECE5D5 url('servicios.gif') top center no-repeat;}
.localiza {background: #ECE5D5 url('localiza.gif') top center no-repeat;}
.articulos {background: #ECE5D5 url('catalogo.gif') top center no-repeat;}
.comprando {background: #ECE5D5 url('carro.gif') top center no-repeat;}
.aviso {background: #ECE5D5 url('aviso.gif') top center no-repeat;}
.empresa {background: #ECE5D5 url('empresa.gif') top center no-repeat;}
.contacto {background: #ECE5D5 url('contacto.gif') top center no-repeat;}

/*---------------- tabla pedidos ------------------------------*/

.ped_texto { width:700px; text-align: justify;}
.ped_cabecera { width:700px; height:20px;background: #ECE5D5;}
.ped_linea { text-align: center; width:700px; border-bottom: 1px solid #B11A1F;}
.ped_linea .ref{float: left; width:80px; text-align: center;padding-top: 5px;}
.ped_linea .arti{float: left; width: 370px; text-align: left;}
.ped_linea .unid{float: left; width: 70px; text-align: center;padding-top: 5px;}
.ped_linea .preunid{float: left; width: 80px; text-align: right;padding-top: 5px;}
.ped_linea .tota{float: left; width: 70px; text-align: right;padding-top: 5px;}
.ped_linea .borra{float: left; width: 30px; text-align: center;padding-top: 5px;}
.ped_linea2 {width:650px;}
.ped_linea2 .tota{float: right; width: 70px; text-align: right;padding-top: 5px;}
.ped_linea2 .tota2{float: right; width: 120px; text-align: right;padding-top: 5px;}