/*======================================================*/
/*    GAMA                                             */
/*======================================================*/   


body {	
	padding-right: 0px; 
	padding-left: 0px; 
	font-size: 62.5%; 
	padding: 0px; 
	margin: 0px; 
	margin-top: 30px; 
	margin-bottom: 8px; 
	color:#000000;
	font-family: Arial,Helvetica,"Trebuchet MS"; 
	text-align:center;
	vertical-align: top;
	background-image: url('img/fonsbody.jpg');
	background-color: #ffffff;
}

table {	
	font-size: 11px;
	padding: 0px; 
	margin: 0px; 
        border:0px;
	font-family: Arial,Helvetica,"Trebuchet MS"; 
}

a          {text-decoration:none;}
a:link     {color:#cc0000;}
a:active   {color:#cc0000;}
a:visited  {color:#cc0000;}
a:hover    {color:#000000;}

input    { background-color: #f0f0f0; }
select   { background-color: #f0f0f0; }
textarea { background-color: #f0f0f0; }


/* -------------------------------------------------------------- PAGINA --- */
#marc_pagina{
	width:790px;
	margin:0px auto 0px auto;
	background-color: #FFFFFF;
	overflow:auto; 
	border: 0px;
	padding: 0px;
	border-bottom: 6px #FFFFFF solid;
	border-left: 6px #FFFFFF solid;
	border-right: 6px #FFFFFF solid;
	border-top: 6px #FFFFFF solid;
	text-align: center;
	background-image: url('img/fonsvertmenu.jpg');
	background-repeat: repeat-y;
	background-repeat: repeat-x;
}

#pagina{
	width:100%;
	margin:  0px;
	padding: 0px;
	background-color: #FFFFFF;
	background-image: url('img/fonsvertmenu.jpg');
	background-repeat: repeat-y;
	background-repeat: repeat-x;
	text-align:left;
}

/* --------------------------------------------------------------- HEADER ---- */
#marc_header	{ 
	width:100%;
	height:126px;
	float:left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-image: url('img/fonscap.jpg');
	background-repeat: no-repeat;
}

#header	{ 
	width:778px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}



/* --------------------------------------------------------------- SUB HEADER ---- */
#marc_sub_header{ 
	width:100%;
	height:20px;
	float:left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #FFFFFF;
	background-image: url('img/fonsheader.jpg');
	background-repeat: repeat-y;
	margin-bottom: 6px;
	margin-top: 6px;
}

#sub_header	{ 
	width:100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
	float:left;
        text-align:right;
}

#sub_header p { 
	margin: 0px;
	padding: 3px 20px 0px 0px;
	border: 0px;
	font-size: 1.1em;
	font-weight: bold;
	color : #000000;
}

#sub_header a { 
	color : #333333;
}






/* ------------------------------------------------- SUB HEADER MENU RIGHT ---- */

#marc_menusupright{ 
/*	border-bottom: 3px solid #EAEDF2; */
	width:300px;
	float:left;
	margin: 0px;
	padding: 0px;
}


/* CSS Tabs */
.menusupright {
	float: left;
	padding: 0px;
	margin: 0px;
}

/* rounded */

#navright {
	width: 100%;
	margin: 0;
	padding: 5px 0 0px 20px;
	float: left;
}

#navright li {
	float: left;
	margin: 0;
	padding: 0;
	display: inline;   
	list-style-type: none;
}

#navright a:link, #navright a:visited {
	float: left;
	font-size: 1.2em;
	line-height: 14px;
	font-weight: bold;
	padding: 6px 3px 6px 3px;
	text-decoration: none;
	color: #928d84;
}

ul#navright li#active a {
	color: #928d84;
}

#navright a:hover {
	text-decoration: underline;
}

/* Fi CSS Tabs */



/* ---------------------------------------------------- COS ESQUERRE ---- */

