/*  THE SECRET */


/* inicialitzacions generals */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset, legend, input,textarea,p,blockquote,th,td { 	margin:0;	padding:0;	font-family: Arial, Verdana;}
table {	border-collapse:collapse;	border-spacing:0;}
fieldset,img { 	border:0; behavior: url("/css/iepngfix.htc"); }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal;}
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;}
a { outline: 0; }


/* body i pagina  */
body { 

	font-family: Arial,Verdana;
	color:#606060;
	font-size: 12px; 
	border: 0px none;
	margin:  0px;
        background-color:#f6f6f6;
        padding:0px auto 0px auto;
	text-align:center;
}

#marc_pagina{
     width:970px;
     text-align:center;
     padding:0px;
     margin:0px auto 0px auto;
     overflow:auto;
     background-image: url('../img/cap.jpg');
     background-repeat:no-repeat;
     background-color:#ffffff;
}

#pagina {	
     text-align:left;
     padding:0px 0px 0px 67px;
}


#capcalera{
        text-align:right; 
	margin:10px 0px 0px 0px ;
	padding:0px 80px 0px 0px ;
}

#capcalera  a {
	color:#996298; 
	text-decoration:none;
	padding:0px 5px 0px 0px ;
	}

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

#zona-menu {
     width:700px;
     float:left;
     margin:80px 0px 20px 0px;
}

#zona-menu ul{
    list-style-type:none;
    padding:0px 0px 0px 0px;
}

#zona-menu ul li {
     float:left;
     margin:0px 0px 0px 0px;
     font-family: Tahoma;
     font-size:1.2em;
     color:#996298;
}

#zona-menu ul li a {
	color:#996298; 
	text-decoration:none;
	/*  separador ( list-style-image no funciona a IE merda!! )*/
	padding:0px 15px 0px 5px ;
	background-image:url("../img/slage.gif");
	background-repeat:no-repeat;
        background-position:right; 
	}
#zona-menu ul li a:hover  { }
#zona-menu ul li a.active { }




/* -------------------------------------------------------- submenu --------------------- */

#zona-submenu {
     clear:both;
     width:225px;
     float:left;
     xxbackground: transparent url('submenu_off.jpg') 0px 0px no-repeat;
}


#submenu ul {
     float:left;
     width:100%;
     margin:0px 0px 30px 0px;     
}

#submenu ul li {
     float:left;
     width:100%;
     margin:0px 0px 3px 0px;
     border:solid 1px #e2dcc2;
     width:220px;
}

#submenu ul li.capdesubmenu {
     color:#ECE9D8;
     background:#996298;
     text-decoration:none;
     font-weight:bold;
     padding:3px 0px 3px 5px;
     line-height:16px;
}


#submenu ul li a {
     float:left;
     width:220px;
     height:22px;

     font-family: Tahoma;
     font-size:1em;
     color:#ad9765;
     text-decoration:none;
     font-weight:bold;
     line-height:16px;
     padding:0px 0px 0px 5px;
}


#submenu ul li.submenu1 a        { background: transparent url('../img/submenu_off.jpg') 0px 0px no-repeat;}
#submenu ul li.submenu1 a:hover  { background: transparent url('../img/submenu_on.jpg')  0px 0px no-repeat;}
#submenu ul li.submenu1 a.active { background: transparent url('../img/submenu_on.jpg')  0px 0px no-repeat;}

#submenu ul li.submenu2 a        { background: transparent url('../img/submenu_off.jpg') 0px -25px no-repeat;}
#submenu ul li.submenu2 a:hover  { background: transparent url('../img/submenu_on.jpg')  0px -25px no-repeat;}
#submenu ul li.submenu2 a.active { background: transparent url('../img/submenu_on.jpg')  0px -25px no-repeat;}

#submenu ul li.submenu3 a        { background: transparent url('../img/submenu_off.jpg') 0px -50px no-repeat;}
#submenu ul li.submenu3 a:hover  { background: transparent url('../img/submenu_on.jpg')  0px -50px no-repeat;}
#submenu ul li.submenu3 a.active { background: transparent url('../img/submenu_on.jpg')  0px -50px no-repeat;}

