/* CSS Document */


body{
	text-align:center;
	margin: 0;
}
ul, li, p, form {
	margin: 0;
	padding: 0;
}

#global-container {
	margin: 0 auto;
	width: 950px;
	font: normal 62.5%/1.3 Arial, Helvetica, sans-serif;
	text-align: left;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

.left {
	float:left;
}

.right {
	float: right!important;
}

.bold {
	font-weight:bold;
}

label {
	color: #000;
}


/***************************************** LINKS *****************************************/

a img {
	border: 0;
}


/***************************************** HEADER *****************************************/

#header {
	height: 47px;
	margin:0 0 20px 0;
	font: normal 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;
}

#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;
}

.label {
	margin: 7px 4px 0 0;
	float:left;
}

.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;
	padding: 0 0 20px 0; /***  AFEGIT Especial per a fitxes ***/
}

/**********/

#menu_left {
	padding: 4px 4px 10px 8px;
	background: #f4f4f4 url(borde_menu_left_gris.gif) top right no-repeat;
}

html>body #menu_left {
	padding: 4px 5px 10px 8px;
	min-height: 100px;
	height: auto !important;
	height: 100px;
}

.logo_canal {
	margin: 5px 0 0 0;
}

.logo_canal_cat {
	margin: 5px 0 0 0;
}

#menu_left h2.hidden { 
	display: none;
}
.subtitol {
	margin: 0 0 20px 0;
	color: #127801;
font-size:1em;
}



/***************************************** MID *****************************************/

#mid {
	float: right;
	width: 750px;
	padding: 0 0 20px 0;
}

#fil_ariadna {
	margin:-2px 0 0 0;
	padding: 0 0 4px 0;
}


/***************************************** FOOTER *****************************************/

#footer {
	clear: both;
	font: normal 1em/1.3 Arial, Helvetica, sans-serif;
	margin: 13px 0 0 0;
}
* html #footer{
	margin:-10 0 0 0;
}
* html #footer{
	margin:-10px 0 0 0;
}
.fila_footer {
	clear: both;
	width: 951px;
	height: 33px;
	background: #e9e9e9 url(footer_hablamos.gif) 770px 5px no-repeat;
}

.fila_footer_cat {
	clear: both;
	width: 951px;
	height: 33px;
	background: #e9e9e9 url(footer_parlem.gif) 820px 5px no-repeat;
}
#footer p {
	padding: 8px 0 8px 0;
	margin: 0 0 20px 0;
	color:#6a6a6a;
	font: normal 1.1em/1.1 Arial, Helvetica, sans-serif;
}

#footer ul {
	margin: 3px 0 0 205px;
	padding: 6px 0 0 0;
}

html>body #footer ul {
	padding: 9px 0 0 0;
}

#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;
}


/*************************************************************************************************************************/
/*************************************************************************************************************************/

#mid #capcalera a, #mid #contingut a, #mid #peu a {
	color:#000;
	text-decoration:underline;
}


/***************************************** CAPÇALERA *****************************************/

#capcalera {
	overflow:hidden;
}

.capcalera_titol {
	background:#ebebeb;
	height:28px;
	overflow:hidden;
}
.capcalera_titol h3 {
	font: bold 1.63em/1.3 Arial, Helvetica, sans-serif;
	margin: 2px 0 0 40px;
}
.cuadre_color {
	width:28px;
	height:28px;
	background-color:#127801;
	float:left;
}

html>body .capcalera_cont_ip {
	min-height:112px;
	height: auto !important;
}
.capcalera_cont_ip {
	overflow: hidden;
	background:#f4f4f4;
	height: 1%;
}
.capcalera_cont_terrat {
	background:#f4f4f4;
}
html>body .capcalera_cont_txt {
	min-height:72px;
	height: auto !important;
	height: 72px;
}
.capcalera_cont_txt {
	background:#f4f4f4;
	min-height:112px;
	height: auto !important;
	height: 112px;
	padding:20px 20px;
	font: normal 1.1em/1.3 Arial, Helvetica, sans-serif;
	color:#000000;
}
.capcalera_cont_img {
	float:left;
}
.capcalera_cont_text {
	float:right;
	width:316px;
	padding:13px 7px 13px 0;
	font: normal 1.1em/1.3 Arial, Helvetica, sans-serif;
	color:#000000;
}
.capcalera_botons {
	overflow: hidden;
	margin: 7px 0 0 0;
	clear: both;
}

/*#contingut .botons a {
	margin: 0 0 0 280px;
}*/

#mid #capcalera .capcalera_botons a, #mid #contingut .capcalera_botons a {
	text-decoration:none;
}
.boto_LA {
	float:right;
	font: bold 1.1em/1.0 Arial, Helvetica, sans-serif;
}
#mid #contingut .boto_LA a {
	background:#ebebeb url(icona_candau.gif) center right no-repeat;
	padding:3px 27px 2px 7px;
	line-height:2;
	text-decoration: none;
}
.boto_ST {
	float:right;
	font: bold 1.1em/1.0 Arial, Helvetica, sans-serif;
	margin:0 15px 0 0;
}
#mid .boto_ST a {
	background:#ebebeb url(icona_fletxa.gif) center right no-repeat;
	padding:3px 27px 3px 7px;
	line-height:2;
	text-decoration: none;
}

#mid .boto_ST_no_marge a {
	text-decoration:none;
	background:#ebebeb url(icona_fletxa.gif) center right no-repeat;
	padding:3px 27px 3px 7px;
	line-height:2;
}