#menu	{ 
	width:175px;
	float:left;
	margin: 0px;
	padding: 0px;
	margin-top: 12px;
}

/* ---------------------------------------- menu principal --- */
ul#navlist {
        text-align: left;
        list-style: none;
        padding: 0px;
        margin: 0px;
        width:175px;
        float:left;
}

ul#navlist li {
        float:left;
	display: block;
	margin: 0px;
	padding: 3px 0px 3px 0px ;
        width:100%;
	/* height: 34px; */
}


ul#navlist li a {
	display: block;
	padding: 6px 0px 6px 8px;
	color: #000000;
	text-decoration: none;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:0pt;
	background-color: #FFFFFF;
        width:100%;	
}

ul#navlist li#active a {
	color: #FFFFFF;
	background-color: #ef8201;
}

ul#navlist li a:hover, ul#navlist li#active a:hover {
	display: block;
	text-decoration: underline;
	background-color: #8c8c8c;
	color: #FFFFFF;
}
/* ---------------------------------------- segon nivell --- */
ul#navlist2 {
        float:left;
	text-align: left;
	list-style: none;
	padding: 0px;
	margin: 0px;
	margin-bottom: 0px;
        width:100%;
}

ul#navlist2 li {
        height:30px;
	display: block;
	margin: 0px;
        border:0px;
	padding: 0px 0px 0px 0px ;
        width:100%;
}

ul#navlist2 li a {
        height:21px;
	display: block;
	padding: 5px 0px 0px 0px;
	border: 0px;
	color: #e97e09;
	text-decoration: none;
	background: #FFFFFF;
     font-size:1.1em;
     font-weight:bold;
     letter-spacing:0pt;
     text-align: right;
     font-family: Arial,"Trebuchet MS",Arial;
}

ul#navlist2 li#active a {
	font-weight:bold;
	color: #935800;
}

ul#navlist2 li a:hover, ul#navlist2 li#active a:hover {
	display: block;
	color: #55708E;
	background: #8c8c8c;
     
}


/*------------------------------------------------ FI MENU ---*/

/* -------------------- area noticies --------------------*/
#area-noticies{
        width:93%;
        float:left;
        margin:0px;
        border:0px;
        padding:20px 0px 0px 10px;
}
#item_noticia {
}
#item_noticia img {
        width:150px; 
}
#item_noticia h2 {
        margin:0px;
        border:0px;
        padding:5px 0px 50px 0px;
	font-size: 1.2em;
}
#item_noticia h2 a{
       color:#000000;
}


/* -------------------- area noticiesfull ----------------*/
#area-noticiesfull{
        /* width:93%; */
        float:left;
        margin:0px;
        border:0px;
        padding:0px 0px 0px 0px;
}

#area-noticiesfull ul {
	list-style-type: none;
        width:100%;
        padding:0px 0px 0px 0px;
}

#area-noticiesfull li {
        /*width:500px;*/
        clear:both;         
        border:0px;
        margin:0px;
        padding:10px 0px 0px 0px;
        width:100%;
}
#area-noticiesfull li h2 {
        /*width:500px;*/
        border:0px;
        padding:10px 0px 5px 0px;
        margin: 0px 0px 10px 0px;
}

#area-noticiesfull li p img{
        border:0px;
        margin:0px;
        border-right:solid 0px white;
}
#area-noticiesfull li p{
        /*width:520px;*/
        border:0px;
        padding:0px 0px 0px 0px;
	font-size: 1em;

}
#area-noticiesfull p b{
        padding:0px 0px 0px 0px;
}

/* -------------------- area downloads --------------------*/
#area-descargas{
        width:93%;
        float:left;
        margin:0px;
        border:0px;
        padding:0px 0px 0px 10px;
}
#area-descargas ul {
	width:100%;
	list-style-type: none;

}

