/* CSS Document */

body {
	 padding: 5px 0 0 0; 
	 margin: 0;
	 font-family:Verdana;
	 font-size:11px;	 
	 line-height: 1.7em; 
	 background: #fff url(../images/bg.gif) repeat-x; 
	 color: #454545; 
}

#content {
	width:960px;
	margin: 0 auto;
}

#header {
	height: 200px;
	margin: 0 auto;
	background-image:url(../images/logo.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
	#header img.logo {
		float:right;
		padding-left:10px;
		padding-top:10px;
		}
	#header img.logogo{float:left; margin-bottom:26px;margin-top:10px;}
	
	#header .titol {
		float:left;
		font-family:"Century Gothic";
		color:#0280B3;
		display:block;
		margin-top:16px;
		margin-right:250px;
		height:60px;
		font-size:26px;	}

	#header .titol a{ text-decoration:none;}
	
#navegacio {
	clear: both;
	margin: 0 auto;
	height:70px;
}
	#navegacio .cerca {
		margin-top:24px;
		float:right;
		width:325px;
		height:70px;
		background-image:url(../images/searchbg.gif);
		background-repeat:no-repeat;
	}
	
	#navegacio .cerca1 {
		float:right;
		width:325px;
		height:70px;
		background-image:url(../images/searchbg.gif);
		background-repeat:no-repeat;
	}
	
	#navegacio input.search { 
		border:1px solid #CCCCCC; 
		font-size:16px; 
		margin-top:30px; 
		margin-left:50px; 
		padding-left:24px; 
		background-image:url(../images/search-icon-blue.png); 
		background-repeat:no-repeat; 
		background-position:left;}
	#navegacio input.button { border:1px solid #CCCCCC; font-family:Tahoma; font-size:12px; font-weight:bold; height:24px; }
	
	a#navegacio li {
		margin:15px 0 0 0;
		line-height:1px;
		list-style-type:none;
		font-family:Tahoma;
	}
	a#navegacio .licol {
		float: left;
		width: 200px;
	}


#sidebar {
	float: right;
	width: 325px;
	margin: 0 0 10px 0;
}
	.right_articles {
		border: 1px solid #ccc;
		padding: 8px;	
		margin: 0 0 10px 0;
		background: #eee;
		color: #454545;
		text-align:justify;
	}
	
	.right_articles img{border:1px solid #999; }
	.right_articles1 {
		border: 1px solid #336699;
		padding-top: 8px;	
		padding-left:8px;
		padding-bottom:8px;
		margin: 0 0 10px 0;
		background: #E0EDFC;
		color: #454545;
		text-align:justify;
	}
	.right_articles1 img{border:1px solid #999;  float:right; margin-left:8px;}
	.image { float: left; margin: 0 9px 3px 0; }
	.notes {
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding-top: 8px;	
		padding-left:8px;
		padding-bottom:8px;
		margin: 0 0 10px 0;
		color: #454545;
		text-align:justify;
	}
	.notes img{float:right; margin-left:8px;}

#cos {
	float: left;
	width: 630px;
}

	#cos ul {
		line-height:150%;
	}	
	
	.titolseccio {
		font-family: Century Gothic;
		font-size:24px;
		margin: 0 0 10px 0;
		padding: 8px;
        color: #000000;
		/*background: #f4f4f4 url(../images/bgshade.gif) repeat-x;
		color: #808080;
		border-bottom: 1px solid #ccc;*/
	}
	
	.cosseccio {
		margin: 0px 0 10px 0;
		background: #fff url(../images/bgshade.gif) repeat-x;
		color: #454545;
		padding: 15px 15px 5px 10px;
		text-align:justify;
	}
	
	#cos li{
		list-style-type:circle;
		margin-left:20px;}
		
	.cosbanner {
		background: #f4f4f4;
		color: #808080;
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 15px;
		margin: 0 0 15px 0;
	}
	.capsa {
		float: left;
		text-align:center;
		width: 180px;
		padding: 0 10px 0 5px;
	}		
	
	.capsa img{border:1px solid #999;}	
	.peuseccio{
		font-family:Tahoma;
		font-size:12px;
		color:#666;
		height:34px;
		margin:5px 0px 0px 0px;
		padding-top:5px;
		border-top:1px solid #ccc;
		vertical-align:middle;
		text-align:right;
	}

	.buttons a, .buttons button{
		display:block;
		float:right;
		margin:0 7px 0 0;
		background-color:#f5f5f5;
		border:1px solid #dedede;
		border-top:1px solid #eee;
		border-left:1px solid #eee;
	
		font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
		font-size:100%;
		line-height:130%;
		text-decoration:none;
		font-weight:bold;
		color:#565656;
		cursor:pointer;
		padding:5px 10px 6px 7px; /* Links */
	}
	.buttons button{
		width:auto;
		overflow:visible;
		padding:4px 10px 3px 7px; /* IE6 */
	}
	.buttons button[type]{
		padding:5px 10px 5px 7px; /* Firefox */
		line-height:17px; /* Safari */
	}
	.buttons button img, .buttons a img{
		margin:0 3px -3px 0 !important;
		padding:0;
		border:none;
		width:16px;
		height:16px;
	}	
	button:hover, .buttons a:hover{
		background-color:#dff4ff;
		border:1px solid #c2e1ef;
		color:#336699;
	}
	.buttons a:active{
		background-color:#6299c5;
		border:1px solid #6299c5;
		color:#fff;
	}
#footer { 
	clear: both; 
	color: #808080;
	background: #FFF;
	border-top: 1px solid #ccc;
}
	#footer .right { float: right; }	
	
