body
{
margin: 0;
padding: 0;
font: 70% Verdana, Arial, Helvetica, sans-serif;
text-align: center;
color: #333;
background-color: #FFCC00;
background-image: url(imatges/fons_body3.png);
background-repeat: repeat-x;
background-position: top;
}



a {text-decoration: none;}
a img {border: none; background:none;}
a:link, a:visited {color: #594700; border-bottom: 1px solid #ccc;}
a:hover {color: #000; background-color: #FFEEAB;
border-bottom: 1px solid #CCBE89;}
#masthead a, #ish a, #navbar a, #banners a, a.button, #main h1 a, .title a:link, .title a:visited, .byline a:link, .byline a:visited {border-bottom-width: 0;}
#main h1 a:hover, .title a:hover, .byline a:hover {border-bottom-width: 1px;}


h1, h2, h3, h4, h5 {
margin: .5em 0;
font-family:Arial, Helvetica, sans-serif;
line-height:normal;
}

h2	{
color: #000;
font: 130% georgia, times, "times new roman", serif;
font-weight: bold;
margin: 0 0 15px 0;
}

h1 a, h2 a, h3 a, h4 a {text-decoration: none; border-bottom-width: 0;}

h3 {
font-size:110%;
}


h5 {
border-bottom: 1px solid #CCCCCC;
}


.ocult{
/*display:none !important; */ 
position: absolute; 
top:-550px;
left:-550px;
height:0em; 
width:0em; 
overflow: hidden;
}

.drecera {
text-decoration:underline;
}

/* Estructura 
**************************************************************/

#container
{
margin: 0 auto;
width: 770px;
text-align: left;
background-image: url(imatges/fons_contenidor3.jpg);
}


#header {
height: 184px;
background-image: url(imatges/capsalera2.jpg);
background-repeat: no-repeat;
background-position: center top;
position: relative;
margin:0px;
}

#header h1 {
float:left;
margin: 25px 60px;
}

#logo {
	float: left;
	margin: 25px 60px;
	;
}

#header a {
background:none;
border:none;
}

#menusuperior {
position:absolute;
top: 41px;
right: 40px;
padding: 4px 20px;
background-color: #222;
color: #FFCC00;
font-size: 90%;
letter-spacing:0.1em;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
border-bottom: 1px solid white;
}

#menusuperior a {
padding: 3px 0px;
border:none;
}

#menusuperior a:link, #menusuperior a:visited {
color: #fff;
text-decoration: none;
}

#menusuperior a:hover, #menusuperior a:active {
color: #FFCC00;
text-decoration: none;
background: none;
}



/****************************************/


ul#menucapsalera
{
float:right;
margin: 0;
white-space: nowrap;
padding: 5px;
position:relative;
top: 50px;
right: 40px;
color: #FFCC00;

font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
background-color:#222

}

#menucapsalera li
{
display: inline;
list-style-type: none;

}

#menucapsalera a { padding: 3px 10px; }

#menucapsalera a:link, #menucapsalera a:visited
{
color: #fff;
background-color: #222;
text-decoration: none;
}

#menucapsalera a:hover
{
color: #000;
background-color: #FED940;
text-decoration: none;
}

/****************************************/






#sotacapsalera 	{
height: 25px;
padding: 3px 50px;
background-image: url(imatges/fons_sota_capsalera.png);
background-position: center bottom;
background-repeat: no-repeat;
}

#sotacapsalera form {
display:inline;
margin:0;
padding:0;
}		

#formularicerca {
margin-right: 200px;
text-align: left;
}

#icones {
float: right;
width:150px;
text-align: right;
margin: 5px;
}
#icones a {
border: none;
}	

#icones li
{
display: inline;
list-style-type: none;
}
#icones ul
{
margin:0;
padding:0;
}


/*****************/

#continguts {
clear: both;
padding: 10px 50px 10px 65px;
background-image: url(imatges/fons_ratlla_v.png);
background-repeat: repeat-y;
background-position: center;
}


#menu
{
float: right;
width: 160px;
font-size:90%;
font-family: Arial, Helvetica, sans-serif;
}


/*estils de listamatic2 */

#menuprincipal { margin: 0 0 20px 0; }

#menuprincipal ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

#menuprincipal li { margin: 0 0 1px 0; }

#menuprincipal a
{
display: block;
padding: 5px 10px;
width: 140px;
color: #333;
background-color: #ddd;
text-decoration: none;
}

