/* Normalizes CSS */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin : 0; padding : 0; }
h1,h2,h3,h4,h5,h6 { font-size : 100%; }
ol,ul { list-style : none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style : normal; font-weight : normal; }
table { border-collapse : collapse; border-spacing : 0; }
fieldset,img { border : 0; }
caption,th { text-align : left; }
q:before, q:after { content :''; }

/* layout.css */

html 	{ text-align : center;  }

body { 
position : relative; 
/*width : 670px; */
margin : 0 auto; 
text-align : left; 
background-color:#fff;
color:#666666; font-size: 9pt; font-family: Verdana; font-style:normal; font-weight:normal;
}

a {text-decoration:none;}
a :hover {color:#996633;}
strong { font-weight:bold; color:#663300;}

.home div#content { 
position : absolute; top : 550px; left : 0; width : 100%;  }


.home div#content_main {
position : absolute; top : 0px; left : 0; width : 100%; height: 256px;
background-color: transparent;
background-image:url(images/content_sub.jpg);
background-repeat: no-repeat;
background-position: 50% 0%; 
padding : 1em 0; }

.home div#content_main h2 {
/*display: none;*/
}
.home div#content_main .org {
position: relative; text-align:center; padding : 5px; margin-bottom: 7px;
/*color:#e0c373; */
color:#663300;
font-size: 18pt; font-family: Verdana; font-style:normal; font-weight:bold; text-decoration:none; 
}
.home div#content_main .adr,
.home div#content_main .adr .street-address,
.home div#content_main .adr .postal-code,
.home div#content_main .adr .locality,
.home div#content_main .tel,
.home div#content_main .rsi,
.home div#content_main .pevent .summary,
.home div#content_main .pevent .tags
 {
position: relative; text-align: center;  padding : 1px;
color:white; font-size: 11pt; font-family: Verdana; font-style:normal; font-weight:bold; text-decoration:none; 
}

.home div#content_main .pevent {margin: 7px; position: relative; text-align: center;}
.home div#content_main .pevent span {
position: relative; text-align: center;  padding : 1px;
color:#663300; font-size: 12pt; font-family: Verdana; font-style:normal; font-weight:bold; text-decoration:none; 
}
.home div#content_main .pevent .summary,
.home div#content_main .pevent .tags {
margin-top: 7px; }

.home div#content_sub { 
position : absolute; top : 275px; left : 0; width : 100%; height:50px;
text-indent: -9000px;
text-align:center;
}


.home div#branding {
position: absolute; top : 20px; left : 15%; width : 670px; height : 400px; 
background-image: url(images/branding.jpg);
background-repeat: no-repeat;
background-position: 45px 0px;
}

.home div#branding  h1 { 
position: relative; text-align:right; 
height:150px; width:100%
margin-right: 400px; padding-right : 2%;  
margin-top: 0; padding-top : 20px;  
background-image: url(images/logo150.jpg);
background-repeat:  no-repeat;
background-position:  20px 0px;
}

.home div#branding  h1 a {
position: relative; 
color:white;font-style:normal;font-weight:bold; text-decoration:none; text-align:right;
font-size: 14pt;
font-family: Verdana;
}

.home div#branding blockquote {
position: relative;
text-align:right;color: #663300;
margin-top:-125px; margin-right : 400px; padding-right : 2%;  padding-top:0px;
font-size: 11pt;font-family: Verdana;
font-style:normal;font-weight:bold;
}
.home div#branding h2 {
position: relative;
text-align:right;
margin-right: 400px; padding-right : 2%; 
margin-top: 0; padding-top:20px;
font-size: 20pt;font-family: Verdana;
font-style:italic;font-weight:bold;color:#663300;
}


.home div#site_info {
position : absolute; top : 890px; width : 80%; left : 10%;
}

.home div#site_info a {
color:#666666;
text-decoration:none;
}



.home div#site_info > h5 {
 text-indent: -9000px;
}
.home .author {
float: right; padding:3px;margin:0px;
}
.home  .copyright {
float: left; padding:3px;margin:0px;
}

