/* CSS Document */
/* RESET -------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img { 
	border:0;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;	
}

q:before,q:after {
	content:'';
}

abbr,acronym { border:0;
}

/*---------------------------------*/

body{ 
    background:#fff url('../images/comprarvino/fons.gif');
    font-family:Arial, Helvetica, sans-serif; 
    font-size:11px;
    
    color:#79775B;
}
.clear,.trenca-flotat{ clear:both;}

.right{ float:right;}
.left{ float:left;}
.cleft { clear:left;};
.mostrar, .ocult { display: none; }
.dit {cursor:pointer}

img {
    vertical-align:middle;
}

a {
    color: #A52842;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

h1 {
    font-size: 200%;
    color: #A52842;
    margin-bottom: 10px;
}
h2 {
    font-size: 160%;
    color: #A52842;
    margin-bottom: 7px;
}
h3 {
    font-size: 120%;
    color: #A52842;
    margin-bottom: 5px;
}

#web
{ 
    background:#fff;
    width:760px;
    margin:auto; 
}
#web a:hover{ text-decoration:underline;}

#capcalera {
    background: transparent url('../images/comprarvino/top.jpg');
    height: 105px;
    position:relative;
}
#capcalera a#link-al-home {
    display:block;
    position: absolute;
    width: 250px;
    height: 75px;
    top: 30px;
    left: 75px;
}

#capcalera #tria-idioma {
    float: left;
    margin-top: 10px;
    margin-left: 90px;
}
#capcalera #tria-idioma a {
    margin-right: 5px;
}

#menu {
    background: #eae8d1;
    overflow:auto;
}

#menu a {
    color: #7a775b;
    display: block;
    float: left;
    background: #fff; /* url('../images/comprarvino/dibuix-menu.gif') no-repeat 4px 5px;*/
    padding: 3px 8px 3px;/* 18px;*/
    font-size: 11px;
    line-height: 16px;
    margin: 1px;
    text-decoration: none;
}

#zona-esquerra {
    clear: both;
    width: 200px;
    float: left;
/*     border: 1px solid #FFE7FE; */
    overflow:auto;
    
    min-height: 300px;
}

ul.menu-apartats {
    padding:0px;
    margin:0px;
    color: #A52842;
}

ul.menu-apartats li {
    padding: 5px;
    padding-left: 20px;
    background: transparent url('../images/comprarvino/fletxa-vermella.gif') no-repeat 4px 8px;
    margin: 0px 10px 5px;
    border-bottom: 1px solid #C9C48C;
}

ul.menu-apartats li a {
    color: #A52842;
    text-decoration:none;
}
ul.menu-apartats li a.active {
    font-weight:bold;
}
ul.menu-apartats li ul li{
    padding: 5px;
    padding-left: 15px;
    background: transparent url('../images/comprarvino/fletxa-vermella-mini.gif') no-repeat 4px 8px;
    margin: 0px 10px 5px 0px;
    border-bottom: 0px;
}




#cos {
    width: 545px;
    float: right;
    margin-right:5px;
	margin-bottom:10px;
}



    div#capsa_resum_cabas {
        margin: 10px 0px;
        
        background-color: #f7f3e7;
        
        padding: 5px;
    }
    
    
        div#capsa_resum_cabas .part-login {
            width: 220px;
            float:left;
        }
        div#capsa_resum_cabas .part-carret {
            width: 310px;
            float:left;
        }
            div#capsa_resum_cabas .part-carret .carret {
                width: 80px;
                float:left;
                text-align: center;
                margin-right: 10px;
            }
            div#capsa_resum_cabas .part-carret .carret a { display:block; margin-top: 4px; }
            div#capsa_resum_cabas .part-carret .carret #import-bossa { font-size:130%; font-weight:bold;}
            
            
            ul#llista-productes-bossa {
                float:left;
                width:220px;
            }
                ul#llista-productes-bossa li {
                    background: transparent url(../images/comprarvino/fletxa-vermella-mini.gif) no-repeat left;
                    padding-left: 6px;
                }
            
.carro-actiu {
    background-color:#fff;
}

/* taula de la llista de productes del carro */
#detalls-bossa-compra tr td {
    padding: 5px 2px;
}
    
    #detalls-bossa-compra tr.resalta td {
        background-color: #F7F3E7;
    }
        
        #detalls-bossa-compra tr td.ultima-columna {
            font-weight:bold;
            color: #A52842;
        }
        
        #detalls-bossa-compra tr td .casella_unitats {
            border: 1px solid #777;
            text-align:center;
        }
    
