/********** disseny i posició *********/

BODY {
	margin: 0;
	padding: 0;
}

/***** ELIMINA EL MARGE BLAU ALS LINKS D'IMATGE AL FIREFOX *********/
img
{
  border:0;
}


/*#manicontainer és el principal que inclou: posts, barLat*/
#maincontent, #maincontent_blog, #header, #footer {
	width:984px;
	margin: 0 auto;
}

/*#header és la capçalera que inclou el menú*/
#header {
	height: 108px;
	position: relative;
	/*background-image: url(../img/header_web.jpg);*/
}

/*
#header #botoIdiomes
{
	position:absolute;
	left:704px;
	top:37px;
	width:96px;
	height:35px;
	z-index:8;
	visibility: visible;
}
*/

/*
#header #botoNovetats
{
 	position:absolute;
 	left:821px;
 	top:35px;
 	width:96px;
 	height:35px;
 	z-index:8;
 	visibility: visible;
}
*/

#header #menu1
{
	position:absolute;
	left:237px;
	top:72px;
	width:116px;
	height:34px;
	z-index:7;
	visibility: visible;
}

#header #menu2
{
	position:absolute;
	left:353px;
	top:72px;
	width:123px;
	height:34px;
	z-index:7;
	visibility: visible;
}

#header #menu3
{
	position:absolute;
	left:476px;
	top:72px;
	width:114px;
	height:34px;
	z-index:7;
	visibility: visible;
}

#header #menu4
{
	position:absolute;
	left:590px;
	top:72px;
	width:114px;
	height:34px;
	z-index:7;
	visibility: visible;
	margin: 0;
	padding: 0;
}

#header #menu5
{
	position:absolute;
	left:704px;
	top:72px;
	width:117px;
	height:34px;
	z-index:7;
	visibility: visible;
	margin: 0;
	padding: 0;
}

#header #menu6
{
	position:absolute;
	left:821px;
	top:72px;
	width:122px;
	height:34px;
	z-index:7;
	visibility: visible;
	margin: 0;
	padding: 0;
}

#footer {
	padding: 10px 0 3em 0;
}

/*alçada 1%: per contrarrestar els problemes de IE*/
#maincontent, #maincontent_blog {
	height: 1%;
	overflow: auto;
	padding-bottom: 3em;
	position: relative;
}


#maincontent #flash {
	float: left;
	position: absolute;
	left:242px;
	top:0px;
	width:730px;
	height:175px;
	z-index:7;
	visibility: visible;
}

#flash_blog {
	float: left;
	position: absolute;
	left:14px;
	top:0px;
	width:694px;
	height:175px;
	z-index:7;
	visibility: visible;
}

#maincontent #butlleta {
	float: left;
	position: absolute;
	left:242px;
	top:190px;
	width:730px;
	height:623px;
	z-index:7;
	visibility: visible;
}


#posts {
	margin-left: 240px;
	margin-top: 174px;
	padding-right: 25px;
	margin: 20;
}


#barLat {
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	width: 240px;

}

#suppNav {
	position: absolute;
	left: 3px;
	top: 0;
	width: 300px;
	margin: 0px 0 0px -1px;
}

#suppNav p {
	padding: 0px 10px 0px 21px;
	color: #333333;
}

/*****   nav uno   *********/

#utilNav_1 li, #utilNav_3 li, #utilNav_4 li,{
	width: 270px;
	font-size: 0,5em;
	line-height: 14px;
	margin: 0 0 1px 1px;
	display: inline;
	float: left;
}

#utilNav_1 li a, #utilNav_3 li a, #utilNav_4 li a{
	text-indent: 0px;
	width: 200px;
	height: 44px;
	color: #333333;
	display: block;
	float: left;
	text-decoration: none;
	padding: 2px 6px 0 6px;
	margin-top: 5px;
	}
	
	
/*****   nav uno   *********/
#utilNav_1 li a {
	background: #D5CB9C url(../img/chamfer.gif) no-repeat right bottom;
	}

#utilNav_1 li a:hover {
	background-color: #B9B086;
	color:#FFFFFF;
	}
	
/*****   nav tre  *********/

#utilNav_3 li a {
	background: #DABFB6 url(../img/chamfer.gif) no-repeat right bottom;
}

#utilNav_3 li a:hover {
	background-color: #CBA79A;
	color:#FFFFFF;
}

/*****   nav cua   *********/
#utilNav_4 li a {
	background: #E2C6CE url(../img/chamfer.gif) no-repeat right bottom;
	}

