﻿body {margin: 0px; font:11px Arial, Helvetica, sans-serif; text-align: center; color: #603; background-color: #FFF;}
table {font:11px Arial, Helvetica, sans-serif; text-align: left; color:#603;}
a {text-decoration: none; font-weight:bold; color: #603}
img {border:0px;}

div#contenidor {position:absolute; background-color:transparent; height:590px; left:50%; margin-left:-492.5px; top:50%; margin-top:-295px; min-height:590px; min-width:985px; position:absolute; text-align:center; width:985px; background:url("../../images/background.jpg") no-repeat top right; overflow:hidden; }
div#box_footer {position: absolute; margin-top:572px; height:18px; width:100%; left:0px; }
div#box_footer div#infolegal {position: absolute; padding: 0px; padding-top:3px; left: 0px; width: 50%; height: 18px; text-align: left;}
div#box_footer div#author {position: absolute; padding: 0px; padding-top:3px; right: 0px; width: 50%; height: 18px; font-size: 10px; text-align: right;}
div#counter { position:absolute; top:6px; left:480px;}
div#author img{ top: 3px; border:0px;}
div#botonera1 {position: absolute; left:555px; top:20px; width:200px; right:0px; height:180px; text-align:left; overflow-y:auto; }
div#botonera2 {
	position		: absolute; 
	left				:	0px; 
	top					:	130px; 
	width				:	144px; 
	height			:	180px; 
	text-align	:	right; 
}
div.menu, div.menu:hover, div.menuSelected {
	color				:	#603; 
	margin-top	:	5px; 
	cursor			: pointer;
	padding			: 2px 15px 0px 0px;
	height			: 13px;
}
div.menu:hover, div.menuSelected{
	font-weight	: bold;
}
div.menuSelected {
	color				:	#F00;
	background	: url(../../images/menuSelected.jpg) no-repeat top right;
}
div.categoria {color:#000; margin-top:5px; cursor: pointer; font-weight:bold; }
div.categoria:hover {color:#A726CA; margin-top:5px; cursor: pointer; font-weight:bold;}
div#languages {position:absolute; top:200px; right:0px; width:100px; height:25px; text-align:left;  display:none;}
div#formulari {position:absolute; margin-top:20px; margin-left:50px; width:880px; height:280px; top:0px; left:0px; }
div#maps {position:absolute; margin-top:20px; margin-left:50px; width:880px; height:280px; top:0px; left:0px; }
div#path {position:absolute; left:0px; top:220px; height:25px; text-align:left; display:none;}
div.path {position:relative; float:left; margin-right:10px; cursor:pointer; display:none;}
div.pagina { position:absolute; top:20px; left:20px; right:20px; bottom:20px; text-align:left; overflow-y: auto; }


img.lang {position:relative; float:left; color:#009; margin-top:5px; cursor: pointer; margin-left: 4px; margin-right: 4px; }
img.lang:hover, img.langSelected {position:relative; float:left; color:#009; margin-top:3px; cursor: pointer; font-weight:bold; margin-left: 2px; margin-right: 2px; border:2px solid #5280b2; }

div.central {position:absolute; top:100px; bottom:23px; left:150px; right:0px; padding: 30px;}

div.modulA {position:absolute; left:0px; top:70px; width:350px; height:250px; text-align:justify; padding-right:5px; overflow-y:auto; }
div.modulB {position:absolute; left:0px; top:40px; width:350px; height:25px; text-align:left; font-weight:bold; font-size:14px; }
div.modulC {position:absolute; left:760px; top:25px; width:200px; height:190px; text-align:justify; }
div.modulD {position:absolute; left:390px; top:0px; width:340px; height:218px; background: #5280b2 no-repeat center center; cursor:pointer; }
div.modulE {position:absolute; left:355px; top:240px; width:533px; padding-left:57px; height:80px; }
div.modulF {position:absolute; left:760px; top:0px; width:200px; height:20px; font-weight:bold; text-align:justify; }
div.modulG {position:absolute; left:413px; top:271px; width:24px; height:24px; cursor:pointer; }

div.miniIMG {position:relative; float:left; padding:9px 1px 9px 1px; margin-left:8px; width:95px; height:62px; overflow:hidden; }
div.miniIMG:hover, div.miniIMGselected {position:relative; float:left; padding:9px 1px 9px 1px; margin-left:8px; width:95px; height:62px; background-color: #5280b2; cursor:pointer; overflow:hidden; }




#links, #noticias {
	position	: absolute;
	top 			: 80px;
	left			: 52px;
	width			: 780px;
	height		: 360px;
	overflow-x: hidden;
	overflow-y: auto;
}
.link {
	position	: relative;
	float			: left;
	width			: 49%;
	margin		: 1px;
	cursor		: pointer;
}

.title {
	position	: absolute;
	top				: 20px;
	left			: 30px;
	width			: 300px;
	height		: 22px;
	background: url(../../images/circle.gif) no-repeat top left;
	text-align: left;
	padding		: 4px 0 0 30px;
	font-size	: 16px;
	font-weight:bold;
	
}
.noticia {
	clear 		: both;
	text-align:left;
	margin-bottom: 10px;
	background	: url(../../images/miniBall.jpg) no-repeat 0 2px;
	padding-left: 20px;
	width				: 700px;
}
.name {
	font-weight	: bold;
	color				: #603;
	
}

#photos {
	position	:	absolute;
	top				: 20px;
	margin-top: 20px;
}

#docsList {
	position	: absolute;
	top				: 40px;
	left			: 0px;
	width			: 400px;
	height		: 420px;
}

#docAmpli{
	position	: absolute;
	top				: 40px;
	left			: 450px;
	width			: 375px;
	height		: 416px;
	padding-top: 4px;
	background: #603 url(../../images/backDoc.jpg) no-repeat bottom right;
	cursor		: pointer;
}
.docItem, .docItem:hover, .docItemSelected{
	position	: relative;
	float			: left; 
	width			: 118px;
	height		: 191px;
	padding		: 4px 0 0 0;
	margin		: 5px;
	border		: 1px solid #999;
	color			: #603;
}
.docItemSelected, .docItem:hover {
	background: url(../../images/backDoc.jpg) no-repeat top left;
	color			: #FFF;
	cursor		: pointer;
}


/* AVIS LEGAL */
body#AVIS {margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333; text-align: center; background-color: #FFF;}
#avis_FinestraInfoLegal {padding: 10px; width: 350px;	 text-align: justify; font-size: 10px; }
div#avis_titol {text-decoration: underline; font-size: 14px; font-weight: bold; color: #444; padding-bottom:10px; text-align:center;}
div#avis_text {text-align: center;}
div#avis_avis {width:100%; left:5%; height:80px; color: #444; padding-left:10px; padding-right:10px; padding-top:2px; padding-bottom:2px; border:1px solid #444; margin-top:10px; margin-bottom:10px; overflow-y:auto;}
div#avis_botonera {width:100%; text-align:center;}
input.avis_ok {color:#FFF; font-weight:bold; background-color: #444; border:1px solid #444; width:120px;}
input.avis_ko {color:#444; font-weight:bold; background-color: #EEE; border:1px solid #444; width:120px;}

.innContactar {
	position	: absolute;
	width			: 626px;
	height		: 395px;
	left			: 120px;
	top				: 71px;
	background: url(../../images/contactar.jpg) no-repeat top right;
}
.label {
	position	: absolute;
	left			: 20px;
}
#lbl1 {
	top				: 20px;
}
#lbl2 {
	top				: 55px;
}
#lbl3 {
	top				: 90px;
}
#lbl4 {
	top				: 125px;
}
.field {
	position	: absolute;
	left			: 120px;
	top				: 50px;
	width			: 250px;
	text-align: left;
}
#fld1 {
	top				: 20px;
}
#fld2 {
	top				: 50px;
}
#fld3 {
	top				: 80px;
}
#fld4 {
	top				: 110px;
	height		: 187px;
}
textarea{
	width					: 245px;
	height				: 187px;
	border-top 		: 1px solid #603;
	border-right	: 1px solid #603;
	border-bottom	: 1px solid #603;
	border-left 	: 0px;
}