#menuprincipal a:hover
{
color: #000;
background-color: #EEBE00;
text-decoration: none;
}

#menuprincipal ul ul li { margin: 0 0 1px 0; }

#menuprincipal ul ul a
{
display: block;
padding: 2px 5px 2px 25px;
width: 130px;
color: #333;
background-color: #eee;
text-decoration: none;
}

#menuprincipal ul ul a:hover
{
color: #000;
background-color: #EEBE00;
text-decoration: none;
}



/* color & style for root level active folder
-----------------------------------------------*/
#menuprincipal li.here, #menu li.here a { /* this sets the color of the active menu parent. */
color: #990000;
}

/*  turn off level 2 folders (sub menu items) */
#menuprincipal ul ul {
display: none;
}

/* show the items in the level 2 folder path when you are there*/
#menuprincipal li.here ul {
display: block;

}

/* color & Style for level 2 active folder
-----------------------------------------------*/
#menuprincipal li.here ul li a {/* An item in the 2nd level list, not currently selected */
color:#333; /* these items are black in the 2nd level list */
}
#menuprincipal li.here li.here a { /* The ACTIVE item in the 2nd level list */
color: #990000;/* these items are orange in the 2nd level list */
}


/*fi menu*/


#principal	
{
text-align: left;
width: 450px;
float:left;
}

#principal p { line-height: 165%; }

.data-avui {
margin:0 0 15px 0;
color:#999;
font-size:80%;
}	

/* Post (main content entries)
------------------------------------------------------------------------- */

.datapubli {
font-size:80%;
color:#666666;
}

.blogentry {
margin: 0 0 1.5em 0;
padding: 0 0 1.5em 14px;
line-height:140%;

}

.blogentry h3 {
margin-bottom:0.25em;
}
.blogentry h3 a {
border-bottom-width: 0;}

.blogentry h3 a:hover {
border-bottom-width: 1px;}

.blogentry ul {
margin: 0 0 20px 0em;
}

.blogentry li {
padding-left: 1em;
margin-bottom: 3px;
}

.blogentry ul li {
list-style: none;
background: url(imatges/punt_taronja.png) no-repeat 0 6px;
font-size:95%;
text-align:left;
}

.blogentry img {
margin-left: 15px;
}


#footer	{
clear: both;
height: 150px;
font-size: 80%;
background-image: url(imatges/fons_peu_pagina3.jpg);
background-repeat: no-repeat;
background-position: center bottom;
color: #666666;
}

#footer p {
padding: 60px 100px 30px 50px;
}



/* Form styles

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



input {
font-size: 1em;
}



input:focus {
background: #fff;
color: #111;
}



/* 
/**********************************************/

#FSF_input {
background: #fff;
border: 1px solid #666;
color: #111;
padding: 2px 5px 1px 5px;
clear:none;
}

#FSF_input:focus {
border-bottom: 1px solid #000;
background: #fff;
color: #111;
}

#FSF_submit, #FSF_submit:focus {
background: url("imatges/lupa.png") no-repeat;
margin-left: 5px;
height: 22px;
width: 22px;
border: 0;
text-indent: -9999px;
cursor: pointer;
}



.submit:hover, #FSF_submit:hover {
height: 22px;
width: 22px;
border: 0;
background: url("imatges/lupa.png") no-repeat;
cursor: pointer;
}


.clear {
clear: both;
line-height: 1px;
font-size: 0.1em;
height: 1px;
margin-top: -1px;
visibility: hidden;
}	
/***********************/


/* Menu dreta
*******************************************************
.topdiv {
margin-right:20px;}

.topdiv ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

.topdiv li { margin: 0 0 1px 0; }

.topdiv a
{
display: block;
padding: 5px 10px;
width: 100%;
color: #fff;
background-color: #222;
text-decoration: none;
}

.topdiv a:hover
{
color: #111;
background-color: #FFCC00;
text-decoration: none;
}

.topdiv ul ul li { margin: 0 0 1px 0; }

.topdiv ul ul a
{
display: block;
padding: 5px 5px 5px 30px;
width: 125px;
color: #fff;
background-color: #444;
text-decoration: none;
}

.topdiv ul ul a:hover
{
color: #fff;
background-color: #111;
text-decoration: none;
}

*/	

