body {
margin:0;
padding:0;
color:#000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:100%;
text-align:center;
background:transparent url(sosamedia/bgral3.jpg) repeat-y top left;
}

img {
border:0 none;
}

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

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

ul {
list-style-type:none;
font-size:0.8em;
margin:0;
}

html>body ul {
margin:0 0 0 -40px;
}

li {
text-align:center;
}

li a {
width:240px;
border:1px solid #999;
padding:0.2em 0.4em;
display:block;
margin:0 0 0.3em 0;
/*background-color:#FFF;*/
border-radius: 10px;  
-ms-border-radius: 10px;  
-moz-border-radius: 10px;  
-webkit-border-radius: 10px;  
-khtml-border-radius: 10px;
}

h1 {
font-size:1em;
color:#333;
}

.clr-left {
clear:left;
}

.clr {
width:100%;
clear:both;
}

.clr-producte {
clear:both;
margin:0;
height:1px;
}

#continguts {
width:990px;
margin:0 auto 0 auto;
padding:0;
text-align:center;
font-size:0.9em;
line-height:1.2em;
}

#capcelera {
width:990px;
height:129px;
margin: 0;
text-align:left;
clear:both;
}

#menugral {
width:750px;
/*margin:100px 0 0 0;*/
margin:0;
float:left;
}

#logo {
width:226px;
height:129px;
margin:10px 0 0 0;
float:left;
}


#sosaingredients {
float:left;
color:#666;
width:80px;
}

ul.int {
list-style-type:none;
float:left;
line-height:1.3em;
margin:0;
font-family:Arial,Helvetica,Verdana,sans-serif;
font-size:0.8em;
border-bottom:1px dotted #666;
}

html>body ul.int {
line-height:2.6em;
margin-left:-40px;
}

li.itemint {
display:inline;
margin:0;
padding:0;
}

li.itemint a {
width:15px;
display:inline;
text-decoration:none;
color:#666;
border:0 none;
}

li.itemint a:hover {
color:#F30;
}

#ariadna {
width:782px;
margin:10px 0 0 75px;
text-align:left;
font-family:Arial,Helvetica,Verdana,sans-serif;
font-size:0.8em;
color:#c2c2c2;
}

#ariadna a {
color:#c2c2c2;
}

#ariadna a:hover {
color:#a6a6a6;
}

.familia-ariadna {
font-weight:bold;
color:#999;
}

#gamas {
width:990px;
margin: 0 0 20px 0;
text-align:center;
clear:both;
}

#gamas-int {
width:950px;
margin: 0 auto 40px 20px;
text-align:left;
/* deff00 groc que havia posat abans*/
clear:both;
}

#familias-portada {
width:990px;
text-align:center;
font-size:0.7em;
margin: 0 0 20px 0;
clear:both;
}

#footer {
width:990px;
clear:both;
font-size:0.7em;
text-align:center;
margin:8px 0 15px -8px;
padding:10px 0 0 0;
}

.llistat {
width:250px;
float:left;
margin: 0 0 0 30px;
}

html>body .llistat {
width:300px;
}

#img-dreta {
width:500px;
float:left;
margin:0;
border:1px solid #f0f0f0;
}

#desc-familia {
width:240px;
float:left;
margin:0;
text-align:justify;
}

#menu-familias {
width:250px;
margin:0 0 0 20px;
float:left;
}

html>body #menu-familias {
width:300px;
margin:0;
}

#descripcio-familia {
width:250px;
font-size:0.8em;
margin: 0 0 0 30px;
text-align:left;
}

#familias {
width:690px;
float:left;
}

#estatics {
width:600px;
float:left;
text-align:justify;
font-size:0.7em;
}

html>body #familias {
width:690px;
float:left;
}

#familia-productes {
width:675px;
text-align:left;
}

html>body #familia-productes {
width:690px;
}

#bottom-family {
margin:0 0 0 250px;
}

.producte {
text-align:left;
font-size:0.7em;
width:320px;
min-height:100px;
margin:0 5px 10px 10px;
float:left;
}

