
/* ::::::::::::: KOPA ELECTRÓNICA ::::::::::::: */
body{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	color:#000;
	line-height:17px;
	text-align:center;
	background-color:#EBF1F5;
	height:auto;
	height:100%;
	min-height:100%;}

#usuario{
	position:relative;
	margin:auto;
	width:984px;
	text-align:right;
	padding-right:25px;}
	
#container{
	position:relative;
	margin:auto;
	width:984px;
	border:1px solid #000;
	background-color:#fff;}
	
		#top{
			position:relative;
			width:984px;
			height:142px;
			background:url(/img/top.jpg) no-repeat;}
			
			#idiomes{
			  	position:relative;
				float:left;
			 	top:12px;
			  	left:20px;
			  	width:60px;
				height:18px;}
				
			#banner{
			  	position:relative;
				float:right;
			 	top:11px;
			  	right:18px;
			  	width:524px;
				height:92px;}
				#banner img{border:1px solid #3B80C8;}
				
			#menu{
				position:relative;
				width:947px;
				height:32px;
				left:19px;
				*left:2px;
				top:20px;
				clear:both;}
				#menu ul {list-style:none; width:947px;}
				#menu li {position:relative; float:left; left:-40px;}
				
				#menu #men02-esp a {display:block; background:url(/img/men02-esp.gif); width:106px; height:32px;}
				#menu #men02-esp a:hover {background:url(/img/men02-esp.gif) 0 -32px; width:106px; height:32px;}
				
				#menu #men03-esp a {display:block; background:url(/img/men03-esp.gif); width:116px; height:32px;}
				#menu #men03-esp a:hover {background:url(/img/men03-esp.gif) 0 -32px; width:116px; height:32px;}
				
				#menu #men04-esp a {display:block; background:url(/img/men04-esp.gif); width:106px; height:32px;}
				#menu #men04-esp a:hover {background:url(/img/men04-esp.gif) 0 -32px; width:106px; height:32px;}
				
				#menu #men05-esp a {display:block; background:url(/img/men05-esp.gif); width:116px; height:32px;}
				#menu #men05-esp a:hover {background:url(/img/men05-esp.gif) 0 -32px; width:116px; height:32px;}
				
				#menu #men06-esp a {display:block; background:url(/img/men06-esp.gif); width:151px; height:32px;}
				#menu #men06-esp a:hover {background:url(/img/men06-esp.gif) 0 -32px; width:151px; height:32px;}
				
				#menu #men07-esp a {display:block; background:url(/img/men07-esp.gif); width:102px; height:32px;}
				#menu #men07-esp a:hover {background:url(/img/men07-esp.gif) 0 -32px; width:102px; height:32px;}
				
				#menu #men09-esp a {display:block; background:url(/img/men09-esp.gif); width:132px; height:32px;}
				#menu #men09-esp a:hover {background:url(/img/men09-esp.gif) 0 -32px; width:132px; height:32px;}
				
				#menu #men10-esp a {display:block; background:url(/img/men10-esp.gif); width:118px; height:32px;}
				#menu #men10-esp a:hover {background:url(/img/men10-esp.gif) 0 -32px; width:118px; height:32px;}
				
				
				#menu #men02-eng a {display:block; background:url(/img/men02-eng.gif); width:163px; height:32px;}
				#menu #men02-eng a:hover {background:url(/img/men02-eng.gif) 0 -32px; width:163px; height:32px;}
				
				#menu #men03-eng a {display:block; background:url(/img/men03-eng.gif); width:111px; height:32px;}
				#menu #men03-eng a:hover {background:url(/img/men03-eng.gif) 0 -32px; width:111px; height:32px;}
				
				#menu #men04-eng a {display:block; background:url(/img/men04-eng.gif); width:104px; height:32px;}
				#menu #men04-eng a:hover {background:url(/img/men04-eng.gif) 0 -32px; width:104px; height:32px;}
				
				#menu #men05-eng a {display:block; background:url(/img/men05-eng.gif); width:76px; height:32px;}
				#menu #men05-eng a:hover {background:url(/img/men05-eng.gif) 0 -32px; width:76px; height:32px;}
				
				#menu #men06-eng a {display:block; background:url(/img/men06-eng.gif); width:137px; height:32px;}
				#menu #men06-eng a:hover {background:url(/img/men06-eng.gif) 0 -32px; width:137px; height:32px;}
				
				#menu #men07-eng a {display:block; background:url(/img/men07-eng.gif); width:82px; height:32px;}
				#menu #men07-eng a:hover {background:url(/img/men07-eng.gif) 0 -32px; width:82px; height:32px;}
				
				#menu #men09-eng a {display:block; background:url(/img/men09-eng.gif); width:149px; height:32px;}
				#menu #men09-eng a:hover {background:url(/img/men09-eng.gif) 0 -32px; width:149px; height:32px;}
				
				#menu #men10-eng a {display:block; background:url(/img/men10-eng.gif); width:125px; height:32px;}
				#menu #men10-eng a:hover {background:url(/img/men10-eng.gif) 0 -32px; width:125px; height:32px;}
				
			
		#home-kopa{
			position:relative;
			top:10px;
			width:947px;
			height:300px;
			left:19px;
			*left:2px;  /* IE 7 i anteriors */
			background:url(/img/kopa.jpg) no-repeat;
			text-align:justify;
			font-size:10px;}
			
			#home-kopa p{
				width:360px;
				margin:0;
				padding:10px;}
					
		#home-destacats{
			position:relative;
			top:20px;
			width:960px;
			height:200px;
			left:7px;
			*left:-3px; /* IE 7 i anteriors */
			padding-bottom:45px;}
			
			#home-destacats img{
				border:1px solid #3B80C8;
				margin: 0px 10px 0px 0px;}
				
			#home-destacats .dreta{
				border:1px solid #3B80C8;
				margin: 0px -10px 0px 0px;}
					
					
		#titol{
			position:relative;
			width:947px;
			left:19px;
			*left:2px; /* IE 7 i anteriors */
			color:#286DBD;
			font-size:30px;
			text-align:left;
			letter-spacing:-1px;
			font-weight:bold;
			padding:30px 0 7px 0;
			border-bottom:1px solid #286DBD;}
				
		#main{
			position:relative;
			width:947px;
			padding: 10px 19px 35px 19px;
			text-align:justify;
			overflow:hidden;}
			
			#columna1{width:240px; float:left;} 
			#columna1 ul{margin:0 0 0 16px; padding:0px; line-height:15px; list-style:none;} 
			#columna1 li{padding:0 5px 5px 15px; background-image:url(/img/icona_dreta.gif); background-repeat:no-repeat;}
			#columna1 li a{position:relative; top:-3px;}
			
			#columna2{width:220px; float:left;} 
			#columna2 ul{margin:0px; padding:0px; line-height:15px; list-style:none;} 
			#columna2 li{padding:0 5px 5px 15px; background-image:url(/img/icona_dreta.gif); background-repeat:no-repeat;}
			#columna2 li a{position:relative; top:-3px;}
			
			#columna3{width:250px; float:left;} 
			#columna3 ul{margin:0px; padding:0px; line-height:15px; list-style:none;} 
			#columna3 li{padding:0 5px 5px 15px; background-image:url(/img/icona_dreta.gif); background-repeat:no-repeat;}
			#columna3 li a{position:relative; top:-3px;}
			
			#columna4{width:220px; float:right;} 
			#columna4 ul{margin:0px; padding:0px; line-height:15px; list-style:none;} 
			#columna4 li{padding:0 5px 5px 15px; background-image:url(/img/icona_dreta.gif); background-repeat:no-repeat;}
			#columna4 li a{position:relative; top:-3px;}

