/*----------------------ESTRUCTURES-----------------------------*/

*{padding:0; margin:0;}

body {
margin-top: 0px;
overflow-x: hidden;
overflow: -moz-scrollbars-vertical;
overflow: mso-scrollbars-vertical;
overflow: -o-scrollbars-vertical;
font-family: georgia, serif;
color: #282626;
font-size:16px;
font-size:100%;
margin : 0px 0px 0px 0px;
text-align:left;
background-color:#ffffff;
background-image: url(img/footer3.jpg);
background-position: bottom;
background-repeat: repeat-x;
}


#wrapper{
width:922px;
margin:0 auto;
background-color:transparent;
}

#header{
width:922px;
height:371px;
background-image: url(img/header.jpg);
background-color: #ffffff;
background-repeat: no-repeat;
}

#long922{

height:871px;
background-color: #ffffff;
}


ul.llista{ 
   list-style-position: inside; 
   margin-left: 15px; 
display: inherit !important;	

margin: initial;
	
}


ul.llista li{ display: list-item;}


.subtitle{font-size:1.1em; margin-top:200px; float:left; margin-left:610px;}

#content{
width:922px;
height:auto;
background-color: #ffffff; 
margin:auto;
}

#footer{
clear:both;
width:922px;
height:243px;
background-color:transparent;
background-repeat: no-repeat;
}


#form{
color:#46433c;
margin-left:10px;
width:400px;
padding:20px;
height:auto;
text-align:left;
float:left;
}

a.catalog{ border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: white !important;
	background-color: #e87178;
	padding: 6px 12px;
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 10px;
}

