/* CSS Document */

body{
	text-align:center;
	margin: 0;
}


ul, li, p, form, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}


#global-container {
	margin: 0 auto;
	width: 950px;
	font: normal 62.5%/1.3 Arial, Helvetica, sans-serif;
	text-align: left;
}

.clear {
	clear: both;
	overflow:hidden;
}

.left {
	float:left!important;
}

.right {
	float: right!important;
}

.bold {
	font-weight:bold!important;
}

label {
	color: #000;
}




/***************************************** LINKS *****************************************/

a img {
	border: 0;
}


/***************************************** HEADER *****************************************/

#header {
	height: 47px;
	margin:0 0 20px 0;
	font: normal 1.1em/1.3 Arial, Helvetica, sans-serif;
}
.logo {
	float: left;
	width: 154px;
	margin: 14px 0 0 7px;
}

.search { /* sense optimitzar mides */
	float: right;
	width: 759px;
	height: 31px;
	background: url(fons_header.gif) top right no-repeat;
}
.search .label {
	margin: 7px 4px 0 0;
	float:left;
}
#menu_1 {
	margin: 7px 25px 0 0;
	width:auto;
	float:right;
}

#menu_2 {
	margin: 7px 40px 0 0;
	width: auto;
	float:right;
}

.search ul {
	list-style-type: none;
}

.search ul li {
	display: inline;
	padding: 0 5px 0 6px;
}

html>body .search ul li {
	display: inline;
	padding: 0 5px 0 5px;
}

.search ul li.separador {
	display: inline;
	padding: 0 4px 0 6px;
	border-right: 1px solid #6a6a6a;
}

html>body .search ul li.separador {
	display: inline;
	padding: 0 7px 0 5px;
	border-right: 1px solid #6a6a6a;
}

.search a {
	color:#6a6a6a;
	text-decoration:none;
}


.bold {
	font-weight:bold;
}

.search form {
	float: right;
	margin: 0;
}

html>body .search form {
	float: right;
	margin: 0;
}

.search form input.buscarText {
	width: 105px;
	height: 17px;
	margin: 5px 4px 0 0;
	float:left;
	font: normal 1.0em/1.3 Arial, Helvetica, sans-serif;
}
.search form input#boto {
	float: left;
	margin: 4px 5px 0 0;
}



/***************************************** CONTENEDOR PRINCIPAL *****************************************/

#content-container {
	clear: both;
	overflow:hidden;
	font: normal 1.1em/1.3 Arial, Helvetica, sans-serif;
}

* {
	font-family:Arial, Helvetica, sans-serif;
}

a:link {
	color:#000;
	text-decoration:none;
}
a:visited {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#000;
	text-decoration: underline;
}
a:active {
	color:#000;
}

#fil_ariadna a {
	text-decoration: underline;
}

/***************************************** LEFT *****************************************/


#left {
	float: left;
	width: 185px;
	overflow: hidden;
}

/**********/

#menu_left {
	padding: 4px 4px 10px 8px;
	background: #f4f4f4 url(borde_menu_left_gris.gif) top right no-repeat;
	min-height: 418px;
	height: auto !important;
	height: 418px;
}

html>body #menu_left {
	padding: 4px 5px 10px 8px;
	min-height: 396px;
	height: auto !important;
	height: 396px;
}
* html #menu_left {width:185px;}

#menu_left h1 { 
	margin: 5px 0 4px 0;
}

html>body #menu_left h1 a {      
	font: italic bold 1em/0.85 Verdana, Arial, Helvetica, sans-serif;
}

#menu_left h1 a, html:first-child #menu_left h1 a {
	font: italic bold 0.65em/0.85 Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: none;
}
.subtitol {
	margin: 0 0 20px 0;
	color: #a30332;
}



/***************************************** MID *****************************************/

#mid {
	float: right;
	width: 750px;
	padding: 0 0 20px 0;
	margin:0;
min-height:418px;
height:auto !important;
height: 418px;
}

#fil_ariadna {
	padding: 5px 0 5px 0;
}

#mid #contingut a {
	color:#000;
	text-decoration:underline;
}


/***************************************** FOOTER *****************************************/

#footer {
	clear: both;
	font: normal 1.1em/1.3 Arial, Helvetica, sans-serif;
	margin: 13px 0 0 0;
}

.fila_footer {
     background:#E9E9E9 no-repeat;
     height:auto;
     overflow:hidden;
}
* html .fila_footer {height:1%;}

#footer p {
	padding: 8px 0 8px 0;
	margin: 0 0 20px 0;
	color:#6a6a6a;
	font: normal 0.98em/1.1 Arial, Helvetica, sans-serif;
}

#footer ul {
	margin: 3px 0 0 16px;
	padding: 6px 0 0;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
}

#footer ul li {
	display: inline;
	list-style-type: none;
	list-style-position: outside;
	background: url(llistes_bullet.gif) 0 5px no-repeat;
	padding: 0 23px 0 10px;
	border:0;
}

.fila_footer span {
	color:#595959;
	font-size:2em;
	font-family:Verdana, Helvetica, sans-serif;
	font-weight:bold;
	display:block;
	float:right;
    margin:1px 20px 0 0;
}
* html .fila_footer span {margin:1px 10px 0;}

#footer .fila_footer span em {
	font-family:Verdana, Helvetica, sans-serif !important;
}



