﻿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; 
}

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: right;
}

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.controlScroll:hover{
	text-decoration: none;
	color:#E20C0C;
}


img {
	border:0px;
}

td.td_foto_news{
padding-right:10px;
}

.fotonew{
border: 1px solid #B5B5B5;
}

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; }
textarea { border: 1px solid #CCCCCC;  background-color:#F5F5F5; font-family: Verdana, Arial, Helvetica; font-size: 10px; color:#7F7F7F;}
input { border: 1px solid #CCCCCC; background-color:#F5F5F5; font-family: Verdana, Arial, Helvetica; font-size: 10px; color:#7F7F7F; height:12px; margin:2px;}
input.exam { border: 1px solid #CCCCCC; background-color:#F5F5F5; font-family: Verdana, Arial, Helvetica; font-size: 10px; color:#7F7F7F; height:15px; margin:2px;}
input.blanc { border: 0px solid #CCCCCC; background-color:#ffffff; font-family: Verdana, Arial, Helvetica; font-size: 10px; color:#7F7F7F; height:12px;}
input.button { background-color:#999999; color:#ffffff; margin-left:293px; width:50px; height:20px; text-align:center; font-size: 10px; padding-bottom:3px;}
input.button_curt { background-color:#999999; color:#ffffff; margin-right:8px; width:50px; height:20px; text-align:center; font-size: 10px; padding-bottom:3px;}
label.register { float: left; width: 120px; margin:2px;}
label.register_curt { float: left; width: 90px; margin:2px;}


/********* Canvas **************/

div#canvas {
	width:670px;
	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;
}
/******** PRESENTACIO *********/
div#capcelera_presentacio{
	margin:0px 0px 15px 10px;
}
div#flash_presentacio{
	width:701px;
	height:334px;
}
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;
}

/********* CAPCELERA GENERAL ***********/



div#capcelera{
	margin:0px 0px px 0px;
	left:75px;
	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:414px;
	width:452px;
	height:200px;
	z-index : 1;
	visibility: hidden;
	display:none;
	/*border: #FF0000 solid 1px;*/
}
div#flash_capcelera{
	margin:0px 0px 6px 0px;
	z-index:1;
	display:none;
	visibility: hidden;
}

div#bottom_capcelera{
	width:855px;
	margin:0px 0px 6px 0px; 
	z-index:1;
	text-align:right;
	display: none;
	visibility: hidden;
}



div#bottom_links{
	visibility: hidden;
	display:none;
}

/********* LATERALS ***********/


div#lateral_banner{
	visibility: hidden;
	z-index:3;
	display:none;
}

div#menus{
	visibility: hidden;
	height:2px;
}

div#borders{
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

div#seccio{
	float:left;
	width:150px;
	margin:0px 30px 0px 0px;
	visibility: hidden;
	display: none;
}

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: 5px;
	margin-top: 3px;
	padding-left: 5px;
	line-height: 90%;
}



#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 3px 10px;
	border-bottom: 1px solid #CCCCCC;
	font-size:12px;
}

div#lateral-banner{
	float:left;
	width:120px;
	margin:20px 0px 0px 0px;
	visibility: hidden;
	display: none;
}

div#info{
	float:left;
	width:151px;
	margin:0px 0px 0px 0px; 
	visibility: hidden;
	display: none;
}

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: 5px;
	margin-top: 5px;
	padding-left: 5px;
}

#info a {text-decoration: none; color:#000000; 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 3px 10px;
	border-bottom: 1px solid #CCCCCC;
	font-size:11px;
}


/********* CONTINGUTS ***********/



div#central{
	left:75px;
	top:0px;
	width:500px;
	padding-bottom:30px; 
}


div#titol{
	float:left;
	top:0px;
	width:650px;
	margin:0px 0px 5px 0px; 
	border-bottom: 1px solid #cccccc;
	padding:0px 0px 10px 0px; 
}

div#text_titol{
	float:left;
	top:6px;
	width:500px;
	margin:0px 30px 0px 0px; 
	font-family: arial, sans-serif, verdana; 
	font-size: 12px;
	color: #E20C0C;
}

