/*
Azul oscuro: #3A6F9E
Azul claro: #558DBF
*/

/*
--------- GENERAL ---------
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
* {border:0;margin:0;padding:0;}
ul {list-style:none;}
b,strong {font-weight:bold;}
html {height: 100%;}
body {height: 100%;font-family:'Open Sans',sans-serif;font-size:90%;line-height:120%;}
form {height: 100%;}
#contenedora {height: 100%;}
.bodyPadding {padding:0px 10px;}
/*
--------- ALINEADOS / VISIBILIDAD ---------
*/
.izquierda {float:left;}
.derecha {float:right;}
.derecha {float:right;}
.clear {clear:both;}
.oculto {display:none;}
.padLeft {padding-left:15px;}
.centrado {text-align:center;}
/*
--------- TEXTOS ---------
*/
p {padding:7px 0px;}
h1 {color:#3A6F9E;font-size:210%;font-weight:normal;padding:21px 0px 12px 0px;}
h2 {color:#558DBF;font-size:170%;font-weight:normal;padding:18px 0px 10px 0px;}
h3 {color:#558DBF;font-size:150%;font-weight:normal;padding:15px 0px 8px 0px;}
.centrado {text-align:center;}
.coletilla {color:#3A6F9E;font-size:87%;}
/*
--------- ESTRUCTURA ---------
*/
.contenidoCentrado {margin:0 auto;width:970px;}
.cabeceraSup {background:#3A6F9E;border-bottom:1px solid #fff;color:#fff;height:69px;padding:6px 10px;}
.cabeceraInf {background:#558DBF;color:#fff;height:28px;padding:1px 15px;}
.pie {background:#3A6F9E;bottom:0px;color:#fff;font-size:80%;left:0px;min-height:29px;padding:10px;position:fixed;width:100%;z-index:110;}
.pie .logoPie {margin-right:15px;}
#colizq {background:#f2f2f2;float:left;width:210px;}
#colder {background:#fff;float:left;padding:10px 5px 120px 15px;position:relative;width:940px;}/*width:740px;*/
.absSupDer {position:absolute;right:5px;top:26px;}
/* Login */
.cabeceraLogin {float:right;padding:14px 10px 0px 0px;}
.cabeceraLogin input {margin:0px 3px;}
.usuarioLogueado {float:right;padding-top:8px;text-align:right;}
.usuarioLogueado_foto {background:#eee;border-radius:2px;float:left;height:33px;overflow:hidden;width:33px;}
/* Menú vertical */
.menuLat { width: 240px; padding:15px 10px;  }
.menuLat li a:link,.menuLat li a:visited,.menuLat li a:active {border-bottom:1px solid #CCC;clear:both;color:#666;display:block;padding:5px 5px 5px 7px;text-decoration:none;}
.menuLat li a:hover {background:#e8e8e8;}
/* Iframes */
#ifr1 {border-right:1px solid #ddd;float:left;padding-right:15px;width:339px;}
#ifr2 {float:left;width:580px;}/*width:580px;*/
#ifr1.iframeComunicacioneslistado { width: 500px;}
/* Botoneras cabecera y pie */
.botoneraCabecera {background:#f2f2f2;border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;margin-bottom:20px;padding:8px 2%;text-align:right;}
.botoneraPie {background:#f2f2f2;border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;bottom:0px;left:0px;padding:8px 2%;position:fixed;text-align:right;width:95%;}
.divSoporteTelf {background:url(../img/ico_telfBla.png) no-repeat 0px 2px;float:right;padding:0px 3px 3px 17px;}
/*
--------- MENÚ HORIZONTAL DE APLICACIONES ---------
*/
.cabeceraInf a:link,.cabeceraInf a:visited,.cabeceraInf a:active {color:#fff;display:block;float:left;font-size:105%;height:21px;margin-top:3px;padding:1px 20px 2px 0px;text-decoration:none;text-transform:uppercase;}
/* 1. Efecto slide up */
.cl-effect-5 a {overflow: hidden;padding: 0 4px;height: 1em;}
.cl-effect-5 a span {position: relative;display: inline-block;-webkit-transition: -webkit-transform 0.2s;-moz-transition: -moz-transform 0.2s;height:21px;transition: transform 0.2s;}
.cl-effect-5 a span::before {position: absolute;top: 100%;content: attr(data-hover);-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.cl-effect-5 a:hover span,.cl-effect-5 a:focus span {color:#c6f2ff;-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);transform: translateY(-100%);}
/*
--------- NAVEGACIÓN / ENLACES ---------
*/
a:link,a:visited,a:active {color:#3A6F9E;}
.btn0:link,.btn0:visited,.btn0:active {background:#1E3953/* url('../img/punt1.png') no-repeat right 7px*/;border-radius:5px;color:#fff;display:inline-block;height:24px;line-height:125%;padding:4px 25px 0px 25px;text-align:center;text-decoration:none;}
.btn1:link,.btn1:visited,.btn1:active {background:#558DBF;border-radius:5px;color:#fff;display:inline-block;height:24px;line-height:125%;padding:4px 25px 0px 25px;text-align:center;text-decoration:none;}
.btnExportar:link,.btnExportar:visited,.btnExportar:active {background:#1E3953 url(../img/ico_excel.png) no-repeat 6px 4px;float:right;padding:4px 15px 0px 30px;margin-top:-5px;}
.btnExportar:hover{background:#558DBF url(../img/ico_excel.png) no-repeat 6px 4px;}
.btnNuevo:link,.btnNuevo:visited,.btnNuevo:active {background:#1E3953 url(../img/new-document.png) no-repeat 6px 6px;float:right;padding:4px 15px 0px 30px;margin-top:-5px;}
.btnNuevo:hover { background: #558DBF url(../img/new-document.png) no-repeat 6px 6px;}
/* Idiomas */
.ulIdiomas {border-bottom:2px solid #d1d1d1;clear:both;margin:14px 0px 7px 0px;overflow:hidden;padding:8px 0px 0px 0px;}
.ulIdiomas li a:link,.ulIdiomas li a:visited,.ulIdiomas li a:active {background:linear-gradient(#bbb, #888);-moz-border-radius:0px;-webkit-border-radius:5px 5px 0px 0px;border-radius:5px 5px 0px 0px;color:#fff;display:block;float:left;font-size:85%;margin-right:5px;padding:4px 16px;text-decoration:none;}
.ulIdiomas li a.seleccionado:link,.ulIdiomas li a.seleccionado:visited,.ulIdiomas li a.seleccionado:active {background:linear-gradient(#f2f2f2, #d1d1d1);color:#000;}
/*
--------- TABLAS Y GRIDS ---------
*/
.tabla {font-size:90%;width:100%;}
.tabla td {border-bottom:1px solid #ccc;min-width:40px;padding:2px 4px;}
.tabla th {background:#f2f2f2;font-weight:bold;padding:2px 4px;text-align:left;}
.tabla th a:link,.tabla th a:visited,.tabla th a:active {text-decoration:none;}
.paginacion td {border:0;}
.paginacion table {margin:0 auto;}
.paginacion a:link,.paginacion a:visited,.paginacion a:active {background:#f2f2f2;display:inline-block;padding:3px 5px;text-decoration:none;}
.buscadorGrid {background:#f2f2f2;border:1px solid #ddd;margin:0px 0px 15px 0px;padding:5px 10px;}
.buscadorGrid .form_fila {text-align:left;}
/*
--------- FORMULARIOS ---------
*/
.form_fila {clear:both;overflow:hidden;padding:8px 0px;text-align:center;}
.form_colizq {float:left;padding-right:2%;text-align:right;width:28%;}
.form_colder {float:right;text-align:left;width:70%;}
.form_colizq50 {float:left;padding-right:2%;text-align:right;width:48%;}
.form_colder50 {float:right;text-align:left;width:50%;}
.input0 {border:1px solid #c8c8c8;border-radius:4px;font-family:'Open Sans',sans-serif;height:25px;padding:0px 7px;width:50px;-moz-box-shadow:inset 0 0 15px #ccc;-webkit-box-shadow:inset 0 0 15px #ccc;box-shadow:inset 0 0 15px #ccc;}
.input1 {border:1px solid #c8c8c8;border-radius:4px;font-family:'Open Sans',sans-serif;height:25px;padding:0px 7px;width:100px;-moz-box-shadow:inset 0 0 15px #ccc;-webkit-box-shadow:inset 0 0 15px #ccc;box-shadow:inset 0 0 15px #ccc;}
.input2 {border:1px solid #c8c8c8;border-radius:4px;font-family:'Open Sans',sans-serif;height:25px;padding:0px 7px;width:150px;-moz-box-shadow:inset 0 0 15px #ccc;-webkit-box-shadow:inset 0 0 15px #ccc;box-shadow:inset 0 0 15px #ccc;}
.input3 {border:1px solid #c8c8c8;border-radius:4px;font-family:'Open Sans',sans-serif;height:25px;padding:0px 7px;width:200px;-moz-box-shadow:inset 0 0 15px #ccc;-webkit-box-shadow:inset 0 0 15px #ccc;box-shadow:inset 0 0 15px #ccc;}
.input4 {border:1px solid #c8c8c8;border-radius:4px;font-family:'Open Sans',sans-serif;height:25px;padding:0px 7px;width:250px;-moz-box-shadow:inset 0 0 15px #ccc;-webkit-box-shadow:inset 0 0 15px #ccc;box-shadow:inset 0 0 15px #ccc;}
.input5 {border:1px solid #c8c8c8;border-radius:4px;font-family:'Open Sans',sans-serif;height:25px;padding:0px 7px;width:300px;-moz-box-shadow:inset 0 0 15px #ccc;-webkit-box-shadow:inset 0 0 15px #ccc;box-shadow:inset 0 0 15px #ccc;}
.input6 {border:1px solid #c8c8c8;border-radius:4px;font-family:'Open Sans',sans-serif;height:25px;padding:0px 7px;width:350px;-moz-box-shadow:inset 0 0 15px #ccc;-webkit-box-shadow:inset 0 0 15px #ccc;box-shadow:inset 0 0 15px #ccc;}
.input7 {border:1px solid #c8c8c8;border-radius:4px;font-family:'Open Sans',sans-serif;height:25px;padding:0px 7px;width:400px;-moz-box-shadow:inset 0 0 15px #ccc;-webkit-box-shadow:inset 0 0 15px #ccc;box-shadow:inset 0 0 15px #ccc;}
.textarea0 {border:1px solid #c8c8c8;border-radius:4px;color:#555;font-family:'Open Sans',sans-serif;padding:3px 5px;width:160px;-moz-box-shadow:inset 0 0 15px #ccc;-webkit-box-shadow:inset 0 0 15px #ccc;box-shadow:inset 0 0 15px #ccc;}
.textarea1 {border:1px solid #c8c8c8;border-radius:4px;color:#555;font-family:'Open Sans',sans-serif;padding:3px 5px;width:220px;-moz-box-shadow:inset 0 0 15px #ccc;-webkit-box-shadow:inset 0 0 15px #ccc;box-shadow:inset 0 0 15px #ccc;}
.textarea2 {border:1px solid #c8c8c8;border-radius:4px;color:#555;font-family:'Open Sans',sans-serif;padding:3px 5px;width:280px;-moz-box-shadow:inset 0 0 15px #ccc;-webkit-box-shadow:inset 0 0 15px #ccc;box-shadow:inset 0 0 15px #ccc;}
.textarea3 {border:1px solid #c8c8c8;border-radius:4px;color:#555;font-family:'Open Sans',sans-serif;padding:3px 5px;width:340px;-moz-box-shadow:inset 0 0 15px #ccc;-webkit-box-shadow:inset 0 0 15px #ccc;box-shadow:inset 0 0 15px #ccc;}
.textarea4 {border:1px solid #c8c8c8;border-radius:4px;color:#555;font-family:'Open Sans',sans-serif;padding:3px 5px;width:400px;-moz-box-shadow:inset 0 0 15px #ccc;-webkit-box-shadow:inset 0 0 15px #ccc;box-shadow:inset 0 0 15px #ccc;}
.textarea5 {border:1px solid #c8c8c8;border-radius:4px;color:#555;font-family:'Open Sans',sans-serif;padding:3px 5px;width:460px;-moz-box-shadow:inset 0 0 15px #ccc;-webkit-box-shadow:inset 0 0 15px #ccc;box-shadow:inset 0 0 15px #ccc;}
/*
--------- FOTOS ---------
*/
.miniatura1 {border:1px solid #999;max-width:75px;}
/*
--------- ESTILOS ADAPTACIÓN PANEL VIEJO ---------
*/
#colder_panviejo {padding:10px 20px 20px 30px;width:740px;}

/*
--------- ESTILOS MENÚ CONTEXTUAL DESLIZABLE ---------
*/
#cuerpoMenuContext { float: left; background:#f3f3f3 url(../img/sombraMenuContextual.png) repeat-y top right; height: 100%;}
#cuerpoPrincipal { float: left; width:100%; height: 100%;}
#contenido{height: 100%;}
#botOpenMenuContext { cursor:pointer; width:35px; height:35px; background:url(../img/openFX.png) no-repeat top left; margin: 5px 10px 10px 5px; float:left; display:none; }
#botCloseMenuContext { cursor:pointer; width:35px; height:35px; background:url(../img/closeFX.png) no-repeat top left; margin: 5px 10px 10px 5px; float:left;}