/*
Copyright 2006 Un Burro Volando.
Basic CSS	
$Revision: 1.03 $
(Marzo 2006)

Screen Layout

*/


body{
	margin: 0 auto;
	padding: 0;
	height: auto;
	
	background-image: url(../_images/fondo.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	background-color:#336699;
	
	font: 76%/1em Arial,Helvetica,sans-serif;
}

#chal {
	margin: 0 auto;
	width: 760px;
	text-align: left;
}

#header {
	clear: both;
	margin: 10px 0 0 0;
	padding: 0;
	height: 28px;
}

#header img{
	margin: 10px 0 0 6px;
	border: 0;
}

#header p {
	width: 280px;
	float: right;
	text-align: right;
	text-decoration:none;
	color: #003366;
	margin: 0 10px 10px 0;
	font-size: 0.8em;
	line-height: 1.2em;
}

#header a:link, #header a:visited{
	text-decoration:none;
	color: #003366;
}

#header a:hover {
	color: #a0a0a0;
	text-decoration:underline;
}

#top{
	
}

#top h1{
	font-size: 0.8em;
	margin: -4px 0 10px 0;
}

#top a:link, #top a:visited{
	text-decoration:none;
	color: #000000;
}

#central{
	clear: left;
	float: left;
}
#capcentral {
	width:596px;
	height:11px;	
	background-image: url(../_images/cap_central.png);
	background-position: 0 0;
	background-repeat:no-repeat;	
	font: normal 0px/0px monospace;
}

#medcentral {
	width:596px;
	height:auto;
	background-image: url(../_images/fondo_central.png);
	background-position: 0 0;
	background-repeat:repeat-y;
	background-color:#ffffff;
}

#peucentral {
	width:596px;
	height:13px;
	background-image: url(../_images/peu_central.png);
	background-position: 0 0;
	background-repeat:no-repeat;
}


#capdret2{
	float:right;
	width:156px;
	height:28px;
	background-image: url(../_images/cap_dret_2.png);
	background-position: 0 0;
	background-repeat:no-repeat;
	line-height: 0.7em
}

#capdret3 h2 {
	color:#ffffff;
	font-size: 0.9em;
	font-weight:bold;
	margin:10px;
}

#capdret3{
	float:right;
	width:156px;
	height:28px;
	background-image: url(../_images/cap_dret_2.png);
	background-position: 0 0;
	background-repeat:no-repeat;
	line-height: 0.7em}

#capdret2 h2 {
	color:#ffffff;
	font-size: 0.9em;
	font-weight:bold;
	margin:10px;
}


#meddret{
	float:right;
	width: 156px;
	height:auto;
	background-image: url(../_images/fondo_dret.png);
	background-position: 0 0;
	background-repeat:repeat-y;
}

#meddret3{
	float:right;
	width: 156px;
	height:auto;
	background-image: url(../_images/fondo_dret.png);
	background-position: 0 0;
	background-repeat:repeat-y;
}
#peudret{
	float:right;
	width:156px;
	height:13px;
	background-image: url(../_images/peu_dret.png);
	background-position: 0 0;
	background-repeat:no-repeat;
}
#peudret3{
	float:right;
	width:156px;
	height:13px;
	background-image: url(../_images/peu_dret.png);
	background-position: 0 0;
	background-repeat:no-repeat;
}

#footlogo {
	clear: both;
	margin: 0 auto;
	padding: 10px 0 20px 0;
	width: 760px;
	text-align:left;
}

#footer {
	clear: both;
	margin: 0 auto;
	padding: 10px 0 20px 0;
	width: 760px;
	text-align:center;
	font-size: 0.8em;
	color:#ffffff;
}

#footer a {
	color:#b8b8fe;
	text-decoration: none;
	font-weight:bold;
}

#footer a:hover {
	text-decoration: underline;
}
/* ddd */
#avmenu {
	float: right;
	width: 154px;
	margin: 0 0 0px 0;
	padding: 0;
	font-size: 0.8em;
}