#area-descargas li {
	width:90%;
        float:left;
        padding:0px 0px 0px 0px;
        width:100%;
}
#area-descargas li img{
        clear:both;
        float:left;
        border:0px;
        padding:5px 20px 0px 10px;
}
#area-descargas li p{
        width: 310px;
        float:left;
        border:0px;
        padding:5px 0px 0px 10px;
	font-size: 1.1em;
        margin: 0px;
}
#area-descargas ul li  h3 { 
        width:400px;
	float: left;
	text-align: left;
	margin: 10px 0px 0px 0px;
	padding:0px 10px 5px 0px ;
	font-family: Arial,Helvetica,"Trebuchet MS"; 
	font-size: 1.1 em;
	font-weight: bold;
	color: #e97e09;
}

/* ---------------------------------------------------- COS DRETA ---- */
#marc_cos_dre	{ 
	width:595px;
	float:left;
	min-height: 450px;
	height: auto !important;
	height: 450px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #FFFFFF;
	margin-top: 0px;
}

#cos_dre { 
 	width:520px;       
	float: left;
	margin: 0px;
	padding: 0px;
	padding-top: 15px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;
}



#cos_dre h1 { 
	width:520px;
	float: left;
	text-align: right;
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
	letter-spacing: 2px;
	clear: left;
        color: #000000;
        font-size: 2.0em;
        font-weight: normal;
}

#cos_dre h2 { 
	width:525px;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	padding-top:0px;
	margin-bottom: 15px;
	font-size: 2.0em;
	font-weight: normal;

	color: #e97e09;
}

#cos_dre h3 { 
	
	float: left;
	text-align: left;
	margin: 10px;
	padding-top:0px 0px 0px 15px ;
	font-family: Arial,Helvetica,"Trebuchet MS"; 
	font-size: 1.1 em;
	font-weight: bold;
	color: #000000;
}


#cos_dre p { 
	width:100%;
/*
	float: left;
	text-align: left;
*/
	margin: 0px;
	padding: 0px;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 1.2em;
	font-weight: normal;
	color: #000000;
        line-height:16px;
}

#cos_dre p img{
        border:0px;
        margin:0px;
        padding:0px 15px 0px 0px;
}



#cos_dre b { 
	padding-top:0px;
	font-weight: normal;
	color: #e97e09;
        border:0px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}



#cos_dre ul 
{
	width:100%;
	float: left;
	margin:0px;
	padding:0px;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
}


#cos_dre ul li
{
	font-size: 1.2em;
	font-weight: normal;
	color: #000000;
        line-height:20px;

}

#cos_dre ul li a {
	color: #e97e09;
}
/*---------------------------------------------------------------- DISTRIBUIDORS ---*/

#dades_distribuidor{
        float:left;
        width: 230px;
        border: solid 2px #f8c78d;;
        margin: 0px 10px 10px 0px;
        padding: 0px 0px 10px 10px;
	font-family: Arial,Helvetica,"Trebuchet MS"; 
        font-size: 10px;
}

#dades_distribuidor h4{
        font-size: 13px;
        color:#e97e09;
}

#dades_distribuidor p{
        font-size: 12px;
        color:#000000;
        padding: 1px 0px 1px 0px;
}

#dades_distribuidor p a{
        color:#e97e09;
}

/* zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz */
#area-login {
        float:left;
        width:90%;
        margin:0px;
        border:0px;
        padding:0px;
	clear:both;
}

#area-login a{
        float:left;
        width:90%;
        margin:0px;
        padding: 0px 0px 0px 0px;
	color: #e97e09;
}


/* --------------------------------------------------------------- PEU ---- */
#marc_peu{ 
	width:100%;
	height:20px;
	float:left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #fee8d2;
	margin-top: 6px;
	overflow:auto; 
}

#peu	{ 
	width:100%;
	margin: 0px;
	padding: 0px;
	float:left;
	text-align: right;
}