.home #reloj {
position: absolute; top: 370px; left: 80%; width: 20%; height: 100px; z-index: 1000;
}


.home div#nav_main  h2 {
 text-indent: -9000px;
}

.home #nav_languages {position : absolute; left:20%; top:-50px; width : 80%; }

.home #nav_catala	{ 
position : absolute; top : 320px; width : 20%; left : 0;   height:125px;
background: transparent url(images/boto120_blanc.jpg) no-repeat 0px 25px; 
/*text-indent:-9000px;*/
padding-top:32px;
padding-left:25px;
}
.home #nav_catala a
{
font-family:"Times New Roman", Times, serif;
font-size:11pt;
letter-spacing:1px;
color:black;
text-decoration:none;
font-weight:bold;
}

.home #nav_espanol	{ 
position : absolute; top : 320px; width : 20%; left : 20%;   height:125px;
background: transparent url(images/boto120_negre.jpg) no-repeat 0px 25px; 
/*text-indent:-9000px;*/
padding-top:32px;
padding-left:25px;
}
.home #nav_espanol a
{
font-family:"Times New Roman", Times, serif;
font-size:11pt;
letter-spacing:1px;
color:white;
text-decoration:none;
font-weight:bold;
}

.home #nav_english	{ 
display:none;
/*
position : absolute; top : 460px; width : 20%; left : 40%;  height:125px;
background: transparent url(images/boto120_negrefosc.jpg) no-repeat 0px 25px; 
padding-top:32px;
padding-left:25px;
*/
}
.home #nav_english a
{
font-family:"Times New Roman", Times, serif;
font-size:11pt;
letter-spacing:1px;
color:white;
text-decoration:none;
font-weight:bold;
}


.home #nav_tools {
position : absolute; top : 320px; left : 60%; width : 40%; height: 100px;
background-color:#fff;
border: none;
/*
position : absolute; top : 370px; left : 60%; width : 40%; height: 100px;
text-indent:-9000px;
background: url(example.png)*/
}
.home #nav_enter {
position : absolute; top : 0px;  left : -20%; width : 100%; height:50px;
/*background-image: url(images/botons240_negre.gif);
background-repeat:  no-repeat;
background-position:  0px 0px;*/
text-indent:0px;
}
.home #nav_enter a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14pt;
letter-spacing:3px;
color: #663300;
text-decoration:none;
}
.home #nav_who,
.home #nav_what,
.home #nav_where,
.home #nav_hhrr,
.home #nav_contact
{
display:none;
}

.home #nav_sub {
display:none;
}


/* Apartats */


div#branding {
position: absolute; top : 0px; left : 0%; width : 100%; height : 155px;
background-image: url(images/branding_who.jpg);
background-repeat:repeat-x;
background-position: 0px 0px;
}

div#branding  h1 { 
position: relative; height : 150px; 
margin-right: 400px; padding-right : 40px;  
margin-top: 0; padding-top : 20px;  
/*text-align:right;*/
}

div#branding  h1 a {
position: relative; 
text-decoration:none;
}
div#branding  h1 a span
{
margin-left:150px;
color:#FFFFFF;/*color: #663300;*/
font-style:normal;font-weight:bold; 
float:right;
font-size: 14pt;
font-family: Verdana;
}
div#branding  h1 a img
{
position:absolute; /*left:10px;top:-5px;*/
left:0px;top:-22px;
}


div#branding blockquote {
position: relative;
margin-left:150px;
text-align:right;
color: #663300;
margin-top:-125px; margin-right :400px; padding-right : 40px;  padding-top:0px;
font-size: 11pt;font-family: Verdana;
font-style:normal;font-weight:bold;
}
div#branding h2 {
position: relative;
margin-left:150px;
text-align:right;/*color:#FFFFFF;*/color: #663300;
margin-top:-0px; margin-right: 400px; padding-right : 30px; 
padding-top:16px;
font-size: 20pt;font-family: Verdana;
font-style:italic;font-weight:bold;
}


div#nav_main {
 position : absolute; top : 155px; left : 0%; width : 100%; 
}
div#nav_main h2
{
 text-indent: -9000px;
}