#submenu ul li.submenu4 a        { background: transparent url('../img/submenu_off.jpg') 0px -75px no-repeat;}
#submenu ul li.submenu4 a:hover  { background: transparent url('../img/submenu_on.jpg')  0px -75px no-repeat;}
#submenu ul li.submenu4 a.active { background: transparent url('../img/submenu_on.jpg')  0px -75px no-repeat;}

#submenu ul li.submenu5 a        { background: transparent url('../img/submenu_off.jpg') 0px -100px no-repeat;}
#submenu ul li.submenu5 a:hover  { background: transparent url('../img/submenu_on.jpg')  0px -100px no-repeat;}
#submenu ul li.submenu5 a.active { background: transparent url('../img/submenu_on.jpg')  0px -100px no-repeat;}

#submenu ul li.submenu6 a        { background: transparent url('../img/submenu_off.jpg') 0px -125px no-repeat;}
#submenu ul li.submenu6 a:hover  { background: transparent url('../img/submenu_on.jpg')  0px -125px no-repeat;}
#submenu ul li.submenu6 a.active { background: transparent url('../img/submenu_on.jpg')  0px -125px no-repeat;}

#submenu ul li.submenu7 a        { background: transparent url('../img/submenu_off.jpg') 0px -150px no-repeat;}
#submenu ul li.submenu7 a:hover  { background: transparent url('../img/submenu_on.jpg')  0px -150px no-repeat;}
#submenu ul li.submenu7 a.active { background: transparent url('../img/submenu_on.jpg')  0px -150px no-repeat;}

#submenu ul li.submenu8 a        { background: transparent url('../img/submenu_off.jpg') 0px -175px no-repeat;}
#submenu ul li.submenu8 a:hover  { background: transparent url('../img/submenu_on.jpg')  0px -175px no-repeat;}
#submenu ul li.submenu8 a.active { background: transparent url('../img/submenu_on.jpg')  0px -175px no-repeat;}

#submenu ul li.submenu9 a        { background: transparent url('../img/submenu_off.jpg') 0px -200px no-repeat;}
#submenu ul li.submenu9 a:hover  { background: transparent url('../img/submenu_on.jpg')  0px -200px no-repeat;}
#submenu ul li.submenu9 a.active { background: transparent url('../img/submenu_on.jpg')  0px -200px no-repeat;}

#submenu ul li.submenu10 a        { background: transparent url('../img/submenu_off.jpg') 0px -225px no-repeat;}
#submenu ul li.submenu10 a:hover  { background: transparent url('../img/submenu_on.jpg')  0px -225px no-repeat;}
#submenu ul li.submenu10 a.active { background: transparent url('../img/submenu_on.jpg')  0px -225px no-repeat;}

#submenu ul li.submenu11 a        { background: transparent url('../img/submenu_off.jpg') 0px -250px no-repeat;}
#submenu ul li.submenu11 a:hover  { background: transparent url('../img/submenu_on.jpg')  0px -250px no-repeat;}
#submenu ul li.submenu11 a.active { background: transparent url('../img/submenu_on.jpg')  0px -250px no-repeat;}

#submenu ul li.submenu12 a        { background: transparent url('../img/submenu_off.jpg') 0px -275px no-repeat;}
#submenu ul li.submenu12 a:hover  { background: transparent url('../img/submenu_on.jpg')  0px -275px no-repeat;}
#submenu ul li.submenu12 a.active { background: transparent url('../img/submenu_on.jpg')  0px -275px no-repeat;}

#submenu ul li.submenu13 a        { background: transparent url('../img/submenu_off.jpg') 0px -300px no-repeat;}
#submenu ul li.submenu13 a:hover  { background: transparent url('../img/submenu_on.jpg')  0px -300px no-repeat;}
#submenu ul li.submenu13 a.active { background: transparent url('../img/submenu_on.jpg')  0px -300px no-repeat;}

#submenu ul li.submenu14 a        { background: transparent url('../img/submenu_off.jpg') 0px -325px no-repeat;}
#submenu ul li.submenu14 a:hover  { background: transparent url('../img/submenu_on.jpg')  0px -325px no-repeat;}
#submenu ul li.submenu14 a.active { background: transparent url('../img/submenu_on.jpg')  0px -325px no-repeat;}