#avmenu ul {	
	list-style: none;
	width: 154px;
	margin: 0 0 0px 0;
	padding: 0;
	font-size: 1.0em;
}	

#avmenu li {
	margin-bottom: 0px;
}

#avmenu li a {
	font-weight: bold;
	height: 18px;
	text-decoration: none;
	color: #505050;
	display: block;
	padding: 6px 0 0 10px;
	background: #e8e8e8; 
	border-right: 1px solid #003366;
	border-top:1px solid #f7f7f7;
	border-bottom: 1px solid #cccccc;
}	
	
#avmenu li a:hover {
	background: #f7f7f7; 
	color: #286ea0;
	border-right: 2px solid #286ea0;
	border-bottom: 1px solid #286ea0;
	text-decoration:underline;
}
/* */
#avmenu2 {
	float: right;
	width: 154px;
	margin: 0 0 0px 0;
	padding: 0;
	font-size: 0.8em;
}

#avmenu2 ul {	
	list-style: none;
	width: 154px;
	margin: 0 0 0px 0;
	padding: 0;
	font-size: 1.0em;
}	

#avmenu2 li {
	margin-bottom: 0px;
}

#avmenu2 li a {
	font-weight: bold;
	height: 18px;
	text-decoration: none;
	color: #505050;
	display: block;
	padding: 6px 0 0 10px;
	background: #e8e8e8; 
	border-right: 1px solid #003366;
	border-top:1px solid #f7f7f7;
	border-bottom: 1px solid #cccccc;
}	
	
#avmenu2 li a:hover {
	background: #f7f7f7; 
	color: #286ea0;
	border-right: 2px solid #286ea0;
	border-bottom: 1px solid #286ea0;
	text-decoration:underline;
}
/* */
#avmenu3 {
	float: right;
	width: 154px;
	margin: 0 0 0px 0;
	padding: 0;
	font-size: 0.8em;
}

#avmenu3 ul {	
	list-style: none;
	width: 154px;
	margin: 0 0 0px 0;
	padding: 0;
	font-size: 1.0em;
}	

#avmenu3 li {
	margin-bottom: 0px;
}

#avmenu3 li a {
	font-weight: bold;
	height: 18px;
	text-decoration: none;
	color: #505050;
	display: block;
	padding: 6px 0 0 10px;
	background: #e8e8e8; 
	border-right: 1px solid #003366;
	border-top:1px solid #f7f7f7;
	border-bottom: 1px solid #cccccc;
}	
	
#avmenu3 li a:hover {
	background: #f7f7f7; 
	color: #286ea0;
	border-right: 2px solid #286ea0;
	border-bottom: 1px solid #286ea0;
	text-decoration:underline;
}

/* */
#destacado{
	clear:left;	
	float: left;
	width:156px;
	margin-left:6px;
}


div.capdestacado{
	float:left;
	width:156px;
	height:28px;
	background-image: url(../_images/cap_dret_2.png);
	background-position: 0 0;
	background-repeat:no-repeat;
}

div.capdestacado h2{
	color:#ffffff;
	font-size: 0.9em;
	font-weight:bold;
	margin:10px 0 0 10px;
}

#meddestacado{
	float:left;
	width: 156px;
	height:auto;
	background-image: url(../_images/fondo_dret.png);
	background-position: 0 0;
	background-repeat:repeat-y;
}

#peudestacado{
	float:left;
	width:156px;
	height:13px;
	background-image: url(../_images/peu_dret.png);
	background-position: 0 0;
	background-repeat:no-repeat;
	background-color: transparent;
	margin-bottom:10px;
}

/* */
/* */
#destacado2{
	clear:left;	
	float: left;
	width:156px;
	margin-left:6px;
}


div.capdestacado2{
	float:left;
	width:156px;
	height:28px;
	background-image: url(../_images/cap_dret_2.png);
	background-position: 0 0;
	background-repeat:no-repeat;
}

