body * {
	font-family:arial, sans-serif, verdana; font-size:10px;
	color:#7F7F7F;
	line-height:17px;
}

body {
	background-color:#FFFFFF; text-align:center; padding:0px; margin:0px;
}

div, a, img, input, textarea, select, span, table, h1, h2, h3, h4, h5, p, object {
	position:relative; text-align:left; padding:0px; margin:0px; 
}

td{
	font-family:arial, sans-serif, verdana; font-size:10px;
	color:#7F7F7F;
	line-height:11px;
}

u {
	font-size:12px;
}

strong{
	font-size:12px;
}

em{
	font-size:12px;
}

font{
	font-size:12px;
}

dreta{
	text-align:right;
}
a {
	color:#8D8367; text-decoration:none;
} 

a:hover {
	color:#8D8367; text-decoration:underline;

}

a.pdf {
	padding:5px 0px 5px 25px; background:url(../img/ico_pdf.gif) no-repeat left 5px;
	display:block;
}

a.zoom { 
	float:right;
	color:#E20C0C;
}

a.zoom2 {
	font-family:verdana;
	color:#8D8367;
	vertical-align:top;
	float: left;
}

a.zoom3{
	color:#E20C0C;
}

a.antSig{
	font-family: verdana;
	font-size: 12px;
	color:#8D8367;
}

a.antSig:hover{
	text-decoration: none;
	color:#E20C0C;
}


a.controlScroll{
	font-family: verdana;
	font-size: 12px;
	color:#8D8367;
}

a.popup{
	font-family: arial;
	font-size: 12px;
	color:#8D8367;
	text-decoration:underline;
}

a.controlScroll:hover{
	text-decoration: none;
	color:#E20C0C;
}

a.pagina{
	color:#8D8367;
}

a.pagina:hover{
	color:#E20C0C;
}

a.paginaSel{
	color:#E20C0C;
}


img {
	border:0px;
}

div.clearFloat {
	clear:both;
}

form {
	padding:0px;
	margin:0px;
	/*border: #0000FF solid 1px;*/
}

select { border: 1px solid #CCCCCC;  background-color:#F5F5F5; font-family: Verdana, Arial, Helvetica; font-size: 10px; color:#7F7F7F; line-height:10px;}
textarea { border: 1px solid #CCCCCC;  background-color:#F5F5F5; font-family: Verdana, Arial, Helvetica; font-size: 10px; color:#7F7F7F; line-height:10px;}
input { border: 1px solid #CCCCCC; background-color:#F5F5F5; font-family: Verdana, Arial, Helvetica; font-size: 10px; color:#7F7F7F; height:12px; margin:2px; line-height:10px;}
input.exam { border: 1px solid #CCCCCC; background-color:#F5F5F5; font-family: Verdana, Arial, Helvetica; font-size: 10px; color:#7F7F7F; height:15px; margin:2px; line-height:10px;}
input.blanc { border: 0px solid #CCCCCC; background-color:#ffffff; font-family: Verdana, Arial, Helvetica; font-size: 10px; color:#7F7F7F; height:12px; line-height:10px;}
input.button { background-color:#999999; color:#ffffff; margin-left:293px; width:50px; height:15px; text-align:center; font-size: 10px; padding-bottom:3px; line-height:10px;}
input.button_curt { background-color:#999999; color:#ffffff; margin-right:8px; width:50px; height:15px; text-align:center; font-size: 10px; padding-bottom:3px; line-height:10px;}
label.register { float: left; width: 120px; margin:2px;}
label.register_curt { float: left; width: 90px; margin:2px;}
label.register_mescurt { float: left; width: 70px; margin:2px;}



/********* Canvas **************/

div#canvas {
	width:800px;
	margin:auto;
	/*border: #FFff00 solid 1px;*/ 
}

div#canvas3 {
	width:866px;
	z-index: 15;
	/*border: #FFff00 solid 1px;*/ 
}

div#canvas2 {
	margin-top:10px;
	width:801px;
	overflow:hidden;
	background:#FFFFFF url(../img/canvas.gif) left;
	/*border: #FF00ff solid 1px;*/
}
div#canvas_ini {
	width:701px;
	/*border: #FF00ff solid 1px;*/
}
span.vermell {
	color:#E20C0C;
}

.vermelloo {
	color:#E20C0C;
}

/******** PRE HOME *************/
div.select a {color:#FFF; margin:0;  padding:0; line-height:13px;}
div.select a:hover {color:#8D8367;text-decoration:none;}


/******** PRESENTACIO *********/
div#capcelera_presentacio{
	margin:0px 0px 15px 10px;
}
div#flash_presentacio{
	width:701px;
	height:334px;
	/*background:url(../img/presentacio.jpg) no-repeat left top;*/
}
div#footer_presentacio{
	height:32px;
	margin-top:10px;
}
div#footer_presentacio_1{
	float:left;
	width:316px;
	margin-right:62px;
}
div#footer_presentacio_2{
	float:left;
	width:94px;
	margin-right:24px;
}
div#footer_presentacio_3{
	float:right;
	text-align:right;
	padding:8px 10px 0px 0px;
	width:194px;
}