#nav_tools {
text-indent:0px;
position: absolute; 
top : 0px; left : 0%; width : 100%; height:58px;
padding-left:0px;
border-bottom: 2px solid #663300;/*#cc6600;*/
background-color : #eaeaea;
}
#nav_who,
#nav_what,
#nav_where,
#nav_hhrr,
#nav_contact
{
    position : relative;
    float : left;   
    width : 19.95%;  
    padding-top : 20px;
    line-heigh : 20px;
    padding-bottom : 20px;
	 
/*    background : #f6ecf5 url(images/li.gif) repeat-x 0 100%; */
    background : #f6ecf5 url(images/li.gif) repeat-x 0 0; 
}

#nav_who,
#nav_where,
#nav_contact
{
    background-color : #eaeaea;
} 
#nav_what,
#nav_hhrr
{
     background-color : #f3f3f3; 
}
 
#nav_who a,
#nav_what a,
#nav_where a,
#nav_hhrr a,
#nav_contact a 
{
	margin: 0px 0px 0px 15px; 
	padding:0px 0px;
	font-size : 130%; 
	font-weight : normal;
	text-transform : uppercase;
	letter-spacing : -1px;
	border-bottom : 1px solid #663300;
	color : #663300; 
	text-decoration:none;
	white-space: nowrap;
}


#nav_sub
{
	position: absolute;
	left:0px;
	top:60px;
	margin:0px 0px;
	width : 200px;
	/*padding-top : 200px;
	border : 5px solid #663300;
	*/
	padding-top : 0px;
	background : #fff url(ul.png) no-repeat;
	
}
#nav_sub li
{
	clear : both;
	/*padding : .5em 10px; */
	padding: 5px 10px;
	font-size : 110%; 
	font-style:italic;
	/*border-bottom: 1px solid /*#663300; cc6600*/
	border-bottom: 2px solid #663300;
	border-left: 2px solid #663300;	
	height:24px;
}

/*bombons*/
#nav_bombomusic,
#nav_bombons
{
background-color: #F7F3CE; /*#eae0a9; #cc9966;*/

}
#nav_bombomusic a,
#nav_bombons a
{
color: #663300;
text-decoration:none;
}
/*pastisos*/
#nav_pastisos,
#nav_pastisosmida
{
background-color: #F7EaCE ; /*#F0E4DB #feea76 /*#cc9933;*/
}
#nav_pastisos a,
#nav_pastisosmida a
{
color: #663300;
text-decoration:none;
}
/*actualitat*/
#nav_especialitats,
#nav_novetats,
#nav_diades,
#nav_mones
{
background-color:#FFeaca; /*#FFea99;*/
}
#nav_especialitats a,
#nav_novetats a,
#nav_diades a,
#nav_mones a
{
color: #663300;
text-decoration:none;
}
/*salat*/
#nav_salatcatering
{
background-color:#FFFFca;
}
#nav_salatcatering a
{
color: #663300;
text-decoration:none;
}

#nav_degustacio,
#nav_proveidors,
#nav_links
{
background-color : #f3eaf7;
}
#nav_degustacio a,
#nav_proveidors a,
#nav_links a
{
color: #663300;
text-decoration:none;
}
#nav_nadal{ background-color:#FFF399; }
#nav_nadal a
{
		color: #663300;font-weight:bold;
		/*
		
		color: #000000;*/
}


div#content { 
position : absolute; top : 215px; left : 0; width : 100%;  
}
div#content_main {
position : absolute; top : 0px; left : 200px; width : 550px;
padding : 1em 1em;
text-align:justify;
border-left: 1px solid #663300;/*#cc6600;*/
min-height:540px;
/*debug
background-color:red;*/
}


div#site_info {
position : absolute; top:680px; width : 200px; left : 0px;
font-size:7pt;
padding:10px 10px;
}
div#site_info > h5 {
 text-indent: -9000px;
}

