@charset "utf-8";
/* CSS Document */
html, body{height:100%}

a{
text-decoration: none;
color: #666666;
}

img{
border: none;
}

body{
background-image:url(../img/pattern.jpg);
background-repeat:repeat;
background-color: #f2f2f2;
text-align: center;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#container{
background-image:url(../img/difuminat.gif);
width: 1043px;
height: 699px;
margin-left:auto;
margin-right:auto;
}

#content-container{
margin-left:auto;
margin-right:auto;
width: 900px;
height:600px;
background-color:#FFFFFF;
background-repeat:no-repeat;
}

#div-menu{
background-image:url(../img/degradat-menu.jpg);
background-repeat:repeat;
float:left;
width: 175px;
height: 600px;
text-align:center;
font-size: 12px;
}

#div-menu a{
color: #d8a498;
}

#div-menu a:hover{
color: #ffffff;
}

#div-menu a.actiu{
color:#FFFFFF;
font-weight: bold;
}

#menu{
margin-top: 90px;
line-height: 24px;
height: 240px;
}

#donde{
height:45px;
}

#contact{
font-size: 10px;
}

#div-content{
width: 725px;
height: 600px;
float: right;
}

#div-cart{
float: right;
color: grey;
padding-top: 10px;
padding-right: 10px;
}

#div-cart a{
color: grey;
text-decoration:none;
}

/*contactar */

form{
text-align:left;
}

div.contactar{
border: none;
margin-left: 40px;
font-weight: bold;
margin-top: 60px;
float: left;
width: 420px;
display: inline;
}

div.cart{
border: none;
margin-left: 40px;
font-weight: bold;
margin-top: 20px;
float: left;
width: 420px;
display: inline;
}

div.contact-right{
float: right;
margin-top: 350px;
width: 240px;
text-align: left;
font-size: 10px;
font-weight: bold;
color: #666666;
}

div.cart-right{
float: right;
margin-top: 65px;
width: 245px;
text-align: justify;
font-size: 11px;
font-weight: bold;
color: #666666;
margin-right: 10px;
}

.formInputField{
width: 277px;
height: 17px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 2px;
font-size: 11px;
border: 1px solid #e71f01;
margin-bottom: 15px;
}

.formarea{
width: 277px;
height: 120px;
margin-bottom: 0px;
border: 1px solid #e71f01;
background: #FFFFFF none repeat scroll 0%;
font-size: 11px;
overflow: auto;
}

.formInputButton{
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
color: white;
font-weight: bold;
background-color: #e71f01;
border: 1px solid #e71f01;
cursor: pointer;
width: 277px;
height: 24px;
text-align: right;
font-size: 12px;
margin-top: 0px;
padding-right: 0px;
}

.formInputButton2{
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
color: white;
font-weight: bold;
background-color: #808080;
border: 1px solid #e71f01;
cursor: pointer;
width: 100%;
height: 24px;
text-align: right;
font-size: 12px;
margin-top: 0px;
text-align: center;
text-transform: uppercase;
}

.inputQuantitat{
margin-left: 0px;
width: 20px;
height: 17px;
padding-right: 0px;
padding-top: 1px;
padding-bottom: 0px;
text-align: center;
font-size: 11px;
border: 1px solid #e71f01;
}

td.esquerra{
width: 100px;
vertical-align: top;
}

.contactar td{
vertical-align: top;
}

/*contactar*/

#head-productes{
height: 43px;
text-align: left;
color: #9a9a9a;
}

#head-productes a{
text-decoration: none;
color: #d0d0d0;
font-weight: bold;
}

#head-productes a.actiu{
color: #e71f01;
}

#head-productes a:hover{
color: #e71f01;
}

.linia{
margin-left: 20px;
margin-right: 20px;
float: left;
color: #e71f01;
}

#img-productes{
height: 92px;
text-align: left;
}

#titol-producte{
text-align: left;
padding-left: 100px;
margin-top: 80px;
}

#textProducte{
color: #cacaca;
padding-left: 100px;
text-align: left;
font-size: 14px;
line-height: 24px;
margin-top: 20px;
}

#content-productes{
width: 251px;
height: 396px;
margin-left: 107px;
float: left;
display: inline;
text-align: center;
color:#FFFFFF;
}

#content-productes p{
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 20px;
margin-right: 20px;
line-height: 14px;
text-align: justify;
font-size: 11px;
}

#fbeautymenu a{
color: #d8bfbe;
}

#fbeautymenu a:hover{
color: #E71F01;
}

#fbeautymenu a.actiu{
color: #E71F01;
}

#news-principal{
float: left;
width: 425px;
text-align: justify;
color: #666666;
}

#news-right{
width: 245px;
margin-top: 100px;
text-align: left;
float: left;
color: #666666;
}

#news-right a{
text-align:right;
display:block;
color:#999999;
}

h2, h2 a{
color: #E71F01;
margin-top: 10px;
margin-bottom: 5px;
font-size: 18px;
}

h3{
color: #E71F01;
margin-top: 10px;
margin-bottom: 5px;
font-size: 14px;
}



a.pujar {
background-image:url(../img/arrow-up.gif);
background-position:100% 0%;
background-repeat:no-repeat;
cursor:default;
display:block;
height:20px;
}
a.pujar:hover {
background-image:url(../img/arrow-up2.gif);
}
a.baixar {
background-image:url(../img/arrow-down.gif);
background-position:100% 100%;
background-repeat:no-repeat;
cursor:default;
display:block;
height:20px;
}
a.baixar:hover {
background-image:url(../img/arrow-down2.gif);
}