/*
Menú Izquierda: Tahoma   Regular  14 px,  Color #ffffff
Texto Menú izquierda:  Tahoma Regular   12 px,  Color #ffffff

Menú superior:  Tahoma   Regular  12 px, color #CC3300

Texto pedidos: Times New Roman  23,50 px,  color  #ffffff
Texto teléfono pedidos: Times New Roman  32 px,  color  #ffffff

PRODUCTOS
Título: Currier New   Bold  22 px, Color #666666
Descripción: Currier New Regular  12 px, Color #666666
Precio Texto:  Currier New Regular  11 px, Color #ffffff
	   Euros: Currier New Bold 18 px, Color #ffffff
Oferta Texto: Currier New Bold 11 px, Color #666666
	   Euros: Currier New Bold 18 px, Color #666666

Pié: Tahoma  Regular  12 px, color #ffffff      
*/      

html {
    height: 100%;
    margin:0px;

}

body {
    height: 100%;
    margin:0px;
    font-family: "Tahoma","Arial","Verdana";
    font-size: 80%;
    color:#666666;
    background-color:#5E3A27;
}


td,th,p,div,span{
    font-size: 1.0em;            
}

th{

  text-align: justify;
}

form{
    margin-bottom: 0px;
    margin-top: 5px;
    
}

.alderecha{
    text-align: right;
}                                   

.alizquierda{
    text-align: left;
}  
.alcenter{
    text-align: center;
}   
.mayusculas{
    text-transform: uppercase;
 }                                                                                                   

a, a:link, a:visited{
    text-decoration:none;
    color: #CC3300;    /* color por defecto de los enlaces de la web */                         
}
a:hover{
    text-decoration:underline;
}

.salto{
    clear:both;
}


.vcentrar{
    vertical-align: middle;
} 
      
img.sinborde{               
    border:0px;
} 
      
/* -------------- para formularios ----------------*/
      

    table.tableformu input{
        font-family: Arial;
        font-size: 1.0em; 
        border-width: 1px;
        border-style: solid;
        border-color: #2A669F;
        background-color: #FFFFFF;
    }
    table.tableformu select{
        font-family: Arial;
        font-size: 1.0em; 
        border-width: 1px;
        border-style: solid;
        border-color: #2A669F;
        background-color: #FFFFFF;
    }
    table.tableformu textarea{
        font-family: Arial;
        font-size: 1.0em; 
        border-width: 1px;
        border-style: solid;
        border-color: #2A669F;
        background-color: #FFFFFF;
    }
    table.tableformu th{
        text-align: right;
        font-weight: bold;
    }
     
    table.tableformu input.checkradio, input.checkradio{
        border: 0;
    
    }
    
    table.tableformu input.boton, input.boton{
        height : 20px;
        cursor:pointer;
        
        background-color: #CC3300;
        font-family: "Courier New";    
        color: #ffffff;
        
        border: 0px;
    }

    a.boton, a.boton:link, a.boton:visited, a.hover{                                              
        background-color: #CC3300;
        font-family: "Courier New";    
        color: #ffffff;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
        text-decoration: none;
    }

/* -------------- fin para formularios ----------------*/


/* contenidos */
h1.titulo_seccion{       /* estilo para los títulos de los módulos y los contenidos */ 
    
    
    font-size: 1.3em;
    color:#5E3A27;
    font-family: "Times New Roman";
    font-style: italic;
    
    margin-bottom: 8px;  
    padding-left: 20px;    
}



/* para los mensajes al usuario*/
 .mensajeusuario{
    
    font-size: 1.3em;
    color: #FF2200;
    font-family: Arial;
    font-weight: bold;
    text-align: center;
 
 }
 

/* *****************  capas ************************** */

div#general{
    width:985px;
    background-color: #5E3A27;
    /*border: 1px solid #AE9C93;*/
    text-align: left;
}

div#cabecera{
    width:598px;
    height: 163px;
    /*background-image:url("images/fondocabecera.png");
    font-family: "Tahoma";
    color: #ff0000;
    font-size: 1.8em;
    font-weight: bold;   
    text-align: center;*/    
}

div#menutop{
    background-color: #FFFFFF;
    height: 23px;
    border-width : 0px;
    color: #CC3300;
    border-bottom: 1px solid #AE9C93;
    font-family: "Tahoma";
    font-size: 0.90em; 
}
div#menutop a, div#menutop a:link, div#menutop a:visited{
    color:#CC3300;    
} 

div#menutop a:hover{ 
} 
                          