#submenu ul li.submenu15 a        { background: transparent url('../img/submenu_off.jpg') 0px -350px no-repeat;}
#submenu ul li.submenu15 a:hover  { background: transparent url('../img/submenu_on.jpg')  0px -350px no-repeat;}
#submenu ul li.submenu15 a.active { background: transparent url('../img/submenu_on.jpg')  0px -350px no-repeat;}

#submenu ul li.submenu16 a        { background: transparent url('../img/submenu_off.jpg') 0px -375px no-repeat;}
#submenu ul li.submenu16 a:hover  { background: transparent url('../img/submenu_on.jpg')  0px -375px no-repeat;}
#submenu ul li.submenu16 a.active { background: transparent url('../img/submenu_on.jpg')  0px -375px no-repeat;}

#submenu ul li.submenu17 a        { background: transparent url('../img/submenu_off.jpg') 0px -400px no-repeat;}
#submenu ul li.submenu17 a:hover  { background: transparent url('../img/submenu_on.jpg')  0px -400px no-repeat;}
#submenu ul li.submenu17 a.active { background: transparent url('../img/submenu_on.jpg')  0px -400px no-repeat;}

#submenu ul li.submenu18 a        { background: transparent url('../img/submenu_off.jpg') 0px -425px no-repeat;}
#submenu ul li.submenu18 a:hover  { background: transparent url('../img/submenu_on.jpg')  0px -425px no-repeat;}
#submenu ul li.submenu18 a.active { background: transparent url('../img/submenu_on.jpg')  0px -425px no-repeat;}

#submenu ul li.submenu19 a        { background: transparent url('../img/submenu_off.jpg') 0px -450px no-repeat;}
#submenu ul li.submenu19 a:hover  { background: transparent url('../img/submenu_on.jpg')  0px -450px no-repeat;}
#submenu ul li.submenu19 a.active { background: transparent url('../img/submenu_on.jpg')  0px -450px no-repeat;}

#submenu ul li.submenu20 a        { background: transparent url('../img/submenu_off.jpg') 0px -475px no-repeat;}
#submenu ul li.submenu20 a:hover  { background: transparent url('../img/submenu_on.jpg')  0px -475px no-repeat;}
#submenu ul li.submenu20 a.active { background: transparent url('../img/submenu_on.jpg')  0px -475px no-repeat;}

#submenu ul li.submenu21 a        { background: transparent url('../img/submenu_off.jpg') 0px -500px no-repeat;}
#submenu ul li.submenu21 a:hover  { background: transparent url('../img/submenu_on.jpg')  0px -500px no-repeat;}
#submenu ul li.submenu21 a.active { background: transparent url('../img/submenu_on.jpg')  0px -500px no-repeat;}




/* -------------------------------------------------------- cos ------------------------ */

#cos {
     width:370px;
     float:left;
     padding:0px 0px 0px 0px;
     margin:0px 10px 50px 10px;
     border:0px;
}

#cos #titol_subtitol {
     float:left;
     width:100%;
     padding:0px 0px 0px 0px;
     margin:0px 0px 0px 0px;
}



h1#titol{
     width:100%;
     float:left;
     font-family: Tahoma;
     font-size:1.5em;
     color:#996298;
     text-decoration:italic;
     padding:0px 0px 0px 0px;
     font-style:italic; 
}

h2#subtitol{
     width:100%;
     float:left;
     font-family: Tahoma;
     font-size:1.2em;
     color:#996298;
     text-decoration:italic;
     padding:0px 0px 0px 0px;
     font-style:italic; 
}


#cos #image{
     float:left;
     border:solid 2px #996298;
}

#cos #text p{
     clear:both;
     float:left;
     padding:20px 0px 10px 0px;
     text-align:justify;
     letter-spacing:0px;
     color:#814e7e;
     line-height:1.5em;
     word-spacing:2px;
}