.author {
float: left; padding:3px;margin:0px;
}
.copyright {
float: left; padding:3px;margin:0px;
}
.pdf
{
	background-color:#FFFF99;
	font-size:130%;
	padding:5px;
}
.get-adobe-reader
{
	float:right; margin-top:-30px;
}

div#content_main h1 {
background-position: 20px 40px; height:40px;
padding:10px 10px;
font-size: 130%;
color:white;
font-style:normal;
background-image:url(../es/images/h1.jpg);
background-repeat:no-repeat;
background-position: 0 0;
}

div#content_main h2 {
display:block;
text-indent:0px;
margin-left:-12px;
background-image:url(images/h2.jpg);background-repeat:no-repeat ;background-position: -5px -0px; height:75px;
padding-top:20px;
padding-bottom:20px;
padding-left:85px;
padding-right:20px;
font-size: 1.6em;
color:#663300;
}

/* who */
.who div#content_main {
height:1800px;
width:560px;
}
.who div#content_main h2 img {
display:block;
margin-left:200px;
margin-top:-25px;
}
.who div#content_main .natcha {
padding-right:255px;min-height:204px;
background-image:url(images/who_0.jpg);
background-repeat:no-repeat ;
background-position: 315px 0;
}
.who div#content_main .natcha p
{
padding-bottom:10px;
}

.who div#content_main .evolucio
{
position:absolute;
left:0;top:400px;width:100%;height:550px;
}
.who div#content_main .evolucio h3
{
position:absolute;
left:0;top:440px;width:280px;
padding:10px 10px;
color:#663300;
margin-left:10px;
background-color:#eeeeee;
}

.who div#content_main .primera
{
text-indent:-9000px;position:absolute;left:0;top:0;width:100%;height:100%;
background-image:url(images/who_1.jpg);
background-repeat:no-repeat ;
background-position: 10px 0px;
}
.who div#content_main .segona
{
text-indent:-9000px;position:absolute;left:0;top:0;width:100%;height:100%;
background-image:url(images/who_2.jpg);
background-repeat:no-repeat ;
background-position: 10px 215px;
}
.who div#content_main .tercera
{
text-indent:-9000px;position:absolute;left:0;top:0;width:100%;height:100%;
background-image:url(images/who_3.jpg);
background-repeat:no-repeat ;
background-position: 325px 0px;
}
.who div#content_main .quarta
{
text-indent:-9000px;position:absolute;left:0;top:10px;width:100%;height:100%;
background-image:url(images/who_4.jpg);
background-repeat:no-repeat ;
background-position: 325px 365px;
}

.who div#content_main .sigloxxi 
{
position:absolute;left:2px;top:950px;
padding:10px 10px;
}


.who div#content_main .innovacio
{
position:absolute;padding-left:320px;left:0;top:100px; width:230px;height:400px;
background-image:url(images/innovacio.jpg);
background-repeat:no-repeat ;
background-position: 10px 0px;
}
.who div#content_main .objectiu
{
position:absolute;padding-left:320px;left:0;top:200px; width:230px;height:400px;
background-image:url(images/objectiu.jpg);
background-repeat:no-repeat ;
background-position: 10px 140px;
}
.who div#content_main .experiencia
{
position:absolute;padding-left:320px;left:0;top:310px; width:230px;height:500px;
background-image:url(images/experiencia.jpg);
background-repeat:no-repeat ;
background-position: 10px 300px;
}
.who div#content_main .illusio
{
position:absolute;padding-left:320px;left:0;top:420px; width:230px;height:400px;
background-image:url(images/illusio.jpg);
background-repeat:no-repeat ;
background-position: 320px 190px;
}


.who div#content_main .cita
{
position:absolute;top:530px;
width:100%; left:0px; padding-left:360px; padding-top:5px;padding-bottom:5px;padding-right:5px;
text-indent:0px;
}

.who div#content_main .cita p cite 
{
color:#663300;
font-size:120%;
}



/* what */

.what div#content_main {
height:1850px;
}
.what div#content_main p {
padding-bottom:10px;
}
.what div#content_main ul {
text-indent:0px;
top : 0px; left : 0%; width : 100%; 
padding-left:0px;
}
.what div#content_main li {
    position : relative;
    float : left;   
    width : 49.95%;
	height:175px;
    padding-top : 10px;  
    padding-bottom : 10px;
}