td.td_foto_news{
padding-right:10px;
}

.fotonew{
border: 1px solid #B5B5B5;
}
/********* CAPCELERA GENERAL ***********/

div#capcelera{
	margin:10px 0px 8px 0px;
	width:800px;
	z-index: 2;
	/*border: #FF00ff solid 1px;*/
}

div#capcelera_1{
	float:left;
	margin:0px 0px 0px 0px;
	z-index : 3;
}
div#capcelera_menu{
	text-align:right;
	position:absolute;
	margin:auto;
	top: 13px;
	left:360px;
	width:452px;
	height:156px;
	/*border: #FF0000 solid 1px;*/
	z-index:4;
}
div#flash_capcelera{
	margin:0px 0px 6px 0px;
	z-index:1; 
}

div#bottom_capcelera{
	width:790px;
	margin:0px 0px 6px 0px; 
	z-index:1;
	text-align:right;
	
}

div#bottom_links{
	float:left;
	top:6px;
	width:590px;
	margin:0px 20px 0px 0px; 
	font-family: arial, sans-serif, verdana; 
	font-size: 12px;
	color: #E20C0C;
}

div#print{
	float:left;
	top:6px;
	width:180px;
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
	text-align:right;
	
}


/********* LATERALS ***********/


div#menus{
	float:left;
	margin:0px 0px 0px 0px; 

}

div#borders{
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

div#seccio{
	width:130px;
	margin:0px 18px 0px 0px; 

}

div#menu_seccio{
	background:#E5E5E5;
	
}

#seccio ul {
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#seccio li {
	font-size:12px;
	list-style-type: none;
	margin-left: 3px;
	margin-top: 4px;
	padding-left: 3px;
	color:#e20c0c;
}

#seccio li a.on 
{
	color:#E20C0C;
}


#seccio a {text-decoration: none; color:#000000; font-size:12px;}
#seccio a:active {text-decoration: none; color:#E20C0C;}
#seccio a:hover {text-decoration: none; color:#E20C0C;}

a.marcado {text-decoration: none; color: #E20C0C !important; font-size: 12px;}
a.marcado:hover {text-decoration: none; color: #E20C0C; font-size: 12px;}


#seccio p.titol{
	color:#E20C0C;
	padding: 3px 0px 5px 5px;
	border-bottom: 1px solid #CCCCCC;
	font-size:12px;
}



div#lateral_banner{
	float:left;
	width:120px;
	margin:0px 0px 0px 0px;
	z-index:1;
}

div#info{
	width:131px;
	margin:0px 0px 0px 0px; 
	color:#e20c0c;
}


div#info li {
	color:#e20c0c;
}


	



div#menu_info{
	background:#F5F5F5;
}

#info ul {
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#info li {
	font-size:11px;
	list-style-type:none;
	margin-left: 3px;
	margin-top: 5px;
	padding-left: 3px;
}

#info a {text-decoration: none; color:#939393; font-size:11px;}
#info a:active {text-decoration: none; color:#E20C0C;}
#info a:hover {text-decoration: none; color:#E20C0C;}


a.selected 		 {color:#E20C0C  !important}

#info p.titol{
	color:#E20C0C;
	padding: 3px 0px 5px 5px;
	border-bottom: 1px solid #CCCCCC;
	font-size:11px;
}


/********* CONTINGUTS ***********/