/***************************************** 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 0;
}

#contingut .contingut_titol h4 {
	font: bold 1em/1.3 Arial, Helvetica, sans-serif;
	padding: 5px 0 0 32px;
	color: #000;
	margin: 0;
}

#contingut h4, #contingut h5 {
	font: bold 1.1em/1.3 Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 10px 0px 0 1px;
}
#contingut strong.titol {
	font: bold 1.1em/1.3 Arial, Helvetica, sans-serif;
	color: #A20230;
	margin: 20px 32px 0 0;
}

#contingut p {
	font: normal 1.1em/1.2 Arial, Helvetica, sans-serif;
	margin: 2px 32px 0 32px;
}
#contingut .primer_paragraf {
	margin: 18px 32px 0 32px;
}
#contingut ul {
	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:3px 0 0 0;
	padding: 0 0 1px 14px;
}

#contingut ul.subdirectori {
	font: normal 1.1em/1.3 Arial, Helvetica, sans-serif;
	margin: 5px 0 3px 10px;
	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 .boto_normal {
	font: normal 1.1em/1.0 Arial, Helvetica, sans-serif;
	margin: 7px 0 0 0;
	overflow:hidden;
}

#contingut .boto_normal a:link, #contingut .boto_normal a:visited, #contingut .boto_normal a:hover, #contingut .boto_normal a:active, 
.promo .boto_normal a:link, .promo .boto_normal a:visited, .promo .boto_normal a:hover, .promo .boto_normal a:active {
	text-decoration:underline;
	background: url(fletxa_vermella.gif) center right no-repeat;
	padding:2px 20px 3px 32px;
	line-height:1.5;
	float: left;
}

#contingut .nota_peu {
	padding: 20px 0 0 0;
	font: normal 1.0em/1.3 Arial, Helvetica, sans-serif;
}

#contingut .marge_separador {
	padding-top: 18px;
}


/************** 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;
}


/********************************************************************************************************************/
/********************************************************************************************************************/

.navegacio {
	overflow: hidden;
	border-bottom: 5px solid #dfdfdf;
	width: 465px;
	margin: 30px 0 20px;
	padding:0 0 3px;
	font-size:1.1em;
}

.navegacio .actiu {
	float: left;
	background-color:#E9F9D9;
	width: 50%;
	margin: 0 2px 0 0;
	padding: 8px 0 1px;
	font-weight: bold;
	color:#127801;
}

.navegacio .passiu {
	float: right;
	background-color: #ededed;
	width: 49%;
	margin: 4px 0 0;
	padding: 4px 0 1px;
}
.navegacio span {
	font-weight:bold;
	padding:0 7px 0 10px;}



/*-----------FORMULARIO--------------*/

form.datos {
	clear: both;
	margin: 30px 0 0 0;
}

form.datos .fila {
	margin: 10px 0 0 32px;
	height:1%;
	clear:both;
}

html>body form.datos .fila {
	overflow: hidden;
	margin: 10px 0 0 32px;
	padding: 0;
	height:auto;
}
form.datos .margen {padding:15px 0 0!important;}

form.datos label, #contingut form.datos p.label {
	float: left;
	width: 170px;
	margin: 2px 10px 0 0;
	font-size: 1em;
}
form.datos input, form.datos p.input {
	float: left;
	width: 50px;
	margin: 0 0 0 23px;
	text-align:center;
}



form.datos .opcions label {
	float: left;
	width: auto;
	text-align: left;
	margin: 2px 10px 0 5px;
}
html>body form.datos .opcions input {
	margin: 3px 0 0 23px;
}
form.datos .opcions input, html:first-child form.datos .opcions input {
	display: inline;
	float: left;
	margin: 0 0 0 23px;
	width: auto;
}

form.datos .data .labels {
	margin:0 0 0 150px;
	clear:left;
}
form.datos .data label {
	width:auto;
	margin:0 17px 0 7px;
	color:#999999;
}
form.datos .data label {padding: 3px 0 0 0;}

form.datos select {
	float: left;
	width:220px;
	font-size:0.9em;
	margin:0 0 0 23px;
}

form.datos span {
	display:block;
	color:#999999;
	float:left;
	margin:2px 0 0 10px;
}
form.datos label span { margin:0;}


form.datos .botons {
	clear: both;
	overflow: hidden; 
	margin: 30px 120px 0 0; 
	text-align:right;
}
form.datos .botons input {
	width: auto;
	margin: 0;
}

#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;
}

.destacat_taronja{
	background:#E9F9D9 none repeat scroll 0%;
	overflow:hidden;
	padding:10px 0;
	width:600px;
	margin:0 0 0 28px;
}

.contingut_titol_destacat {
	height:24px;
	background:#127801 none 15px 7px no-repeat;
	margin:25px 0 0 28px;
	width:600px;
}
.contingut_titol_destacat h4 {
	font: bold 1.1em/1.3 Arial, Helvetica, sans-serif;
	padding: 4px 0 0 15px;
	margin:0!important;
	color:#fff;
}
#contingut .destacat_taronja p {
	margin: 0 15px;
}



#benvingut2 {
background:#EAF0FE url(benvingut.jpg) no-repeat scroll left top;
margin:17px 0pt 2px;
overflow:hidden;
padding:12px 8px 10px 10px;
}

#benvingut2 h3{ font-size:1.5em; padding:0em 0em 0em 2.7em;}
.clasebenvingut2{ padding:0.6em 0.5em 0 3.7em}

html > body #menu_left {
height:auto !important;
min-height:100px;
}

.banner {
margin:10px;
}