.what div#content_main .tresproductes li {
 width:32.5%;
}
.what div#site_info {
position:absolute; top:680px;
}



/* where */
.where div#content_main {
height:900px;
background-image:url(images/where.jpg);
background-repeat:no-repeat;
background-position: 0 80px;
}
.where div#content_main p {
padding-bottom:10px;
}

.where div#content_main .vcard {
position:absolute;left:0;top:180px;
}
.where div#content_main .vcard h2 {
background: none;padding : 5px; margin: 0px; height:40px;
font-size:11pt;
}

.where div#content_main .org {
position: relative; 
/*color:#e0c373; */
color:#663300;
font-family: Verdana; font-style:normal; font-weight:bold; text-decoration:none; 
}
.where div#content_main .adr,
.where div#content_main .adr .street-address,
.where div#content_main .adr .postal-code,
.where div#content_main .adr .locality,
.where div#content_main .tel,
.where div#content_main .rsi,
.where div#content_main .pevent .summary,
.where div#content_main .pevent .tags
 {
position: relative; padding-left: 5px;
color:#663300; font-family: Verdana; font-style:normal; font-weight:bold; text-decoration:none; 
}
.where div#content_main .pevent {margin: 7px; position: relative; }
.where div#content_main .pevent span {
position: relative;padding-left: 5px;
color:#663300; font-family: Verdana; font-style:normal; font-weight:bold; text-decoration:none; 
}
.where div#content_main .pevent .summary,
.where div#content_main .pevent .tags {
margin-top: 7px; }
  
  
.where div#content_main .transport
{
padding-top:280px;
color:#663300;
padding-left:5px;
padding-bottom:10px;
}
.where div#content_main .resum
{
color:#663300;
font-weight:bold;
padding-left:5px;
padding-bottom:10px;
}

.where div#content_main img
{
	width:448px;
	border:0px;
	margin-top:20px;
	margin-left:60px;
}

.where div#site_info {
position:absolute; top:480px;
}


/*bombons*/
.bombons div#content_main {
height:1400px;
overflow:hidden;
}
.bombons div#content_main p
 {
padding-bottom:10px;
}
.bombons div#content_main .natcha img {
float : right;  position : relative; top : 0px; right : 10px; margin : 0 0 20px 20px;
}


.bombons div#content_main .pack h3 {
position:absolute;top:620px;left:0;
text-align:center;
padding-left:130px;
width:240px;
color:#663300;
font-size:10px;
}
.bombons div#content_main .pack img {
margin-left:-10px;
}
.bombons div#site_info {
absolute; top:480px;
}



/*bombomusic*/
.bombomusic div#content_main {
height:2200px;
}
.bombomusic div#content_main p {
padding-bottom:10px;
}

.bombomusic div#content_main .natcha img {
float : right;  position : relative; top : 0px; right : -40px; margin : 0 0 0px -20px;
}

.bombomusic div#content_main ol {
position:relative;
text-indent:0px;
top : 0px; left : 0%; width : 100%; height:150px;
padding-left:0px;
}
.bombomusic div#content_main li {
    padding-top : 10px;  
    padding-bottom : 10px;
}
.bombomusic div#content_main .primer
{
position:absolute;left:0px;top:0px;
}
.bombomusic div#content_main .segon
{
position:absolute;left:310px;top:0px;
}
.bombomusic div#content_main .tercer
{
position:absolute;left:0px;top:590px;
}
.bombomusic div#content_main .quart
{
position:absolute;left:310px;top:500px;
}

.bombomusic div#site_info {
absolute; top:480px;
}


/*pastisos*/
.pastisos div#content_main {
height:1700px;
}
.pastisos div#content_main p {
padding-bottom:10px;
}
.pastisos div#content_main ul {
text-indent:0px;
top : 0px; left : 0%; width : 100%; height:150px;
padding-left:0px;
}
.pastisos div#content_main li {
    position : relative;
    float : left;   
    padding-top : 10px;  
    padding-bottom : 10px;
}