li.cos12 {
	font-size:12px;
	list-style-type:circle;
}


div#principal{
	width:800px;
	margin:30px 0px 0px 0px;
}

div#central{
	float:left;
	top:0px;
	width:651px;
	padding-bottom:30px;
}

div#centralNews{
	float:left;
	top:0px;
	width:651px;
	padding-bottom:30px;
}

div#contingut{
	float:left; 
	top:0px;
	width:500px;
	margin:0px 18px 0px 0px;
	z-index:1;
}

#contingut p {
	font-size:12px;
	margin:0px 0px 8px 0px;	
	text-align: justify;
}

div#logos{
	float:left;
	border-bottom: 1px solid #F2F2F2;
	margin-bottom:15px;
	padding-bottom: 5px;
}

div#logos_img{
	float:left;
	width:85px;
	margin:10px 0px 0px 0px; 
	text-align:left;
	
}

div#logos_text{
	float:left;
	margin:0px 0px 0px 0px; 
	text-align:left;
	width:415px;
}

div#fotos{
	margin:0px 0px 0px 0px;
	width: 500px;
}

div#foto{
	float:left;
	text-align:right;
/*	padding-right:5px;*/
	z-index: 2;
}

div#foto_cataleg_dreta{
	position: absolute;
	float:left;
	margin:0px;
	text-align:left;
	bottom: 0px;
	padding-left: 10px;
}

div#foto_dreta{
	float:left;
	text-align:right;
/*	padding:0px;*/
	z-index: 2;
}

div#opciones{
	position: absolute;
	width: 500px;
	text-align: center;
}

div#textoOpc{
	float: right;
	text-align: right;
}

div.zoom{
	position: absolute;
	margin:0px 0px 0px 0px; 
	padding: 10px 10px 10px 10px;
	background-color: #FFFFFF;
	z-index: 7;
	border: 1px solid #CCCCCC;
	opacity: 0;
	filter: alpha(opacity=0);
	left: 27px;
	top: 10px;
	width: 424px;
}

div.zoom2{
	float: left;
	vertical-align: top;
	position: absolute;
	z-index: 7;
	text-align:left;
}

div.zoomDemo{
	position: absolute;
    margin:0px 0px 0px 0px; 
    padding: 10px 10px 10px 10px;
    background-color: #FFFFFF;
    z-index: 10;
    border: 1px solid #CCCCCC;
    opacity: 0;
    filter: alpha(opacity=0);
    left: 64px;
    top: 10px;
    width: 400px;
    height: 370px;
	
}


div.zoomDemoCont{
	position: absolute;
    margin:0px 0px 0px 0px; 
    z-index: 11;
    width: 377px;
    height: 370px;
	text-align:center;
}

div.zoomDemoHome{
	position: absolute;
    margin:0px 0px 0px 0px; 
    padding: 10px 10px 10px 10px;
    background-color: #FFFFFF;
    z-index: 10;
    border: 1px solid #CCCCCC;
    opacity: 0;
    filter: alpha(opacity=0);
    left: 300px;
    top: 100px;
    width: 450px;
    height: 475px;
}

div.zoomDemoContHome{
	position: absolute;
    margin:5px 0px 0px 18px; 
    z-index: 11;
    width: 400px;
    height: 400px;
	text-align:center;
	text-align:justify;
}

div.zoomDemoContLegal{
	position: absolute;
    margin:0px 0px 0px 18px; 
    z-index: 11;
    width: 415px;
    height: 380px;
	text-align:center;
	text-align:justify;
	overflow: auto;
	padding:15px;
	SCROLLBAR-FACE-COLOR: #ffffff; 
	LEFT: 0px; 
	VISIBILITY: visible; 
	SCROLLBAR-HIGHLIGHT-COLOR: #d4d4d4; 
	SCROLLBAR-SHADOW-COLOR: #d4d4d4; 
	COLOR: #5b5b5b; 
	SCROLLBAR-3DLIGHT-COLOR: #ffffff; 
	SCROLLBAR-ARROW-COLOR: gray; 
	SCROLLBAR-TRACK-COLOR: #ffffff; 
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff; 
	SCROLLBAR-BASE-COLOR: #ffffff;
}

