.cerrar_sesion { font-size:0.85em; margin-top:85px; float:right; text-align:right; }
.cerrar_sesion a { color:#333; font-weight:400; font-family:'Open Sans', sans-serif; }
.cerrar_sesion a:hover { color:#000;  }

.col_prefooter_esp3_moduloonline { border-top:1px solid #3A3A3A; border-bottom:1px solid #3A3A3A; padding:10px 0; }
.col_prefooter_esp3_moduloonline a { color:#FFF; }
.col_prefooter_esp3_moduloonline a:hover { color:#84B832; }

.col_software_inici { width:25%; float:left; margin-right:8%; display:block; }
.link_software_inici { color:#555; }
.link_software_inici:hover { color:#000; }

.actualitzacio { border-top:1px solid #CCC; display:block; padding:20px 30px 0 30px; }
.pfecha_actualitzacio { font-size:0.9em; font-style:italic; margin-bottom:0; }
.pdesc_actualitzacio { font-size:0.9em; }
.parchivo_actualitzacio { font-size:0.8em !important; font-style:italic; margin-bottom:0; padding-bottom:15px; }
.actualitzacio a { display:block; background:#009873; color:#FFF; border:0; padding:10px; text-transform:uppercase; font-size:0.9em; width:25%; text-align:center;}
.actualitzacio a:hover { background:#207f6f; }
.p_linkboto { padding-bottom:20px; margin-bottom:0; }
.actualitzacio_descarregada { background-color:#E9E9E9 !important; }
h3.titol_actualitzacio { font-weight:400; }

select { background-color:#FCFDFB; border:1px solid #CCC; height:34px; font-family: 'Open Sans', sans-serif; color:#333; display:block; width:98%; font-size:0.9em; font-weight:400;}
.fila_soporte { margin-bottom:25px; }


.maincontentcontainer_foto_estatica_moduloonline { clear:both; width:100%; background-color:#009873; height:200px; }
.maincontentcontainer_foto_estatica_moduloonline:after { content:""; display:block; clear:both; }

.contingut_foto_estatica_moduloonline { display:block; clear: both; width: 90%; font-size: 1em; max-width: 1200px; margin: 0 auto; padding:0; position: relative; padding:80px 0 50px 0;}
.left_capcalera_moduloonline { float:left; }
.right_capcalera_moduloonline { float:left; margin-left:20px; font-size:2.3em; color:#FFF; font-weight:300; width:300px; line-height:110%; padding-top:20px;}

button.accordion { background-color: #009873; border:1px solid #009873; color: #FFF; cursor: default; padding: 18px 20px; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; margin-top:5px; font-size:1.1em; font-weight:400; }
button.accordion.active, button.accordion:hover { }
div.panel { background-color: #FFF; padding: 0; max-height: 0; overflow: hidden; transition: 0.4s ease-in-out; opacity: 0; border:1px solid #009873; }
div.panel.show { opacity: 1; max-height: 1500px; /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */ }
.titol_panel { color: #666; padding: 0 20px; font-size:1.1em; font-weight:400; margin:15px 0 5px 0; line-height:110%; }


ul.ul_moduloonline { margin:0px 0 0px 0; padding:0; }
ul.ul_moduloonline li { font-size:0.9em; font-weight:700; color:#333; margin:0; padding:0; }
ul.ul_moduloonline li a { padding:18px 20px; display:block; color:#333;}
ul.ul_moduloonline li a:hover, ul.ul_moduloonline li a.active { background-color:#91D8BD;}
.modul_vist { background:url('../img/modul_vist.png'); display:inline-block; width:11px; height:12px; margin-right:5px; }
.modul_no_vist { background:url('../img/modul_no_vist.png'); display:inline-block; width:11px; height:12px; margin-right:5px; }

.col_autenticacio { width:30%; margin:15px 35%; }
.enviar-form-autenticacio {  background-color:#009873; color:#FFF; font-family: 'Open Sans', sans-serif; font-weight:400; border:0; display:block; padding:10px 30px; text-transform:uppercase; font-size:0.9em; margin:0 auto; }
.enviar-form-autenticacio:hover { background-color:#207f6f; }

.h1_menys_marge { margin-bottom:3px; }
.h2_menys_marge { margin-bottom:2px; }
.p_menys_marge { margin-bottom:5px; }
ul.ul_documentacion_adicional { margin: 0 0 25px 0; list-style:none; }
ul.ul_documentacion_adicional li { margin-bottom:5px; line-height:130%; margin-left:35px; }
.fa_granate { color:#A2162C; }
.link_documentacion_modulo_online { color:#333; }
.link_documentacion_modulo_online:hover { color:#999; }

.link_descargar_presentacion { font-size:0.8em; font-weight:700; background:#9F132C; color:#FFF; border:1px solid #9F132C; padding:15px 20px; text-decoration:none; transition: all 400ms ease-in; -webkit-transition: all 400ms ease-in; -o-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; }
.link_descargar_presentacion:hover { background-color:#FFF; color:#9F132C; border:1px solid #9F132C; text-decoration:none; transition: all 400ms ease-in; -webkit-transition: all 400ms ease-in; -o-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in;}

.capa_marcar_video { background: url("../img/bg-boto-vist.png") top; min-height:103px; padding-top:20px; margin-top:20px;
        -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; 
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.link_marcar_video { font-size:0.8em; font-weight:700; background:none; color:#9F132C; border:1px solid #9F132C; padding:10px 15px; text-decoration:none; transition: all 400ms ease-in; -webkit-transition: all 400ms ease-in; -o-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; }
.link_marcar_video:hover { background-color:#9F132C; color:#FFF; border:1px solid #9F132C; text-decoration:none; transition: all 400ms ease-in; -webkit-transition: all 400ms ease-in; -o-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in;}

.seccion_vista_ok { color:#41A12A; }
.seccion_vista_ko { color:#CC0000; }

.embed-container-video { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: hidden;  } 
.embed-container-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*----------------*/


@media only screen and (max-width: 1330px) {
}

@media only screen and (max-width: 1300px) {
}

@media only screen and (max-width: 1220px) {
}

@media only screen and (max-width: 1140px) {
    .actualitzacio a { width:30%; }

}

@media only screen and (max-width: 1100px) {
    
}

@media only screen and (max-width: 1060px) {
    .actualitzacio a { width:35%; }
}

@media only screen and (max-width: 1023px) {
    .maincontentcontainer_foto_estatica_moduloonline { height:250px; }
    
    /*#header-right { clear:both; width:100%; float:right; text-align:right; height:0; display:block; padding:10px 0 25px 0; }*/
    /*.cerrar_sesion { margin-top:0px; }*/
    
    .contingut_foto_estatica_moduloonline { padding:30px 0 20px 0;}
    .left_capcalera_moduloonline { float:left; }
    .right_capcalera_moduloonline { float:left; font-size:2em; padding-top:25px; }
    
    .col_autenticacio { width:40%; margin:15px 30%; }
    
    

}

@media only screen and (max-width: 920px) {

    .actualitzacio a { width:40%; }
}

@media only screen and (max-width: 820px) {
    .col_autenticacio { width:46%; margin:15px 27%; }
    
    .actualitzacio a { width:50%; }
}

@media only screen and (max-width: 850px) and (min-width: 601px) {
    button.accordion { text-align:center; }
    button.accordion:after { display:block; clear:both; float:none; width:12px; text-align:center; margin:0 auto; margin-top:10px; }
    button.accordion:hover:after { background-color:#888; }
    button.accordion.active:after { color: #FFF; content: '-'; width:12px; padding:0px 6px 2px 7px;}
    
    button.accordion_open:after { content: '-';  width:12px; padding:0px 6px 2px 7px;}
    button.accordion_open.active:after { content: '+'; width:12px; text-align:center; margin:0 auto; margin-top:10px;  }
}

@media only screen and (max-width: 768px) {
    .maincontentcontainer_foto_estatica_moduloonline { height:200px; }
    
    .contingut_foto_estatica_moduloonline { padding:25px 0 10px 0;}
    .right_capcalera_moduloonline { float:left; font-size:1.8em; padding-top:20px; margin-left:20px; width:220px; }
    .left_capcalera_moduloonline img { width:100%; height:100%; }
    .left_capcalera_moduloonline { width:140px; }
    
    .col_autenticacio { width:50%; margin:15px 25%; }
    
    .actualitzacio a { width:55%; }
    
}

@media only screen and (max-width: 710px) {

}

@media only screen and (max-width: 630px) {
    .col_autenticacio { width:60%; margin:15px 20%; }
    
    .actualitzacio a { width:60%; }

}

@media only screen and (max-width: 600px) {
    .contingut_modulo_online { margin-top:30px; }
    
    button.accordion.active:after { padding:0px 8px 2px 8px; }
    
    button.accordion_open:after { content: '-';  padding:0px 8px 2px 8px; }
    button.accordion_open.active:after { content: '+';  padding:0px 6px 2px 7px;  }


}

@media only screen and (max-width: 510px) {
    .col_autenticacio { width:70%; margin:15px 15%; }

}

@media only screen and (max-width: 480px) {
    .contingut_foto_estatica_moduloonline { padding:25px 0 10px 0;}
    .right_capcalera_moduloonline { float:left; font-size:1.6em; padding-top:20px; margin-left:20px; width:180px; }
    .left_capcalera_moduloonline img { width:100%; height:100%; }
    .left_capcalera_moduloonline { width:130px; }
    
    .col_autenticacio { width:80%; margin:15px 10%; }
    
    .actualitzacio a { width:65%; }
    
}

@media only screen and (max-width: 384px) {
    .maincontentcontainer_foto_estatica_moduloonline { height:210px; }
    .contingut_foto_estatica_moduloonline { padding:15px 0 15px 0;}
    .left_capcalera_moduloonline img { width:100px; height:100px;  }
    .left_capcalera_moduloonline { float:left; width:100%;  }
    .right_capcalera_moduloonline { clear:both; float:left; width:100%; font-size:1.4em; padding-top:10px; margin-left:0; width:240px; }

    .col_autenticacio { width:90%; margin:15px 5%; }
    
    .actualitzacio a { width:70%; }

}