#despeses-enviament{
    border-top: 1px solid #ddd;
    padding: 5px 0px;
    text-align:right;
}
#total-bossa-compra {
    text-align:right;
    border-top: 2px solid #ddd;
    font-size: 120%;
    padding: 10px 0px;   
}

    #total-bossa-compra #import-total {
        color: #A52842;
    }

#boto-finalitzar-comanda {
    margin-top: 20px;
    text-align: right;
}


#boto-finalitzar-comanda input {
    background-color: #C9C48C;
    border: 1px solid #f7f3e7;
    padding: 3px;
    font-weight:bold;
    margin: 5px;
    cursor:pointer;
}
    #boto-finalitzar-comanda input.desactivat {
        background-color: #f7f3e7;
        cursor: default;
        color:#ddd;
    }



.input-search {
    border: 1px solid #A52842;
}
.botocercar {
    border: 0px;
    background-color: #A52842;
    color:#fff;
    margin: 2px;
}

    .dades_personals th {
        text-align: right;
        padding-right: 10px;
        width: 40%;
    }
    .dades_personals td {
        width: 40%;
    }

    .dades_personals .apartat {
        padding:15px 0px 10px;
        text-align:center;
        font-size: 110%;
    }

    .fonscolor {background-color: #f7f3e7; padding:5px;margin: 5px 0px;}
    .Cont-reg { padding: 15px;background-color: #f7f3e7; }
    .Cont-reg-ok {background-color:#C8FDBE; padding:10px; text-align: center;font-weight:bold; margin-bottom: 5px;}
    .Cont-reg-ko {background-color:#FD9494; padding:10px; text-align: center;font-weight:bold; margin-bottom: 5px;}
    	
    .FieldError { color:#a00; }
    
    .adreca {margin-bottom: 5px}
	
	
	
        .adreca .accions {
            float: right;
            width: 100px;
            text-align: left;
            margin: 15px;
        }
        
        .adreca .nom {
            font-weight: bold;
            font-size: 120%;
            color: #000;
            margin-bottom: 0.3em;
            display:block;
        }
        .adreca .telefon { color: #222;  display:block;}
        .adreca .direccio { color: #333; display:block; }
        .adreca .localitat { color: #666; display:block;}
        .adreca .provincia { color: #888; display:block;}
        .adreca .pais { color: #999; display:block; }
        
        
        
        div.resposta-positiva {
            text-align:center;
            border:2px solid #259369;
            padding:20px 30px;
            margin:1em 0;
            font-size:108%;
            color:#259369;
        }
        div.resposta-negativa {
            text-align:center;
            border:2px solid #93271D;
            padding:20px 30px;
            margin:1em 0;
            font-size:108%;
            color:#93271D;
        }

div#fil-ariadna {
    background-color: #FFE3E3;
    margin-bottom: 10px;
}
    
    div#fil-ariadna div.padding 
    {
        padding:10px 5px;
        
    }
        div#fil-ariadna a {
            text-decoration:none;
            color: #444;
        }
        
            div#fil-ariadna a.active {
                color: #666;
                font-weight:bold;
            }
   
.link-dreta {
    float:right;
    padding-top: 8px;
}


div.capsa-producte {
    background-color:#fafafa;
    width: 260px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
     position: relative;
}

div.requadre div.capsa-producte {
    width: 250px;
}


div.capsa-producte.destacat {
    background-color: #fffae1;
}
div.capsa-producte.oferta {
    background-color: #FFE3E3; /* burdeus clar */
}


    div.capsa-producte .padding {
        padding: 5px;
       
    }
        div.capsa-producte .afegir-carret {
            display: block;
            position: absolute;
            bottom: 6px;
            right: 6px;
            width: 16px;
            height: 16px;
        }
        div.capsa-producte .afegir-no-disponible {
            display: block;
            position: absolute;
            bottom: 6px;
            right: 6px;
        }
        
        
        
        div.capsa-producte .estrella-oferta {
            display: block;
            position: absolute;
            top: -10px;
            right: -8px;
            width: 24px;
            height: 24px;
            background: transparent url(../images/comprarvino/oferta.png) no-repeat top right;
        }
         .producte-imatge {
            float:left;
            margin-right: 5px;
            margin-bottom: 5px;
        }
        
         .producte-nom {
            color: #A52842;
            font-weight:bold;
            text-decoration:none;
            
        }
         .producte-resum {
            margin-top: 5px;
            margin-bottom: 10px;
        }
        .producte-preu {
            color: #A52842;
            font-weight:bold;
            font-size: 110%;
        }
        
        .preu-vell {
            text-decoration: line-through;
        }


.detall-producte-imatges {
    float: right;
    margin-left: 15px;
    background-color: #F7F3E7;
}
    .detall-producte-imatges img {
        display:block;
        margin: 10px;
    }

.detall-producte {
    
    

}

    .afegir-al-cabas {
        background: transparent url(../images/comprarvino/cart_go.png) no-repeat left;
        padding-left: 18px;
    }






#paginat{ 
    clear: both;
    text-align:right;
    border-top: 1px dashed #A52842;
    padding-top: 4px;
    margin-top: 4px;
}
#paginat strong {
    color: #A52842;
}
    
	#paginat a.siguiente-but {
	color:#A52842;
	text-decoration:none;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #6B6B6B;
	padding-left:15px;
	margin-left:15px;
        }
        
	#paginat a.anterior-but	{ 
	color:#A52842;
	text-decoration:none;
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-right-style: solid;
	border-right-color: #6B6B6B;
	padding-right:15px;
	margin-right:15px;  
	}
	
	#paginat span.siguiente-but	{
	color:#A7A7A7;
	text-decoration:none;
	font-weight: bold;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #6B6B6B;
	padding-left:15px;
	margin-left:15px;
        }
        
	#paginat span.anterior-but	{ 
	color:#A7A7A7;
	text-decoration:none;
	font-weight: bold;
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-right-style: solid;
	border-right-color: #6B6B6B;
	padding-right:15px;
	margin-right:15px;  
	}
	









#peu-de-pagina { 
    padding: 5px;
    clear:both; 
    background:#c8c389;
    overflow:auto;
    color:#fff;
    text-align: center;
    font-size:10px;
}
#peu-de-pagina a { color: #fff;}
#peu-de-pagina .left { text-align: left; }
#peu-de-pagina .right{line-height:200%;}