div#cataleg{
	position: absolute;
	margin: auto;
    padding: 10px 10px 10px 10px;
    background-color: #FFFFFF;
    z-index: 8;
    border: 1px solid #CCCCCC;
    opacity: 0;
    filter: alpha(opacity=0);
    left: 39px;
    top: 10px;
    width: 765px;
    height: 540px;
	vertical-align: middle;
}

div#cataleg2{
	position: absolute;
	margin: auto;
    padding: 10px 10px 10px 10px;
    background-color: #2C2C2C;
    z-index: 8;
    border: 1px solid #CCCCCC;
    opacity: 0;
    filter: alpha(opacity=0);
    left: 39px;
    top: 10px;
    width: 765px;
    height: 540px;
	vertical-align: middle;
}

div#webshop{
	position: absolute;
	margin: auto;
    padding: 10px 10px 10px 10px;
    background-color: #FFFFFF;
    z-index: 8;
    border: 1px solid #CCCCCC;
    opacity: 0;
    filter: alpha(opacity=0);
    left: 39px;
    top: 10px;
    width: 765px;
    height: 540px;
	vertical-align: middle;
}

div#webshopCont{
	position: relative;
	float: left;
	margin: auto;
    background-color: #FFFFFF;
    z-index: 8;
    border: 1px solid #CCCCCC;
    width: 728px;
    height: 525px;
	vertical-align: middle;
}

.iwebshop{
	border: hidden;
	padding: 0px 0px 0px 0px;
	width: 729px;
    height: 527px;
	overflow: hidden;
}

div#controlIframe{
	position: absolute;
	left-spacing: 5px;
	margin: 0px 0px 0px 5px;
	height: 532px;
	width: 15px;
	float: right;
	background-color: #CCCCCC;
}

div#webshop p{
	width: 730px;
}



div#descProd{
	text-align:center;	
}

div#antSig{
	float: right;
}


div#catalegCont{
	background-color: #FFFFFF;
}


div#paginas{
	position: relative;
	height: 214px;
	width: 400px;
}

div.pagina{
	position: absolute;
	z-index: 7;
}

div.paginaOculta{
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
}

div#paginado{
	float: right;
}

div#scroll{
	position: relative;
	overflow: hidden;
	white-space:nowrap;
}

div#scrollCont{
	position: absolute;
	left: 0px;
	top: 0px;
}

div#entrevista{
	width: 500px;
}

#entrevista p{
	font-size:10px;
}

#entrevista h3{
	color:#E20C0C;
}

div#entrevista_01{
	float:left;
	margin:0px 24px 0px 0px; 
	text-align:left;
	width: 238px;
}

div#entrevista_02{
	float:left;
	margin:0px 0px 0px 0px; 
	text-align:left;
	width: 238px;
}

div.fotoAntSig{
	position:absolute;
}

.foto{
	border: 1px solid #9E9E9E;
}

img.fotoZoom{
	border: 1px solid #C5C4C4;	
}

a.link_vermell {
	color:#E20C0C;
}
a.link_vermell:hover {
	color:#E20C0C;
}

.text_vermell {
	color:#E20C0C;
}

.text_vermell_12 {
	color:#E20C0C;
	font-size:12px;
}
.text_negre {
	color:#000000;
}

.text_negre_12 {
	color:#000000;
	font-size:12px;
}

.text_bold {
	font-size:12px;
	font-weight:bolder;
}

.fosc {
	color:#333333;
}

hr{
	height: 1px;
	color: #F2F2F2;
	style: solid;
}

div#hr{
	margin-top: 10px;
	padding: 0px;
	border-bottom: 1px solid #E5E5E5;
}

li.li_contingut {
	font-family: arial, sans-serif, verdana; 
	font-size: 12px;
}

/********* HOME ***********/

div#capcelera_home{
	margin:10px 0px 8px 0px;
	width:800px;
	/*border: #FF00ff solid 1px;*/
}
div#principal_mob:after, div#canvas:after, div#contingut:after, div#seccio:after, div#central:after, div#titol:after, div#logos_img:after, div#logos_text:after, div#principal:after, div#bottom_capcelera:after, div#capcelera:after, div#columnes:after, div#capcelera_home:after  { content: "."; display: block; height: 0; clear: both;
visibility: hidden; }