#utilNav_4 li a:hover {
	background-color: #D5ABB6;
	color:#FFFFFF;
	}





/* tipografia */

BODY {
	font-family: "Trebuchet MS", Georgia, Palatino, serif;
	color: #CCCCCC;
	font-size: 62.5%;
}

HTML>BODY {
	font-size: 1,2em;
	/*color: #CCCCCC;*/
	line-height: 120%;
}

H1, H2, H3, H4, H5 {
	margin: 0;
	color: #A06E5D;
}

H2 {
	color: #920106;
	font-size: 2em;
	font-weight:normal;
	line-height:1em;
	padding-top: 1em;
	background: no-repeat left 24px url(../img/ornament.gif);
}

H2 A {
	text-decoration:underline;
}

#posts H3, #posts_blog H3 {
	color: #999999;
	font-weight:normal;
	line-height: 150%;
	font-size: 1.7em;
	margin-top: 1em;
	font-style: italic;	
}

H7 {
	font-size: 0.7em;
	margin-left: 0px;
}

foto_uno {
	margin-left: 53px;
}

foto {
	margin-left: 53px;
}

H4 {
	font-weight:normal;
	line-height:1.2em;
	font-size: 1em;
}

/******** H5: meu **********/
H5 {
	color: #920106;
	font-style:bold;
	font-weight:normal;
	line-height:0.5em;
	font-size: 1.2em;
}

.post, .post_blog, DL, #posts UL, #comentaris P, #results P {
	color: #666666;
	font-size: 1.5em;
	line-height:1.8em;
}

#comentaris DD P {
	font-size: 1.2em;
	line-height: 1.8em;
}

dd {
	margin-left: 0px;
}

dd.incorrecte {
	margin-left: 0px;
	color:#990000;
}

#posts H2, #posts H3, #posts_blog H2, #posts_blog H3, .post, DL, #posts UL, #comentaris P, #results P {
	padding-left: 61px;
	color: A06E5D;
}

/******** H5: meu **********/
#posts H4, #posts H5, #posts_blog H4, #posts_blog H5  {
	padding-left: 61px;
}


.post P {
	margin-top:0; 
}

HTML>BODY .post P {
	margin-bottom: 0;
}

.post P+P {
	text-indent: 1.5em;
}

.post {
	padding-bottom:1em;
}

#barLat {
	font-size: 1.3em;
	/*line-height: 1.3636em;*/
	line-height: 1.5em;
}

#barLat p {
	margin-top: 5px;
	margin-left: 13px;
	padding-left: 12;
	padding-rigth: 10;
}

#barLat ul {
	/*margin-left: 20px;*/
	padding-left: 14px;
	padding-rigth: 20px;
	list-style: none;
}

#barLat li {
	/*list-style: disc url(../img/ornament_bt.gif);
	margin-bottom: 0.682em;*/
	margin-left: 0px;
	margin-right: 30px;
	margin-bottom: 0.3em;
	padding: 3px 0 0 0px;
}

#barLat h3 {
	margin:1.3636em 0 0.682em 10px;
	text-indent: -1000em;
	overflow: hidden;
}


#footer {
	text-indent: 61px;
	font-size: 1.1em;
}


/* fons i colors */

BODY {
	/*background: #F3EFF0 repeat fixed url(../img/map_bg.jpg) center;*/
	background: #F3EFF0;
	color: #f4f8e4;
}


A {
	color:#6E4720;
}
/*
H2 A {
	color: #000;
}

a:active {
	color: #92000A;
}
a:link {
	color: #92000A;
	text-decoration: none;
}*/
a:hover  {
	color: #B8968B;
}
a:visited {
	color: #993333;
}
a:visited:hover  { 
	color: #B8968B;
}

/* prova que no ha funcionat...
#foto a {
	color: #FFFFFF;
	text-decoration:none;
	border-color:#FFFFFF;
}
*/

.post {
	/*background: no-repeat left 7px url(../img/ornament.gif);*/
}

#header {
	background: no-repeat url(../img/header_2011.gif);
}

#footer {
	background: no-repeat url(../img/footer_web.jpg);
}

#maincontent {
	background: repeat-y fixed url(../img/content_bg2.gif) center 111px;
	color: #000;
}

#maincontent_blog {
	background: repeat-y fixed url(../img/content_blog.gif) center 111px;
	color: #000;
}

/*
#barLat {
	background-color: #f8faed;
}
*/

/**************** BLOG *******************/

