@font-face{ font-family: "TitlWeb-regular"; src: url('fonts/TitlWeb-regular.ttf') format('truetype'), url('fonts/TitlWeb-regular.woff') format('woff');}
@font-face{ font-family: "TitlWeb-semibold"; src: url('fonts/TitlWeb-semibold.ttf') format('truetype'), url('fonts/TitlWeb-semibold.woff') format('woff');}
@font-face{ font-family: "ArNarr-regular"; src: url('fonts/ArNarr-regular.ttf') format('truetype');}
/* MENSAJE OLD BROWSER IE 9 >.................................................................................................................... */
#Mensajes { position:relative; width: 100%; height:100%; text-align:center; background-color:#ccc; font-family:Arial, Helvetica, sans-serif !important;}
#CuerpoMensaje { position:absolute; top:50%; left:50%; width:600px; padding:20px 0; margin:-100px 0 0 -300px; background-color:#fff;}
#CuerpoMensaje p#AlertaPrincipal { font-style:italic; font-weight:normal; color: #666; font-size:20px; display:block; margin-bottom:15px; text-align:center;}
#CuerpoMensaje div { width:100%; border-top:1px solid #ccc; text-align:left;}
#CuerpoMensaje div p { width:100%; font-size:11px; color:#666; display:block; text-align:center; margin:10px 0;}
#CuerpoMensaje ul { list-style:none; width:260px; text-align:center; margin:10px 0 0 180px; }
#CuerpoMensaje ul li { float:left;}
#CuerpoMensaje ul li a { width:60px; margin:0 10px; display:block; text-decoration:none; font-size:12px; color:#666;}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* GLOBAL////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ORIENTACION HORIZONTAL////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen {
/* RESET PAGE */
html, body,
div, span,
h1, h2, h3, h4, h5, h6, p,
a, em, font, img, strong,
dl, dt, dd, ol, ul, li,
form, label, fieldset, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
header, main, footer,
article, aside, canvas, embed,
picture, figure, figcaption, hgroup,
menu, nav, output, ruby, section, details, summary,
address, blockquote, cite,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:none;
box-sizing: border-box;}
h1, h2, h3, h4, h5, h6 { font-weight:normal;}
input, textarea, select, button { margin:0; padding:0; outline:0; border:0;
box-sizing: border-box;}
input[type="text"],input[type="date"],.custom-select,input[type="password"], input[type="email"], input[type="tel"], input[type="checkbox"], input[type="submit"], select, textarea, button {-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; }
/*HTML 5*/
header, main, footer,
article, aside, canvas, embed,
picture, figure, figcaption, hgroup,
menu, nav, output, ruby, section, details, summary,
address, blockquote, cite,
time, mark, audio, video {display: block;}
a { text-decoration:none !important; }
a, figure, img { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/*LOADER*/
#Loader { -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out; transition: opacity 0.3s ease-out, visibility 0.3s ease-out; }
#Loader.off { opacity:0; visibility:hidden; }
/* 1 - SETEOS GLOBALES.................................................................................................................... */
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
html, body { height:100%;}
html { font-size:18px /*1rem = 18px*/ }
body {
margin:0 auto;
text-align:center;
font-family: "TitlWeb-regular", "ArNarr-regular", Arial, Helvetica, sans-serif;
background-color: #00254E;
}
.SafeZone { width:100%; height:100%; margin:0 auto; font-size:0;}
.Viewport { position:relative; width:100%; max-width:1600px; height:100%; margin:0 auto;}
h1, h2, strong {font-family: "TitlWeb-semibold", "ArNarr-regular", Arial, Helvetica, sans-serif; font-weight: normal;}
.azul {font:normal 0.9rem "TitlWeb-semibold", "ArNarr-regular", Arial, Helvetica, sans-serif; border-radius: 5px !important; padding:10px 20px; color: #fff; background-color: #005AAD;
-webkit-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out; }
.azul::before { content: "›"; font-size: 20px; line-height: 0 !important; color: #fff; margin-right: 5px; }
/*Desktop*/
.Desktop .azul:hover { background-color:#000;}
/*.......*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*HEADER...................................................................................................................................*/
header.General { position:fixed; z-index:9000; top:0; left:0; width:100%; text-align:left; background-color:#F1F3F6;}
#BarraTop {}
#ContentBarraTop { display: flex; flex-wrap: wrap; width: 100%;}
#Logo { display: flex; flex: 0 0 450px; align-items:center;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: flex 0.7s cubic-bezier(0.19, 1, 0.22, 1);
transition: 0.7s cubic-bezier(0.19, 1, 0.22, 1);}
#Logo a { display: block; width: 100%;}
#Logo img { max-width: 100%; display: block;}
#AccesosSistema { flex: 1 1 auto; text-align: right; padding-top: 10px; padding-right: 20px;}
#Login { display: inline-block; background-color: #00234F; border: 1px solid #0054A5; border-radius: 5px; text-align: right; padding:10px; }
#FormLogin {}
#FormLogin fieldset { display: inline-block; vertical-align: middle; }
#FormLogin label {font: normal 0.8rem "TitlWeb-semibold", "ArNarr-regular", Arial, Helvetica, sans-serif; color: #fff;}
#FormLogin input[type="text"],#FormLogin input[type="date"],
#FormLogin input[type="password"] { height:23px; padding:0 10px; border-radius: 3px; margin: 0 5px; color: #999; border:1px solid transparent;}
#FormLogin input[type="submit"], #FormLogin input[type="button"] { display: inline-block; vertical-align: middle; background-color:#005AAD; border:none; padding:3px 10px; cursor:pointer; font: normal 0.9rem "TitlWeb-semibold", "ArNarr-regular", Arial, Helvetica, sans-serif; color:#ffffff; text-align:center; border-radius: 5px;
-webkit-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;}
/*focus*/
#FormLogin input[type="text"]:focus, #FormLogin input[type="date"]:focus,
#FormLogin input[type="password"]:focus { border-color:#0485FF;}
/*Desktop*/
.Desktop #FormLogin input[type="text"]:hover, .Desktop #FormLogin input[type="date"]:hover,
.Desktop #FormLogin input[type="password"]:hover { border-color:#0056A7; }
.Desktop #FormLogin input[type="submit"]:hover, .Desktop #FormLogin input[type="button"]:hover { background-color: #000;}
/*.......*/
#ContactoRapido { display: block; margin: 15px 0; }
#ContactoRapido p,
#ContactoRapido a { display: inline-block; vertical-align: middle; color: #003D7F; }
#ContactoRapido p { font-size: 1rem; padding-right: 10px; border-right: 1px solid #003D7F; }
#ContactoRapido a { font-size: 0.9rem; padding-left: 10px; }
p.Phone { padding-left: 20px; background: url(imagenes/icono-phone.jpg) no-repeat 0 50%; background-size:15px auto; }
/*Desktop*/
.Desktop #ContactoRapido a:hover { color: #000; }
/*.......*/
#WidgetCotizaciones { position: relative; overflow: hidden; flex: 0 0 280px; max-height: 176px; background-color: #fff;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transition: flex 0.7s cubic-bezier(0.19, 1, 0.22, 1), max-height 0.7s cubic-bezier(0.19, 1, 0.22, 1);
transition: flex 0.7s cubic-bezier(0.19, 1, 0.22, 1), max-height 0.7s cubic-bezier(0.19, 1, 0.22, 1); }
/*mobile*/
a#BtnCotizaciones { display: none; }
/*......*/
#ModalCotizaciones { width: 100%; height: 176px; padding: 15px;}
#ContentWidgetCotizaciones { }
table, tr, th, td { border-collapse: collapse; vertical-align: middle;}
.cotizaciones { width: 100%;}
.cotizaciones thead th { text-align: left; padding-bottom: 5px; border-bottom: 1px solid #BABBBF;}
.cotizaciones thead p { font-weight: normal; font-size: 0.7rem; color: #00224E;}
.cotizaciones thead strong { display: block; font-size: 0.9rem;}
.cotizaciones tbody td { padding: 5px; font-size: 0.8rem; text-align: right; color: #00244D;}
.cotizaciones tbody tr:nth-child(even) td { background-color: #DBDCDF;}
.cotizaciones tbody tr:nth-child(odd) td { background-color: #EEEFF3;}
.cotizaciones tbody tr#HeadCotizaciones td { font:bold 0.8rem "TitlWeb-semibold", "ArNarr-regular", Arial, Helvetica, sans-serif !important; background-color: #fff !important; }
.cotizaciones tbody tr:last-child td { background-color: #fff !important; text-align: center;}
.cotizaciones tbody a { font-size: 13px !important; color: #444444;}
td.mytable { font-family:"TitlWeb-semibold", "ArNarr-regular", Arial, Helvetica, sans-serif !important; text-align: left !important;}
#BarraBottom { display: block; background-color: #00244E;
-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1); }
#Menus {}
#Menus ul { list-style:none;}
#MenuGeneral { display:block;}
#MenuGeneral > li { position: relative; display: inline-block; vertical-align: middle; border-left: 1px solid #4a6a88;}
#MenuGeneral > li:first-child { border-left: none; padding-left: 0; }
#MenuGeneral > li > a { display: block; padding: 10px 15px; font-size:0.9rem; color:#fff;
-webkit-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out; }
ul.submenu { list-style: none; position: absolute; overflow: hidden; top: 36px; left: 0; width: 250px; max-height: 0; background-color: #03162D; opacity: 0;
-webkit-transition: max-height 0.3s ease, opacity 0.15s ease;
transition: max-height 0.3s ease, opacity 0.15s ease;}
ul.submenu li { display: block;}
ul.submenu a { display: block; font-size: 0.8rem; color: #fff; padding: 10px 20px;
-webkit-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;}
/*open*/
#MenuGeneral li.open > a {background-color: #3F6080 !important;}
#MenuGeneral li.open ul.submenu { opacity: 1; max-height: 2000px;}
/*Desktop*/
.Desktop #MenuGeneral > li:not(.select) > a:hover { background-color: #3F6080; }
.Desktop ul.submenu a:hover { background-color: #3F6080; }
/*select*/
#MenuGeneral li.select a { background-color: #0056A7; cursor:default;}
/*......*/
/*Mobile*/
a#BtnMobile,
a#BtnLogin { display:none;}
/*smaller*/
header.General.smaller #Logo { flex: 0 0 275px;}
header.General.smaller #WidgetCotizaciones { flex: 0 0 0px; max-height:105px;}
/*......*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*CENTER..................................................................................................................................*/
main { width:100%; text-align:left; margin-top: 200px; background-color: #fff;}
#TopMain { position: relative; }
/*PLUGIN PARTICULAS*/
#particles-js { position: absolute; z-index: 100; width: 100%; height: 500px; background-color: #233262;}
/*Contenido*/
#ActividadesCamara { position: relative; z-index: 200; text-align: center; pointer-events:none; padding-bottom: 30px; }
#ActividadesCamara h1 { display: block; text-align: center; padding: 90px 0 70px 0; font-size: 2.7rem; color: #F1F2F6; }
#ContentActividadesCamara { display: flex; flex-wrap: wrap; width: 100%; pointer-events:auto; }
#ContentActividadesCamara article { position: relative; flex: 0 1 calc(25% - 10px); margin: 0 5px; text-align: left; background-color: #FFFFFF; border: 1px solid #E1E3E6; }
#ContentActividadesCamara header { width: 100%; padding-bottom: 50px; }
#ContentActividadesCamara figure { width: 100%; }
#ContentActividadesCamara div { padding: 20px; }
#ContentActividadesCamara img { max-width: 100%; display: block; }
#ContentActividadesCamara time { display: block; margin-bottom: 15px; font-size: 0.8rem; color: #3D4651; }
#ContentActividadesCamara h2 { font-size: 1.1rem; color: #3D4651; }
#ContentActividadesCamara footer { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px; }
a.BtnDescarga { font-size: 0.9rem; color: #3D4651; padding: 5px 5px 5px 0; border: 1px solid transparent; background: url(imagenes/internas/icono-pdf.png) no-repeat -20px 50%; background-size: 15px auto;
-webkit-transition: padding 0.3s ease-in-out, background-position 0.3s ease-in-out;
transition: padding 0.3s ease-in-out, background-position 0.3s ease-in-out;}
a.BtnVerMas { float: right; font:0.9rem "TitlWeb-semibold", "ArNarr-regular", Arial, Helvetica, sans-serif; color: #0054A5; text-align: right; }
/*Desktop*/
.Desktop a.BtnDescarga:hover { border-color: #ccc; padding-left: 35px; background-position: 5px 50%; }
.Desktop a.BtnVerMas:hover { color: #000; }
/*......*/
#AccesosDirectos { padding: 50px 0; background-color: #EEEFF3; }
#ContentAccesosDirectos { display: flex; width: 100%; }
#Comunicados { flex: 1 1 50%; padding-right: 30px; }
#ContentAccesosDirectos h2 { font-size: 2.1rem; color: #003266; }
.ListaDocumentos { margin: 15px 0; list-style: none; }
.ListaDocumentos li { display: block; border-bottom: 1px solid #BBBBBB; }
.ListaDocumentos li:last-child { border: none; }
.ListaDocumentos a { width: 100%; display: flex; flex-wrap: wrap; color: #394651; padding: 15px 40px 15px 0; background: url(imagenes/icono-flecha.png) no-repeat 100% 15px;}
.ListaDocumentos time,
.ListaDocumentos h3,
.ListaDocumentos h4 { font-size: 0.9rem; }
.ListaDocumentos time { padding-right: 8px; border-right: 1px solid #999; }
.ListaDocumentos h3,
.ListaDocumentos h4 { flex: 1 1 calc(100% - 90px); padding-left: 8px; }
.ListaDocumentos p.Breve { flex: 1 1 100%; width: 100%; padding-left: 89px; margin-top: 5px; font-size: 0.8rem; }
.ListaDocumentos.sinfecha h3,
.ListaDocumentos.sinfecha h4 { padding-left: 0; }
.ListaDocumentos.conpdf h3,
.ListaDocumentos.conpdf h4 { padding-left: 20px; background: url(imagenes/internas/icono-pdf.png) no-repeat 0 2px; background-size: 13px auto; }
#Home .ListaDocumentos a { padding-top: 12px; padding-bottom: 12px; }
.BtnVerTodos { font:0.9rem "TitlWeb-semibold", "ArNarr-regular", Arial, Helvetica, sans-serif;color: #0059AC; padding: 5px 5px 5px 0; border:1px solid transparent; background: url(imagenes/icono-flecha-azul-chica.png) no-repeat -20px 50%;
-webkit-transition: padding 0.3s ease-in-out, background-position 0.3s ease-in-out;
transition: padding 0.3s ease-in-out, background-position 0.3s ease-in-out; }
/*Desktop*/
.Desktop .ListaDocumentos a:hover { background-color: #f2f2f2; box-shadow: 8px 0 0 0 #f2f2f2, -8px 0 0 0 #f2f2f2; }
.Desktop #Home .ListaDocumentos a:hover { background-color: #ddd; box-shadow: 8px 0 0 0 #ddd, -8px 0 0 0 #ddd; }
.Desktop .BtnVerTodos:hover { background-position: 5px 50%; padding-left: 20px; border-color: #ccc; }
/*......*/
#ArticulosPrensa { flex: 1 1 50%; padding-left: 30px; }
#BarraAccesos { width: 100%; padding: 40px 0; background-color: #fff; }
#BarraAccesos ul { list-style: none; display: flex; flex-wrap: wrap; border-width: 1px 0 0 1px; border-style: solid; border-color:#ccc; width: 100%;}
#BarraAccesos li { flex: 1; padding:10px 5px; border-width: 0 1px 1px 0; border-style: solid; border-color:#ccc;
-webkit-transition: box-shadow 0.3s ease-in-out;
transition: box-shadow 0.3s ease-in-out;}
#BarraAccesos a { font-size: 0.9rem; color: #003266;}
#BarraAccesos img { max-width: 100%; display: block; margin: 0 auto 10px auto;
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out; }
#BarraAccesos p { text-align: center;
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out; }
/*Desktop*/
.Desktop #BarraAccesos li:hover { box-shadow: inset 0 -5px 0 0 #00254E; }
.Desktop #BarraAccesos li:hover p { -webkit-transform: translateY(-10px);
transform: translateY(-10px); }
.Desktop #BarraAccesos li:hover img { -webkit-transform: scale(0.6);
transform: scale(0.6); }
/*select*/
#BarraAccesos li.select { box-shadow: inset 0 -5px 0 0 #00254E; }
#BarraAccesos li.select a { cursor: default; color: #0056A7; }
#BarraAccesos li.select p { -webkit-transform: translateY(-10px);
transform: translateY(-10px); }
#BarraAccesos li.select img { -webkit-transform: scale(0.6);
transform: scale(0.6); }
/*.....*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*FOOTER...................................................................................................................................*/
footer.General {width:100%; text-align:left;}
#ContentFooter { width: 100%; display: flex; flex-wrap: wrap; padding: 60px 0; }
#ContentFooter nav p { font:normal 0.9rem "TitlWeb-semibold", "ArNarr-regular", Arial, Helvetica, sans-serif; color: #fff;}
#ContentFooter nav ul { list-style: none; }
#ContentFooter nav li { display: block; }
#SiteMap { flex: 0 0 160px; padding-right: 20px; }
#SiteMap li { margin-bottom: 15px; }
#SiteMap a { font-family: "TitlWeb-semibold", "ArNarr-regular", Arial, Helvetica, sans-serif; font-size: 0.9rem; color: #fff; }
.AccesoDoc { flex: 1 1 180px; padding-right: 20px; }
.AccesoDoc p { display: block; margin-bottom: 10px; }
.AccesoDoc ul { border-left: 1px solid #8092A7; padding-left: 15px; }
.AccesoDoc li { position: relative; margin-bottom: 5px; padding-left: 12px; }
.AccesoDoc li::before { position: absolute; top: 5px; left: 0; content: "›"; display: inline-block; vertical-align: top; font-size: 20px; color: #fff; }
.AccesoDoc a { font-size: 0.85rem; color: #D7DADF; }
#DireccionMap { flex: 0 0 300px; padding: 0 0 0 20px; border-left: 1px solid #8092A7; }
#DireccionMap address,
#DireccionMap p,
#DireccionMap a { display: block; font-size: 0.9rem; color: #fff; margin-bottom: 10px; }
#DireccionMap address { padding-left: 20px; font-style: normal; background: url(imagenes/icono-pin-blanco.jpg) no-repeat 0 10px; }
#DireccionMap p.Phone { padding-left: 20px; background: url(imagenes/icono-phone-blanco.jpg) no-repeat 0 0;}
#DireccionMap a.BtnMail { padding-left: 20px; background: url(imagenes/icono-sobre-blanco.jpg) no-repeat 0 5px;}
#DireccionMap p.Horario { margin-top: 40px; }
/*Desktop*/
.Desktop #DireccionMap address:hover,
.Desktop #DireccionMap a:hover,
.Desktop #SiteMap a:hover,
.Desktop .AccesoDoc a:hover { color: #89accc; }
/*.......*/
#Legales { padding: 15px 0 30px 0; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
#Legales p,
#Legales a { color: #fff; }
p#Copy { text-align: left; font-size: 11px; padding-right: 20px; }
p#Cuno { text-align: right; font:normal 10px Arial, Helvetica, sans-serif; }
/*Desktop*/
#Legales a:hover { color: #89accc; }
/*.......*/
/*INTERNAS:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*.........................................................................................................................................*/
/*main*/
.Interna main { background-color: #EEEFF3;}
#IntroInterna { position: relative; z-index: 200; text-align: center; padding-bottom: 30px; }
#IntroInterna h1 { display: block; text-align: center; padding: 60px 0 40px 0; font-size: 2.9rem; color: #F1F2F6; }
#IntroInterna h1 span { display: block; font-size: 2rem; }
#ContentIntroInterna { text-align: left; padding: 50px; background-color: #fff; }
p.General { font-size: 1rem; line-height: 1.6em !important; color: #394651; }
p.General strong { color: #00306B; }
#CenterMain { margin-top: 50px; padding: 50px 0 70px 0;}
#CenterMain h3 { display: block; font-size: 1.7rem; color: #003168; margin-bottom: 25px; text-align: center; }
#Objetivos { display: flex; flex-wrap: wrap; width: 100%; }
ul.ListaDona { list-style: none; }
ul.ListaDona li { position: relative; display: block; padding: 15px 20px; border-bottom: 1px solid #BBBBBB; }
ul.ListaDona li:last-child { border-bottom: none; }
ul.ListaDona li::before { content: ""; position: absolute; top: 19px; left: 0; display: block; width: 5px; height: 5px; border-radius: 50%; border:3px solid #043B73; }
ul.ListaDona h4 { font-size: 1rem; color: #394651; }
#Objetivos ul.ListaDona { flex: 1 1 400px; }
#Objetivos ul.ListaDona:first-child { padding-right: 30px; }
/*NOSOTROS*/
/*main*/
#Nosotros #ContentIntroInterna h2 { display: block; font-size: 1.7rem; color: #003266; text-align: center; margin-bottom: 25px; }
/*AUTORIDADES*/
/*main*/
#ListaAutoridades { width: 100%; }
.Fila { display: flex; flex-wrap: wrap; width: 100%; }
.Modulo { flex: 1 1 auto; border-left: 1px solid #ccc; }
.Fila .Modulo:first-child { border-left: none; }
.Perfil { padding-left: 75px; padding-right: 20px; text-align: left; background: url(imagenes/internas/icono-perfil.png) no-repeat 0 0; background-size: 60px auto;}
#Autoridades h2 { font-size: 1.1rem; margin-bottom: 5px; color: #003266;}
.Perfil h3 { font-size: 1rem; color:#394651; }
.Perfil h4 { font-size: 1rem; color:#394651; }
.Perfil a.BtnVerTodos { display: block; margin-top: 10px; }
#Gerencia {}
#Gerencia .Modulo { flex: 1 1 20%; padding: 20px 10px; }
#Vocales { display: flex; flex-wrap: wrap; width: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 40px 0;}
#Vocales h2 { flex: 1 1 100%; text-align: center; padding-bottom: 30px; }
#Vocales .Perfil { flex: 1 1 100px; }
#Revisores { display: flex; flex-wrap: wrap; }
#Revisores .Modulo { text-align: center; }
#Revisores h2 { flex: 1 1 100%; text-align: center; padding-top: 30px; padding-bottom: 30px; }
#Revisores .Perfil { display: inline-block; vertical-align: top; margin: 0 50px; padding-bottom: 30px; }
/*HISTORIA*/
/*main*/
#Historia #NavGris { flex: 0 0 180px; padding-right: 0; background-color: #141E3A; }
#Historia #NavGrisTop p { color: #fff; }
#Historia #NavGrisTop img { width: 50px; }
#NavHistoria { width: 100%; }
#NavHistoria ul { list-style: none; border-left: 3px solid #118EFF;
-webkit-transform: translateX(10px);
transform: translateX(10px); }
#NavHistoria li { display: block;
-webkit-transform: translateX(-19px);
transform: translateX(-19px);}
#NavHistoria a { display:inline-block; font-size: 0.8rem; padding:15px 10px; color: #FFFFFF; cursor: pointer;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;}
#NavHistoria a span { -webkit-transform-origin: 0 50%;
transform-origin: 0 50%;}
#NavHistoria a::before { content: ""; display: inline-block; vertical-align: top; width: 10px; height: 10px; margin-right: 5px; border-radius: 50%; border:2px solid #118EFF; background-color: #fff; }
#NavHistoria li:first-child a { padding-top: 0; }
#NavHistoria li:last-child a { padding-bottom: 0; }
/*Desktop*/
.Desktop #NavHistoria a:not(.select):hover { color: #3F6080; }
/*select*/
#NavHistoria li a.select {color: #118EFF; }
#NavHistoria li a.select span { display: inline-block;
-webkit-transform: scale(1.5);
transform: scale(1.5); }
#NavHistoria li a.select::before { background-color: #118EFF; }
/*......*/
#LoadHistoria {}
.ModuloHistoria {}
.ModuloHistoria h2 { display: block; margin-bottom: 30px; font-size: 1.7rem; color: #003166; }
.ModuloHistoria p.General { margin-bottom: 15px; }
/*DOCUMENTOS*/
/*main*/
#Documentos #ContentIntroInterna { display: flex; flex-wrap: wrap; }
h2.small { position: relative; font-size: 1.3rem ; margin-bottom: 10px; padding-left: 15px; color: #003266;}
h2.small::before { content: "›"; position: absolute; top: 0; left: 0; font-size: 20px; line-height: 0.9em; color: #0059AC; }
.ModuloDocumento { flex: 1 1 auto; text-align: left; padding:20px 15px; }
.ModuloDocumento header { display: block; }
.ContentModuloDocumento { }
.AccesosCategorias { list-style: none; display: flex; flex-wrap: wrap; width: 100%;}
.AccesosCategorias li { flex: 1 1 20%; align-items: center; margin-right: 10px; margin-bottom: 10px; border: 1px solid #E4E5E9;
-webkit-transition: border-color 0.3s ease-in-out;
transition: border-color 0.3s ease-in-out; }
.AccesosCategorias a { display: block; width: 100%; padding: 20px 50px 20px 20px; background: url(imagenes/icono-flecha.png) no-repeat calc(100% - 10px) 50%; }
.AccesosCategorias h3 { font-size: 1rem; color: #394651;}
/*Deskop*/
.Desktop .AccesosCategorias li:hover { border-color: #3F6080; }
/*......*/
/*DETALLE PRODUCTO*/
/*main*/
#ContentIntroInterna.Dual { display: flex; padding: 0; }
#NavGris { flex: 0 0 300px; padding: 60px 40px; background-color: #E4E4E4; }
#BtnDocumentosMobile { display: none; }
#NavGrisTop { margin-bottom: 40px; }
#NavGrisTop p { display: block; margin:10px 0 0 0; padding-left: 0 !important; font:normal 1.2rem "TitlWeb-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; color: #666666; }
#NavGrisTop p::before { display: none !important; }
#ContentAcordion {}
.Acordion { margin-bottom: 25px; }
h2.ultasmall { position: relative; font:normal 1rem "TitlWeb-semibold", "ArNarr-regular", Arial, Helvetica, sans-serif; color: #333; padding-left: 10px; cursor: pointer; }
h2.ultasmall::before { content: "›"; position: absolute; top: 0; left: 0; font-size: 15px; line-height: 0.9em !important; color: #0059AC;}
.Drop { position: relative; overflow: hidden; max-height: 0px; padding-left: 10px;
-webkit-transition: max-height 0.3s ease;
transition: max-height 0.3s ease; }
.Drop ul { list-style: none; }
.Drop li { display: block; margin: 10px 0; }
.Drop a { color: #333; }
.Drop h3 { font-size: 0.8rem; }
/*Desktop*/
.Desktop .Acordion h2.ultasmall:hover { color: #0059AC; }
.Desktop .Drop li:not(.select):hover a { color: #999; }
/*select*/
.Acordion.select h2 { color: #003266; }
.Acordion.select .Drop { max-height: 2000px; }
.Drop li.select a { color: #003266;}
/*......*/
#DetalleArticulo { position: relative; overflow: hidden; flex: 1 1 auto; padding:60px; }
#DetalleArticulo header { width: 100%; display: flex; }
#Encabezado,
#BusquedaRapida { flex: 1 1 50%; }
#Encabezado { padding-right: 15px;
-webkit-transform: translateX(-15px);
transform: translateX(-15px); }
h2.medium { position: relative; font-size: 1.7rem; margin-bottom: 5px; padding-left: 15px; color: #003266;}
h2.medium::before { content: "›"; position: absolute; top: 0; left: 0; font-size: 20px; line-height: 1.3em; color: #0059AC; }
#Encabezado p { font-size: 0.8rem; display: block; padding-left: 16px; }
#Encabezado h3 { font-size: 1rem; color: #003266; display: block; padding-left: 15px; }
#BusquedaRapida { text-align: right; padding-left: 15px; }
#FormBuscar { display: flex; }
#FormBuscar input#busqueda { flex: 1 1 auto; height:40px; padding:0 15px; border: 1px solid #ccc; border-radius: 5px;}
#FormBuscar input[type="submit"] { flex: 0 0 40px; width: 40px; height:40px; margin-left: 5px; background:#0056A7 url(imagenes/internas/icono-lupa.png) no-repeat 50% 50%; background-size: 15px auto; cursor:pointer; border-radius: 5px;}
/*Desktop*/
.Desktop #FormBuscar input#busqueda:hover { border-color: #0056A7; }
.Desktop #FormBuscar input[type="submit"]:hover { background-color: #000; }
/*.......*/
#ContentDetalleArticulo { margin-top: 40px; }
#Paginado { padding-top: 10px; margin-top: 50px; width: 100%; border-top: 2px solid #00254E; }
#FormPaginado { width: 100%; display: flex; flex-wrap: wrap; }
#FormPaginado fieldset { flex: 1 1 33.33%; display: inline-flex; align-items: center; }
#LeyendaMuesta { justify-content: flex-start; padding-right: 25px; }
#LeyendaMuesta p { font-size: 0.9rem; color: #666666;}
#LeyendaResultados { justify-content: center; }
#FormPaginado label { margin-right: 10px; font-size: 0.9rem; color: #666666; }
#FormPaginado select { width:60px; height: 36px; font: normal 0.9rem "TitlWeb-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; border:1px solid #CCCCCC; padding:0 10px; background-color:#FFF; border-radius: 5px; }
#FormPaginado input[type="submit"] { margin-left: 5px; cursor: pointer; }
#LeyendaPagina { justify-content: flex-end; padding-left: 25px; }
/*PRENSA*/
/*main*/
#ContentIntroInterna.Simple { padding: 0; }
#ContentIntroInterna.Simple #DetalleArticulo { padding: 70px; }
/*LINKS*/
/*main*/
#ContentIntroInterna.Triple { display: flex; flex-wrap: wrap; padding: 80px 80px 0 80px; }
#ContentIntroInterna.Triple .ModuloLink { flex: 0 1 33.33%; }
#Links .ModuloLink > div { margin-bottom: 60px; }
#Links .ListaDocumentos { padding: 0 55px 0 15px; }
#Links .ListaDocumentos a { flex-direction: column; }
#Links .ListaDocumentos h3,
#Links .ListaDocumentos address,
#Links .ListaDocumentos p.Phone { display: block; font-size: 1rem; color: #394651;}
#Links .ListaDocumentos h3 {}
#Links .ListaDocumentos address { font-style: normal; }
#Links .ListaDocumentos p.Phone { padding-left: 0; background: none; }
/*ACTIVIDADES*/
/*main*/
#Actividades #ContentIntroInterna { text-align: center; }
#Actividades #ContentActividadesCamara article { margin-bottom: 15px; }
#BtnHistorial { display: inline-block; margin: 20px auto; }
/*ACCESO COMERCIO EXTERIOR*/
/*main*/
#AccesoComercioExterior #ContentIntroInterna { min-height: 400px; }
/*ACCESO CIASEFIM*/
/*main*/
#AccesoCiasefim #ContentIntroInterna { min-height: 400px; }
.AccesosPdf { list-style: none; display: flex; flex-wrap: wrap; width: 100%;}
.AccesosPdf li { flex: 1 1 calc(33.33% - 10px); display: flex; align-items: center; margin-right: 10px; margin-bottom: 10px; background:url(imagenes/internas/icono-pdf.png) no-repeat 20px 50%, url(imagenes/icono-flecha.png) no-repeat calc(100% - 10px) 50%; background-color: #fff; border: 1px solid #E4E5E9;
transition: border-color 0.3s ease-in-out;}
.AccesosPdf a { width: 100%; display: block; padding: 20px 50px 20px 78px; }
.AccesosPdf h2 { font: normal 1rem "TitlWeb-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; color: #394651;}
.AccesosPdf h2 strong { display: block; }
/*Desktop*/
.Desktop .AccesosPdf li:hover { border-color: #3F6080;}
/*.......*/
/*ACCESO GALERIA FOTOS*/
/*main*/
#ContentActividadesCamara.GaleriaFotos {}
#ContentActividadesCamara.GaleriaFotos article { margin-bottom: 15px; }
#ContentActividadesCamara.GaleriaFotos header { padding-bottom: 0; }
.GaleriaFotos figure { position: relative; }
.GaleriaFotos a { display: block; }
.GaleriaFotos span { position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.8) url(imagenes/internas/icono-mas.png) no-repeat 50% 50%; width: 100%; height: 100%; opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; }
.GaleriaFotos time { padding-left: 33px; }
.GaleriaFotos h2 { font-size: 0.95rem !important; padding-left: 33px; padding-bottom: 15px; border-bottom: 1px solid #E1E3E6; background: url(imagenes/internas/icono-camara-claro.png) no-repeat 0 2px; }
.GaleriaFotos address { min-height: 20px; display: block; margin: 15px 0; padding-left: 33px; font-style: normal; font-size: 0.8rem; color: #000; background: url(imagenes/internas/icono-pin.png) no-repeat 0 50%; }
/*Desktop*/
.Desktop .GaleriaFotos a:hover span { opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);}
/*......*/
/*ACCESO DETALLE GALERIA DE FOTOS*/
/*main*/
#AccesoDetalleGaleriaImagenes #ContentIntroInterna { background: linear-gradient(to right, #E6E6E6 35%, #fff 35%, #fff) no-repeat 0 0;}
#GaleriaImagenes { width: 100%; display: flex; flex-wrap: wrap; }
#DataGaleria { flex: 0 0 35%; padding-right: 80px; }
#DataGaleria img { margin-bottom: 20px; }
#DataGaleria time { display: block; margin-bottom: 15px; font-size: 0.8rem; color: #3D4651;}
#DataGaleria h2 { font-size: 1.2rem; color: #3D4651;}
#DataGaleria address {min-height: 20px; display: block; margin: 15px 0; padding:10px 0 10px 33px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; font-style: normal; font-size: 0.8rem; color: #000; background: url(imagenes/internas/icono-pin.png) no-repeat 0 50%;}
a#BtnVerGalerias { display: inline-block; margin-top: 30px; }
#ContentGaleria { flex: 1 1 65%; }
#SlideGeneral { position:relative; overflow: hidden; width:100%;}
#ContentSlideGeneral { position:relative; text-align:left;}
#ContentSlideGeneral div { position: absolute; top: 0; left: 0; width:100%; background-color: #f2f2f2; opacity: 0; visibility:hidden;
-webkit-transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;}
#ContentSlideGeneral figure {width:100%; text-align: center;}
#ContentSlideGeneral img { max-width:100%; display:block; margin: 0 auto;}
#Controls { display: flex; flex-wrap: wrap; width: 100%; margin-top: 15px;}
#ArrowSlideGeneral { flex: 0 0 180px; order: 2; display: flex; align-items: center; justify-content: flex-end;}
#ArrowSlideGeneral div { width: 60px; height: 40px; text-align: center;}
#ArrowSlideGeneral a { display: block; width: 100%; height: 100%; cursor:pointer;}
#ArrowSlideGeneral a.Prev { background: url(imagenes/internas/icono-flecha-left.png) no-repeat 50% 0; }
#ArrowSlideGeneral a.Play { background: url(imagenes/internas/icono-play.png) no-repeat 50% 0; }
#ArrowSlideGeneral a.Pause { background: url(imagenes/internas/icono-pause.png) no-repeat 50% 0; display: none; }
#ArrowSlideGeneral a.Next { background: url(imagenes/internas/icono-flecha-rigth.png) no-repeat 50% 0;}
#BulletsSlideGeneral { flex: 1; order: 1; padding-right: 20px; }
#BulletsSlideGeneral ul { list-style:none; display: flex;flex-wrap: wrap; align-items: center; justify-content: flex-start;}
#BulletsSlideGeneral li { width:13px; height:13px; margin:0 5px; border-radius: 50%; background-color: #CCCCCC; cursor:pointer;
-webkit-transition: color 0.5s ease-in-out;
transition: color 0.5s ease-in-out;}
/*Desktop*/
.Desktop #ArrowSlideGeneral a:hover { opacity: 0.7; }
.Desktop #BulletsSlideGeneral li:not(.select):hover { background-color: #333; }
/*select*/
#ContentSlideGeneral div.select { position:relative; opacity: 1; visibility: visible;}
#BulletsSlideGeneral li.select { background-color:#118EFF; cursor:default;}
/*......*/
/*ACCESO ENTIDADES ASOCIADAS*/
/*Modal*/
.Modal { position:fixed; overflow-x: hidden; overflow-y:auto; z-index:9998; top:0; left:0; padding: 30px; display:flex; align-items: center; justify-content: center; width:100%; height:100%; background:rgba(19, 28, 53, 0.9); opacity: 0; visibility: hidden;
-webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;}
.ContentModal { position: relative; background-color: #fff; text-align: left; }
a#BtnCloseModal { position: absolute; top: 15px; right: 15px; display: block; width: 32px; height: 32px; background: url(imagenes/internas/icono-cerrar.png) no-repeat 0 0; cursor: pointer; }
#TopModal { display: block; text-align: center; padding:25px 50px; }
#TopModal img { margin: 0 auto; }
#TopModal p { display: block; text-align: center; font-size: 1.3rem; color: #003266; }
#MiddleModal { display: flex; flex-wrap: wrap; justify-content: flex-start; background-color: #F2F2F2; border-left: 10px solid #000033; }
#DataLocalEntidad { flex: 1; padding: 30px; }
#DataLocalEntidad p,
#DataLocalEntidad address,
#DataLocalEntidad a { font-size: 1rem;}
#DataLocalEntidad a { color: #3F6080; }
#DataLocalEntidad p { display: block; margin-bottom: 3px; color: #394651; }
#DataLocalEntidad address { font-style: normal; color: #394651; }
#DataServiciosEntidad { flex:1; padding: 30px 30px 30px 0;}
#DataServiciosEntidad p { display: block; margin-bottom: 10px; font-size: 1rem; color: #394651; }
ul.ListaServicios { list-style: none; }
ul.ListaServicios li { position: relative; display: block; font-size: 0.8rem; color: #394651; padding: 0 0 5px 10px; }
ul.ListaServicios li::before { content: "›"; position: absolute; top: 5px; left: 0; font-size: 20px; line-height: 0 !important; color: #118CFF; }
#BottomModal { padding: 20px 40px 30px 40px; }
#Sucursales { padding-bottom: 20px; }
#Sucursales p { display: block; margin-bottom: 10px; font-size: 0.9rem; color: #394651; }
#Sucursales ul { list-style: none; }
#Sucursales li { display: inline-block; vertical-align: top; }
#Sucursales a { display: block; font-size: 1rem; color: #394651; padding: 5px 10px 5px 25px; margin-right: 10px; margin-bottom: 5px; background: url(imagenes/internas/icono-pin.png) no-repeat 5px 50%; background-size:17px auto; border: 1px solid #ccc; border-radius: 5px; }
#MiniGaleria { width: 100%; }
#MiniGaleria img { display: inline-block; max-width: 100%; margin: 0 auto; }
/*Desktop*/
.Desktop a#BtnCloseModal:hover { opacity: 0.7; }
.Desktop #DataLocalEntidad a:hover { color: #000; }
.Desktop #Sucursales a:hover { border-color: #333; }
/*modalmode*/
.modalmode { overflow: hidden; }
.modalmode .Modal { opacity: 1; visibility: visible; }
/*.........*/
/*main*/
#AccesoEntidadesAsociadas #ContentIntroInterna { padding-top: 15px; background: linear-gradient(to bottom, #131C35 67px, #fff 67px, #fff) no-repeat 0 0;}
table, tr, th, td { border-collapse: collapse; vertical-align: middle;}
table#ListaEntidades { width: 100%; }
table#ListaEntidades thead {}
table#ListaEntidades th { padding:15px; background-color:#131C35;}
table#ListaEntidades th p { font: normal 1.2rem "TitlWeb-semibold", "ArNarr-regular", Arial, Helvetica, sans-serif; color: #fff; }
table#ListaEntidades tbody {}
table#ListaEntidades td { vertical-align: top; padding: 15px; border-bottom: 1px solid #BBBBBB; }
table#ListaEntidades tr:last-child td { border: none; }
table#ListaEntidades td p {font-size: 1rem; color: #394651;}
a.BtnAmpliarPerfil { float: right; display: block; width: 20px; height: 20px; background: url(imagenes/icono-flecha.png) no-repeat 50% 50%; cursor: pointer;}
/*Desktop*/
.Desktop table#ListaEntidades tr:hover td { background-color: #f2f2f2; }
/*.......*/
/*ACCESO JORNADAS INTERNACIONALES*/
/*main*/
#AccesoJornadasInternacionales #Encabezado { padding-right: 0;
-webkit-transform: translateX(0);
transform: translateX(0);}
#AccesoJornadasInternacionales .Acordion { margin-bottom: 15px; }
#AccesoJornadasInternacionales h2.medium { font-size: 1rem; padding-left: 0; }
#AccesoJornadasInternacionales h2.medium::before { display: none; }
#AccesoJornadasInternacionales h3 { font-size: 2rem; padding-left: 0; }
#AccesoJornadasInternacionales address { display: block; margin-top: 15px; padding:15px 0 15px 30px; border-top: 1px solid #E1E3E6; border-bottom: 1px solid #E1E3E6; font-size: 0.8rem; color: #000; background: url(imagenes/internas/icono-pin.png) no-repeat 0 50%; }
#AccesoJornadasInternacionales p.General { font-size: 0.85rem; display: block; margin-bottom: 15px; }
.ModuloLista { margin-top: 30px; }
p.TituloSeccion { display: block; margin-bottom: 10px; font-size: 0.9rem; line-height: 1.5em !important; color: #394651; }
p.SubtituloSeccion { display: block; margin-bottom: 10px; font-size: 0.85rem; color: #1F1F1F;}
p.General.Subtitulo strong { font-size: 1.2rem !important;}
ul.General { list-style: none; }
ul.General li { position: relative; font-size: 0.85rem; line-height: 1.5em !important; color: #757575; padding-left: 10px; padding-right: 20px; margin: 5px 0; }
ul.General li::before { content: "›"; position: absolute; top: 0; left: 0; font-size: 15px; line-height: 1em !important; color: #0059AC;}
.ModuloLista ul.General { width: 85%; display: flex; flex-wrap: wrap; align-items: flex-start;}
.ModuloLista ul.General li { flex: 0 1 50%;}
#AccesoJornadasInternacionales ul.General li { line-height: 1.1em !important; }
.ModuloMaterialUsado,
.ModuloGaleriaImagenes { margin-top: 45px; }
.ModuloGaleriaImagenes p.TituloSeccion { display: block; margin-bottom: 10px; background: url(imagenes/internas/icono-camara-oscuro.png) no-repeat 0 50%; background-size: 25px auto; padding: 5px 0 5px 35px;}
.Firmas { margin: 50px 0 30px 0; }
.FirmaPerfil { display: inline-block; vertical-align: top; margin-right: 40px; margin-bottom: 20px; padding-left: 50px; background: url(imagenes/internas/icono-perfil.png) no-repeat 0 50%; background-size: 40px auto;}
.FirmaPerfil div { padding-left: 13px; border-left: 3px solid #00254E; }
.FirmaPerfil p { font-size: 0.8rem; color: #999; }
.FirmaPerfil p strong { font-size: 1.3rem; color: #394651; }
/*ACCESO PREVENSION*/
/*main*/
#AccesoPrevencionLaFt #ContentIntroInterna { padding: 0; }
#ContentInternaTop.Doble,
#ContentInternaBottom.Doble { display: flex; flex-wrap: wrap; padding-left: 50px; padding-right: 50px;}
#ContentInternaTop.Doble { padding-top: 50px; padding-bottom: 30px; }
#ContentInternaBottom.Doble { padding-top: 30px; padding-bottom: 30px; }
#ContentInternaTop.Doble .ModuloLink,
#ContentInternaBottom.Doble .ModuloLink { flex: 0 1 50%; }
#ContentInternaMedium { padding: 40px 50px 0 50px; }
#AccesoPrevencionLaFt .ListaDocumentos { padding: 0 55px 0 15px; }
#ContentInternaMedium,
#ContentInternaBottom { background-color: #F8F8FA; }
h2.gris { display: block; padding-left: 15px; font-size: 1.1rem; color: #394651; text-align: left; }
/*MODAL CONTACTO*/
#ModalFormulario .ContentModal { padding:60px 40px 40px 40px;}
#FormModal {}
#FormModal input[type="text"],
#FormModal input[type="date"],
#FormModal .custom-select,
#FormModal input[type="password"],
#FormModal input[type="email"],
#FormModal input[type="tel"],
#FormModal textarea { width:100%; font:normal 1rem "TitlWeb-regular", "ArNarr-regular", Arial, Helvetica, sans-serif; border:1px solid #999; padding:10px; background-color:#FFF; margin-bottom:10px; border-radius: 5px;}
fieldset.captcha-group { width:100%; display:block;}
input#captcha { display:inline-block; vertical-align:top; width:calc(100% - 100px) !important; border-radius: 5px 0 0 5px !important;}
fieldset.captcha-group span { position: relative; overflow: hidden; display:inline-block; vertical-align:top; width:100px; border-radius: 0 5px 5px 0;}
#FormModal textarea { height:230px; overflow:auto; margin-bottom:10px;}
#FormModal input[type="submit"] { display: inline-block; float: right; cursor:pointer;}
/*focus*/
#FormModal input[type="text"]:focus,
#FormModal .custom-select:focus,
#FormModal input[type="select"],
#FormModal input[type="password"]:focus,
#FormModal input[type="email"]:focus,
#FormModal input[type="tel"]:focus,
#FormModal textarea:focus { border-color: #0485FF;}
/*Desktop*/
.Desktop #FormModal input[type="text"]:hover,
.Desktop #FormModal .custom-select:hover,
.Desktop #FormModal input[type="select"]:hover,
.Desktop #FormModal input[type="password"]:hover,
.Desktop #FormModal input[type="email"]:hover,
.Desktop #FormModal input[type="tel"]:hover,
.Desktop #FormModal textarea:hover {border-color: #0056A7; }
/*.......*/
a.BtnTriggerModal { cursor: pointer;}
.SafeZone * { line-height: 1.2em !important;}
p.General { text-align:justify;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*COMPATIBLIDADES///////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
select { padding-right:35px; background:#fff url(imagenes/internas/flecha-select.gif) no-repeat right 50%;}
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*RESPONSIVE///////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 1920px) {
html { font-size: 15px; /*1rem = 15px*/}
.Viewport { max-width:1360px;}
/*header*/
.cotizaciones thead p { font-size: 0.8rem;}
.cotizaciones thead strong,
.cotizaciones tbody td { font-size: 1rem;}
}
@media (max-width: 1470px) {
.Viewport { max-width:1200px;}
/*header*/
#BarraTop { padding: 10px 0; }
#AccesosSistema { padding: 0; }
#ContactoRapido { margin-bottom: 0; }
#WidgetCotizaciones { flex: 0 0 100px; text-align: right; background:none; }
a#BtnCotizaciones { display: inline-block; background-color: #005AAD; padding: 14px 10px; cursor: pointer; font: normal 0.9rem "TitlWeb-semibold", "ArNarr-regular", Arial, Helvetica, sans-serif; line-height: normal; color: #ffffff; text-align: center; border-radius: 5px; }
#ModalCotizaciones { max-width: 280px; background-color: #fff; padding: 15px; border: 1px solid #ccc;}
#ContentWidgetCotizaciones { position: fixed; z-index: 9910; top:0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: rgba(255, 255, 255, 0.9); opacity: 0; visibility: hidden;
-webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
transition: opacity 0.3s ease, visibility 0.3s ease;}
a#BtnCerrarWidget { position: absolute; top: 20px; right: 30px; display: block; width: 35px; height: 35px; background: url(imagenes/internas/icono-cerrar.png) no-repeat 50% 50%; cursor: pointer; }
/*menumode*/
.widgetmode { overflow:hidden;}
.widgetmode #ContentWidgetCotizaciones { opacity: 1; visibility: visible;}
/*.....*/
/*main*/
main { margin-top: 180px;}
/*AUTORIDADES*/
#Vocales { text-align: left; }
#Vocales .Perfil { flex: 0 1 33.33%; padding-bottom: 40px; }
}
@media (max-width: 1300px) {
.Viewport { padding:0 30px; max-width:none;}
/*main*/
#ContentAccesosDirectos h2 { font-size: 1.6rem; }
}
@media (max-width: 1200px) {
/*header*/
#Logo { flex: 1 1 50%; }
#FormLogin fieldset { display: block; margin: 10px 0; }
#FormLogin input[type="text"],
#FormLogin input[type="date"],
#FormLogin input[type="password"] { margin: 0 0 0 5px;}
/*AUTORIDADES*/
#Gerencia,
#Vocales { padding-bottom: 20px;}
#Gerencia .Modulo { flex: 1 1 50%; border-left: none; padding-left: 0; }
#Vocales .Perfil { flex: 1 1 50%; }
#Revisores .Perfil { margin: 0 25px; }
/*DOCUMENTO DETALLE*/
#LeyendaMuesta { flex: 1 1 100% !important; justify-content: center; margin-bottom: 15px; padding-bottom: 15px; padding-right: 0; border-bottom: 1px solid #ccc; }
#LeyendaMuesta p span { display: block; }
#LeyendaResultados {justify-content: flex-start;}
}
@media (max-width: 1100px) {
/*main*/
/*smaller*/
header.General.smaller #ContactoRapido { display: none;}
/*......*/
/*footer*/
#DireccionMap {flex: 0 0 100%; border: none; margin-top: 20px; padding: 30px 0 0 0; border-top: 1px solid #8092A7; text-align: center;}
#DireccionMap address,
#DireccionMap p.Phone,
#DireccionMap a.BtnMail { padding-left: 0; padding-top: 20px; margin-bottom: 20px; background-position: 50% 0; }
/*ACCESO JORNADAS INTERNACINALES*/
.ModuloLista ul.General { width: 100%;}
}
@media (max-width: 1023px) {
/*header*/
header.General { position: relative; top:auto; left:auto; }
a#BtnMobile { display:block; position:absolute; z-index:9900; top:60px; left: 0; width:35px; height:35px; cursor:pointer;}
a#BtnMobile span { -webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;}
#Barritas { display:block; width:100%; height:100%; background:url(imagenes/icono-menu-open.svg) no-repeat center center;}
#Equis { display:none; width:100%; height:100%; background:url(imagenes/icono-menu-close-blanco.svg) no-repeat center center; }
#Logo { padding-left: 15px; }
#ContactoRapido { display: none; }
#BarraBottom { position:fixed; z-index:9800; top:0; left:0; width:100%; height:100%; padding: 0; background:rgba(0, 36, 78, 0.9);
clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
transition: clip-path 0.7s cubic-bezier(0.19, 1, 0.22, 1);}
#ContentBarraBottom,
#Menus { height: 100%; }
#Menus { display:flex; align-items: center; justify-content: center;}
#MenuGeneral { text-align: left; }
#MenuGeneral > li { display:block; margin:5px 0; border-right: none; border-left: 1px solid transparent !important; opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: -webkit-transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; }
#MenuGeneral > li:nth-of-type(1) {}
#MenuGeneral > li:nth-of-type(2) { transition-delay:0.15s; }
#MenuGeneral > li:nth-of-type(3) { transition-delay:0.20s; }
#MenuGeneral > li:nth-of-type(4) { transition-delay:0.25s; }
#MenuGeneral > li:nth-of-type(5) { transition-delay:0.30s; }
#MenuGeneral > li:nth-of-type(6) { transition-delay:0.35s; }
#MenuGeneral > li:nth-of-type(7) { transition-delay:0.40s; }
#MenuGeneral > li:nth-of-type(8) { transition-delay:0.45s; }
#MenuGeneral > li > a { width:100%; font-size:1.2rem; padding:10px;}
ul.submenu { position: relative; top: auto;}
/*select*/
#MenuGeneral > li.select { border-color: #fff !important; }
/*smaller*/
header.General.smaller #Logo {flex: 1 1 60%;}
/*menumode*/
.menumode { overflow:hidden;}
.menumode #Barritas { display:none;}
.menumode #Equis { display:block;}
.menumode #BarraBottom { overflow:auto;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
.menumode #MenuGeneral > li {-webkit-transform: translateY(-30px);
transform: translateY(-30px); }
/*menumode standby*/
.menumode.standby #MenuGeneral > li { opacity:1;
-webkit-transform: translateY(0);
transform: translateY(0); }
/*main*/
main { margin-top: 0; }
#ContentActividadesCamara article { flex: 1 1 calc(50% - 10px); margin-bottom: 15px;}
#BarraAccesos li {flex: 1 1 20%;}
/*INTERNAS*/
#CenterMain { margin-top: 10px;}
/*AUTORIDADES*/
#Revisores { flex-direction: column; }
#Revisores .Modulo { border: none; }
#Revisores h2 { padding-left: 15px; padding-right: 15px; }
}
@media (max-width: 1000px) {
/*INTERNAS*/
#ContentIntroInterna { padding: 30px; }
/*DOCUMENTOS*/
#BusquedaRapida { margin-top: 15px; }
/*DOCUMENTOS DETALLE*/
#NavGris { position: relative; overflow: hidden; flex: 0 0 20px;
-webkit-transition: flex 0.3s ease-in-out;
transition: flex 0.3s ease-in-out; }
#BtnDocumentosMobile { display: block; position: absolute; top: 0; right: 0; width: 45px; height: 45px; background-color: #fff; cursor: pointer; }
#BtnDocumentosMobile span { display: block; width: 100%; height: 100%; background: url(imagenes/icono-flecha.png) no-repeat 50% 50%;
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;}
#NavGrisTop,
#ContentAcordion { position: relative; overflow: hidden; width: 100%; opacity: 0; visibility: hidden; }
#DetalleArticulo { -webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;}
/*documentosmode*/
.documentosmode #NavGris { flex: 0 0 270px; }
.documentosmode #BtnDocumentosMobile span { -webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.documentosmode #NavGrisTop,
.documentosmode #ContentAcordion { opacity: 1; visibility: visible; }
/*..............*/
#DetalleArticulo header { flex-direction: column; }
#BusquedaRapida { padding-left: 0;}
/*HISTORIA*/
#Historia #NavGris { flex: 0 0 80px; }
#NavHistoria { position: relative; overflow: hidden; width: 100%; opacity: 0; visibility: hidden; }
/*documentosmode*/
#Historia .documentosmode #NavGris { flex: 0 0 160px !important; }
.documentosmode #NavHistoria { opacity: 1; visibility: visible; }
/*..............*/
/*LINKS*/
#ContentIntroInterna.Triple { padding: 50px; }
.ModuloLink { flex: 0 1 50%;}
/*ACCESO GALERIA DETALLE*/
#DataGaleria { padding-right: 25px; }
#BulletsSlideGeneral { display: none; }
#ArrowSlideGeneral { flex: 1 1 100%; justify-content: center; }
}
@media (max-width: 900px) {
/*header*/
#Logo,
#WidgetCotizaciones { -webkit-transition: none;
transition: none;}
/*.smaller*/
header.General.smaller #Logo {flex: 1 1 50%;}
header.General.smaller #WidgetCotizaciones {flex: 0 0 100px;}
/*.......*/
/*INTERNAS*/
#CenterMain { margin-top: 0;}
/*ACCESO PREVESION*/
#ContentInternaTop.Doble .ModuloLink,
#ContentInternaBottom.Doble .ModuloLink { flex: 1 1 100%; }
#ContentInternaTop h2 { margin-bottom: 20px; }
#ContentInternaTop h2 br {display: none;}
#DocNacional { margin-bottom: 40px; }
#AccesoPrevencionLaFt .ListaDocumentos { padding-right: 15px; }
/*ACCESO GALERIA DETALLE*/
#AccesoDetalleGaleriaImagenes #ContentIntroInterna { background: linear-gradient(to top, #E6E6E6 45%, #fff 45%, #fff) no-repeat 0 0;}
#ContentGaleria { flex: 1 1 100%; order: 1; }
#DataGaleria { flex: 1 1 100%; order: 2; }
}
@media (max-width: 875px) {
/*INTERNAS*/
#Objetivos ul.ListaDona:first-child { padding-right: 0; }
#Objetivos ul.ListaDona:first-child li:last-child {border-bottom: 1px solid #BBBBBB; }
}
@media (max-width: 800px) {
/*header*/
a#BtnMobile { top: 30px; }
#AccesosSistema { }
a#BtnLogin { display: block; width:45px; height: 45px; margin-left: auto; background:#233262 url(imagenes/icono-perfil-blanco.png) no-repeat center center; background-size: 20px auto; border-radius: 5px; cursor: pointer;}
#Login { position:fixed; z-index: 9900; width:100%; height:100%; top:0; left: 0; display:flex; align-items: center; justify-content: center; background-color:rgba(242, 242, 242, 0.9); border: none; border-radius: 0;
clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
transition: clip-path 0.3s ease-in-out;}
a#BtnCerrarLogin { position: absolute; top: 20px; right: 30px; display: block; width: 35px; height: 35px; background: url(imagenes/icono-menu-close.svg) no-repeat 50% 50%; cursor: pointer; }
p#TituloLog { font-size: 1.7rem; color: #fff; text-align: left; margin-bottom: 20px; }
#FormLogin { width:100%; max-width: 250px; background-color: #00234F; padding: 20px; border-radius: 5px; }
#FormLogin label { display: block; margin-bottom: 5px; text-align: left; }
#FormLogin input[type="text"],
#FormLogin input[type="date"],
#FormLogin input[type="password"] { width: 100%; height: 40px; margin:0; }
#FormLogin input[type="submit"], #FormLogin input[type="button"] { padding: 7px 15px;}
/*menumode*/
.loginmode { overflow:hidden;}
.loginmode a#BtnLogin { display: none; }
.loginmode #Login { overflow:auto;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
/*......*/
/*footer*/
#ContentFooter { padding-bottom: 30px; }
#SiteMap { flex:1 1 100%; padding-bottom: 30px; }
#SiteMap ul { display: flex; flex-wrap: wrap;}
#SiteMap li { flex: 1; padding-right: 30px; }
.AccesoDoc { flex: 1 1 33.33%; margin-bottom: 10px;}
/*AUTORIDADES*/
#Gerencia { padding-bottom: 20px; }
#Vocales { padding-bottom: 0; }
#Revisores { padding-top: 30px; }
#Revisores .Modulo { display: flex; flex-direction: column; width: 100%; }
#Revisores .Perfil { margin: 0; }
.Modulo { border: none; }
.Perfil { padding-left: 63px; background-size: 50px auto; }
#Gerencia .Modulo,
#Vocales .Perfil,
#Revisores .Perfil { flex: 1 1 100%; }
#Autoridades h2 { text-align: left; }
#Vocales h2,
#Revisores h2 { padding-top: 0; margin-bottom: 0; padding-left: 63px; padding-bottom: 15px; }
/*DOCUMENTOS DETALLE*/
#DetalleArticulo { padding-left: 35px; padding-right: 35px; }
.ListaDocumentos a { display: block; }
.ListaDocumentos time { display: block; margin-bottom: 5px; border: none; }
.ListaDocumentos h3,
.ListaDocumentos h4 { padding-left: 0; }
.ListaDocumentos p.Breve { padding-left: 0; }
/*PRENSA*/
#ContentIntroInterna.Simple #DetalleArticulo { padding: 50px; }
/*ACCESO CIASEFIM*/
.AccesosPdf li { flex: 1 1 100%; margin-right: 0;}
}
@media (max-width: 700px) {
/*main*/
#ActividadesCamara h1 { padding: 50px 0; }
#ContentAccesosDirectos {display: block;}
#Comunicados,
#ArticulosPrensa { display: block; width: 100%; padding-left: 0; }
#Comunicados { margin-bottom: 40px; padding-bottom: 30px; padding-right: 0; border-bottom: 1px solid #ccc; }
/*footer*/
#Legales { flex-direction: column; border-top: 1px solid #8092A7; }
p#Copy,
p#Cuno { text-align: center; margin-bottom: 20px;}
p#Copy { padding-right: 0; }
/*INTERNAS*/
#CenterMain { padding-top: 25px; }
/*DOCUMENTOS DETALLE*/
#NavGris { flex: 0 0 0px; padding-left: 23px; padding-right: 23px; }
/*documentosmode*/
.documentosmode #DetalleArticulo { opacity: 0; }
/*..............*/
/*HOSTORIA*/
#Historia #NavGris { flex: 0 0 45px; }
/*documentosmode*/
#Historia .documentosmode #DetalleArticulo { opacity: 1; }
/*..............*/
/*LINK*/
.ModuloLink { flex: 1 1 100%;}
#Links .ListaDocumentos { padding-right: 0; }
/*ACCESO ENTIDADES ASOCIADAS*/
.Modal { align-items: flex-start;}
table#ListaEntidades td p { font-size: 0.85rem;}
/*ACCESO JORNADAS INTERNACIONALES*/
.ModuloLista ul.General li { flex: 1 1 100%;}
}
@media (max-width: 600px) {
/*main*/
#BarraAccesos li {flex: 1 1 33.33%;}
/*DOCUMENTOS*/
.AccesosCategorias li { flex: 1 1 100%; }
/*DOCUMENTOS DETALLE*/
.ModuloDocumento { padding-left: 0; padding-right: 0; }
.ContentModuloDocumento a { flex: 1 1 100%; margin-right: 0;}
#FormPaginado fieldset { flex: 1 1 100%; justify-content: center; }
#LeyendaResultados { margin-bottom: 20px; }
/*ACCESO CIASEFIM*/
.AccesosPdf li { background-size:30px auto, auto auto;}
.AccesosPdf a { padding-left: 65px;}
/*ACCESO ENTIDADES ASOCIADAS*/
#AccesoEntidadesAsociadas #ContentIntroInterna { background: none; background-color: #fff; }
table#ListaEntidades { }
table#ListaEntidades thead { display: none; }
table#ListaEntidades tbody,
table#ListaEntidades tr,
table#ListaEntidades td { display: block; width: 100%; }
table#ListaEntidades tr { position: relative; }
table#ListaEntidades td { border: none; padding-right: 40px; padding-left: 0; }
table#ListaEntidades td::before {content: attr(title); display: block; margin-bottom: 10px; font-size: 0.8rem; color: #999;}
table#ListaEntidades tr td:first-child { padding-top: 25px; border-top: 1px solid #ccc; }
table#ListaEntidades tr:first-child td:first-child { border: none; }
table#ListaEntidades tr td:last-child { position: absolute; top: 25px; left: 0; padding: 0; }
table#ListaEntidades td p {font-size: 1rem; color: #394651;}
/*Desktop*/
.Desktop table#ListaEntidades tr:hover td { background-color: transparent;}
/*.......*/
}
@media (max-width: 550px) {
/*header*/
#Logo { flex:1 1 50%; padding-right: 15px; }
a#BtnMobile { top:27px;}
#AccesosSistema { flex: 1 1 30px; }
a#BtnLogin { width: 40px; height: 40px; margin-top: 25px; }
a#BtnCotizaciones { padding:12px 10px; margin-top: 25px; }
/*main*/
#ContentActividadesCamara article { flex: 1 1 100%;}
#ActividadesCamara h1 span { display: block; }
/*INTERNAS*/
#IntroInterna h1 span { font-size: 1.1rem; }
/*NOSOTROS*/
#IntroInterna h1 { padding: 30px 0; }
#Nosotros #ContentIntroInterna h2 {font-size: 1.4rem;}
p.General { font-size: 0.9rem; }
#CenterMain { padding-bottom: 25px; }
#CenterMain h3 { font-size: 1.5rem; }
ul.ListaDona h4 { font-size:0.9rem; }
/*AUTORIDADES*/
.Perfil h3 { font-size: 1rem; }
/*ACCESO PREVESION*/
#ContentInternaTop.Doble,
#ContentInternaMedium,
#ContentInternaBottom.Doble { padding-left: 25px; padding-right: 25px;}
/*ACCESO ENTIDADES ASOCIADAS*/
#DataLocalEntidad,
#DataServiciosEntidad { flex: 1 1 100%; }
#DataLocalEntidad { padding-bottom: 0; }
#DataServiciosEntidad { padding-left: 30px; }
/*ACCESO JORNADAS INTERNACIONALES*/
#AccesoJornadasInternacionales h3 { font-size: 1.4rem; }
#AccesoJornadasInternacionales address { width: 90%; }
/*MODAL CONTACTO*/
#ModalFormulario .ContentModal { padding-left: 20px; padding-right: 20px; padding-bottom: 20px;}
}
@media (max-width: 450px) {
.Viewport { padding:0 15px;}
/*header*/
#BarraTop .Viewport { padding: 0 15px 0 30px; }
/*main*/
#BarraAccesos li {flex: 1 1 50%;}
/*footer*/
#SiteMap ul { display: block; }
#SiteMap li { padding-right: 0; }
/*INTERNAS*/
#Vocales h2, #Revisores h2 { padding-left: 0; margin-bottom: 10px; }
/*DOCUMENTOS DETALLE*/
#Encabezado { -webkit-transform: translateX(0);
transform: translateX(0);}
#DetalleArticulo { padding:40px 15px;}
/*HISTORIA*/
/*documentosmode*/
#Historia .documentosmode #DetalleArticulo { opacity: 0; }
/*..............*/
/*PRENSA*/
#ContentIntroInterna.Simple #DetalleArticulo { padding: 30px; }
/*LINKS*/
#ContentIntroInterna.Triple { padding:50px 30px; }
}
@media (min-width: 450px) and (max-height: 750px) {
/*ACCESO ENTIDADES ASOCIADAS*/
.Modal { align-items: flex-start;}
}