/* Forms 
------------------------------------------------------------------------------- */
.emailform {
width: 360px;
text-align: left;
clear: both;
padding-bottom: 20px;
border: none;
}

fieldset {
border: none;
}

legend {
display: none;
}

.emailform label,
.emailform p {
display: block;
clear: both;
width: 310px;
font-size: 1em;
line-height: 1.5em;
padding: 0 0 9px;
}

.emailform input {
display: block;
margin-top: 3px;
}

.emailform select {
float: left;
display: block;
}

.emailform label {
float: left;
clear: left;
width: 310px;
margin: 0;
line-height: 1.5em;
}

.emailform label input {
float: left;
width: 310px;
padding: 0;
}

/* style the form elements to look similar across browsers ... emulates Safari */
form label input,
form textarea {
border: 1px solid #ddd;
border-left-color: #c3c3c3;
border-top-color: #7c7c7c;
padding: 0 2px;
height: 18px;
line-height: 20px;
background: #fff url(images/input-bg.gif) repeat-x top left;
}
form input.checkbox,
form select {
border: 1px solid #ddd;
border-left-color: #c3c3c3;
border-top-color: #7c7c7c;
background-color: #fff;    
}
form textarea {
margin-top: 3px;
width: 383px;
height: auto;
display: block;
}

form label input.calc {
text-align: right;
width: 100px;
clear: left;
padding: 0;
}
form input.button {
clear: left;
}



/** Ditto
****************************************/

.llegirmes a {
text-decoration:none;
border-bottom-width: 0;
}

#ditto_wrapper {
font-size:80%;
}

.ditto_summaryPost {
margin: 20px 0;
}

#ditto_wrapper .ditto_article {
margin-bottom: 20px;

}

#ditto_wrapper .ditto_title {
font-size: 115%;
width: 100%;
border-bottom: 1px solid #9c0;
}

#ditto_wrapper .ditto_title .ditto_info {
float: right;
display: block;
text-align: right;
font-size: 75%;
color: #555;
}

#ditto_wrapper .ditto_link {
text-align: right;
font-size: 75%;
}

#ditto_wrapper a, #ditto_wrapper a:visited, #ditto_wrapper a:hover {
border: 0;
}

.ditto_paging {
border-top: 1px solid #ccc;
padding: 10px;
font-size: 86%;
color: #666;
}

#ditto_pages #ditto_currentpage {
border: 1px solid #666;
padding: 1px 5px 2px;
margin-right: 1px;
background-color: #FFCC00;
color: #fff;
}

#ditto_pages .ditto_off {
border: 1px solid #ccc;
padding: 1px 5px 2px;
margin-right: 1px;
color: #ccc;
}

#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
border: 1px solid #999;
padding: 1px 5px 2px;
margin-right: 1px;
text-decoration: none !important;
color: #666;
}

#ditto_pages a:hover {
background-color: #fff;
color: #000;
}

#ditto_archivelist ul {
list-style-type: none;
margin-left: 15px;
padding-left: 0;
}

#ditto_archivelist ul ul {
list-style-type: square;
margin-left: 35px;
}

#ditto_archivelist .ditto_month {
font-weight: bold;
}

.adreca {
color: #666666;
}


/* webcam i meteo */

#miniaturawebcam {
display: block;
background-color:#f6f6f6;
border: 1px solid #ccc;
margin: 15px auto;
padding: 5px 5px 10px;
}

/* formularis ofertes */

#formulariofertes input {clear: both}
#formulariofertes label {clear: both; display:block; margin-bottom:0; font-weight:bold }
#formulariofertes input, textarea { margin: 0px; clear:left; padding: 2px; font-family:"Courier New", Courier, mono; font-size:110%; color: #333 }
#formulariofertes legend {display: inherit; clear:both; font-weight:bold; border:none; font-size:120%; font-variant:small-caps}
#formulariofertes fieldset {background-color: #f6f6f6; border: 1px solid #ccc; padding: 1em; margin: 1em 0;}
#formulariofertes .field {width:100%; border: 1px solid #ccc}
#formulariofertes .invalid {color: red}
#formulariofertes .required { border-color: red; background:#FFFFCC}
#formulariofertes strong {color: red}

.taulaoferta {border: 2px solid #ccc; }
.taulaoferta td {border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.taulaoferta th {background-color:#333333; color: #FFFFFF; padding: 3px; }