#posts_blog {
	margin-left: 14px;
	margin-top: 174px;
	padding-right: 300px;
	padding-left: 25px;
	margin: 20;
}


#sidebar {
	float: left;
	position: absolute;
	left: 708px;
	top: 0;
	width: 242px;
	margin-right: 30px;
	font-size: 1.1em;
	line-height: 1.3636em;
}

#sidebar P, #sidebar UL {
	margin-left: 14px;
	padding: 0px 10px 0px 0px;
	margin-top: 7px;
}

#sidebar li {
	list-style: disc url(../img/ornament_bt.gif);
	margin-left: 12px;
	margin-bottom: 0.682em;
}

#sidebar H3 {
	margin:1.3636em 0 0.682em 10px;
	text-indent: -1000em;
	overflow: hidden;
}

#sidebar #viewarchive {
	text-indent: 0;
}

	
/*****   nav cin   ******/
#utilNav_5 li{
	width: 236px;
	font-size: 0,5em;
	line-height: 14px;
	margin: 3px 0 1px 12px;
	display: inline;
	float: left;
}

#utilNav_5 li a {
	text-indent: 0px;
	width: 202px;
	height: 44px;
	color: #333333;
	display: block;
	float: left;
	text-decoration: none;
	padding: 2px 6px 0 6px;
	}

#utilNav_5 li a {
	background: #C1CDC8 url(../img/chamfer.gif) no-repeat right bottom;
	}

#utilNav_5 li a:hover {
	background-color: #A2B3AC;
	color:#FFFFFF;
	}
	

#viewarchive A {
	display:block;
	text-indent: -1000em;
}

#about H3 {
	background: no-repeat url(../img/h_about.gif);
	width: 200px;
	height: 21px;
	margin-left: 15px;
	margin-right: 25px;
}

#addcomentari h3 {
	background: no-repeat url(../img/h_addcomentari.gif);
	width: 160px;
	height: 16px;
	margin-left: 25px;
}

/************* MENU POSTS *************/

#com ul  {
	list-style: none;
	margin-top: -10px;
	margin-left: 21px;
	padding-top: 0;
}

#com ul li {
	float: left;
	display: block;
	text-align: left;
	height: 21px;
	margin: 0;
	padding: 5px 20px 0 24px;
	/*padding: 10px 110px 0px 10px;*/

}

#com ul li a	{
	text-decoration: none;
}

#com ul li#btn_uno {
	background: #FAFBF1 url(../img/i_blog_uno.gif) no-repeat top left;
}

#com ul li#btn_dos {
	background: #FAFBF1 url(../img/i_blog_dos.gif) no-repeat top left;
}

#com ul li#btn_tre {
	background: #FAFBF1 url(../img/i_blog_tre.gif) no-repeat top left;
}

#com ul li#btn_cua {
	width: 150px;
	background: #FAFBF1 url(../img/i_blog_cua.gif) no-repeat top left;
}



/*
#search H3 {
	background: no-repeat url(../img/h_search.gif);
	width: 213px;
	height: 21px;
	margin-left: 15px;
}

#recent H3 {
	background: no-repeat url(../img/h_recent.gif);
	width: 213px;
	height: 21px;
	margin-left: 15px;
}

#viewarchive H3 {
	background: no-repeat url(../img/h_viewarchive.gif);
	width: 213px;
	height: 21px;
	margin-left: 15px;
}
*/



/*************************** filets *****************************/
table.linea 
{
	width:92%;
}

td.linea       
{
	width:330px;
	height: 8px;
	background-image: url(../img/filet.gif);
	align: right;
	margin: 30px;
}

table.linea_petita {
	width:100%;
}

td.linea_petita {
	width:350px;
	height: 8px;
	background-image: url(../img/filet.gif);
	align: left;
	margin-left: 0px;
}


/****************** Formularis **********************/
INPUT, TEXTAREA {
	border-width: 1px;
	background-color:#FAFBF1;
	color: #666666;
	width: 67%;
	font-size:1.1em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

INPUT[type=text] {
	margin-left: 0px;
}

TEXTAREA {
	margin-left: 0px;
}

.btn {
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-size: 12px;
	font-weight: bold;
	width: 150px;
	color: #FFFFFF;
	background-color: #6E4720;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	cursor: pointer;
}

.btn:hover{
	background-color: #B8968B;
}

.message {
	font-size: 1.3em;
	line-height: 1.4em;
	background-color: #FAFBF1;
	padding: 3px 10px 3px 20px;
	margin-left: 61px;
}