.pastisos div#content_main .productes li
{
    width:32%;
    height:150px;
    overflow:hidden;
}
.pastisos div#content_main .productes li a img
{
 display:block;
position:relative;
width:150px;height:120px;
margin-left:10px;
margin-right:10px;
 border : 5px solid #f7f3ca;
}
.pastisos div#content_main .productes li a:hover img
{
    position:absolute;
    display:block;
    top:0px;
    margin-top:0px;
	margin-left:0px;
    margin-right:0px;
    width:170px;height:140px;
    border : 1px solid #663300;
}

.pastisos div#site_info {
position:absolute; top:480px;
}
/*pastisosmida*/

.pastisosmida div#content_main {
height:4800px;
}
.pastisosmida div#content_main p {
padding-bottom:10px; width:540px;
}

.pastisosmida div#content_main .natcha p img {
float : right;  position : relative; top : 0px; right : 0px; margin : 0 0 0px 10px;
}

.pastisosmida div#content_main ul {
text-indent:0px;
top : 0px; left : 0%; width : 100%; height:150px;
padding-left:0px;
}
.pastisosmida div#content_main li {
    position : relative;
    float : left;   
    padding-top : 10px;  
    padding-bottom : 10px;
}
.pastisosmida div#content_main .exemples{
position:absolute;top:750px;left:10px;
}
.pastisosmida div#content_main .exemples li img {
 width:540px;
}
.pastisosmida div#content_main .pack {
position:absolute;top:3800px; height:400px;
}
.pastisosmida div#content_main .pack img {
 width:540px;
}
.pastisosmida div#content_main .pack li {
	width:29%;
}
.pastisosmida div#site_info {
position:absolute; top:480px;
}

/*especialitats*/
.especialitats div#content_main {
height:1100px;
}
.especialitats div#content_main p {
padding-bottom:10px;
}
.especialitats div#content_main ul { 
position : relative;
padding-top : 410px; }

.especialitats div#content_main li { margin-bottom : 2em;margin-left:0px;padding-left:0px; }

.especialitats div#content_main h2, 
.especialitats div#content_main p { 
display : inline;
background:none; }

.especialitats div#content_main h2 { font-weight : normal; padding-left:10px; } 
.especialitats div#content_main p { color : #666; padding-left:10px;}

.especialitats div#content_main h2 img { 
position : absolute; 
padding : 1px; 
border : 1px solid #ccc; } 

.especialitats li#trufes h2 img { top : 20px; left : 0; }
.especialitats li#encenalls h2 img{ top : 20px; left : 170px; }
.especialitats li#apfelstrudel h2 img { top : 20px; left : 340px; }
.especialitats li#panellets h2 img{ top : 138px; left : 0; }
.especialitats li#torrons h2 img{ top : 138px; left : 170px; }


.especialitats div#content_main a:link, 
.especialitats div#content_main a:visited, 
.especialitats div#content_main a:hover, 
.especialitats div#content_main a:active { 
text-decoration : underline; 
color : #894a4f; }

.especialitats div#content_main a:hover img,
 .especialitats div#content_main li:target img { outline : 1px solid #000; }

.especialitats div#content_main li:target { 
margin : .5em 0; 
padding : .5em; 
border : 1px solid #dab69c; 
color : #000; }

.especialitats div#content_main li:target p { color : #000; }


.especialitats div#site_info {
absolute; top:480px;
}

.especialitats div#site_info {
absolute; top:480px;
}

/*diades*/

.diades div#content_main {
height:1100px;
}
.diades div#content_main p {
padding-bottom:10px;
}

.diades div#content_main .natcha ul {
text-indent:0px;
padding-top:300px;
top : 0px; left : 0%; width : 100%; height:150px;
padding-left:0px;
}
.diades div#content_main .natcha li {
    position : relative;
    float : left; 
	width : 100%;  
    padding-top : 5px;  
    padding-bottom : 5px;
	list-style:inside;
}