#peu p {
	text-align:right;
	color:#000000;
	font-size:11px;
	margin: 0px;
	padding: 0px;
	padding-top: 3px;
	padding-right: 5px;
	letter-spacing: 0px;
	font-size: 1.1em;

}

#peu p a {
	color:#000000;
	font-weight:normal;
	text-decoration:underline;
}
/* ------------------------------------- formulari -- */
form { 
	width:100%;
	float:left;
	padding: 0px; 
	margin: 0px; 
	border:0px;
	font-family: Arial,Helvetica,"Trebuchet MS"; 
}


.label-form { 
	margin:0px;
	border:0px;
	padding:5px 0px 0px 0px ;
	letter-spacing:0pt;
	color: #000000;
	font-weight:bold;
	font-size: 1.0em;
	width: 150px;
}


input
{
	padding: 2px;
	border:0px;
	color: #7C7C7C;
	font-size: 0.9em;
	margin-left: 5px;
	width: 225px;
	float:left;
}

.boto { 
	width: 65px; 
	background-color: #bbbbbb;
	color: #ffffff;
	padding: 1px;
}

textarea
{
	font-family: Arial,Helvetica,"Trebuchet MS"; 
	padding: 2px;
	border:0px;
	COLOR: #7c7c7c;
	font-size: 1.0em;
	margin-left: 5px;
	width: 225px;
	float:left;
}

// ----------------------------- producte ----------------------
#producte{
        width:100%;
	margin:0px;
	border:0px;
	padding:0px 0px 0px 0px ;
        clear:both;
}
#producte .titol { 
	width:480px;
	float: left;
	margin: 0px;
	padding: 0px;
	padding:10px 0px 10px 0px ;
	font-size: 2.0em;
	font-weight: normal;
	letter-spacing: 1px;
	color: #000000;
}


#producte .imatge_principal { 
	width:100%;
	float: left;
	margin: 0px;
	border: 0px;
	padding:10px 0px 10px 0px ;
        text-align:center;
}

#producte .imatge_principal img { 
	border: 0px;
	padding:2px;
	text-align:center;
	border: 2px solid #f0f0f0;
}

#producte .descripcio { 
	width:100%;
	float: left;
	margin: 0px;
	padding: 0px;
	padding:10px 0px 10px 0px ;
	font-size: 1.2em;
	font-weight: normal;
	letter-spacing: 0px;
	color: #000000;
}

#producte p{ 
        float:left;
	width:500px;
	font-size: 1em;
	line-height:16px;
        border:0px;
	margin: 0px;
	padding:0px 0px 0px 0px ;

}


#producte .descarregues { 
	width:100%;
	float: left;
	margin: 0px;
	padding: 0px;
	padding:10px 0px 10px 0px ;
	font-size: 1.0em;
	font-weight: normal;
	letter-spacing: 0px;
	color: #000000;
}

#producte .descarregues img { 
	float: left;
        border:0px;
	margin: 0px;
	padding:0px 0px 0px 0px ;
}




#producte .descarregues p a { 
	color: #000000;
	text-decoration: underline;
}



#producte .imatge_especificacions { 
	width:100%;
	float: left;
	margin: 0px;
	padding: 0px;
	padding:20px 0px 0px 0px ;
}


#carrousel {
	width:100%;
	float: left;
	margin: 0px;
	padding: 0px;
	padding:20px 0px 30px 0px ;

}


#producte ul{
	width:475px;
       float:left;
       margin:0px;
       border:0px;
       padding:20px 0px 30px 20px;
       list-style: none;
       list-style-image: url('img/punttaronja.gif');
}

#producte ul li{
       font-size: 1em;    
       margin:0px;
       border:0px;
       padding:0px 0px 10px 0px;
       line-height:16px;
}

#producte table{
       width:95%;
       float:left;
       font-size: 1em;    
       padding:20px 0px 30px 10px;
       border:solid 1px #e97e09;;
}

#producte table tr td{
       color:#000000;
       text-align:left;
}