#peu{
	position:relative;
	margin:15px auto;
	margin-top:5px;
	padding:15px 20px 15px 20px;
	width:944px;
	height:60px;
	border:1px solid #000;
	background-color:#fff;
	clear:both;}

	#peu-menu{
		background-color:#3173BF;
		color:#fff;
		padding:8px;}
		#peu-menu a {color:#fff;}
	
	#peu-copy{
		float:left;
		padding:10px 0 0 5px;
		text-align:left;
		font-size:11px;
		width:797px;}
		#peu-copy a{color:#000;}
		
	#peu-iglu{
		float:right;
		padding:11px 0 0 0;
		text-align:left;
		width:137px;}
			#peu-iglu a {color:#AEAEAE; font-size:10px; text-decoration:none;}
			#peu-iglu a:hover {color:#AEAEAE; font-size:10px;}
	
						
/* GENERAL */
				
.stroke {border:1px solid #3B80C8;}

a {color:#0A57CC; text-decoration:underline;}
a:hover {color:#000;	text-decoration:underline;}

.maj {
	color:#286DBD;
	font-size:25px;
	letter-spacing:-1px;
	font-weight:bold;
	line-height:30px;}

#opto-busca {
	position:relative;
	float:right;
	right:20px;
	*right:0px;
	width:451px;
	height:46px;
	top:5px;}
	
.opto-subtitol {
	background-color:#286DBD;
	color:#fff;
	font-size:25px;
	letter-spacing:-1px;
	font-weight:bold;
	padding:10px;}

.opto-top-taula {
	background-color:#E6E6E6;
	border:1px solid #3072BF;
	border-right:0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	color:#000;
	text-align:center;
	height:50px;}

.opto-main-taula1 {
	border-bottom:1px solid #3072BF;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	color:#000;
	text-align:left;
	padding-left:20px;}

.opto-main-taula2 {
	border-bottom:1px solid #3072BF;
	text-align:center;}
	
.grup-opto-titol {
	background-color:#2E6FBC;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	color:#fff;
	font-weight:bold; 
	text-align:center;
	height:25px;
	width:450px;
	padding:5px 15px 5px 15px;}
	
.bgblau {
	background-color:#3072BF;
	height:1px;}
	
.bg-opto0 {background-image:url(/productos/15/img/pix0.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;	color:#000;	text-align:center; height:36px;}
.bg-opto1 {background-image:url(/productos/15/img/pix1.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;	color:#000;	text-align:center; height:36px;}
.bg-opto2 {background-image: url(/productos/15/img/pix2.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px; color:#000; text-align:center; height:36px;}
.bg-opto3 {background-image: url(/productos/15/img/pix3.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px; color:#000; text-align:center; height:36px;}
.bg-opto4 {background-image: url(/productos/15/img/pix4.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px; color:#000; text-align:center; height:36px;}
.bg-opto5 {background-image: url(/productos/15/img/pix5.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px; color:#000; text-align:center; height:36px;}
.bg-opto6 {background-image: url(/productos/15/img/pix6.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px; color:#000; text-align:center; height:36px;}
.bg-opto7 {background-image: url(/productos/15/img/pix7.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px; color:#000; text-align:center; height:36px;}
.bg-opto8 {background-image: url(/productos/15/img/pix8.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px; color:#000; text-align:center; height:36px;}
.bg-opto9 {background-image: url(/productos/15/img/pix9.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px; color:#000; text-align:center; height:36px;}
.bg-opto10 {background-image: url(/productos/15/img/pix10.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;	color:#000;	text-align:center; height:36px;}
.bg-opto11 {background-image: url(/productos/15/img/pix11.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;	color:#000;	text-align:center; height:36px;}
.bg-opto12 {background-image: url(/productos/15/img/pix12.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;	color:#000;	text-align:center; height:36px;}
.bg-opto13 {background-image: url(/productos/15/img/pix13.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;	color:#000;	text-align:center; height:36px;}
.bg-opto14 {background-image: url(/productos/15/img/pix14.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;	color:#000;	text-align:center; height:36px;}
.bg-opto15 {background-image: url(/productos/15/img/pix15.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;	color:#000;	text-align:center; height:45px;}
.bg-opto16 {background-image: url(/productos/15/img/pix16.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;	color:#000;	text-align:center; height:45px;}
.bg-opto17 {background-image: url(/productos/15/img/pix17.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;	color:#000;	text-align:center; height:45px;}
.bg-opto18 {background-image: url(/productos/15/img/pix18.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;	color:#000;	text-align:center; height:45px;}
.bg-opto19 {background-image: url(/productos/15/img/pix19.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;	color:#000;	text-align:center; height:45px;}
.bg-opto20 {background-image: url(/productos/15/img/pix20.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;	color:#000;	text-align:center; height:45px;}
.bg-opto21 {background-image: url(/productos/15/img/pix21.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;	color:#000;	text-align:center; height:45px;}
.bg-opto22 {background-image: url(/productos/15/img/pix22.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;	color:#000;	text-align:center; height:45px;}
.bg-opto23 {background-image: url(/productos/15/img/pix23.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;	color:#000;	text-align:center; height:45px;}
.bg-opto24 {background-image: url(/productos/15/img/pix24.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;	color:#000;	text-align:center; height:60px;}
.bg-opto25 {background-image: url(/productos/15/img/pix25.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;	color:#000;	text-align:center; height:45px;}
.bg-opto26 {background-image: url(/productos/15/img/pix26.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;	color:#000;	text-align:center; height:45px;}
.bg-opto27 {background-image: url(/productos/15/img/pix27.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;	color:#000;	text-align:center; height:36px;}
.bg-opto28 {background-image: url(/productos/15/img/pix28.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;	color:#000;	text-align:center; height:36px;}
.bg-opto29 {background-image: url(/productos/15/img/pix29.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;	color:#000;	text-align:center; height:36px;}
.bg-opto30 {background-image: url(/productos/15/img/pix30.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;	color:#000;	text-align:center; height:36px;}
.bg-opto31 {background-image: url(/productos/15/img/pix31.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;	color:#000;	text-align:center; height:36px;}
.bg-opto32 {background-image: url(/productos/15/img/pix32.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;	color:#000;	text-align:center; height:36px;}
.bg-opto33 {background-image: url(/productos/15/img/pix33.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;	color:#000;	text-align:center; height:36px;}
.bg-opto34 {background-image: url(/productos/15/img/pix34.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;	color:#000;	text-align:center; height:36px;}
.bg-opto35 {background-image: url(/productos/15/img/pix35.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;	color:#000;	text-align:center; height:45px;}
.bg-opto36 {background-image: url(/productos/15/img/pix36.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;	color:#000;	text-align:center; height:36px;}
		
		

	


	
		