/*************************************************************************************************************************/
/*************************************************************************************************************************/

#mid #capcalera a, #mid #contingut a, #mid #peu a {
	color:#000;
	text-decoration:underline;
}


/***************************************** CAPÇALERA *****************************************/

#capcalera {
	overflow:hidden;
}

.capcalera_titol {
	background:#ebebeb;
	min-height:28px;
    height:auto!important;
    height:1%;
    overflow:hidden;
}
.capcalera_titol h2 {
	font: bold 1.63em/1.3 Arial, Helvetica, sans-serif;
	padding:2px 0pt 0 38px;
}
.cuadre_color {
	width:28px;
	height:28px;
	background:#a30332;
	float:left;
}

/***************************************** CONTINGUT *****************************************/

#contingut {
	overflow:hidden;
	clear:both;
}

.contingut_titol {
	clear: both;
	height: 24px;
	background:#f4f4f4 url(bullet_titol_seccio.gif) 15px 7px no-repeat;
	margin:25px 0 0;
}

#contingut .contingut_titol h3 {
	font: bold 1.1em/1.3 Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 5px 0 0 32px;
}

#contingut p {
	font: normal 1.1em/1.3 Arial, Helvetica, sans-serif;
	margin: 2px 32px 0 32px;

}
#contingut .primer_paragraf {
	padding-top:18px;
	padding-bottom:8px;
}

#contingut .marge_separador {
	padding-top: 14px;
	padding-bottom:6px;
}

#contingut ul, #contingut ol {
	font: normal 1.1em/1.3 Arial, Helvetica, sans-serif;
	margin: 10px 32px 3px 32px;
	line-height:1.3;
}
#contingut ul li {
	list-style-type: none;
	background: url(llistes_bullet.gif) 0 5px no-repeat;
	margin:0;
	padding: 0 0 1px 14px;
}
#contingut ul li p{

	padding: 0;
	margin:0;
}
#contingut ul.subdirectori {
	font: normal 1.1em/1.3 Arial, Helvetica, sans-serif;
	margin: 15px 0 15px 0;
	line-height:1.3;
}
#contingut ul.subdirectori li {
	list-style-type: none;
	background: url(llistes_bullet_clar.gif) 8px 5px no-repeat;
	padding: 0 0 1px 22px;
}

#contingut strong.titol {
	display: block;
	font: bold 1.1em/1.3 Arial, Helvetica, sans-serif;
	padding: 16px 32px 0 32px;
	color:#a30332;
}

#contingut .boto_normal {
	font-size:1.1em;}
#contingut .boto_normal img {
	vertical-align:middle;
	margin:0 0 0 4px;
}

.fase{
	margin:10px 0 20px 0;
}

.nota{
	margin:20px 0 18px 0;
}

.peque{
	font-size:1em !important;
}


/*************************************columnes**************************/

.grup, .grup{
	height:auto;
	margin:12px 0 6px 0;
	width:100%;
	float:left;
}

.fin{
	margin-bottom:26px;
}

.col_left {
	width:49%;
	float:left;
	text-align:center;
}

.col_left p, .col_left ul {
	margin:0 10px 0 32px;
}


.col_right {
	width:49%;
	float:right;
	margin:10px 0 0 0;
}

.col_right p, .col_right ul {
	margin:0px 60px 0 10px !important;
}

.col_right .titol {
	padding-left:10px!important;
}



/******** boto cancelar *********/

.botons_seccio {
	padding:40px 32px 0 32px;
	margin:0px;
	overflow:hidden;	
		
}

.boto_CANCEL {
	float:left;
	font: bold 1.1em/1.0 Arial, Helvetica, sans-serif;
}

.botons_seccio .boto_CANCEL a {
	background:#DADADA url(fletxa_index.gif) center left no-repeat;
	padding:2px 26px 3px 38px;
	line-height:2;
	text-decoration: none!important;
	
}

.boto_cerrar{
	float:right;
	font:bold 1.1em/1.0 Arial, Helvetica, sans-serif;
}

.botons_seccio .boto_cerrar a{
	background: #dadada url(aspa_tancar.gif) center right no-repeat;
	padding:2px 40px 3px 24px;
	line-height:2;
	text-decoration:none !important;
}

/*.boto_img{
	padding:3px 0 0 0;
}

* html .botons_seccio .boto_img{
margin:3px 0 0 0!important;
}*/



/************** PEU ****************/

#peu {
	margin:20px 0 10px 0;
	overflow:hidden;
	clear:both;
}

.peu_titol {
	height:28px;
	background:#EBEBEB url(bullet_titol_seccio_tarjetas.gif) 15px 9px no-repeat;
}
#contingut .peu_titol h5 {
	font: bold 1.1em/1.3 Arial, Helvetica, sans-serif;
	padding:7px 0 0 32px;
	color: #000;
	margin: 0;
}

.peu_cont {
	background:#f4f4f4;
	overflow: hidden;
	padding:17px 17px;
}
.peu_cont p{
	margin: 0 15px 0 15px;
	font: normal 1.1em/1.3 Arial, Helvetica, sans-serif;
}

#contingut_peu { 
	float:left;
	background:#F4F4F4;
	width:100%;
	padding:3px 0 0;
	padding-bottom:5px;
	margin-top:30px;
	overflow:hidden;
	font-size:0.9em!important;
}


#contingut a img{
margin:0 3px;
	
}