/* CSS Document */


#body_main{
	background-color:#121212;
	margin: 0pt;
	padding: 0pt;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	
	font-size:13px;
	/*color:#333333;*/
	color:#444444;
}

#head_container{
	padding: 12px;
}

#submenu_container{
	background-color: #121212;
	border-top: 2px solid #333333;
	padding: 8px;
	color: #999999;
}

#content_container{
	background-color:#FFFFFF;	
	background-image:url(../images/degradalnegrealt.png);
	background-position:top;
	background-repeat:repeat-x;
	padding: 15px;
	padding-left: 90px;
	padding-right: 50px;
	/*border-bottom: 4px solid #333333;*/
	border-top: 4px solid #333333;	
	font-size: 1.2em;
	line-height: 1.4em;
}
#content_container_baix{
	height:10px;
	background-color:#FFFFFF;
	background-image:url(../images/degradatnegrebaix.png);
	background-position:bottom;
	background-repeat:repeat-x;
	margin-top:0px;
	padding:0px;
	border-bottom: 4px solid #333333;
}

#opcions_llista{
	width:100%;
	border: 1px solid #555555;
	padding: 15px;
	font-size: 1em;
	margin-top: 25px;
	margin-bottom:25px;
}

#foot_container{
	padding: 10px;
	height:50px;
	margin: 30px auto;
	width: 900px;
	background-color:#333333;
	border: 1px solid #555555;
	color: #999999;
}
#copyright{
	margin-top: 25px;
	font-size:10px;
}

.foot_title{
	color: #666666;
	font-weight:bold;
	padding-right: 15px;
}

#content_container a {
	text-decoration:none;
	color: #333333;
	font-weight:bold;
}

#content_container a:hover {
	text-decoration: underline;
	font-weight:bold;
}

#foot_container a, #head_container a, #submenu_container a{
	text-decoration: none;
	font-weight: bold;
	color: #999999;
}

#foot_container a:hover, #head_container a:hover, #submenu_container a:hover{
	text-decoration:underline;
	font-weight:bold;
}

.article_container{
	width:80%;
	margin: 0 auto;
	border-bottom: 1px solid #777777;
	padding: 10px;
	
	line-height:1.4m;
}

.article_container table{
	margin-left:-5px;
}

#mega_container{
	width: 100%;
}

h1{
	font-size:24px;
	color:#0057AE;
	margin-top:20px;
	margin-bottom: 10px;
}

.titol1{
	font-size:24px;
	color:#0057AE;
	font-weight:bold;
}


h2{
	font-size:18px;
	color:#0066CC;
	margin-top:20px;
	margin-bottom: 10px;
}

.titol2{
	font-size:18px;
	color:#0066CC;
	font-weight:bold;
}

.anotacio{
	font-size:11px;
	color:#444444;
}
 
/* contenedors */
.container-ok, .container-ko, .container-neutre{
	padding-bottom:15px; 
	padding-top:15px; 
	padding-left:50px; 
	padding-right:50px;
	text-align: center;
}

.container-neutre{
	border: 2px solid #CCCCCC;
	background-color: #FAFAFA;
}

.container-ok{
	background-color:#DEFED6; 
	border:2px solid #068903; 	
}

.container-ko{
	background-color:#FFEAEB;
	border:2px solid #D36164;	
}

/*****************************
 *	FORMULARIS
 */
 
 .textbox, .textbox-curt, .textbox_llarg, .button, .text_area{
	color:#555555;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:0.9em;
	border: 1px solid #AAAAAA;
}

.textbox, .text_area{
	padding: 5px;
	width: 300px;
	font-size: 1.1em;
	margin-left: 10px;
}

.text_area{
	width: 420px;
}

.textbox-curt{
	padding: 5px;
	width: 200;
	font-size: 1.1em;
	margin-left: 10px;
}

.textbox_llarg{
	padding: 4px;
	width:98%;
	font-size: 1.1em;
}

.button{
	padding: 5px;
	width: 80px;
	font-size: 1.1em;
	margin-left: 10px;
}

#missatge-error{
	background-color:#FFEAEB;
	border:2px solid #D36164; 
	padding-bottom:15px; 
	padding-top:15px; 
	padding-left:50px; 
	padding-right:50px;
	display:none;
	width:90%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-align: center;
}