div.capdestacado2 h2{
	color:#ffffff;
	font-size: 0.9em;
	font-weight:bold;
	margin:10px 0 0 10px;
}

#meddestacado2{
	float:left;
	width: 156px;
	height:auto;
	background-image: url(../_images/fondo_dret.png);
	background-position: 0 0;
	background-repeat:repeat-y;
}

#peudestacado2{
	float:left;
	width:156px;
	height:13px;
	background-image: url(../_images/peu_dret.png);
	background-position: 0 0;
	background-repeat:no-repeat;
	background-color: transparent;
	margin-bottom:10px;
}

/* */

#avmenu3 {
	float: left;
	width: 154px;
	margin: 0 0 0px 0;
	padding: 0;
	font-size: 0.8em;
}

#avmenu3 ul {	
	list-style: none;
	width: 154px;
	margin: 0 0 0 2px;
	padding: 0;
	font-size: 1.0em;
}	


#avmenu3 li a {
	font-weight: bold;
	height: 18px;
	text-decoration: none;
	color: #505050;
	display: block;
	padding: 6px 0 0 10px;
	background: #e8e8e8; 
	border-right: 1px solid #003366;
	border-top:1px solid #f7f7f7;
	border-bottom: 1px solid #cccccc;
}	
	
#avmenu3 li a:hover {
	background: #f7f7f7; 
	color: #286ea0;
	border-right: 2px solid #286ea0;
	border-bottom: 1px solid #286ea0;
	text-decoration:underline;
}
/* */
#avmenu4 {
	float: left;
	width: 154px;
	margin: 0 0 0px 0;
	padding: 0;
	font-size: 0.8em;
}

#avmenu4 ul {	
	list-style: none;
	width: 154px;
	margin: 0 0 0 2px;
	padding: 0;
	font-size: 1.0em;
}	


#avmenu4 li a {
	font-weight: bold;
	height: 18px;
	text-decoration: none;
	color: #505050;
	display: block;
	padding: 6px 0 0 10px;
	background: #e8e8e8; 
	border-right: 1px solid #003366;
	border-top:1px solid #f7f7f7;
	border-bottom: 1px solid #cccccc;
}	
	
#avmenu4 li a:hover {
	background: #f7f7f7; 
	color: #286ea0;
	border-right: 2px solid #286ea0;
	border-bottom: 1px solid #286ea0;
	text-decoration:underline;
}
/* */

#content {
	margin-top:0px;
	margin-left: 177px;
	margin-right:15px;
	color:#333333;
}

#content h1 {
	font-size: 1em;
	color:#003366;
	
}

#content h2 {
	margin-top:0px;
	font-size: 1.4em;
	line-height:1.3em;
	color:#003366;
}

#content h3 {
	margin-top:0px;
	font-size: 1.1em;
	color:#003366;
}


#content a, #content a:visited {
	text-decoration:none;
	color:#003366;
	font-weight:bold;
}

#content a:hover {
	color:#666666;
	text-decoration:underline;
}

#col1{
	float:left;
	display:block;
	background-color:#f7f7f7;
	width:250px;
	padding:0 0 0 5px;
}


#col1 ul {
	list-style-type:circle;
	padding: 10px;
	margin-left:5px;
	margin-top:0px;
}

#col1 li {
	margin-bottom:5px;

}

#col2{
	float:left;
	display:block;
	background-color:#f7f7f7;
	width:350px;
	padding:0 0 0 5px;
}

#col2 ul{
	list-style-type:none;
	padding: 10px;
	margin-left:5px;
	margin-top:0px;
}

#col2 li {
	margin-bottom:5px;
}

#relacionado {
	clear:both;
	margin-top:30px;
	padding: 5px;
	font-size: 0.8em;
}

#contacte {
	clear:both;
	margin-top:30px;
	text-align:center;
	font-size: 0.8em;
}

.small {
	font-size: 0.8em;
}

.wiki {
	font-size: 0.8em;
}