*{padding:0;margin:0;}
:focus { outline: none; }
@font-face { font-family: montse_bold; src: url(../fonts/montse_bold.ttf);}
@font-face { font-family: montse_regular; src: url(../fonts/montse_regular.ttf);}
body{font-family: 'montse_regular', Arial; background: url(../imgs/bg.jpg) center bottom no-repeat; background-size: cover; background-attachment: fixed;}
body.bg_esp{background: url(../imgs/back.jpg) center top no-repeat; background-size: cover;}
p{font-family: 'montse_regular', Arial;}
a{text-decoration: none;}
a[href^=tel] { color: inherit; text-decoration: none; }
h1{color: #fff; text-align: center; margin: 50px;}
h2{color:#fff;font-family: montse_regular; font-size: 18px; margin: 10px; text-align:center;}

/* PRELOADER */
#preloader { position: fixed; left: 0; top: 0; z-index: 2000; width: 100%; height: 100%; overflow: visible; background: #fff url('../imgs/loading.gif') no-repeat center center; }

/* ELEMENTOS FIJOS*/
#titulo_plataforma{width:100%; height:70px; background: url(../imgs/titulo.png) no-repeat center center; position:absolute; top:0; z-index:1; }
#tri_sup{width:120px; height:90px; background: url(../imgs/triangulo_up.png) no-repeat center center; position:fixed; top:0; left:0; z-index:2;}
#pleca_inf{width: 100%; height:20px; background-color:#0F3D4B; position:fixed; bottom:0; z-index:9;}
#btn_menu{width:90px; height:68px; background: url(../imgs/triangulo_menu.png) no-repeat center center; position:fixed; bottom:0; right:0; z-index:10;}
#ico_menu_open{ width:45px; height:45px; background:url(../imgs/ico_menu.svg); position:absolute; bottom:0; right:0; cursor:pointer; }
#ico_menu_close{ width:45px; height:45px; background:url(../imgs/ico_close.svg); position:absolute; bottom:0; right:0; display:none; cursor:pointer;}
#cerrar{height:20px; width:120px; font-size:11px; line-height:20px; background-color:#000; color:#fff; cursor:pointer; position:fixed; bottom:0; left:0; z-index:11}
#ico_out{width:15px; height:15px; background:url(../imgs/ico_cerrar.svg) center center no-repeat; display:inline-block; vertical-align: middle; margin-right: 5px;}
#cerrar:hover{background-color:#555;}

/* PESTAÑA DOCUMENTOS */
#documentos{width: 300px; height:210px; position:fixed; top:30%; z-index:12; overflow:hidden;}
#btn_show_doc{width: 130px;height:130px; border-radius:0  50% 50% 0; background-color:#000; box-shadow: 0px 0px 15px 2px rgba(0,0,0,.5); position:absolute; left:-10px; margin-top:30px; display:block; cursor:pointer; z-index:1}
#ico_download_doc{width:100px; height:70px; background:url(../imgs/download_doc.svg)no-repeat; background-size:contain; position:absolute; right:10px; top:25px;}
#los_documentos{width:auto; height:auto; background-color:#ADAEAE; position:absolute; top:30px; left: -290px;}
.modulo_documentos{width:260px; height:30px; background-color:#404041; margin:2px; cursor:pointer;}
.modulo_documentos:hover{background-color:#0F3D4B}
.doc_txt{font-size:11px; color:#fff; line-height: 30px; margin-left:20px;}
#ico_pdf{width:20px; height:20px; display:inline-block; vertical-align:middle; background:url(../imgs/ico_pdf.svg); margin-right:8px;}
#ico_excel{width:20px; height:20px; display:inline-block; vertical-align:middle; background:url(../imgs/ico_excel.svg); margin-right:8px;}
#ico_carpeta{width:20px; height:20px; display:inline-block; vertical-align:middle; background:url(../imgs/ico_carpeta.svg); margin-right:8px;}
#ico_anexos{width:20px; height:20px; display:inline-block; vertical-align:middle; background:url(../imgs/ico_anexos.svg); margin-right:8px;}
#cerrar_pestana{width:20px; height:20px; background-color:#333; position:absolute; top:-10; right:-10; background-image:url(../imgs/ico_close_sm.svg); background-size: 70%; background-position: center center; background-repeat:no-repeat; border-radius:50%; border: 2px solid #eee; cursor:pointer;}
#cerrar_pestana:hover{background-color:#000;}

/*LOGIN*/
#wrapper_login{width:320px; height:400px; margin: auto; margin-top: 150px; border: 1px solid #fff; background-color: rgba(256,256,256,.3);}
#header_login{width:100%; height:45px; background-color:#0F3D4B; font-size: 20px; color:#fff; text-align:center; line-height: 45px;} 
#ico_login{width:45px; height:45px; background:url(../imgs/ico_key.svg) center center no-repeat; margin:auto; padding: 20px;}
form{width:87%; margin: auto;}
.label{width:100%; height:40px; border-radius:5px; margin-top:5px;  margin-bottom:30px; background-color:rgba(0,0,0,.1); font-family: montse_regular, 'arial'; font-size:12px; padding-left:10px; padding:right:10px;}
#plequita_form{width:100%; height:1px; background-color:#fff; margin-bottom:25px;}
.btn_acceder{width:100%; height:40px; border:0; border-radius:5px; background-color: #000; font-size: 12px; font-family: montse_bold, 'arial'; color:#fff; transition: .3s all;}
.btn_acceder:hover{background-color:#444; box-shadow: 0px 0px 7px rgba(256,256,256,.5);}

#btn_login_B{width:100%; height:40px; background-color:#000; color:#fff; border-radius: 4px; line-height: 40px; font-size:12px; letter-spacing:1px; text-align:center;}
#btn_login_B:hover{background-color:#555;}


/* MENU */
#menu{width:265px; height:0%; border-left: 1px solid #fff; background-color: rgba(256,256,256,.8); position:fixed; top:100%; right:0; opacity:0; z-index:8;}
.modulo_btn_menu{width:100%; height:20%; border-bottom: 1px solid #fff; background-color: rgba(256,256,256,.5); font-size:0;}
.modulo_menu_ico{width:100%;height:30px; position:relative; padding-top:30px; margin-bottom: 40px;}
.modulo_menu_txt{height:auto; margin-top: 0px; font-size:15px; color:#58585B; text-transform: uppercase; text-align: center;}

#menu_ico01{background:url(../imgs/icos_menu/ico_men01a.svg);}
#menu_ico02{background:url(../imgs/icos_menu/ico_men02a.svg);}
#menu_ico03{background:url(../imgs/icos_menu/ico_men04a.svg);}
#menu_ico04{background:url(../imgs/icos_menu/ico_men03a.svg);}
#menu_ico05{background:url(../imgs/icos_menu/ico_men05a.svg);}
#menu_ico06{background:url(../imgs/icos_menu/ico_men06a.svg);}
#menu_ico07{background:url(../imgs/icos_menu/ico_men07a.svg);}
#menu_ico08{background:url(../imgs/icos_menu/ico_men08a.svg);}
#menu_ico09{background:url(../imgs/icos_menu/ico_men09a.svg);}
#menu_ico10{background:url(../imgs/icos_menu/ico_men10a.svg);}
#menu_ico11{background:url(../imgs/icos_menu/ico_men11a.svg);}

#menu_ico01b{background:url(../imgs/icos_menu/ico_men01b.svg); display: none;}
#menu_ico02b{background:url(../imgs/icos_menu/ico_men02b.svg); display: none;}
#menu_ico03b{background:url(../imgs/icos_menu/ico_men04b.svg); display: none;}
#menu_ico04b{background:url(../imgs/icos_menu/ico_men03b.svg); display: none;}
#menu_ico05b{background:url(../imgs/icos_menu/ico_men05b.svg); display: none;}
#menu_ico06b{background:url(../imgs/icos_menu/ico_men06b.svg); display: none;}
#menu_ico07b{background:url(../imgs/icos_menu/ico_men07b.svg); display: none;}
#menu_ico08b{background:url(../imgs/icos_menu/ico_men08b.svg); display: none;}
#menu_ico09b{background:url(../imgs/icos_menu/ico_men09b.svg); display: none;}
#menu_ico10b{background:url(../imgs/icos_menu/ico_men10b.svg); display: none;}
#menu_ico11b{background:url(../imgs/icos_menu/ico_men11b.svg); display: none;}

#menu_ico01, #menu_ico02, #menu_ico03, #menu_ico04, #menu_ico05, #menu_ico06, #menu_ico07, #menu_ico08, #menu_ico09, #menu_ico10, #menu_ico11, #menu_ico01b, #menu_ico02b, #menu_ico03b, #menu_ico04b, #menu_ico05b, #menu_ico06b, #menu_ico07b, #menu_ico08b, #menu_ico09b, #menu_ico10b, #menu_ico11b{width: 100%; height: 100%; background-position: center center; background-repeat:no-repeat; position: absolute; background-size:contain;}

#btnmenu01, #btnmenu02, #btnmenu03, #btnmenu04, #btnmenu05, #btnmenu06, #btnmenu07, #btnmenu08, #btnmenu09, #btnmenu10, #btnmenu11{cursor: pointer;}

/* WRAPPER CONTENIDO Y VIDEO */
.wrapper_content{max-width:700px; height:auto; margin: auto; margin-top: 100px; border: 1px solid #fff; background-color: rgba(256,256,256,.3);position:relative; margin-bottom: 30px; padding-bottom:30px;}
.wrapper_video{width:93%; margin:auto; margin-bottom:5px;}
video{width: 100%;}

/* DESCARGA PPT */
.modulo_descarga{width:93%; height:35px; margin:auto; background:#808284; position:relative;}
.btn_descarga{width:150px; height:35px; background-color:#0F3D4B; font-size:12px; color:#fff; text-align:center; line-height:34px; cursor:pointer; position:absolute; right:0; }
.ico_descarga_ppt{width:20px; height:20px; background:url(../imgs/download.svg); position:absolute; right:8; top:8;}
.btn_descarga:hover{background-color:#005255;}

/* CONTENIDO DESTACABLE */
.contenido{width:93%; height:auto; margin:auto; font-size:0; margin-top:30px;}
.modulo_contenido{width:32%; height:auto; display:inline-block; background-color:#00232F; vertical-align:top;}
.marginR2p{margin-right:2%;}
.modulo_cont_ico{width:100%; height:140px; background-color:#005255;}
.modulo_cont_text{width: 90%; margin-left:5%; padding-top: 5%; height:100px; color:#fff; font-size:10px; text-align: justify;}

#ico_cont01, #ico_cont02, #ico_cont03, #ico_cont04, #ico_cont05, #ico_cont06, #ico_cont07, #ico_cont08, #ico_cont09, #ico_cont10, #ico_cont11, #ico_cont12, #ico_cont13, #ico_cont14, #ico_cont15{background-repeat: no-repeat; background-position:center center;}

#ico_cont01{background-image:url(../imgs/contenidos/ico_cont01.svg);}
#ico_cont02{background-image:url(../imgs/contenidos/ico_cont02.svg);}
#ico_cont03{background-image:url(../imgs/contenidos/ico_cont03.svg);}
#ico_cont04{background-image:url(../imgs/contenidos/ico_cont04.svg);}
#ico_cont05{background-image:url(../imgs/contenidos/ico_cont05.svg);}
#ico_cont06{background-image:url(../imgs/contenidos/ico_cont06.svg);}
#ico_cont07{background-image:url(../imgs/contenidos/ico_cont07.svg);}
#ico_cont08{background-image:url(../imgs/contenidos/ico_cont08.svg);}
#ico_cont09{background-image:url(../imgs/contenidos/ico_cont09.svg);}
#ico_cont10{background-image:url(../imgs/contenidos/ico_cont10.svg);}
#ico_cont11{background-image:url(../imgs/contenidos/ico_cont11.svg);}
#ico_cont12{background-image:url(../imgs/contenidos/ico_cont12.svg);}
#ico_cont13{background-image:url(../imgs/contenidos/ico_cont13.svg);}
#ico_cont14{background-image:url(../imgs/contenidos/ico_cont14.svg);}
#ico_cont15{background-image:url(../imgs/contenidos/ico_cont15.svg);}

/*BOTONES SIGUIENTE*/
.wrapper_nexts{width:700px; height:40px; margin:auto; font-size:0; margin-bottom: 50px;}
.anterior, .siguiente{font-size:12px; display:inline-block; width: 350px;}
.btn_anterior, .btn_siguiente{width: 200px; height: 40px; background-color:#555; border-radius:5px;margin:auto; text-align:center; line-height: 40px; color:#fff; cursor:pointer; position:relative;}
.btn_siguiente{background-color:#00242e;}
.btn_siguiente:hover{background-color:#005254;box-shadow: 0px 0px 20px 0px rgba(256,256,256,.8);}
.btn_anterior:hover{background-color:#005255;box-shadow: 0px 0px 20px 0px rgba(256,256,256,.8);}
.arrow_left{width:28px; height:28px; background-image:url(../imgs/ico_arrow.svg); transform:rotate(180deg); position:absolute; left:5px; top:6px;}
.arrow_right{width:28px; height:28px; background-image:url(../imgs/ico_arrow.svg); position:absolute; right:5px; top:6px;}
.escondidito{opacity:0;}

/*CONTACTO*/
.content_contacto{width:auto; padding-top:30px;}
.content_contacto img{width:100%;}
.padding-top{ padding-top:30px;}


@media only screen and (max-width:700px) {
    /* WRAPPER CONTENIDO Y VIDEO */
    .wrapper_content{ width:94%;}
    
    /*BOTONES SIGUIENTE*/
    .wrapper_nexts{width:94%; margin-bottom: 90px; text-align:center;}
    .anterior, .siguiente{font-size:12px; display:inline-block; width:auto; margin:0 10px;}
    .btn_anterior, .btn_siguiente{width:140px; height:40px; border-radius:5px;margin:auto; text-align:center;}        
    
    /* CONTENIDO DESTACABLE */
    .modulo_contenido{width:32%; height:auto; display:inline-block; background-color:#00232F; vertical-align:top;}
    .modulo_cont_ico{width:100%; height:140px; background-color:#005255;}
    .modulo_cont_text{padding-bottom:15px; height:auto; text-align: left;}
    
  
    
/* PESTAÑA DOCUMENTOS */
#documentos{width:300px; height:210px; position:fixed; top:30%; z-index:12; overflow:hidden;}
    
#btn_show_doc{width:55px;height:55px; position:absolute; left:-10px; margin-top:30px;}

#ico_download_doc{width:25px; height:25px; background:url(../imgs/download_doc_resp.svg)no-repeat; background-size:contain; position:absolute; right:10px; top:15px;}
    
    
}