/* passos finalitzar comanda */

div.passos {
    background:transparent url(../images/comprarvino/fondo-passos-compra.gif) top left repeat-x;
    padding-left:10px;
}	
    div.passos span {
        float:left;
	padding:30px 7px 0 7px;
	text-align:center;
	margin-right:10px;
	color:#666666;
    }
	
    div.passos span.actiu {
        font-weight: bold;
        color:#A52842;
	background:transparent url(../images/comprarvino/fondo-passos-compra-actiu.gif) top left repeat-x;
    }
	
	div.passos div.trenca-flotats {
	clear:left;
	height:1px;
	}

    
    
    
    div.capsa_error {
        width: 400px;
        text-align: center;
        padding: 5px;
        font-weight: bold;
        border: 1px dotted #900;
        background-color: #FFC2C3;
    }
    div.capsa_ok {
        width: 400px;
        text-align: center;
        padding: 5px;
        font-weight: bold;
        border: 1px dotted #090;
        background-color: #DFFFD3;
    }
            

.necessari {
    color: #A52842;
}


div.requadre {
    margin-top: 20px;
    border: 1px solid #C9C48C;
    position:relative;
    line-height: 150%;
}

div.requadre .padding {
    padding: 20px 10px 10px;
}

div.requadre .llegenda {
    position: absolute;
    top: -16px;
    left: 10px;
    background-color:#fff;
    padding: 3px;
}

div.requadre h1, div.requadre h2, div.requadre h3 {
    color:#79775B;
}



div.requadre-top {
    margin-top: 10px;
    border-top: 1px solid #C9C48C;
    position:relative;
}
div.requadre-top .padding {
    padding: 20px 10px 0px;
}
div.requadre-top .minipadding {
    padding: 5px;
}
div.requadre-top .llegenda {
    position: absolute;
    top: -16px;
    left: 10px;
    background-color:#fff;
    padding: 3px;
}
div.requadre-top h1, div.requadre-top h2, div.requadre-top h3 {
    color:#79775B;
}


.curs {
	border-top: 1px solid #79775B;
	margin-top: 5px;
	padding-top: 10px;
}

.curs.primer { border-top: 0px;}


.curs .titol {
	color:#A52842;
	font-weight:bold;
	font-size: 120%;
	float:left;
}

.curs .data {
	float:right;
}


.curs .preu {
	float: right;
	font-weight:bold;
}




ul.textos {
    margin-left: 10px;
}
ul.textos li {
    background: transparent url(../images/comprarvino/fletxa-vermella-mini.gif) no-repeat left 4px;
    padding-left: 6px;
    margin-top: 10px;
}


div#mapa-petit {
    width: 90%; 
    margin: 10px auto;
    padding: 2px; 
    border: 1px solid #79775B;
}

div#mapa-petit div#map {
    height: 200px;
}