a.catalog:hover{ background-color: #f8949d;}

#col1{width:350px;float:left;}

.col_suplement{width:300px; float:left;}


#col1_brands{width:480px; float:left;text-align: left;}

#col2_brands{width:430px; float:right;text-align: left;}

#col2{width:560px;float:right;}

#col2b{width:530px;float:right;}


.shop1{width:200px;height:428px;background-color: #ffffff;background-image: url(img/shop01b.jpg);background-repeat: no-repeat;text-align: left;padding-top:33px;padding-left:50px;margin-right:30px;float:left;color:#ffffff;}

.shop2{ width:200px;height:428px;background-color: #ffffff;background-image: url(img/shop02b.jpg);background-repeat: no-repeat;text-align: left;padding-top:33px;padding-left:50px;margin-right:30px;float:left;color:#ffffff;clear:right; position: relative;}

.closed_eng{ width: 250px; height: 250px; background: transparent url(img/closed_eng.png) top left no-repeat; background-size: 250px 250px; position: absolute; top: 50px; left: 0; z-index: 5;}

.closed_cat{ width: 250px; height: 250px; background: transparent url(img/closed_cat.png) top left no-repeat; background-size: 250px 250px; position: absolute; top: 50px; left: 0; z-index: 5;}

.closed_esp{ width: 250px; height: 250px; background: transparent url(img/closed_esp.png) top left no-repeat; background-size: 250px 250px; position: absolute; top: 50px; left: 0; z-index: 5;}



.menu{color:#ffffff;float:left;margin-left:20px;margin-top:38px; text-transform: capitalize;}
.langmenu{width:auto;text-align:center;height:65px;margin-right:63px;margin-top:22px;font-size: 1.1em;float:right;}


/*----------------------ESTIL GENERAL-----------------------------*/

ul{list-style-type:none;}

/**li{display:inline; margin-left:10px;}*/
li{display:inline; margin-left:7px;}

a:link, a:visited { color: #282626; text-decoration: none; }
a:hover { text-decoration: none; color:#282626; }

p{font-size: 1em;color:#46433c;line-height: 15pt;margin-bottom: 10px;}

img{border:0px;}

input, textarea {
	margin-top: 9px;
	margin-bottom:9px;
	font-family: georgia, serif;
    font-size: 1.4em;
    color: #7c7972;
    border: 1px solid #e2e0d8;
    background:#f6f5f1;
    line-height: 1;
    padding: 9px 5px 10px;
    }

/*----------------------H1, H2, H3...-----------------------------*/

h1{
font-family: georgia, serif;
font-size: 1.5em;
color:#1e1b1c;
font-weight: lighter;
font-style: normal;
margin-bottom:10px;
}

h2{
font-family: georgia, serif;
font-size: 1.2em;
color:#ff950e;
font-weight: lighter;
font-style: normal;
margin-bottom:10px;
}

h3{
font-family: georgia, serif;
font-size: 1em;
color:#ff950e;
font-style: italic;
font-weight: lighter;
margin-bottom:10px;
}

/*---------------------- LINKS -----------------------------*/

.menu li a{color:#ffffff;}
.langmenu td a{color:#282626;}
.arribar a:link {color:#feff63;}
.arribar a:hover {color:#eef19d;}
.arribar a:visited {color:#feff63;}
.dual2b a{color:red; font-size:small;}
.dual2b a:hover{color:red; font-size:small; text-decoration: underline;}
.orange2 a, .green2 a{color:#2b2b2b;}
.orange2 a:hover, .green2 a:hover {color:#2b2b2b; text-decoration: underline;}
.back a{float:left; margin-left:70px; color:red;}
.back a:link{text-decoration:none;}
.back a:hover{text-decoration: underline;}

.orange{ color: #e77c14 !important;}


/*---------------------- INPUTS I TEXTAREAS-----------------------------*/

input[id="nom"], input[id="email"], input[id="assumpte"]{padding-left:10px;color:#2b2b2b;font-family: georgia, serif; color:#2b2b2b; outline:none; height:20px; border:none; background-color: transparent;} 

input[id="nom"]{width:155px;}
input[id="email"]{width:243px;}
input[id="assumpte"]{width:243px;}

textarea[id="missatge"]{padding:30px;background-color: #ffffff;width:380px;height:180px;background-image: url(img/macarrons.png);background-repeat: no-repeat;outline:none;border:0px;}

textarea[id="comentari"]{width:400px; height: 50px; padding:0px; font-size: 0.9em;}

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

.separador{
width:271px;
height:18px;
background-color: #ffffff;
background-image: url(img/stripe_yellow.jpg);
background-repeat: no-repeat;
margin-top: 9px;
}

.separador1{
width:271px;
height:18px;
background-color: #ffffff;
background-image: url(img/stripe_yellow.jpg);
background-repeat: no-repeat;
margin-top: 9px;
margin-bottom:7px;
}

.separador2{
width:271px;
height:18px;
background-color: #ffffff;
background-image: url(img/stripe_green.jpg);
background-repeat: no-repeat;
margin-top: 9px;
margin-bottom: 9px;
}

.separador3{
width:271px;
height:18px;
background-color: #ffffff;
background-image: url(img/stripe_green2.jpg);
background-repeat: no-repeat;
margin-top: 9px;
}

.houses{
width: 533px;
height:274px;
background-color: #ffffff;
background-image: url(img/houses.jpg);
background-repeat: no-repeat;
}

.footer_info{width:700px;margin-top:150px;margin-left:180px;float:left;}


.mail_text{
font-family: georgia, serif;
font-size: 1.5em;
color:#1e1b1c;
font-weight: lighter;
font-style: normal;
margin-bottom:10px;
}

.yellow{
width:56px;
background-color:#ffffff;
background-image: url(img/lang_yellow.jpg);
background-repeat:no-repeat;
}

/* estils per a shop 1 i 3 */

.shop, .natural, .arribar, .download{font-family: Georgia, serif;}
.shop{color: #282626;font-size: 2em;}
.natural{ color: #ffffff;font-size: 2em;margin-bottom: 10px;}
.arribar{color: #feff63;font-size: 1em;}
.download{color: #ffffff;font-size: 1em;}

span.shopy{ color: #282626; font-size: 1em;}
span.blanc{ color: #ffffff !important;}
p.always{ color: #ffffff !important; font-size: 1.5em; line-height: 1em;}

div.natural a{ color: #ffffff;}

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

.post{padding:9px;margin-left:20px;width:275px;height: auto;text-align:left;}

.post_new{padding:9px;margin-left:20px;width:260px;height: auto;text-align:left;}

.orange1{width:500px;height:36px;background-image: url(img/orange_header.png);background-repeat: no-repeat;float:right;}
.orange2{width:500px;height:auto;background-image: url(img/orange_middle.png);background-repeat: top repeat-y;float:right;}
.orange3{width:500px;height:26px;background-image: url(img/orange_footer.png);background-repeat: no-repeat;float:right;}

.green1{width:500px;height:30px;background-image: url(img/green_header.png);background-repeat: no-repeat;float:right;}
.green2{width:500px;height:auto;background-image: url(img/green_middle.png);background-repeat: top repeat-y;float:right;}
.green3{width:500px;height:36px;background-image: url(img/green_footer.png);background-repeat: no-repeat;float:right;}


.dual1{width:403px;height:22px;background-image: url(img/dual_header.png);background-repeat: no-repeat;float:right;}
.dual2{width:378px;height:auto;text-align:left;padding-top:20px;padding-left:25px;background-image: url(img/dual_middle.png);background-repeat: top repeat-y;float:right;}
.dual3{width:403px;height:23px;background-image: url(img/dual_footer.png);background-repeat: no-repeat;float:right;}

.dual2b{width:358px;height:auto;text-align:left;padding-top:20px;padding-left:25px; padding-right:20px; background-image: url(img/dual_middle.png);background-repeat: top repeat-y;float:right;}


.yellow1{width:620px;height:40px;background-image: url(img/yellow_header.png);background-repeat: no-repeat;float:left; margin-left:160px;}
.yellow2{width:540px;height:auto;background-image: url(img/yellow_middle.png);background-repeat: top repeat-y;float:left;padding:10px 40px 0px 40px;margin-left:160px;}
.yellow3{width:620px;height:44px;background-image: url(img/yellow_footer.png);background-repeat: no-repeat;float:left;margin-left:160px;margin-bottom: 50px;}


.yellow1b{width:530px;height:34px;background-image: url(img/yellow_header2.png);background-repeat: no-repeat;float:left;}
.yellow2b{width:530px;height:auto;background-image: url(img/yellow_middle2.png);background-repeat: top repeat-y;float:left;padding:10px 0px 0px 0px;}
.yellow3b{width:530px;height:38px;background-image: url(img/yellow_footer2.png);background-repeat: no-repeat;float:left;margin-bottom: 50px;}


/***********************  COMENTARIS ******************************/

.topcomentari{width:480px; height:17px; background-image: url(img/separador_comentari.png); background-repeat: no-repeat; background-position: bottom; float:left; margin-left:11px; }

.comentari{padding: 13px 20px 20px 20px;width:440px;font-weight:bold;margin-bottom: 5px;background-image: url(img/separador_comentari.png);background-repeat: no-repeat;background-position: bottom;float:left;margin-left:11px;text-align: left;}

.comentari p{font-size: 0.8em; font-weight:100;}

/*********************** END COMENTARIS ***************************/

.caixacomentari{width:450px; float:left; margin-left:20px; margin-bottom:20px;}
.pictocomentari{width:60px; float:left; height:auto;}
.textcomentari{width:380px; text-align:left; font-size: 0.9em; float:right;}

.down{float:left;}
.down1{float:left; width:124px;}
.down2{float:right;width:34px;}

.brand{margin-bottom:10px;float:left;width:240px;height:auto;clear:both;}
.brand2{margin-bottom:10px;float:left;width:240px;height:auto;}

.brand_text1{font-size:1.1em;text-transform: capitalize;color:#878787;}
.brand_text2{font-size:1.1em;text-transform: capitalize;color:#515151;}


.bigbutton { display: inline-block; padding: 20px 20px 0px 20px; width:400px; height:70px; background-image: url(img/red_stripe.png); background-repeat:no-repeat; color: #ffffff !important;}

.coberturainput{margin-top:16px;padding-left:20px;text-align:left;padding-top:9px; width:400px; height:70px; float:left;background-image: url(img/red_stripe.png); background-repeat:no-repeat;}

.coberturainput02{padding-left:20px;text-align:left;padding-top:9px; width:400px; height:70px; float:left;background-image: url(img/orange_stripe.png); background-repeat:no-repeat;}

.coberturainput03{padding-left:20px;text-align:left;padding-top:9px; width:400px; height:70px; float:left;background-image: url(img/green_stripe.png); background-repeat:no-repeat;}

.blau{color:#06c;font-weight:normal;font-size:0.8em;}
.blau2{color:#06c;font-weight:normal;font-size:0.9em;}
.blau3{color:#06c;font-weight:normal;font-size:0.8em;margin-bottom: 10px;}
.ales{color:#2b2b2b;font-size:0.7em;}
.text_blanc{color:#ffffff;}
.white{color:#ffffff; font-size: small;}
.verd{color:#ffea42; font-size: small;}
.negre{color:#282626;font-weight: 500;}
.peu{color:#000000; font-size:small; text-align:right; margin-right: 23px;}