@charset "utf-8";
/* CSS Document */
* { 
padding:0px;
margin:0px;}

ul{ 
	list-style-image:none;
	list-style:none;}

.clean { clear:both;}

img { border:0px;}

a { text-decoration:none; color:#333; outline:none;}

#header h1 { display:none;}

body { 
	background-color:#F5F9D5;
	background-image:url(images/bck-home.png);
	background-repeat:repeat-x;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;}

#wrap { margin:0 auto;
width:990px;
background-image:url(images/bck2.png);
background-repeat:no-repeat;
}


#logo { float:left}

#idiomas-social {
	float:right;
	text-align:right;
	padding-top:5px;
	color:#FFF;
	font-size:16px;
	width:300px;}
	
#idiomas { padding-bottom:5px;}
#idiomas,#social {
	float:right; 
	}
#social ul li#segueix { 
	margin-right:5px; 
	padding-top:3px;}

#idiomas ul li, #social ul li { 
	float:left;
	padding-right:6px;
	}
	
/*------------------ Navigation*/
#navigation {
	width:980px;
	padding-top:5px;
	}
#navigation-simple { float:left; }
#navigation-contacte { 
	float:right; 
	width:150px; 
	text-align:right;}

#navigation ul#navigation-simple li { 
	float:left;
	 width:190px; 
	padding-right:40px;}
#navigation ul li p { line-height:12px;}
#navigation ul li h3 a { 
	font-size:19px;
	color:#993300;
	font-weight:normal;}
	
/*------------------ FOOTER*/	
#footer {
	 padding:10px 0px 10px 0px;
	 background-color:#e6eaaa;
	 background-image:url(images/bck-footer.jpg);
	 background-repeat:repeat-x;
	 text-align:center;
	 }
#footer #content-footer { 
	margin:0 auto; 
	width:980px;}

#footer #lema { 
 	font-size:14px; 
	color:#993300;
	float:left;}

#footer #lema2 { 
 	font-size:17px;
	color:#ac602a;
	}
#footer #contacte-foot {
	text-align:right;
	color:#993300;
	float:right;
	width:500px;}
#footer #contacte-foot ul { 
	float:right; }
	
#footer #contacte-foot ul li { 
	float:left;
	padding-left:10px;
	font-size:14px;
	font-weight:bold;}
	
#footer #contacte-foot ul#legal li a{
	font-size:12px;
	font-weight:normal;
	}
	
#footer #contacte-foot ul li a {
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	color:#993300;}
/*-------------------- WEB */
#content { padding:20px 0px 20px 0px;}
#web { width:745px; float:left; padding-top:10px;}



/*----------------- SIDEBAR*/
  .picture {  border:1px solid #C3CF34; padding:1px; background-color:#FFF; padding-right:1px; width:224px;}

#sidebar {
	 width:243px;
	 float:right;
	 margin-bottom:10px;
	 
	 }
#sidebar .blockSidebar { padding:5px 4px 0px 6px; }

.sidebar-bott { margin-bottom:10px;}
#sidebar .last-post { 
	background-image:url(images/bck-last-post.png); 
	background-repeat:no-repeat;}

#sidebar h3 { padding-bottom:5px;}

.whiteC { background-color:#FFF;}

#sidebar h3 a { 
	font-size:16px;
	color:#993300;
	font-weight:bold;
	line-height:18px;}

#sidebar img { padding:0px;}
#sidebar p{ padding:6px 5px 0px 5px; 
line-height:15px;}

#sidebar .link { text-align:right}
#sidebar .link a {
	color:#993300; 
	font-weight:bold;}
/*-------------------- BLOC*/
.postBloc { padding-bottom:10px;}

.postBloc h3 a{
	color:#73780e;
	font-size:20px;
	text-decoration:none;}
	
	.postBloc h1{
	color:#73780e;
	font-size:26px;
	text-decoration:none;}
	
.postBloc h3 a:hover{
	color:#73780e;
	text-decoration:underline;}
		
.postBloc small { font-size:11px;}
.postBloc .content { 
	font-size:14px;
	padding:5px 0px 10px 0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	border-bottom:1px solid #e3e6aa;}
.postBloc .more { padding-top:10px; font-size:12px;}
.postBloc .more a { color:#990; text-decoration:underline; 	}
.postBloc ul { padding:10px 0px 10px 15px;}
.postBloc ul li { list-style:disc;}

.postBloc .foto img { float:left;}
.postBloc img {
	/*float:left; */
	padding: 1px;
	border: 1px solid #673401;
	margin:0px 15px 10px 0px;}
.postBloc a{color:#990; text-decoration:underline;}

.postBloc p { padding-bottom:10px;}

#page { padding:5px 0px 15px 0px;}
#page a {  color:#FFF; padding:3px; background-color:#990; text-decoration:none;}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 2px;
	margin: 0 15px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


/*----------------------- COMMENT LIST*/
.commentlist em { color:#C00; font-weight:bold;}
.commentlist img { border:2px solid #FFF;} 
.commentlist a {color:#990; text-decoration:underline; }
.commentlist li { padding:5px; list-style:none;}

input,textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	
	border-top:1px solid #222F00;
	border-left:1px solid #222F00;
	
	border-bottom:1px solid #F2FFD5;
	border-right:1px solid #F2FFD5;
	
	padding:4px 4px 0px 4px;
}

textarea { width:400px;}
#submit {
	color: #FFFFFF;
	padding: 6px;
	background-color: #344800;
	height: 30px;
	
	border-top:1px solid #CBC612;
	border-bottom:1px solid #222F00;
	
	border-left:1px solid #CBC612;
	border-right:1px solid #222F00;

}
form small {
	padding-left: 4px;
	color: #344800;
	font-weight:bold;
}

/*----------------------- FORM*/
#respond input { 
	margin-bottom:10px; 
	padding:3px;}

#respond textarea { padding:3px;}

#respond h3 { padding-bottom:10px;}

#respond #submit { margin-top:10px;}

#respond small { font-size:12px;}

.entry { padding:10px 0px 10px 0px;
margin-right:10px;}