@charset "utf-8";
/* CSS Document */

/* Colors
#000000 -> Negre
#0000cc -> Blau fosc
#307cbb -> Blavet
#808080 -> Gris fosc
#828b91 -> Gris maco fosc *
#999999 -> Gris normal
#a1aab1 -> Gris maco clar
#aca899 -> Gris gris
#ccffcc -> verd molt clar
#e2e5e7 -> Gris molt clar
#e4e4e4 -> Gris molt clar però no tant
#f0f2f3 -> Gris gairebé blanc
#DA251E -> Vermell
#da251b -> Vernell ataronjat
#fff0cc -> Pastel
#ffffff -> Blanc
*/

/* Estil general (Públic) */
<!--
body {
	background-color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0px;
}

/* Colors */
.blau_fosc{
	color: #0000cc;
}
.gris_maco_fosc{
	color: #828b91; /* Gris maco fosc */
}
.gris_maco_clar{
	color: #a1aab1; /* Gris maco clar */
}
.vermell{
	color: #DA251E;
}
.taronja{
	color: #da251b; /* vermell ataronjat */
}
.gris1{
	background-color:#ffffff;
}
.gris2{
	background-color:#eeeeee;
}

/* Estils text */
.normal {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}
.petit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.destacat {
	color: #FFFFFF;	
	background-color: #808080;/*normalitzat*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	color: #da251b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	font-size:24px;
}
h2 {
	font-size:18px;
}

/* Nous estils*/

/* taula */
#taula  {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:#828b91;
}
#taula .td {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:#828b91;
}
#taula .td.destacat{
	color:#ffffff;/*normalitzat*/
	background-color: #a1aab1;/*normalitzat*/
}

#taula_admin {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#ffffff;
}
.tr_admin {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:#ffcc00;
	font-weight:bold;
}
.tr_admin_dos {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#ececff;
}
.fons_gris {
	background-color: #c0c0c0;
}
.fons_vermell {
	background-color: #DA251E;
}
.fons_blau {
	background-color: #3366ff;
}


/* altres */
hr {
	border-color: #E0E0E0; 
	border-style: outset;
	border-top: none;
	border-left: none;
	border-right: none; 
	height: 1px;
}
.footer {
	padding-top:20px;
	padding-bottom:20px;	
	color:#a8aaaa;
	font-size:10px;
}
.blink {
	text-decoration:blink;
}
	
/* Enllaços */
a:link {
	text-decoration: none;
	color: #a8aaaa;
}
a:visited {
	text-decoration: none;
	color: #a8aaaa;
}
a:hover {
	text-decoration: none;
	text-decoration:underline;
}
a:active {
	text-decoration: none;
}

a.tipus2:link {
	text-decoration: none;
	color: #ffffff;
}
a.tipus2:visited {
	text-decoration: none;
	color: #ffffff;
}
a.tipus2:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #307cbb; /* normalitzat */
}
a.tipus2:active {
	text-decoration: none;
}

a.intern:hover {
	text-decoration: none;
}


/* Formularis */
form input {
	border:solid;
	border-color:#307cbb;
	border-width:1px;
	background-color:#f0f2f3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.enviar{
	border:solid;
	border-color:#307cbb;
	border-width:1px;
	background-color:#aca899;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.boto{
	/*border:solid;
	border-color:#307cbb;
	border-width:1px;*/
	background-color:#828b91;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


/* Contenidors */
.caixa {
	/*border:1px solid #808080; 
	border-right:2px solid black; 
	border-bottom:2px solid black; */
	padding: 30px 20px 10px 40px;
}
.seccio {
	display:none;
	border:1px solid black;
	margin:20px;
	padding:10px;
}


/* Llistats - Menus */
#navi {  
	list-style:none;
	margin:0;
	padding:0;
}
#navi li {
	margin:1px;
	padding:2px 0;/*padding:0;*/
	float:left;
}
#navi li a {
	display:block;
	width:140px;
	/*height:35px;*/
	/*padding:4px 0;*/
	text-decoration:none;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	background-color:#828b91;
}
#navi li a:hover {
	color:#ffffff;
	background-color:#307cbb;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}
#navi li a:active {
	color:#ffffff;
	background-color:#a1aab1;
}
.navi_aqui {
	width:140px;
	color:#ffffff;
	background-color:#a1aab1;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	/*height:35px;*/
}

#nav_lang { 
	list-style:none;
	margin:0;
	padding:0;
}
#nav_lang li {
	margin:1px;
	float:right;
}
#nav_lang li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#a1aab1;
}
#nav_lang li a:hover {
	color:#307cbb;
	text-decoration:underline;
}
#nav_lang li a:active {
	color:#a1aab1;
}
.nav_lang_aqui {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	/*background-color:#FFCC33;*/
	padding-top:4px;
}


/* +-------------------------+*/
/* | Nou menu (amb submenus) |*/
/* +-------------------------+*/
/* Beginning of id #menus */
#menus  {
	list-style-type: none;
	padding-top: 0px;
	margin: 0px;
}

#menus ul {
	position: relative;
	list-style-type: none;
	padding: 0;
	margin: 0px;
}

#menus ul li {
	position: relative;
	width: 128px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#menus li a  {
	display: block;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	border: 1px solid #466380;
	color: #ffffff;/*466380*/
	background-color:#828b91;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#menus li { 
	position: absolute;
	padding:0px;
	background-color: #FFF; /* Explorer 5-6 patch */
}


#menus li ul li a {
	border: 1px solid #466380;
	border-top: 0px;
}

#menus a:hover {
	background-color: #466380;
	color: #FFF;
}
	
#menus ul { display:none; }
#menus li:hover ul { display:block; }

#menus .menuitem:hover { 
	overflow: visible; 
	height: auto; /* IE 7 Patch */
	display: block; /* Opera Patch */
}

/* End of id #menus */

/* Horizontal absolute position for each menu */
#m1 { left: 12px;  width:100px; }
#m2 { left: 114px; width:120px; }
#m3 { left: 236px; width:120px; }
#m4 { left: 358px; width:190px; }
#m5 { left: 550px; width:220px; }
#m6 { left: 772px; width:120px; }
#m7 { left: 894px; width:100px; }


/* MENUL */
#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav li { /* all list items */
	float: left;
	position: relative;
	text-decoration: none;
	color: #ffffff;
	background-color:#828b91;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style-type:none;
	padding-top:4px;
	padding-bottom:4px;	
}

li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 22px;
	left: 0;
}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	/*top: auto;*/
	/*left: auto;*/
}

#nav li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}

#mn1 { width:80px;  }
#mn2 { width:120px; margin-left:2px; }
#mn3 { width:100px; margin-left:2px; }
#mn4 { width:170px; margin-left:2px; }
#mn5 { width:220px; margin-left:2px; }
#mn6 { width:120px; margin-left:2px; }
#mn7 { width:100px; margin-left:2px; }

#nav a { color: #ffffff; }

#nav a:hover {
	background-color: #466380;
	color:#ffffff;
	text-decoration: none;
}

#nav li:hover{ background-color:#466380; }

#nav li.over { /* Per que funcioni bé al IE */
	background-color: #466380;/*da251b*/
	color:#ffffff;
	text-decoration: none;
}

-->