/* ::::::::::::: 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;
            line-height: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:87px;
    border:1px solid #000;
    background-color:#fff;
    clear:both;}

    #peu-menu{
        background-color:#3173BF;
        color:#fff;
        padding:15px;}
        #peu-menu a {color:#fff;}
    
    #peu-copy{
        float:left;
        padding:20px 0 20px 5px;
        text-align:left;
        font-size:11px;
        width:797px;}
        #peu-copy a{color:#000;}
        
    #peu-iglu{
        float:right;
        padding:21px 0 0 0;
        text-align:right;
        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:left;
    min-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;}
.bg-opto37 {background-image: url(/productos/15/img/pix37.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;    color:#000; text-align:center; height:36px;}
.bg-opto38 {background-image: url(/productos/15/img/pix38.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;    color:#000; text-align:center; height:36px;}
.bg-opto39 {background-image: url(/productos/15/img/pix39.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;    color:#000; text-align:center; height:36px;}
.bg-opto40 {background-image: url(/productos/15/img/pix40.gif); border-bottom:1px solid #3072BF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px;    color:#000; text-align:center; height:36px;}        
        
/***********************************************************************************************/
/* Cookies */
/***********************************************************************************************/

.cookies-sec .button a { color:#fff !important; }
.cookies-sec .button input {border: 1px solid #fff; }

:root {
         --color-green: #04891a;
         --color-red: #eef0f2;
         --color-button: #fdffff;
         --color-black: #000;
     }
     .switch-button {
         display: inline-block;
     }
     .switch-button .switch-button__checkbox {
         display: none;
     }
     .switch-button .switch-button__label {
         background-color: var(--color-red);
         width: 4rem;
         height: 2rem;
         border-radius: 3rem;
         display: inline-block;
         position: relative;
     }
     .switch-button .switch-button__label:before {
         transition: .2s;
         display: block;
         position: absolute;
         width: 2rem;
         height: 2rem;
         background-color: var(--color-button);
         content: '';
         border-radius: 50%;
         box-shadow: inset 0px 0px 0px 1px var(--color-black);
     }
     .switch-button .switch-button__checkbox:checked + .switch-button__label {
         background-color: var(--color-green);
     }
     .switch-button .switch-button__checkbox:checked + .switch-button__label:before {
         transform: translateX(2rem);
     }
	 
	 .resum {
	  display: flex;
	  justify-content: center;
	  margin-top:40px;
	}
	.resum .button {margin:10px;}
	.resum .button a {padding:16px; background-color: var(--color-green); text-decoration:none; color:#fff;}
	.resum button {
		cursor: pointer;
		padding:10px;
		height:46px !important;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border: none;
		margin-top: -4px;
	}
	
	@media screen and (max-width: 768px) {
		.resum { display: grid; }
		.resum button { height:47px !important; margin-top: 30px; place-self: center;}
	}