div#print{
	float:left;
	top:6px;
	width:140px;
	margin:0px 0px 0px 0px; 
	padding:0px 8px 0px 0px; 
	text-align:right;
	visibility: hidden;
	display: none;
}

div#contingut{
	align:center;
	top:0px;
	width:500px;
	margin:0px 30px 0px 0px; 
}

#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:555px;
}

div#fotos{
	margin:0px 0px 0px 0px;
	width: 650px;
}

div#foto{
	float:left;
	text-align:right;
/*	padding-right:5px;*/
	z-index: 2;
}

div#foto_dreta{
	float:left;
	text-align:right;
/*	padding:0px;*/
	z-index: 2;
}

div#foto_cataleg_dreta{
	position: absolute;
	float:left;
	margin:0px;
	text-align:left;
	bottom: 0px;
	padding-left: 10px;
}

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: right;
	vertical-align: top;
	position: absolute;
	z-index: 7;
}

div.zoomDemo{
	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#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#descProd{
	text-align:center;	
}

div#antSig{
	float: right;
}


div#catalegCont{
	background-color: #FFFFFF;
}


div#paginas{
	position: relative;
	height: 214px;
	width: 500px;
}

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: 650px;
}

#entrevista p{
	font-size:10px;
}

#entrevista h3{
	color:#E20C0C;
}

div#entrevista_01{
	position: relative;
	float:left;
	margin:0px 0px 0px 0px; 
	text-align:left;
	width: 300px;
}

div#entrevista_02{
	position: relative;
	float: right;
	margin:0px 0px 0px 0px; 
	text-align:left;
	width: 300px;
}

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;
	width:530px;
	left:60px;
	display:none;
	visibility:hidden;
}

/********* HOME ***********/

div#capcelera_home{
	margin:10px 0px 8px 0px;
	width:866px;
	/*border: #FF00ff solid 1px;*/
}
 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:30px;
	padding:13px 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:2px 0px 0px 2px;
	margin: 0px 4px 0px 0px;
	border: 1px solid #C5C5C5;
	width: 70px;
	height: 10px;
	background:#FFFFFF;
	font-size:9px;
	line-height:1em;
	/*border: #FF0000 solid 1px;*/
}

.login_text {
	line-height:10px;
	color:#000000;
}

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;
}

span.destacat {
	font-size:11px;
	color:#E20C0C;
}

span.blanc {
	font-size:11px;
	color:#FFFFFF;
}

div#columnes {
	width:866px;
	padding:0px 0px 15px 0px;
}

#columnes p{
	line-height:14px;
}


div.columna_1 {
	float:left;
	width:140px;
	margin:0px 30px 0px 0px;
}
div.columna_2 {
	float:left;
	width:181px;
}

div.columna_login {
	float:right;
	width:180px;
	text-align:right;
}

div.int_login {
	float:right;
	width:164px;
	height:175px;
	background-image: url(../img/fons_login_cesped.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding:3px;
	padding-top:8px;
	padding-left:8px;
	line-height:50%;
	z-index:2;
}

h3 {
	font-size:13px;
	font-weight:bold;
	color:#000000;
	margin:6px 0px 8px 0px;	
}
p {
	font-size:11px;
	margin:0px 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;
}

a.link_mes {
	text-decoration:#underline;
	line-height:14px;
}

.text_data {
	color:#C8C8C8;
}

div#footer{
	height:32px;
	width:520px;
	left:60px;
	margin-top:0px;
	border-top:#E5E5E5 1px solid;
	padding: 4px 0px 5px 0px;
}
div#footer_1{
	float:left;
	
	margin-right:5px;
}
div#footer_2{
	float:left;
	left:50px;
	text-align:right;
}
div#footer_3{
	text-align:left;
	padding:0px 18px 0px 0px;
	width:500px;
}


div#menu{
	position:absolute;
	margin:auto;
	top:285px;
	width:866px;
	height:200px;
	z-index:2;
	/*border: #FF0000 solid 1px;*/
}

