/* CSS Document */
html, body{ width:618px; margin:12px auto 0px auto; background-color:#361C0D; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#361C0D;}

a:link, a:visited {  text-decoration:none; font-weight:bold; color:#361C0D;}
a:hover { text-decoration:underline; font-weight:bold; color:#361C0D;}

.cssEnlaces { margin: 0px 0px 40px 0px; }
.cssEnlaces a { color:#361c0d ; text-decoration: none; }
.cssEnlaces a:hover { color:#9a8d86; text-decoration: none; }

.cssEnlaces3 { margin: 30px 0px 30px 0px; }
.cssEnlaces3 a { color:#361c0d ; text-decoration: none; }
.cssEnlaces3 a:hover { color:#9a8d86; text-decoration: none; }

#ContenedorLogoQM { position: absolute; }
#ContenedorLogoQM img { border:0px; }
#ContenedorLogoQM a { position: relative; top: -159px; left: 293px; }

/*
.cssSeleccionado li { color:#FF0000 ; text-decoration: none; }
.cssSeleccionado { color:#FF0000 ; text-decoration: none; }
*/
.cssEnlaces2 .cssSeleccionado a { color:#361c0d ; text-decoration: none; }
.cssEnlaces2 .cssSeleccionado a:hover { color:#361c0d ; text-decoration: none; }

.cssEnlaces2 { margin: 0px 0px 30px 0px;  }
.cssEnlaces2 a { color:#9a8d86; text-decoration: none; }
.cssEnlaces2 a:hover { color:#361c0d; text-decoration: none; }

.cssClear { clear:both; line-height: 0px; float: none; }

.cssContenidoJustificado 
{
	width:358px; 	
	text-align:justify; 
	padding:88px 115px 0 115px; 
}
.cssContenidoCentrado_Segundo
{
	width:358px; 	
	text-align:center; 
	padding:0px 115px 0px 115px; 
}

b{ color:#361C0D;}

/* #contingut{width:618px; height:723px;} */
#contingut{width:618px; }
#menu{ height:723px;}

/* ---- COLUMNA 1 ---- */
/* #contingut1{width:588px; height:535px; background-color:#FFFFFF; float:left;} */
#contingut1{width:588px; min-height:535px; background-color:#FFFFFF; float:left;}
#logo{/*idth:588px; width:564px; */ margin-top:34px; padding-left:24px; background-color:#FFFFFF; /*background-color:#000;*/}

#planta{width:588px; height:188px; background-color:#FFFFFF;}
#contingut1_centre_menu{ text-align:center;  min-height:327px;  padding:88px 115px 0 115px;}
/* #contingut1_centre{ width:358px; height:327px; padding:88px 115px 0 115px; }*/
#contingut1_centre{ width:358px;  min-height:327px;  padding:88px 115px 0 115px; text-align:justify; /*background-color:#999;*/}

#contingut1b_centre{/*width:588px;*/ width:388px; height:415px; margin-right:10px; padding:0px 75px 0 115px; overflow:auto; /*background-color:#999;*/}
#contingut1c_centre{/*width:588px;*/ width:358px; min-height:327px; text-align:center; padding:88px 115px 0 115px; /*background-color:#999;*/}
#contingut1_centre h2, #contingut1b_centre h2, #contingut1c_centre h2, #myContent h2{ font-size:16px; font-weight:normal; margin:0 0 12px 0;}
#contingut1_centre p, #contingut1b_centre p, #contingut1c_centre p, #myContent p{font-size:12px; margin:0 0 12px 0;}
#contingut1_centre ul { list-style-type:circle; }
#contingut1_centre h3 { font-size:  1.3em; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }


/*
#contingut1_centre3 { width:358px;  min-height:327px;  padding:88px 115px 0 115px; text-align:justify; /*background-color:#999;*/}
#contingut1_centre3 h2{ font-size:16px; font-weight:normal; margin:0 0 12px 0;}
#contingut1_centre3 p {font-size:12px; margin:0 0 12px 0;}
#contingut1_centre3 ul { list-style-type:circle; }
#contingut1_centre3 h3 { font-size:  1.3em; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
*/


/* ---- SCROLL ---- */
/* Base scroll */
#myContent {}
#myContent1 { width:/*528*/400px; margin:0; padding:0 13px 0 115px; float:left;}
#myContent2 {/*width:588px; width:352px;*/width:312px; margin:0 10px 0 40px; float:right; padding:0 48px 0 0;}

/* Botons */
#easyscrollnav{ width:60px; margin:0; padding:0; float:right;}
#easyscrollnav ul{ width:60px; margin:0; padding:0; }
#easyscrollnav li{ width:60px; margin:0 0 6px 0; padding:0; height:22px;}
#btnUp{ width:21px; margin:0; padding:0; height:21px; /*background-image:url(../img/fletxa_up.gif); background-repeat:no-repeat;*/}
#btnDown{ width:21px; margin:0; padding:0; height:21px; /*background-image:url(../img/fletxa_down.gif); background-repeat:no-repeat;*/}

#btnUp a { float:left; padding: 21px 0 0 0; background-image:url(../img/fletxa_up.gif); background-repeat:no-repeat; overflow:hidden; height:0px !important; height /**/:21px; /* for IE5/Win only */}
#btnUp a:hover{ background-position: 0 -21px;}
/*#btnUp a:active, #btnUp a:selected{background-position: 0 -21px;}*/

#btnDown a { float:left; padding: 21px 0 0 0; background-image:url(../img/fletxa_down.gif); background-repeat:no-repeat;overflow:hidden; height:0px !important; height /**/:21px; /* for IE5/Win only */}
#btnDown a:hover{ background-position: 0 -21px;}
/*#btnDown a:active, #btnDown a:selected{background-position: 0 -21px;}*/

/*#btnUp:hover{ background-image:url(../img/fletxa_up_off.gif); }
#btnUp:active, #btnUp:selected { background-image:url(../img/fletxa_up_off.gif);}
#btnDown:hover{ background-image:url(../img/fletxa_down_off.gif);}
#btnDown:active, #btnDown:selected { background-image:url(../img/fletxa_down_off.gif);}

#btnUp a:hover{ background-image:url(../img/fletxa_up_off.gif); background-color:#00FF00; background-repeat:no-repeat; width:21px; margin:0; padding:0; height:21px; }
#btnUp a:active, #btnUp a:selected { background-image:url(../img/fletxa_up_off.gif); background-color:#993333;}
#btnDown a:hover{ background-image:url(../img/fletxa_down_off.gif);}
#btnDown a:active, #btnDown a:selected { background-image:url(../img/fletxa_down_off.gif);}*/



#contingut1_centre2{width:588px; min-height:327px;  padding:88px 0px 0px 0px;}
#contingut1_centre2_menu{/*width:140px;*/ width:140px; float:left; text-align:right; font-size: 0.9em; }
#contingut1_centre2_contingut{/*width:588px;352px*/ width:352px;  min-height:415px; margin-right:10px; float:right; padding: 0 48px 0 0; overflow:auto; /*background-color:#999;*/}



#contingut1_centre2 p{font-size:12px; margin-top:0;}
ul{list-style:none; margin:0px 0px 0px 10px;}
html>body ul{ margin:0px 0px 0px -28px;}
li{ margin-bottom:6px;}
.cita{ margin:0 0 0 0;}
.roig{ color:#DE5C38; font-weight:bold; font-size:11px;}
/* Linies */
hr{ border:dotted #361C0D 1px; background: #361C0D; height: 1px; width:100%; margin-top: 0px; margin-bottom: 0px; display: block; clear: both;}
html>body hr { color: #361C0D;	background-color: #361C0D;	height:1px; padding:0px; margin:12px 0px 12px 0px; border: 0px dotted #361C0D; clear:both; width: 100%;}
.linia{ width:95%; height:1px; background-image:url(../img/linia.gif); background-repeat:repeat-x; margin-top:12px;}
html>body .linia{ width:99%; height:1px; background-image:url(../img/linia.gif); background-repeat:repeat-x;  margin-bottom:12px; margin-top:12px;}












/* ---- COLUMNA 2 - MENU ---- */
#contingut2{width:30px; background-color:#361C0D; float:right;}


/* ---- CREDITS ---- */
#credits{ width:618px; color:#FFF; font-size:10px; margin-top:6px;}
#credits .colum1{ float:left;}
#credits .colum2{ float:right; margin-right:15px;}
html>body #credits .colum2{ float:right; margin-right:30px;}

#credits a:link, #credits a:visited { text-decoration:none; font-weight:normal; color:#FFF;}
#credits a:hover { text-decoration:none; font-weight:normal; color:#DE5C38;}



        .ClearFloat 
        {
            float:none;
	        clear:both;
	        display: block;
	        height: 0px;
	        line-height: 0px;
        }


        fieldset 
        {
        	margin: 0px 0px 0px 0px;        	
        	padding: 0px 0px 0px 0px;
		border: 0px none black;	
		text-align:right;
			/* text-align:right; */
        }
        fieldset a 
        {
        	color: #361C0D;
        	text-decoration: underlined;
        }
        fieldset a:hover
        {
        	color: #990404;
        	text-decoration: underlined;
        }
        fieldset label 
        {
        	display:block;
        	padding: 0px 0px 0px 0px;
        	margin: 4px 0px 4px 0px;
        	font-weight:normal;
			color: #361C0D;
        }
        fieldset input 
        {
        	border: 1px solid #361C0D;
        	width: 100%;
		text-align: left;
        	/* text-align: right; */
        	padding: 2px 2px 2px 2px;
        	margin: 0px 0px 10px 0px
        }
        fieldset textarea
        {
        	border: 1px solid #361C0D;
        	width: 100%;
		text-align: left;
        	/* text-align: right; */
        	padding: 2px 2px 2px 2px;
        	margin: 0px 0px 10px 0px
        }
        fieldset .cssCheck 
        {
        	width: auto;
        	border: 0px none black;
        	float:right;
        	margin-top: 3px;
        	margin-left: 3px;
        }
        fieldset .cssBoton 
        {
        	background-color: #361C0D;
        	color: #ffffff;
        	width: auto;   
        	margin:  10px 0px 0px 0px;
        	padding: 3px 25px 3px 25px;
        	font-weight:normal;
        	cursor: pointer;
        }
        
        
#divOK 
	{
		background-color: #00FF00;
		border: 3px solid black;
		padding: 5px 5px 5px 5px;
		margin: 0px 10px 0px 10px;
		text-align:justify;
	}
		
	#ulKO 
	{
		background-color: #FF0000;
		border: 3px solid black;
		padding: 5px 5px 5px 5px;
		margin: 0px 10px 0px 10px;
		text-align:justify;
	}
	
	#ulKO li 
	{
		display:block;
		padding: 10px 0px 0px 0px;
	}
	
	.cssEnlaces .cssAreaTitulo
	{
		font-weight: bold;
		font-size: 1.1em;
		margin: 20px 0px 10px 0px;
		color: #9a8d86;
	}
	        
	.cssEnlaces2 .cssAreaTitulo
	{
		font-weight: bold;
		font-size: 1.1em;
		margin: 20px 0px 10px 0px;
		/* color: #9a8d86; */
	}
	
	
	.cssImagenLeft { margin: 15px 15px 15px 0px; float:left; }
	.cssImagenRight { margin: 15px 0px 15px 15px; float:right; }
	.cssImagenCenter { margin: 15px auto 15px auto; clear:both; display:block; }