div#capcelera_home_1{
	float:left;
	margin:0px 0px 0px 10px;
}
div#capcelera_home_2{
	float:right;
	padding:20px 0px 0px 0px;
	margin:0px 8px 0px 0px;
}
div#flash_home{
	margin:0px 0px 6px 0px;
}
div#barra_login{
	text-align:right;
	width:100px;
	height:20px;
	padding:11px 0px 0px 0px;
}
div#login_ok{
	vertical-align:top;
	float:right;
	text-align:right;
	margin: 0px 8px 0px 0px;
	padding:0px;
	font-size:9px;
	/*line-height:1em;
	border: #FF0000 solid 1px;*/
}
input.input_login {
	padding:0px 0px 0px 0px;
	margin: 0px 4px 0px 0px;
	border: 1px solid #C5C5C5;
	width: 70px;
	height: 12px;
	background:#FFFFFF;
	font-size:9px;
	line-height:1em;
	/*border: #FF0000 solid 1px;*/
}
span.destacat {
	font-size:11px;
	color:#E20C0C;
}

span.blanc {
	font-size:11px;
	color:#FFFFFF;
}
div#columnes {
	width:800px;
	padding:0px 0px 15px 0px;
	
}

#columnes p{
	line-height:14px;
}

div.columna_1 {
	float:left;
	width:140px;
	margin:0px 15px 0px 0px;
	
}
div.columna_2 {
	float:left;
	width:177px;
}

div.columna_login {
	float:right;
	width:180px;
	text-align:right;
}

div.int_login {
	float:right;
	width:175px;
	height:180px;
	background-image:url(../img/fons_login_cesped.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding:3px;
	padding-top:6px;
	padding-left:8px;
	line-height:50%;
	z-index:2;
}

.text_blanc {
	color:#ffffff;
}


.login_text {
	line-height:10px;
	color:#000000;
}

.login_checkbox{
	vertical-align:top;
	text-align:right;
	
}

.login_checkbox_text{
	color:#FFFFFF;
	text-align:left;
}
a.login_text:hover {
	line-height:12px;
	text-decoration:none;
	color:#ffffff;
}

.login_text_blanc {
	line-height:10px;
	color:#ffffff;
}

a.login_text_blanc:hover {
	line-height:12px;
	text-decoration:none;
	color:#000000;
}

h3 {
	font-size:13px;
	font-weight:bold;
	color:#000000;
	margin:6px 0px 8px 0px;	
}

.custom {
	font-size:12px;
	text-align: justify;
}

.small {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ACACAC;
	line-height:12px;
}

p {
	font-size:12px;
}

.text_data {
	color:#C8C8C8;
}

a.link_mes {
	text-decoration:underline;
	line-height:14px;
}
div#footer{
	height:32px;
	margin-top:0px;
	border-top:#E5E5E5 1px solid;
	padding: 4px 0px 0px 0px
}
div#footer_1{
	float:left;
	width:380px;
	margin-right:120px;
}
div#footer_2{
	float:left;
	width:84px;
	margin-right:24px;
}
div#footer_3{
	float:right;
	text-align:right;
	padding:8px 10px 0px 0px;
	width:164px;
}


div#menu{
	position:absolute;
	margin:auto;
	top:281px;
	width:500px;
	height:200px;
	z-index:2; 
	left:-10px; 
	/*border: #FF0000 solid 1px;*/
}


iframe.contents {
	position:relative;
	overflow:auto;
	overflow-y:scroll;
	width: 630px;
	height:470px;
	background-color:#ffffff;
	padding-left: 10px;
	padding-right: 10px;
}

span.falta {
	color: blue;
	text-decoration: blink;

}


/***************** CAMPS OBLIGATORIS ********************/
.validation-advice {
		margin: 5px 0;
		padding: 5px;
		background-color: #FF3300;
		color : #FFF;
		font-weight: bold;
		display: none;
	}
	
	.custom-advice{
		color : white;
		background-color: red;
		margin: 4px 0px 0px 0px;
		padding: 3px 5px 4px 5px;
	}
	
	input.validation-failed {
		border: 1px solid #FF3300;
		color : #FF3300;
	}	  
	
.mensajeMail {text-decoration: bold; color: #E20C0C !important; font-size: 16px; text-align: center}	