input.t, input.tError {
	width					: 98%; 
	height				: 20px; 
	border-top 		: 1px solid #603;
	border-right	: 1px solid #603;
	border-bottom	: 1px solid #603;
	border-left 	: 0px;
}
input.tError {
	background-color	: #FEE;
}

.btn {
	position	: absolute;
	top				: 320px;
}
#btn1 {
	left			: 200px;
}
#btn2 {
	left			: 290px;
}
.semiBotonera{
	position			:	absolute;
	left					:	50px;
	top						:	91px;
	width					:	120px;
	height				:	375px;
	border-right	:	1px solid #990066;
	text-align		:	left;
}
.semiBoto, .semiBotoSelected {
	padding-left	: 10px;
	height				: 15px;
	background		: url(../../images/semiboto.jpg) no-repeat top left;
	margin-bottom	: 3px;
	cursor				: pointer;
}
.semiBotoSelected {
	font-weight		: bold;
}
.semiContent {
	position		:	absolute;
	left				:	180px;
	top					:	91px;
	width				:	620px;
	height			:	375px;
	overflow-x	: hidden;
	overflow-y	: auto;
}
.campeon {
	position		: relative;
	float				: left;
	width				: 170px;
	height			: 150px;
	margin-right: 10px;
	
}
.descripcio {
	color				: #666;
	text-align	: left;
	padding-bottom: 50px;
}
.innTitle {
	font-weight	: bold;
	text-align	: left;
	margin-bottom: 10px;
}
.documents {
	text-align	: left;
	padding-bottom: 50px;
}
.documents a{
	font-weight	: normal;
}
.close {
	position	: absolute;
	top				: 10px;
	right			: 50px;
	width			: 20px;
	height		: 20px;
	background: url(../../images/close.jpg) no-repeat top left;
	cursor		: pointer;
}
#book {
	position	: absolute;
	top				: 0px;
	left			: 0px;
	width			: 983px;
	height		: 567px;
	border		: 1px solid black;
	background-color: white;
	display		: none;
	
}
#inBook {
	position	: absolute;
	top				: 0px;
	left			: 0px;
	width			: 983px;
	height		: 567px;
	overflow-x: hidden;
	overflow-y: auto;
}