#cos #signatura{
     width:100%;
     float:left;
     text-align:right;
     font-family: Tahoma;
     font-size:1.2em;
     color:#996298;
     text-decoration:italic;
     padding:10px 0px 0px 0px;
     font-style:italic; 
}

#cos #signatura a{
     color:#996298;
     text-decoration:none;
}





#cos #ingredients{
     float:left;
     font-family: Tahoma;
     font-size:1.1em;
     color:#606060;
     padding:0px 10px 10px 10px;
     border:0px;
     margin:30px 0px 0px 0px ;
     background:#e2dcc2;
     line-height:1.5em;
}


#cos #ingredients h1 {
	padding:10px 15px 3px 0px ;
	background-image:url("../img/punt.gif");
	background-repeat:repeat-x;
        background-position:bottom; 
}
#cos #ingredients h1 span.title{
     font-size:1em;
     font-weight:bold;
     color:#996298;
}


#cos #ingredients p{
     padding:10px 0px 0px 0px;
}

/*------------- */
#cos #preparacio{
     float:left;
     width:100%;
     font-family: Tahoma;
     font-size:1.1em;
     color:#606060;
     padding:0px 10px 10px 10px;
     border:0px;
     margin:20px 0px 30px 0px ;
     line-height:1.5em;
}


#cos #preparacio h1 {
	padding:10px 15px 3px 0px ;
        margin:0px 0px 10px 0px ;
	background-image:url("../img/punt.gif");
	background-repeat:repeat-x;
        background-position:bottom; 
}
#cos #preparacio h1 span.title{
     font-size:1em;
     font-weight:bold;
     color:#996298;
}


#cos #ingredients p{
     padding:10px 0px 0px 0px;
}

#cos #text p a{
	color:#996298; 
	text-decoration:none;
}
#cos #text p a:hover{
	color:#000000; 
}

/* -----------------------banners --- */

#zona-banners{
     float:right;
     width:200px;
     margin:0px 0px 0px 10px;
     padding:0px 30px 0px 10px;
     xxborder:solid 1px blue;
}
.unbanner{
     float:left;
      margin:0px 0px 10px 0px;
 
}



/* -------------------------------------------------------- cos ------------------------ */

#cos-home {
     width:600px;
     float:left;
     padding:0px 0px 0px 0px;
     margin:0px 10px 0px 0px;
     border:0px;
}

#cos-home #image{
     float:left;
     padding:0px 0px 0px 0px;
     margin:0px 0px 0px 0px;
     border:solid 2px #996298;
}



/* -----------------------subscripcio --- */
#zona-subscripcio{
     float:left;
     width:550px;
     margin:20px 0px 0px 0px;
     padding:0px 30px 0px 10px;
     xxborder:solid 1px blue;
}

#zona-subscripcio p {
     font-family: Tahoma;
     font-size:1.1em;
     color:#996298;
}


#formulari { 
     float:left; 
     width:300px; 
     padding-left: 0px; 
     font-family:Arial; 
     font-size:12px; 
     margin:0px 0px 0px 0px;
}

/* -----------------------subscripcio --- */
#formulari p {	float: left; 
		width: 290px; 
		padding:5px 0px 0px 0px; 
		font-family:arial; 
		color:#7b7b79; 
		font-size:11px; 
		font-weight:normal; }

#formulari form label{	width:300px;  
		font-family:arial; 
		color:#7b7b79; 
		font-size:12px; 
		font-weight:bold; }
		
#formulari form input{	width:296px; 
			background:#f1f1f1; 
			color:#7b7b79; 
			border:solid 0px #f1f1f1; 
			font-size:12px; 
			font-family:Arial; 
			padding:2px;}
#formulari .submit {	float:left; 
			margin:5px 8px 0px 0px; 
			width:60px;}
			
#formulari .boto{	float:left; 
			margin:0px 8px 0px 0px; 
			width:60px; 
			padding:2px; 
			font-size:12px; 
			font-family:Arial; background:#bebebe; 
			color:#ffffff; 
			font-weight:bold; }
#formulari textarea{	width:300px; 
			background:#f1f1f1; 
			color:#7b7b79; 
			border:solid 0px #f1f1f1; 
			font-size:12px; 
			font-family:Arial;  }