div#menuiz{
    width: 188px;
    float: left;
    position: relative;
    margin-right: 2px; 
    font-size: 1.1em;                            
}
div#menuiz a, div#menuiz a:link, div#menuiz a:visited{
    color:black;  
} 

div#menuiz a:hover{
    color:#F86605;  
} 

div#menude{
    width: 180px;
    margin-left: 5px;
    float: left;
    position: relative;
    text-align: center; 
}
div#menude a, div#menude a:link, div#menude a:visited{
    color:black;  
} 

div#menude a:hover{
    color:#F86605;  
} 

 
#centro{         
    width:598px;
    float: left;               
   /* border: 1px solid #00ff00; */
    background-color: #ffffff;
    background-image: url("images/imagenInferiorContenido.jpg");
    background-repeat: no-repeat;
    background-position: bottom;     
} 


#contenido{ 
    float: left; 
    margin-left: 5px;      
    margin-top: 30px;
    padding-left: 15px;  
    padding-right: 15px;  
    background-color: #ffffff;  
}
 
div#nav{
    
    font-size:0.9em;
    color:#4B5E06;
    padding-left: 10px;
    padding-bottom: 4px;
    padding-top: 4px;
    
    border-style: solid;
    border-color: #eaeaea;
    border-width: 1px;
    
    margin-bottom: 10px; 
    
}

div#nav a, div#nav a:link, div#nav a:visited{
    color:#4B5E06;
    font-weight: bold;
}



div#pie{          
    font-family: "Tahoma";
    /*background-color:#E2E1E1; */
    color:#ffffff;
    font-size:0.9em;
    width:100%;
    text-align: center;
    margin-top: 8px;         
    margin-bottom: 8px;         
}
div#pie a, div#pie a:link, div#pie a:visited{
    color:#ffffff;
}

div#pietandem{
    margin-top: 15px;
    font-size:0.85em;
    color:#fff;
    text-align:right;
}
div#pietandem a{
    color:#fff;
} 



/* *****************  fin: capas ************************** */


 .celda_fondo_top{
     background-image:url("images/sombraSup.png");
    background-repeat:repeat-x; 
 }
 .celda_fondo_abajo{
     background-image:url("images/sombraInf.png");
    background-repeat:repeat-x; 
 }
 .celda_fondo_der{
     background-image:url("images/sombraDcha.png");
    background-repeat:repeat-y; 
 }
 .celda_fondo_iz{
     background-image:url("images/sombraIzda.png");
    background-repeat:repeat-y; 
 }
 .unpixel{
    font-size: 1px;
}


/* ********************************* */
/* ****** FORMULARIOS AJAX ********* */
/* ********************************* */
div.filacampo{
    clear:both;
    width: 540px;
    margin-bottom: 5px;
}
div.etiqueta{

    width: 200px;
    margin-right: 5px;           
    text-align: right;
    float: left; 
           
}  
div.campo{
    width: 300px;              
    text-align: left;
    float: left;
    margin-bottom: 5px;      
}

input{
    border: 1px solid #2A669F;
}        

textarea{
    border: 1px solid #2A669F;
}

.campo_error{
    border: 1px solid #FF0000;
}        

.campo_defecto{
    border: 1px solid #2A669F;
}        

/* ********************************* */
/* ***** FIN FORMULARIOS AJAX ******* */
/* ********************************* */


/* para mostrar los precio*/
 table.tablecarrito th{
    font-size: 1.0em;
    color: #CC3300;
    font-weight: bold;
 }
 
 table.tablecarrito td{
    font-size: 1.0em;
    color: #666666;
 }
 
 table.tablecarrito td.total{
    font-size: 1.0em;
    color: #666666;
    background-color: #CCCCCC;
    font-weight: bold;
 }
 
 table.tablecarrito td a, table.tablecarrito td a:link, table.tablecarrito td a:visited,table.tablecarrito th a{
    font-size: 0.9em;
    color: #CC3300;
 }
 
 table.tablecarrito td.borde, table.tablecarrito th.borde{    
   
    border-width: 0px;
    border-bottom-width: 1px;
    border-color: #CCCCCC;
    border-style: solid;
 }                            
 
 
 table.precios{
   
    text-transform: uppercase;
    font-weight: bold; 
    font-size: 1.2em;
    color: #11568C;
    
 }
 table.precios td.iva{
    padding-left: 15px;
    font-size: 0.8em;
    color: #333333;
    text-transform: none;
    
 }
            

div#cesta { 
    background-color: #906048;   
    z-index: 99; 
    width: 180px;       
    font-size: 0.8em;     
    color: #FFFFFF; 
    margin-bottom: 10px;
    margin-top:10px;       
}