#book img{
	background	: #FFF url(../../images/spinner.gif) no-repeat center 100px;
}
.doc {
	cursor			: pointer;
}
.newsImg {
	position 	 	: relative;
	float 			: left;
	width 		 	: 200px;
	height 			: 150px;
	border 			: 1px solid #AAA;
	background 	: #EEE;
	padding 		: 10px;
	margin 			: 5px;
	overflow 		: hidden;
}
#docAmpli img {
	cursor	:pointer;
}

#ctl_9 {
	background	: #FFF url(../../images/socios.jpg) no-repeat 20px 30px;
}

#frmSocios {
	position		: absolute;
	top					: 75px;
	left				: 40px;
	width				: 380px;
	height			: 280px;
}

#lb1, #lb2, #lb3, #lb4, #lb5, #lb6, #lb7, #lb8, #lb9, #lb10 {
	position		: absolute;
	left				: 10px;
	width				: 112px;
	height			: 20px;
	color				: #FFF;
	text-align	: left;
}
#lb1{
	top					: 0px;
}
#lb2{
	top					: 30px;
}
#lb3{
	top					: 60px;
}
#lb4{
	top					: 90px;
}
#lb5{
	top					: 90px;
	left				: 230px;
}
#lb6{
	top					: 120px;
}
#lb7{
	top					: 150px;
}
#lb8{
	top					: 150px;
	left				: 230px;
}
#lb9{
	top					: 180px;
}
#lb10 {
	top					: 210px;
}

#fr1, #fr2, #fr3, #fr4, #fr5, #fr6, #fr7, #fr8, #fr9, #fr10, #fr11, #fr12, #fr13 {
	position		: absolute;
	left				: 120px;
	width				: 250px;
	height			: 20px;
	border			: 1px solid #444;
}

#fr1{
	top					: -5px;
}
#fr2{
	top					: 25px;
}
#fr3{
	top					: 55px;
}
#fr4{
	top					: 85px;
	width				: 100px;
}
#fr5{
	top					: 85px;
	left				: 270px;
	width				: 100px;
}
#fr6{
	top					: 115px;
}
#fr7{
	top					: 145px;
	width				: 100px;
}
#fr8{
	top					: 145px;
	left				: 270px;
	width				: 100px;
}
#fr9{
	top					: 175px;
}
#fr10{
	top					: 225px;
	left				: 10px;
	width				: 50px;
}
#fr11{
	top					: 225px;
	left				: 70px;
	width				: 50px;
}
#fr12{
	top					: 225px;
	left				: 130px;
	width				: 30px;
}
#fr13 {
	top					: 225px;
	left				: 170px;
	width				: 200px;
}

#frmSocios input {
	width				: 100%;
	border			: 0px;
	height			: 20px;
}

#socios {
	position		: absolute;
	top					: 38px;
	left				: 520px;
	width				: 299px;
	height			: 114px;
}
#socios td{
	color				: white;
	padding			: 0 0 0 5px;
}
#dialog p{
	text-align	: left;
}

#bt1, #bt2 {
	position		: absolute;
	top					: 255px;
	width				:	95px;
	height			: 20px;
	cursor			: pointer;
}
#bt1{
	left				:	195px;
}
#bt2 {
	left				:	92px;
}
div#obligatoris {
	position 		: absolute;
	top 				: 300px;
	left 				: 130px;
	text-align 	: left;
}