.textura {
text-align:left;
font-size:0.7em;
width:650px;
min-height:100px;
margin:0 5px 10px 10px;
float:left;
}

.nom-producte, .areaestatic {
font-weight:bold;
}

.producte img {
float:left;
margin:0 8px 0 0;
}

.pes {
text-align:left;
width:80px;
margin:0;
float:left;
}

.pes img {
margin:0;
}

.extraprod {
}

.extraprod img {
padding:0 15px 15px 0;
}

#resultats-cerca {
width:600px;
font-size:0.8em;
color:#666;
text-align:left;
margin:0 0 0 200px;
}

.familia-cerca {
color:#999;
text-transform:capitalize;
font-size:0.9em;
}

.b-capitalize {
text-transform:capitalize;
}

.b-uppercase {
text-transform:uppercase
}

#img-familia-recurs {
width:250px;
height:200px;
margin:0 0 0 30px;
padding:0;
overflow:hidden;
}

/* --------------------------------------------------------------------- Sobre menu  */

#sobre-menu {
width:500px;
height:100px;
float:right;
}

#banderes {
width:400px
height:50px;
float:right;
}

#banderes img {
float:right;
border:0 none;
}


#cercador {
width:400px;
height:40px;
float:right;
margin:20px 0 0 0;
}

#cercador form {
float:right;
}

.telefon {
background-color:#000;
color:#FFF;
padding:0.2em 0.4em;
}






/* --------------------------------------------------------------------- Portada  */

#continguts-espais {
width:990px;
margin:auto auto;
padding:10px;
text-align:left;
font-size:0.9em;
line-height:1.2em;
}

body.deg {
background:#000 url(sosmedia/bg_negre.jpg) top left no-repeat;
color:#666;
}

#capcelera-portada {
width:990px;
height:129px;
margin: 0;
text-align:left;
clear:both;
}

#flaz {
position:absolute;
z-index:-100;
margin:0 auto 0 auto;
width:100%;
height:100%;
display:table;
}

#flaz-in {
position:relative;
top:100%;
margin:-50% auto 0 auto;
z-index:-90;
text-align:center;
vertical-align:middle;
display:table-cell;
}

html>body #flaz-in {
position:relative;
margin:auto auto;
z-index:-90;
text-align:center;
vertical-align:middle;
display:table-cell;
}

a.colored:hover {
text-decoration:underline;
}

ul.portada {
list-style-type:none;
float:left;
line-height:1.3em;
margin:0;
font-family:Arial,Helvetica,Verdana,sans-serif;
font-size:0.7em;
}

html>body ul.portada {
line-height:3em;
margin-left:-40px;
}

li.itemportada {
display:inline;
margin:0;
padding:0;
}

li.itemportada a {
width:15px;
text-decoration:none;
color:#666;
display:inline;
border:0 none;
}

li.itemportada a:hover {
color:#F30;
}

#continguts-espais-v4 {
width:990px;
margin:auto auto;
text-align:left;
font-size:0.9em;
line-height:1.2em;
}

#capcelera-portada-v4 {
width:990px;
height:129px;
margin: 0 auto 0 auto;
text-align:center;
clear:both;
}


#gamas-v4 {
width:900px;
margin: 20px 0 0 70px;
text-align:center;
clear:both;
}

#divcm {
width:990px;
height:200px;
clear:both;
}




/*/*---------------------------------- taules sosa antiga ------------------------------------------------------- */
table.textures {
width:320px;
font-size:0.9em;
}

table.analitica {
font-size:0.8em;
border-bottom:1px solid #000;
}

.titol-taula {
text-transform:uppercase;
font-weight:bold;
}


table {
font-size:1em;
}

td.rgel-th {
background-color:#f1ee06;
font-weight:bold;
padding:4px;
}

td.rgral-th {
background-color:#64a765;
font-weight:bold;
padding:4px;
}

td.rgel-dades {
}

.rgral-dades, .rgral-prep {
font-size:1em;
/*background-color:#9cbea5;
width:300px;*/
}


/*.rgral-prep {
padding:1em 0.2em;
}
*/