table.cestamenu{
    color: #FFFFFF;
    text-align: left;
}

table.cestamenu th{         
    font-size: 1.1em;
}


table.cestamenu td.pie{
    background-color: #CAA694;
    color: #5F3A27;
    font-size: 1.1em;
}

div#cesta a, div#cesta a:link, div#cesta a:visited{
    background-color: #F72C01;
    color: #FFFFFF; 
    padding-top: 5px;
    padding-left: 5px; 
    padding-bottom: 5px;
    padding-right: 5px; 
}





div.c_imagenes_precio{             
    float: left;
    width: 250px;
    margin-bottom: 10px;
}

div.c_imagenes_precio_home{
    width: 250px;             
    float: left;
    border: 1px solid #cccccc;
    margin-left: 5px;
    margin-bottom: 10px;
    
    min-height: 210px;
}

div.c_producto{               
    float: left;
    width: 285px;
    margin-left: 10px;
    margin-right: 5px;
    font-family: "Courier New";
}

div.c_producto_home{               
    float: right;
    width: 110px;     
    padding-left: 4px;
    padding-right: 4px;
    font-family: "Courier New";
}

span.titulo_producto, a.titulo_producto, a.titulo_producto:link, a.titulo_producto:visited{
   color: #CC3300;
   font-weight: bold;
   font-size: 1.3em;
}
                         

div.c_imagenes{
    width: 250px;
   /* height: 250px;  */
    border: 1px solid #cccccc;
    text-align: center;
    margin-bottom: 2px;
}
                     
div.c_imagenes_home{               
    float: left;
    width: 130px;           
    text-align: center;
    margin-bottom: 2px;
    
    min-height: 160px;        
}

div.c_imagenes_precio div.c_precios, div.c_imagenes_precio_home div.c_precios{
    background-color: #999999;
    height: 42px;
    width: 250px;             
}

div.c_precios div.precio{
    color: #FFFFFF;
    width: 95px;
    float: left;
    height: 35px;
    text-align: center;
    margin-top:2px;             
}

div.c_precios div.preciooferta{
    color: #333333;
    width: 95px;
    float: left;
    height: 35px;             
    border: 1px solid #FF0000;
    background-color: #ffffff;
    text-align: center;
    margin-top:2px;      
}

div.c_imagen_g{
    width: 250px;
    height: 300px;
}

hr.separador{
    border-color: #FF6633;
    width: 99%;       
    border-width : 1px;
    border-style: solid;
    
    margin-top: 10px;
    margin-bottom: 10px;
   
}

div.procesando{
    border:1px solid #333333;
    
    background-color: #ffffff;
    position:relative;
    top:20px;
    left: 200px;
    padding:20px 20px 20px 20px;
    
    width:100px;
    
    text-align: center;
    font-size: 0.9em;
}


div.c_alert{
    border:5px solid #333333;
    background-color: #ffffff;
    position:absolute;
    margin-top :-20px;
    margin-left: 100px;
    padding:20px 20px 20px 20px;
    
    width:250px; 
}


/* menu tipo producto */
div.titulo_tipo{   
    background-color: #FE6532;
    height: 26px;
    width: 175px;
    color: #FFFFFF;   
}

div#menuiz div.titulo_tipo a, div#menuiz div.titulo_tipo a:link, div#menuiz div.titulo_tipo a:visited {   
    color: #FFFFFF;
    line-height: 24px;  
}

div.imagen_tipo{

    background-color: #CC3300;
    height: 86px;
    width: 175px;
    margin-bottom: 4px;
    color: #FFFFFF;
    font-size: 0.9em;
}

div#menuiz div.imagen_tipo a, div#menuiz div.imagen_tipo a:link, div#menuiz div.imagen_tipo a:visited {   
    color: #FFFFFF;
}


fieldset.alta{
    width: 540px;
    padding-left: 15px; 
}

fieldset.alta legend{
    color: #663333;
}


.texto_verde{   /* realmente es marrón... */
    color: #663333;
}
.texto_grande{   /* realmente es marrón... */
    font-size: 1.2em;
}



/* para el listado de productos que componen la oferta */
table.productosoferta{   
    border: 0;                 
}

table.productosoferta th{
    background-color: #663333;
    color: #ffffff;
}
table.productosoferta td{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #663333;
}

.textoemail{
    background-color: #ffffff;
    font-size: 12px;
    padding-left:10px;
    padding-bottom:20px;
    padding-top:20px;
}

.valores{
    font-style: italic;
}