/*RECORDEU, SI FIQUEU ID(#), NOMÉS ES PODEN CRIDAR UN COP EN LA PAGINA HTML, SINO HAUREU DE FICAR CLASS*/
* { padding: 0; margin: 0; }
body { background:#222; font: 73% Arial, Verdana, Helvetica, sans-serif; /*si nomes fem servir una tipo, la definim aqui*/}
h1 {font-size: 1.5em; line-height: 105%; color:#999}
h2 {font-size: 1.25em; line-height: 120%; color:#8F916C}
h3 {font-size: 1em; line-height: 120%; color:#FFF}
h3 a{color:#FFF!important}
h4 {font-size: 1em; line-height: 120%; color:#FFF}
p {font-size: 1em; padding:0; margin:0 0 8px 0}
form {margin:0; padding:0}
a {color: #FF3300; text-decoration: none; }
a:active {outline: none; }
a:hover {text-decoration:none; outline: none; color: #F30; font-weight:bold; }
input {margin:0 10px 0 8px;border:1px solid #DBDBDB; font-family: arial, verdana, helvetica, sans-serif; }
select{ font-size:0.9em}
ul {margin:0; padding:0; }
li {display: block;padding: 6px 4px 6px 8px; list-style-type: none; }
#leftcolumn .final { border-bottom:none; }
.inner_list{padding:6px 4px 6px 20px; background-color:#E4E4E4; }
.menu_selected { background-image:url(menu_sel.gif); background-repeat:no-repeat; background-color:#CCC;}
.menu_selected a { color:#EEE;}
.clear { clear:both; height:1px; font-size:1px;overflow:hidden; margin:10px 0 16px 0; padding:0; }
#wrapper {
	width: 68em; /*aqui definim la amplada de la pagina*/
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#header { color: #333; width: 900px; float: left; padding: 10px; margin: 10px 0px 5px 0px; font-size: 3em; }
#navigation { float: left; width: 900px; color: #333; padding: 10px; /*podem crear separacio o no de la capçalera i del contingut*/ margin: 0px 0px 5px 0px; background: #BD9C8C; }
#navigation ul {	margin: 0px; padding: 0px; }
#navigation li { /*definim com volem que sigui els items del menu*/	list-style-type: none; display: inline; border-right-width: 2px; border-right-style: solid; border-right-color: #FFFFFF; }
#leftcolumn {
	color: #999;
	padding: 10px;
	width: 30%;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-color: #333;
}
/*#leftcolumn ul {	padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }*/
#leftcolumn li { background-color:#444 ;color:#999999;list-style-type: none; }

#content {
	float: left;
	color: #999; /*border: 1px solid #ccc; background: #FFF; */
	margin: 0px; /*height: 350px; */
	width: 41%;
	display: inline;
	padding-top: 0;
	padding-right: 6px;
	padding-bottom: 12px;
	padding-left: 6px;
}
#content li{ background-color:#333333;}
#content p {	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; }
#rightcolumn {
	color: #999;
	width: 23%;
	float: right;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-color: #333;
	padding-top: 10px;
	padding-bottom: 10px;
}
#rightcolumn p{ font-size: 0.90em; color:#666666; }
#footer {  width: 900px; clear: both; color: #333; /*border: 1px solid #ccc; background: #BD9C8C; */ margin: 0px 0px 10px 0px; padding: 10px; font-size: 3em; }
#publi_sb {	color: #333; background: #F2F2E6; height: 90px; border: 1px solid #CCCCCC; margin-top: 10px; }
#publi_roba {	background-color: #F2F2E6; width: 200px; height: 200px; margin-left: 8px; margin-top: 10px; }
#index_calendar {background-color:#444; }
#index_calendar td { margin:0; padding:0; }
#index_calendar td a{ background-color:#444; font-weight:normal; display: block;padding: 5px; }
#index_calendar td a:hover{ background-color:#333; color:#F30}
#index_calendar #index_calendar_days { background-color:#444; }
#index_calendar #index_calendar_days td{ padding: 5px; }
#index_calendar .index_calendar_tit { font-weight:bold;padding: 5px; background-color:#555 }
.index_titol_menu {font-size: 1.2em; line-height: 110%; color:#8F916C; font-weight:bold; margin:0; padding:4px 4px 4px 8px; margin:0 0 3px 0; background-color:#333; }
.mainTitol {
	padding: 6px;
	background-color: #333333;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
}
.modulaz {
	background-color:#444;
	margin:0;
	padding: 5px 0 5px 0;
	line-height: 120%;
	color: #999999;
	overflow:auto;
}
.modulaz li {display:inline; border-bottom:none; float:left; }
.index_pretitol {
	background-image:url(list.gif);
	background-repeat:no-repeat;
	color:#666;
	padding:0;
	font-size: 0.95em;
	text-align: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0;
}
.index_cat {color:#999;}