.diades div#content_main li h2 {
display:inline;
background:none;
white-space:nowrap;
margin:0px;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:5px;
font-size: 1.2em;
color:#663300;
}
.diades div#content_main .pack {
position:absolute;
top : 0px; left : 0%; width : 100%; height:150px;
}
.diades div#content_main .pack ul {
text-indent:0px;
padding-top:170px;
padding-left:10px;
top : 0px; left : 0; width : 100%; height:150px;
}
.diades div#content_main .pack li 
{
	 position : relative;
	 padding-top : 5px;  
    padding-bottom : 5px;
    float : left; 
	width : 32.5%;  
	list-style:none;
}
.diades div#content_main .pack li img {
width:170px;
}

.diades div#site_info {
absolute; top:480px;
}

/*novetats*/

.novetats div#content_main {
height:1200px;
}
.novetats div#content_main p {
padding-bottom:10px;
}
.novetats div#content_main ul {
text-indent:0px;
top : 0px; left : 0%; width : 100%; height:150px;
padding-left:0px;
}
.novetats div#content_main li {
    position : relative;
    float : left;   
	width : 49.5%;  
    padding-top : 10px;  
    padding-bottom : 10px;
}
.novetats div#site_info {
absolute; top:480px;
}


/*mones*/
.mones div#content_main {
height:3000px;
}
.mones div#content_main .natcha
{
position:absolute;top:80px;
}
.mones div#content_main h3 {
position:absolute;top:10px;left:0;
padding-left:248px;
width:285px;
color:#663300;
font-size:11px;
}
.mones div#content_main p {
position:relative;
padding-bottom:10px;
}
.mones div#content_main ul {
position:absolute;
text-indent:0px;
top : 80px; left : 0%; width : 100%;
padding-left:0px;
}
.mones div#content_main li {
    position : relative;
    float : left;   
	width:100%;
    padding-top : 10px;  
    padding-bottom : 10px;
}
.mones div#content_main .pack {
position:absolute;top:2550px; height:400px;
}
.mones div#site_info {
absolute; top:480px;
}

/*salatcatering*/


.salatcatering div#content_main {
height:1600px;
}
.salatcatering div#content_main p {
padding-bottom:10px;
}
.salatcatering div#content_main .natcha img {
float : right;  position : relative; top : 0px; right : 0px; margin : 0 0 0px 10px;
}
.salatcatering div#content_main .pack
{
color:white;
height:200px;
margin-top:20px;
text-align:center;
padding-top:50px;
padding-left:80px;
padding-right:80px;
font-size:120%;
background-image:url(images/pack.jpg);
background-repeat: no-repeat;
background-position: 50% 0%; 
}
.salatcatering div#content_main .natcha .productes
{
top : 0px; left : 0%; width : 100%; height:200px;
padding-left:0px;
}
.salatcatering div#content_main .natcha .productes li {
position : relative; float : left;
width:32%;	
list-style:none; height:200px;
}

.salatcatering div#content_main .natcha ul {
text-indent:0px;
top : 0px; left : 0%; width : 100%;
padding-left:0px;
}
.salatcatering div#content_main .natcha li {
       
	width:100%;	
    padding-top : 10px;  
    padding-bottom : 10px;
	width:100%;
	color:#663300;
	font-weight:bold;
	text-indent:20px;
	list-style:inside;
}
.salatcatering div#content_main .productes
{
top : 0px; left : 0%; width : 540px; height:400px;
padding-left:0px;
padding-top:20px;
}
.salatcatering div#content_main .productes li {
position : relative; float : left;
width:170px;	
list-style:none; height:200px;
}
.salatcatering div#site_info {
absolute; top:480px;
}

/*proveidors*/
.proveidors div#content_main {
height:1100px;
}
.proveidors div#content_main p {
padding-bottom:10px;
}

