@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700&display=swap');
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,fieldset,form,label,input,textarea{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;vertical-align:baseline;box-sizing:border-box;box-sizing:padding-box;-moz-box-sizing:border-box;vertical-align:top;transition:all .3s ease 0; font-family: 'Lato', sans-serif;}i,em{font-style:italic}ul {box-sizing:border-box;box-sizing:padding-box;-moz-box-sizing:border-box;}ul,li{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;vertical-align:baseline;vertical-align:top; }b,strong{font-weight:600}a{display:block;text-decoration:none;color:#222; cursor:pointer;}img{vertical-align:middle} div {display:block;}
/*#173c60*/
body {background:#efefef; height:100%; position:relative;}
html{height:97%}
.marginauto-login { margin:0 auto; width:500px; }


.estilobk_header{background:#090a0e;}
.estilotxt_header{color:#fff;}
.estilotxt_headercercle{color:#fff;}
.estilotxt_headernom{color:#000;}
.estilobk_headernom{background:#2B91AE;}






.header {width:100%; position:fixed; top:0px; left:0px; min-width:1000px;}
.header-superior { display:table; width:100%}
iframe {
		width:100%;
		margin:0 0 1em;
		border:0;
		height:100%;
	}
.tot { min-width:1000px; padding-top:54px; height:100% }


.logo { display:table-cell; width:40%;padding:0px 0px 0px 0px; vertical-align:middle; }
.logo img{ width:auto; height:40px; margin-right:10px; display:inline-block;vertical-align:middle } 
.logo h2{color:#fff; font-size:13px; text-transform:uppercase; display:inline-block; vertical-align:middle; line-height:54px; margin-left:10px; }
.logo ul{display:inline-block; }
.logo ul li{list-style:none; }
.logo ul li i{font-size:24px; padding:15px 20px; cursor:pointer }
.logo ul li i:hover{ background:#fff; color:#000}


.supermenu {position:absolute; left:0px; top:0px; z-index:100;left:0px; top:0px; background:#fff;max-width:70%; -webkit-box-shadow: 8px 10px 10px -11px rgba(0,0,0,0.5);
-moz-box-shadow: 8px 10px 10px -11px rgba(0,0,0,0.5);
box-shadow: 8px 10px 10px -11px rgba(0,0,0,0.5); display:none;}
.supermenu_top {display:table; width:100%;}
.supermenu_top i{display:inline-block; list-style:none;font-size:24px; padding:15px 20px; cursor:pointer; }
.supermenu_top span{font-size:14px; float:right; cursor:pointer;  padding:15px 20px  }
.supermenu_top span i{font-size:12px; padding:2px 4px; color:#666;}

.supermenu_bottom {display:table; width:100%; padding:20px 40px 20px 20px;}
.supermenu_bottom ul { display:inline-block; padding-right:40px;  }
.supermenu_bottom ul li{list-style:none; padding-bottom:20px;}
.supermenu_bottom ul li ul {padding-right:0px;}
.supermenu_bottom ul li ul li {padding-bottom:0px;}
.supermenu_bottom ul li a{ display:block; font-size:15px; font-weight:600; margin-bottom:10px; position:relative; }
.supermenu_bottom ul ul li a{ font-size:14px; font-weight:400;margin-bottom:0px; padding:7px 5px 7px 30px; }
.supermenu_bottom ul ul li a i {  position:absolute; left:2px; top:50%; -webkit-transform: translate(0%,-50%);
      -ms-transform: translate(0%,-50%);
          transform: translate(0%,-50%);}




.header-superior-options{ width:60%;display:table-cell; text-align:right; padding-right:20px; vertical-align:middle; }
.header-superior-options a{display:inline-block;font-size:16px; padding:8px 5px; position:relative; vertical-align:middle}
.header-superior-options a span{ position:absolute; right:-2px; top:0px; font-size:11px; color:#fff; width:18px; height:18px; text-align:center; padding:2px; -webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px; background:#2B91AE; z-index:10; pointer-events:none;
}
.header-superior-options a.user{ margin-left:20px;}
.header-superior-options a.user i{ padding-right:10px}
.header-superior-options a i{ font-size:21px;}
.header-superior-options-absolute {position:absolute; width:auto; text-align:right; right:0px;  top:50%;   -webkit-transform: translate(0%,-50%);
      -ms-transform: translate(0%,-50%);
          transform: translate(0%,-50%);}
.header-superior-options a.usuario{width:36px; height:36px; -webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;  font-size:12px; position:relative}
.header-superior-options a.usuario span{height:auto;position:absolute; width:auto; text-align:center; left:50%; padding:0px; color:#000; background-color:transparent;  top:50%;   -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%); font-weight:900; font-size:14px;}
.header-superior-options ul {display:inline-block; position:relative;}
.header-superior-options ul li {display:inline-block;  vertical-align:middle; position:static}

.header-superior-options ul li.desplegable:hover a:after{content:""; position:absolute; top:28px; left:50%;webkit-transform: translate(-50%,0%);
      -ms-transform: translate(-50%,0%);
          transform: translate(-50%,0%); display:inline-block;
      width: 0;
      height: 0;
      border-left: 14px solid transparent;
      border-right: 14px solid transparent;
      border-bottom: 14px solid white;
     } 
.header-superior-options ul li ul {display:none; position:absolute; right:0px; margin-right:10%; background:#ffffff; top:36px; padding:10px;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; -webkit-box-shadow: 5px 5px 3px -2px rgba(0,0,0,0.23); 
box-shadow: 5px 5px 3px -2px rgba(0,0,0,0.23); }




.header-superior-options ul li.desplegable:hover ul {display: inline-block;}
.header-superior-options ul li ul table { border-spacing:0px; border-collapse: collapse; white-space:nowrap; }
.header-superior-options ul li ul table { border: 1px solid #eee;}
.header-superior-options ul li ul table tr:nth-child(odd) {background:#eee; white-space:nowrap;}
.header-superior-options ul li ul table tr td {padding:5px 12px; white-space:nowrap;}


.header-inferior { background:#e0e0e0; padding:0px 0px}
.header-inferior ul li{ display:inline-block; list-style:none; }
.header-inferior ul li a{ color:#333333; font-size:12px; font-weight:500; text-transform:uppercase; padding:10px 20px; }
.header-inferior ul li a:hover{ background:#cccccc }
.header-inferior ul li a.seleccionado{ color:#fff;  background:#163c61;  }
.header-inferior ul li span{ display:inline-block; color:#aaaaaa; font-size:13px; font-weight:500; text-transform:uppercase; padding:10px 20px; cursor:default; }
.header-superior-options ul li ul table tr td span.texte{display: inline-block;
    width: 240px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;}


.header-inferior ul li a i{ padding-right:8px;}

.header-inferior ul li span i{ padding-right:8px;}


.header-inferior ul li.recerca { padding:5px 20px 5px 20px }
.header-inferior ul li.recerca i{ padding:6px 8px 6px 0px; font-size:16px;}
.header-inferior ul li.recerca input{ padding:5px; font-size:12px;}
.header-inferior ul li.recerca select{ padding:4px; font-size:12px; margin-right:6px; cursor:pointer;}



.login {display:inline-block; margin:0 auto; width:500px; margin:20px 0px 20px 0px; border:1px solid #ddd; background:#fff;}
.login h1{ text-align:center; font-weight:600; color:#fff; margin-bottom:10px; padding:10px 0px; font-size:18px;background:#090a0e}
.login-block { padding:10px 20px; text-align:center; position:relative;}
.login-blockpadtop {padding-top:20px;}
.login-block input.camp{ padding:5px 10px; width:100%; border:1px solid #dddddd}
.login-block input.boto{ padding:8px 16px; font-size:18px; color:#fff; margin-bottom:20px; cursor:pointer; background: #2B91AE}
.login-block input.blau{background:#163c61;}
.login-block input.radio{ margin:2px 2px 0px 0px;}
.login-block select.selector{padding:5px 10px; width:100%; border:1px solid #dddddd; cursor:pointer;}
.login-block textarea.texto{ padding:5px 10px; width:100%; min-height:120px; border:1px solid #dddddd}


.login-block ul{position:absolute; right:30px; top:20px;}
.login-block ul li{list-style:none; color:#d21729; font-size:9px; font-weight:700; text-transform:uppercase;}
.login-block a.login-idioma {display:inline-block; padding:5px 8px; color:#000000; font-size:14px; text-transform:uppercase;  }
.login-block a.seleccionado { background-color:#dddddd}
.login-blocksinp{ padding:10px 0px;}
.login-blocksinp ul {right:00px; top:-10px;}
.login-blockR {  text-align:right; }
.login-blockL{  text-align:left; }
.login-links {text-align:center;}
.login-links p {color:#000; font-size:14px; margin-bottom:10px;}
.login-links p:last-child { margin-bottom:0px;}
.login-links p a {color:#173c60; display:inline-block; text-decoration:underline;}
.login-blocklinea{border-top:1px solid #eeeeee; margin:10px 0px;}

.login-logo {text-align:center;}
.login-logo img{max-width:180px;}

.login-error {margin:10px 20px; background:#fcc5c5; padding:10px; font-size: 13px;}


span.login-block-span-vol {position:absolute; right:5px; bottom:14px;}
span.login-block-span-vol a{background:#dddddd; border:1px solid #cccccc; padding:4px; display:inline-block; color:#000; font-weight:900; font-size:22px;line-height:11px;}




@media screen and (max-width: 1400px) {
ul.menu_opciones li{ width:16.66666%;}

}