h1 {	font: bold 2.2em Arial, Sans-Serif; padding: 8px 0 0 0; margin: 0; letter-spacing: -1px; }
h2 { margin: 0; padding: 0; font: bold 1.8em Arial, Sans-Serif; letter-spacing: -1px; }
h1 a, h2 a { color: #000; background: inherit; text-decoration: none; }
ul { margin: 0; padding : 0; list-style : none; }
img { border: 0; }
a { color: #2F637A; background: inherit; text-decoration:none; }
a:hover { color: #808080; background: inherit; }
p {	margin: 0 0 5px 0; }

#formulariemail {
	text-align:left;
	border:1px solid #336699;
	background:#f2f2f2;
	margin-bottom:10px;
}	
	#formulariemail .titol{
		background-color:#E0EDFC;
		border-bottom:1px solid #336699;
		font-weight:bold;
		padding:6px;
		height:16px;
		color:#336699;}
	#formulariemail .boto{
		background-color:#E0EDFC;
		border-top:1px solid #336699;
		font-weight:bold;
		text-align:center;
		padding:6px;
		height:30px;
		width:100%;
		color:#336699;}		
	#formulariemail .contingut{
		padding:16px;
		height:130px;
	}
	#formulariemail input{
		border:1px solid #ccc;}
	#formulariemail textarea{
		border:1px solid #ccc;}
		
#cos .idnota {
	vertical-align: sub;
	font-size: 0.8em;
	color:#990000;
}

#cos input{border:1px solid #ccc;}
#cos textarea{border:1px solid #ccc;}

.noticia{vertical-align:middle; padding-left:5px; padding-top:6px; border-bottom:1px dotted #ccc; padding-right:5px; margin-left:5px; margin-right:5px;}
	.noticia .titulo{ margin-bottom:0px;font-size:11px; font-weight:bold; margin-top:0px;}
	.noticia .intro{margin-top:0px;font-size:11px;color:#666666; margin-bottom:6px; line-height:120%}
	.noticia .fecha { font-weight:normal; }
	.noticia a{color:#357994; text-decoration:none;}

.navegaciondocuments			{width:100%;  margin:10px 0px; height:30px;}
.navegaciondocuments a		{display:block; text-align:center; padding:10px;}
.izquierda			{float:left; width:50%; }
.derecha			{float:right; width:50%;  }


.navegaciondocuments .derecha a			{background-image:url(../images/icona_posterior.png); background-repeat:no-repeat;}
.navegaciondocuments .izquierda a			{background-image:url(../images/icona_anterior.png); background-repeat:no-repeat; }

.navegaciondocuments .derecha a:link,
.navegaciondocuments .derecha a:visited	{background-position:95%}

.navegaciondocuments .izquierda a:link,
.navegaciondocuments .izquierda a:visited	{background-position:5%}

.navegaciondocuments .derecha a:hover		{background-color:#E6F1F9; border:1px solid #2E6B83;color: #2E6B83;}
.navegaciondocuments .izquierda a:hover		{background-color:#E6F1F9; border:1px solid #2E6B83; color: #2E6B83;}	

.error{color:red;}

	
label {display:block;font-weight:bold; height:20px; font-size:14px;} 
legend {font-size:120%;} 

#tabsJ {
      float:left;
      width:100%;
      background:#fff;
      font-size:90%;
      line-height:normal;
	  font-weight:bold;
	  margin:0;
	  background-image:url(../images/logo1.png); background-position:top right; background-repeat:no-repeat;
      }
    #tabsJ ul {
	  margin:0;
	  padding:0 0 0 0;
	  list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 0px;
      text-decoration:none;
      }

    #tabsJ a span {
      float:left;
      display:block;
      background:url("tabright.png") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFFFFF;
      }
	  
	  #tabsJ a span.select{background:url("tabright_sel.png") no-repeat right top;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }
	  
.menuuuu li a{
	background:url('../images/icono_lista_2.png') no-repeat left center;
	padding-left:14px;
	text-decoration:none;
	}	
.menuuuu li a:hover{
	background:url('../images/icono_lista_1.png') no-repeat left center;
	}