.proveidors div#content_main .vcard {
margin-top:-30px;
background-image:url(images/proveidors_1.jpg);
background-repeat: no-repeat;
background-position: 50% 0%; 
height:220px;
width:600px;
font-size:130%;
font-weight:bold;
}
.proveidors div#content_main .vcard  .org{
padding-bottom:2px;
margin-left:250px;
padding-top:20px;
color:#663300;
}
.proveidors div#content_main .vcard .adr p,
.proveidors div#content_main .vcard .nif
{
padding-bottom:2px;
margin-left:250px;
color:#663300;
}
.proveidors div#content_main .vcard .tel
{
padding-top:30px;
margin-left:130px;
color:black;
}
.proveidors div#content_main .vcard .email
{
margin-left:130px;
color:black;
}
.proveidors div#content_main #entregues
{
position:relative;
height:170px;
background-image:url(images/proveidors_2.jpg);
background-repeat: no-repeat;
background-position: 50% 0%; 
padding-top:60px;
padding-left:30px;
font-size:120%;
font-weight:bold;
color:#663300;
}
.proveidors div#content_main .pevent
{
position:relative;
height:170px;
background-image:url(images/proveidors_3.jpg);
background-repeat: no-repeat;
background-position: 0% 0%; 
padding-top:30px;
padding-left:30px;
font-size:120%;
font-weight:bold;
color:#663300;
}

.proveidors div#content_main ul {
text-indent:0px;
top : 0px; left : 0%; width : 100%; height:150px;
padding-left:0px;
}
.proveidors div#content_main li {
    position : relative;
    float : left;   
    padding-top : 10px;  
    padding-bottom : 10px;
}
.proveidors div#site_info {
absolute; top:480px;
}

/*degustacio*/
.degustacio div#content_main {
height:700px;
}
.degustacio div#content_main p {
padding-bottom:10px;
}
.degustacio div#content_main .natcha img {
float : right;  position : relative; top : 0px; right : 0px; margin : 0 0 0px 20px;
}

.degustacio div#content_main .avis
{
margin-top:120px;
text-indent:-9000px;
}
.degustacio div#content_main ul {
text-indent:0px;
top : 0px; left : 0%; width : 100%; height:150px;
padding-left:0px;
}
.degustacio div#content_main li {
    position : relative;
    float : left;  
	width:32%; 
    padding-top : 10px;  
    padding-bottom : 10px;
}
.degustacio div#site_info {
absolute; top:480px;
}

/*nadal*/
.nadal div#content_main {
height:1100px;
}
.nadal div#content_main p {
padding-bottom:10px;
}
.nadal div#content_main ul {
text-indent:0px;
top : 0px; left : 0%; width : 100%; height:150px;
padding-left:0px;
}
.nadal div#content_main li {
    position : relative;
    float : left;   
    padding-top : 10px;  
    padding-bottom : 10px;
}

.nadal div#content_main li img 
{
 width:520px;
}

.nadal div#site_info {
absolute; top:480px;
}

/*links*/
.links div#content_main {
height:700px;
}
.links div#content_main p {
padding-bottom:10px;
}
.links div#content_main ul {
text-indent:0px;
top : 0px; left : 0%; width : 100%; height:150px;
padding-left:0px;
}
.links div#content_main li {
    position : relative;
    float : left;   
	width:100%;
    padding-top : 10px;  
    padding-bottom : 10px;
}
.links div#site_info {
position:absolute; top:680px;
}



/*treballa*/
.treballa div#content_main {
height:700px;
}
.treballa div#content_main p {
padding-bottom:10px;
}
.treballa div#content_main ul {
text-indent:0px;
width : 100%; 
padding-left:0px;
}
.treballa div#content_main li {
    position : relative;
    float : left;   
	width:100%;
    padding-top : 10px;  
    padding-bottom : 10px;
}
.treballa div#site_info {
position:absolute; top:680px;
}



/*contacte*/
.contacte div#content_main {
height:700px;
}
.contacte div#content_main p {
padding-bottom:10px;
}
.contacte div#content_main ul {
text-indent:0px;
 width : 100%; 
padding-left:0px;
}
.contacte div#content_main li {
    position : relative;
    float : left;   
	width:100%;
    padding-top : 10px;  
    padding-bottom : 10px;
}
.contacte div#site_info {
position:absolute; top:680px;
}

