@charset "UTF-8";    

/* CSS DIR4 */

/* Reset */
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
   /* vertical-align: baseline;*/
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Estilos generales */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #4e4e4f;
}

strong {
    font-weight: bold;
}

::-webkit-input-placeholder {
   font-style: italic;
   font-weight: bold;
}
:-moz-placeholder {
   font-style: italic;
   font-weight: bold;  
}
::-moz-placeholder {
   font-style: italic;
   font-weight: bold;  
}
:-ms-input-placeholder {  
   font-style: italic;
   font-weight: bold; 
}

/* Layout */
#container {
    min-height: 100%;
    position: relative;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100%  100%;
    background-color: #ffffff;
    background-image: -moz-linear-gradient(top, white 50%, #e9e9e9 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), color-stop(100%, #e9e9e9));
    background-image: -webkit-linear-gradient(top, white 50%, #e9e9e9 100%);
    background-image: -o-linear-gradient(top, white 50%, #e9e9e9 100%);
    background-image: -ms-linear-gradient(top, white 50%, #e9e9e9 100%);
    background-image: linear-gradient(to bottom, white 50%, #e9e9e9 100%);
}

/*#header {
    padding: 10px;
}*/

#body {
    margin: 0 auto;
    max-width: 1100px;
    padding: 10px 0 280px;
    /* padding-bottom: Height of the footer */
}

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 280px;
    /* Height of the footer */
}

.oculto {
    display: none;
}

.center {
    margin: 0 auto;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-left-important{
    text-align: left !important;
}

.text-right {
    text-align: right;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.float-none {
    float: none;
}

.small {
    font-size: 85%;
}

/* Clearfix */
.cf:before, .cf:after, .row:before, .row:after, .rowNotFromRedSara:before, .rowNotFromRedSara:after, form ul:before, form ul:after {
    content: " ";
    display: table;
}

.cf:after, .row:after, .rowNotFromRedSara:after, form ul:after {
    clear: both;
}

/* Márgenes */
ul, ol, p, h1, h2, h3, h4, form, legend, .botonera, .panel-decor {
    margin: 10px 0 20px;
}

h2, h3 {
    margin-bottom: 15px;
}

h4 {
    margin-bottom: 10px;
}

/* Paneles */
.panel, .panel-decor {
    float: left;
    padding: 10px;
}

.row .panel:first-child {
    padding-left: 0;
}

.rowNotFromRedSara .panel:first-child {
    padding-left: 0;
}

.row .panel:last-child {
    padding-right: 0;
}

.rowNotFromRedSara .panel:last-child {
    padding-right: 0;
}


.panel-decor {
    border: 1px solid #a3b9cc;
    background-color: #fff;
    /*width: 98%;*/
    border-radius: 10px;
}

.body-panel {
    border: 1px solid #eaeaea;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    margin: 0 -20px;
    margin-bottom: -350px;
}

/* Anchuras */
/* Judith aplicaciones */
.w5pc { width: 5%; }
.w10pc { width: 10%; }

.w20pc {
    width: 20%;
}

.w25pc {
    width: 25%;
}

.w33pc {
    width: 33.33%;
}

.w50pc {
    width: 50%;
}

.w50pcCenter { width: 50%; margin: 0 auto; }

.w75pc {
    width: 75%;
}

.w100pc {
    width: 100%;
}

div[class*='w'] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Estilos cabecera */
/*#header {
    border-top: 10px solid #0c416e;
    background-color: #f8f6eb;
    height: auto;
    width: 100%;
    padding: 0;
    margin: 0;
}*/

#header-container {
    width: 1100px;
    position: relative;
    margin: 0 auto;
    height: 156px;
}

#header-container div {
    position: absolute;
}

#logo-dir4 {
    top: 26px;
    left: 2px;
}

#slogan {
    left: 405px;
    top: 45px;
    font-size: 150%;
    font-weight: bold;
    color: #0c416e;
    line-height: 1.2em;
    font-family: Arial, sans-serif;
}

#logo-ministerio {
    top: 30px;
    right: 0;
}

/* Estilos navegación */
#navbar {
    background: #dcdcdc;
    display: none;
}

#nav {
	width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    height: 50px;
    text-align: center;
    position: relative;
}

#nav ul {
    text-align: left;
}

#nav li {
    float: left;
    margin: 0 -4px 0 0;
    height: 100%;
}

#nav li a {
    display: inline-block;
    padding: 0 35px;
    color: #0c416e;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 1.3em;
    height: 100%;
    line-height: 2.7em;
    font-weight: normal;
    border-right: 1px solid #fff;
}

#nav li a.sin-raya {
    border-right: 0 solid;
}

#nav li a.submit {
    float: right;
}

#nav .active a, #nav a:hover, #nav a:focus {
    background-color: #fff;
}

#nav li a.submit.desconect {
    height: 17px;
    box-sizing: content-box;
    line-height: 1.5em;
    margin-top: 12px;
    margin-left: 20px;
    margin-right: 0;
    background: #2879b7 url(img/desconect.png) no-repeat 8px 50%;
    padding: 4px 12px;
    padding-left: 35px;
}

#nav ul ul {
    display: none;
}

/* Migas */
#migas {
    font-size: .93em;
    color: #707070;
    margin: 20px auto 30px;
}

#migas a {
    font-weight: bold;
}

/* Estilos cuerpo*/
#body-content {
    margin: 0 0 60px;
    color: #5A5A5A;
    
    
}

/* login */
#home .login {
    width: 870px;
    margin: 60px auto 0;
    background: transparent url("img/fondo-login.png") 50% 50% no-repeat;
}

#home .login .panel-decor {
    background-color: rgba(255, 255, 255, 0.4);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px;
    margin-top: 0;
}

#home .login .panel-decor h2 {
    color: #0c4270;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.45em;
}

#home .login .panel-decor form {
    margin: 0;
}

#home .login .panel-decor ul {
    list-style-type: none;
    margin: 0;
}

#home .login .panel-decor li {
    margin-bottom: 20px;
}

#home .login .panel-decor.certif li {
    margin-bottom: 40px;
}

#home .login .panel-decor.certif li a {
    font: normal 1.1em/1.5em Arial,sans-serif;
    padding-left: 130px;
    display: block;
    background: transparent url("img/certificados.png") 0 5px no-repeat;
    min-height: 55px;
}

#home .login .apps {
    width: 100%;
}

#home .login .apps li a {
    float: left;
    height: 54px;
    width: 141px;
    text-indent: -9999px;
    background: transparent url("img/apps.png") 0 0 no-repeat;
    margin-right: 88px;
    padding: 0;
}

#home .login .apps li a.last {
    margin-right: 0;
}

#home .login .apps li a.site {
    background-position: -232px 0;
    width: 167px;
}

#home .login .apps li a.reunete {
    background-position: -490px 0;
    width: 127px;
}

#home .login .apps li a.ivo.last {
    background-position: -708px 0;
    width: 98px;
}

#home .login .panel-decor li a strong {
    font-weight: bold;
}

#home .login .panel-decor li a.last {
    background-position: 0 -195px;
}

#home .login .panel-decor li a:hover {
    text-decoration: none;
}

#home .login .panel-decor li.botonera {
    margin: 0;
    text-align: left;
}

#home .login .botonera button[type="submit"],
#home .login .botonera button[type="reset"] {
    padding: 7px 12px;
}

#home .login .panel-decor label {
    color: #0c4270;
    font-size: 1em;
}
#home .login .panel-decor label span {
    font-weight: normal;
}
#home .login .form-login,
#home .login .certif {
    width: 47.5%;
    min-height: 482px;
    padding-bottom: 0;
}

#home .login .form-login {
    margin-right: 5%;
}
#home .login .form-login .olvido {
    display: block;
    margin: 20px 0 0;
}
#home .login .form-login img {
    margin-right: 15px;
    vertical-align: middle;
    border: 1px solid #a3b9cc;
    padding: 1px;
}

.login input[type=text],
.login input[type=password] {
    width: 45%;
    /*width: 80%;*/
}

.login .panel-decor {
    padding-left: 40px;
}

.login .panel-decor p {
    margin: 20px 0 20px -40px;
}

/* Cabeceras */
h1, h2, h3, h4 {
    font-weight: bold;
    color: #004172;
}

h1 {
    font-size: 26px;
    line-height: 35px;
    margin-left: -10px;
}

.modal-text-header, div.sindic div p{
	margin: 0;
}

.modal-td{
	font-family: muliregular, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #004172;
    text-align: left;
}

.modal-link{
	font-weight: 600;
}

.link-visited{
   color: #0000a0;	
}

.link{
	color: #004172;
}

#tableFile{
margin: 0px;	
}

.body-panel h1 {
    margin-top: 0;
}

h1 i:before {
    width: 40px;
    text-align: center;
}

h2 {
    font-size: 21px;
    line-height: 30px;
}

h3 {
    font-size: 18px;
    line-height: 25px;
}

h4 {
    font-size: 16px;
    line-height: 20px;
}

/* Listas */
#body-content ul {
    margin-left: 30px;
    list-style-type: disc;
}

#body-content ol {
    margin-left: 30px;
    list-style-type: lower-alpha;
}

ul.us-solic {
    line-height: 40px;
}

dl.sindic, div.sindic {
    clear: both;
    line-height: 30px;
}

dl.sindic dt, dl.sindic dd, div.sindic div strong, div.sindic div p {
    float: left;
}

dl.sindic dt, div.sindic div strong {
    width: 20%;
    color: #004172;
    font-weight: bold;
}

dl.sindic dd, div.sindic div p {
    width: 80%;
}

dl.sindic dd label {
    font-weight: normal;
    color: #5a5a5a;
}

dl.sindic dd textarea,div.sindic div p textarea,  {
    margin-top: 10px;
}

ul.listado li {
    list-style-type: none;
    line-height: 2.5em;
}

UL.col2
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FLOAT: left;
PADDING-BOTTOM: 0px;
MARGIN: 15px 0px;
WIDTH: 100%;
PADDING-TOP: 0px;
LIST-STYLE-TYPE: none
}
 
UL.col2 LI
{
PADDING-RIGHT: 2px;
DISPLAY: inline;
PADDING-LEFT: 2px;
FLOAT: left;
PADDING-BOTTOM: 2px;
WIDTH: 50%;
PADDING-TOP: 2px
}

/* Enlaces */
a {
    color: #004172;
    text-decoration: none;
}

a:hover {
    color: #323538;
    text-decoration: underline;
}

/* Imágenes */
img.image-border {
    border: 1px solid;
    padding: 2px;
}

img.float-right, .body-content img.float-left {
    margin: 10px 0 10px 10px;
}

img.float-left {
    margin: 10px 10px 10px 0;
}

/* Estilos pie */
#footer {
    background: #4c5055;
}

#footer-content {
    max-width: 1100px;
    margin: 0 auto;
}

#footer-nav {
    background: #4c5055 url("img/logo-footer.png") -10px 0 no-repeat;
    min-height: 147px;
    font-family: Arial, sans-serif;
    font-size: 1em;
    padding-left: 245px;
    margin: 20px 0 0;
}

#footer-nav li {
    float: left;
    margin-right: 25px;
}

#footer-nav ul {
    font-size: .9em;
    margin: 10px 0 0;
}

#footer-nav ul li {
    display: block;
    float: none;
    margin-right: 25px;
}

#footer-nav a, #footer-nav span {
    color: #fff;
    text-decoration: none;
}

#footer-nav span {
    font-weight: bold;
}

#footer-nav ul a {
    font-weight: normal;
}

#footer-content p {
    color: #fff;
    margin-bottom: 10px;
    text-align: center;
}

#footer p.copy {
    margin-left: 100px;
}

#footer .apps p {
    font-size: 1.15em;
    font-family: Arial, sans-serif;
    font-weight: bold;
    width: 380px;
    float: left;
}

#footer .apps ul {
    float: left;
    margin: 0;
    margin-bottom: 8px;
}

#footer .apps li {
    display: inline;
}

#footer .apps a {
    display: inline-block;
    width: 109px;
    height: 42px;
    text-indent: -2000px;
    overflow: hidden;
    background: url('img/apps-footer.png') no-repeat 0 0;
    margin-right: 45px;
}

#footer .apps a.site {
    background-position: -181px 0;
    width: 131px;
}

#footer .apps a.reunete {
    background-position: -381px 0;
    width: 99px;
}

#footer .apps a.ivo {
    background-position: -551px 0;
    width: 76px;
}

/* Tablas */
.bloque-pag {
    border: 1px solid #ccc;
    background-color: #edeef3;
    padding: 0 10px 10px;
}

.bloque-pag p {
    margin-bottom: 15px;
}

.bloque-pag form {
    margin-bottom: 10px;
}

.bloque-pag form ul li.dos-cols {
    width: 50%;
    float: left;
}

.bloque-pag form ul li.dos-cols p {
    margin: 0;
}

.bloque-pag .paginar {
    text-align: right;
}

.bloque-pag .paginar a.submit {
    padding: 5px 8px;
    margin: 0 0 0 10px;
}

.bloque-pag label {
    display: inline;
    font-weight: normal;
    color: #383838;
    padding: 0;
}

.bloque-pag select {
    width: auto;
    margin-left: 10px;
    padding-right: 6px;
}

table {
    width: 100%;
    background-color: #FFF;
    margin: 15px 0;
    border: 1px solid #ccc;
}

table a {
    font-weight: bold;
}

table a:hover {
    text-decoration: none;
}

table caption {
    margin: 5px 0;
    font-weight: bold;
    font-size: 1.1em;
    color: #004172;
    text-align: center;
}

table tr {
    border-top: 1px solid #ddd;
}

table th {
    background-color: #cad7e1;
    color: #004172;
    font-weight: bold;
}

table th, table td {
    padding: 7px 4px;
    vertical-align: middle;
    text-align: center;
    max-width: 430px;
    word-wrap: break-word;      
    overflow-wrap: break-word;
}

table tbody tr.par {
    background-color: #edeef3;
}

table tbody tr.impar {
    background-color: #fff;
}

table tbody tr:nth-child(2n+1) {
    background-color: #edeef3;
}

table tbody tr:nth-child(2n) {
    background-color: #fff;
}

table tbody tr.sombra {
    background-color: 	#ADD8E6;
}

.tablaCabecera{
border: 2px;
display: table;
width: 100%;
}
.columna1Cabecera{
display: table-cell;
width: 50%;
}
.columna2Cabecera{
display: table-cell;
width: auto;
vertical-align: middle;
float: right;

}

/* Formularios */
fieldset {
    border: 1px solid #d1d1d1;
    padding: 10px 10px 10px 20px;
    margin-bottom: 30px;
    background-color: #fafbfc;
    border-radius: 5px;
}
.fieldsetPopUp{
	padding: 10px 20px 20px;
	height:550px;
	overflow: scroll
}

legend {
    margin: 0;
    padding: 0 10px;
    color: #5a5a5a;
    font-size: 1.15em;
}

label, p.label {
    display: block;
    font-weight: bold;
    font-size: 1.05em;
    color: #25587E;
    padding-left: 6px;
    margin: 0 0 5px;
}

label.rcpdata {
    color: #383838;
    font-weight: normal;
}

input[type="text"].rcpdata {
    background-color: transparent;
    border: none;
}

input[type="radio"] + label, input[type="checkbox"] + label {
    display: inline;
    margin-right: 15px;
    padding: 0;
}

form textarea {
    height: 5em;
}

#body-content form ul {
    margin: 0;
    list-style-type: none;
}

form ul ul {
    margin-left: -1.5em;
    margin-bottom: 0;
}

form ul li {
    padding-left: 0;
    margin-top: 5px;
}

form ul ul li {
    float: left;
    clear: none;
    width: 100%;
    padding-right: 1%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 10px;
}

form ul ul li.dos-cols {
    width: 50%;
}

form ul ul.email li.dos-cols {
    width: 48%;
}

form ul ul li.tres-cols {
    width: 33.333%;
}

form ul ul li.cuatro-cols {
    width: 25%;
}

form ul ul li.cinco-cols {
    width: 25%;
}

form ul ul li.seis-cols {
    width: 16.6%;
}

form ul ul.email li.cinco-cols {
    width: 4%;
    padding-right: 1.5%;
}

form ul ul.email li.cinco-cols span {
    display: block;
    text-align: center;
    margin-top: 28px;
}

.botonera {
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

form .botonera input.boton {
    padding: 4px 10px;
}

form textarea, form select, form ul ul li input[type="text"] {
    width: 96%;
    margin-bottom: .4em;
    font-size: 1em;
}

form ul ul li input[type="text"] {
    width: 98%;
}

form ul ul li.dos-cols input[type="text"] {
    width: 96%;
}

form ul ul li.tres-cols input[type="text"] {
    width: 94%;
}

form ul ul li.cuatro-cols input[type="text"] {
    width: 92%;
}

form ul ul li.cinco-cols input[type="text"] {
    width: 88%;
}

form ul ul li.seis-cols input[type="text"] {
    width: 88%;
}

form ul ul li select {
    width: 99%;
}

form ul ul li.dos-cols select {
    width: 98%;
}

form ul ul li.tres-cols select {
    width: 97%;
}

form ul ul li.cuatro-cols select {
    width: 96%;
}

form ul ul li.cinco-cols select {
    width: 96%;
}

form ul ul li.seis-cols select {
    width: 96%;
}

form textarea {
    width: 80%;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

form ul ul li textarea {
    width: 98%;
}

input[type="text"], input[type="password"], input[type="number"], textarea, select {
    border: 1px solid #A0BDE5;
    border-radius: 5px 5px 5px 5px;
    /*padding: 4px 5px;*/
    color: #383838;
}

input[type="text"]:focus, textarea:focus {
    border-color: #5BBBFF;
    outline: medium none;
}

select {
    cursor: pointer;
    padding-top:2px;
    padding-bottom:2px;
    width: 98%;
}

select:active, select:focus {
    border: 1px solid #5BBBFF;
    outline: medium none;
}

input[type="submit"], input[type="reset"], input[type="button"], a.submit, #nav a.submit.desconect, button[type="submit"], button[type="reset"], div.submit  {
    background-color: #3071a9;
    border: 1px solid #285e8e;
    border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Arial, sans-serif;
    padding: 10px 12px 6px;
    text-decoration: none;
    text-shadow: 0 1px 1px #404040;
    text-transform: uppercase;
    font-size: .9em;
    margin-right: 20px;
    margin-left: 20px;
    letter-spacing: 1px;
    font-weight: normal;
    opacity: 1 !important;
}

.positionSubmit {
	position: relative;
	top: 17px;
}

div.submit { width: 78px; margin: 0 auto; overflow: hidden; }

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, a.submit:hover, #nav a.submit.desconect:hover, button[type="submit"]:hover, button[type="reset"]:hover, div.submit:hover, a.item1:hover, a.item2:hover, a.item3:hover, a.item7:hover, a.item4:hover, a.item5:hover, a.item6:hover {
    background-color: #285f8f;
    border-color: #214e75;
}

input[type="checkbox"],
input[type="radio"] {
    margin-top: 0;
}

input[type="checkbox"] + label {
    display: inline;
}

.textoRojo, .error {
    color: #852929 !important;
}

.textoVerde{
	color: #146613 !important;
	font-weight: bold;
}

#home .login .panel-decor li.error {
    margin: -12px 0 12px;
}

.textoRojo2, .error2, .criterios {
    color: #852929;
}

/* Banner home */
.banner-container {
    background-color: #dcdcdc;
    margin-bottom: 50px;
}

.banner, .banner * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.banner {
    color: rgba(255, 255, 255, 0.6);
    font-family: Arial, sans-serif;
    overflow: auto;
    position: relative;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 2px rgba(255, 255, 255, 0.3);
    margin: 0 auto;
    width: 1100px !important;
}

.banner ul {
    list-style: none outside none;
    width: 100%;
}

.banner ul li {
    display: block;
    width: 100%;
    float: left;
    height: 400px;
    width: 33%;
    background: none no-repeat scroll 100% 0 #dcdcdc;
}

.banner ul li.una {
    background-image: url("img/banner/banner1.png");
}

.banner ul li.dos {
    background-image: url("img/banner/banner2.png");
}

.banner ul li.tres {
    background-image: url("img/banner/banner3.png");
}

.banner ul li.cuatro {
    background-image: url("img/banner/banner4.png");
}

.banner ul li.cinco {
    background-image: url("img/banner/banner5.png");
}

.banner ul li.seis {
    background-image: url("img/banner/banner6.png");
}

.banner h2, .banner p {
    margin-left: 100px;
    width: 400px;
}

.banner h2 {
    color: #0c4270;
    font-size: 1.85em;
    margin-top: 70px;
}

.banner .una h2 {
    margin-top: 25px;
}

.banner p {
    margin-top: 30px;
    color: #464646;
    font-size: 1.2em;
    line-height: 1.6em;
    text-shadow: 0 1px 1px #fff;
}

.banner .una p {
    font-size: 1.1em;
}

.banner p.botonera {
    margin-top: 35px;
}

.banner p.botonera a:first-child {
    margin-right: 50px;
}

.banner .dots {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
}

.banner .dots li {
    border: 1px solid #0C416E;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 8px;
    margin: 0 7px;
    opacity: 0.4;
    text-indent: -999em;
    transition: background 0.5s ease 0s, opacity 0.5s ease 0s;
    width: 8px;
}

.banner .dots li.active {
    background: none repeat scroll 0 0 #3e709b;
    opacity: 1;
}

.banner .unslider-arrow {
    position: absolute;
    z-index: 999;
    top: 182px;
    width: 37px;
    height: 58px;
    background: transparent url("img/banner/banner-arrows.png") no-repeat 0 0;
    text-indent: -999px;
    display: block;
    overflow: hidden;
}

.banner .unslider-arrow.prev {
    left: 0;
}

.banner .unslider-arrow.prev:hover {
    background-position: 0 -216px;
}

.banner .unslider-arrow.next {
    right: 0;
    background-position: 0 -108px;
}

.banner .unslider-arrow.next:hover {
    background-position: 0 -324px;
}

/* Secciones home */
.secciones, .secciones2 {
    margin-bottom: 40px;
}

.secciones .w25pc *, .secciones2 .w25pc *, .secciones .w50pcCenter *, .secciones2 .w50pcCenter * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.secciones .w25pc > div, .secciones2 .w25pc > div, .secciones .w50pcCenter > div, .secciones2 .w50pcCenter > div {
    border: 1px solid #a3b9cc;
    border-radius: 5px;
    height: 325px;
    text-align: center;
}

.secciones .w20pc *, .secciones2 .w20pc * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.secciones .w20pc > div, .secciones2 .w20pc > div {
    border: 1px solid #a3b9cc;
    border-radius: 5px;
    height: 325px;
    text-align: center;
}

.secciones .usua, .secciones2 .motiv {
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(204, 215, 225, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(204, 215, 225, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(204, 215, 225, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(204, 215, 225, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(204, 215, 225, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(204, 215, 225, 1) 100%);
}

.secciones .aplic, .secciones2 .gobier {
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(214, 235, 222, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(214, 235, 222, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(214, 235, 222, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(214, 235, 222, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(214, 235, 222, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(214, 235, 222, 1) 100%);
}

.secciones .inform, .secciones2 .faqs {
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 254, 223, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 254, 223, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 254, 223, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 254, 223, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 254, 223, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 254, 223, 1) 100%);
}

.secciones .dir3, .secciones2 .aprovi {
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(228, 217, 242, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(228, 217, 242, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(228, 217, 242, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(228, 217, 242, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(228, 217, 242, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(228, 217, 242, 1) 100%);
}

.secciones p, .secciones2 p {
    height: 100%;
    width: 100%;
    background: transparent url("img/secciones.png") no-repeat 0 0;
    margin: 0 auto;
    max-width: 260px;
}

.secciones2 p {
    background: transparent url("img/secciones2.png") no-repeat 0 0;
}

.secciones p a, .secciones2 p a {
    padding: 20px 20px 0;
    display: block;
    font-family: Arial,sans-serif;
    height: 100%;
    line-height: 1.3em;
    width: 100%;
    font-size: 1.3em;
}

.secciones p a:hover, .secciones2 p a:hover {
    text-decoration: none;
    color: #1367ae;
}

.secciones .usua p a,
.secciones .inform p a {
    padding: 31px 0;
}

/* Añadido 10-04-2015 por texto "Mis datos"*/
.secciones2 .gobier p a, .secciones2 .motiv p a {
    padding-top: 30px;
}

.secciones2 .gobier p a, .secciones2 .faqs p a {
    padding-top: 30px;
}

.secciones .aplic p, .secciones2 .gobier p {
    background-position: 0 -423px;
}

.secciones .inform p, .secciones2 .faqs p {
    background-position: 0 -846px;
}

.secciones .dir3 p, .secciones2 .aprovi p {
    background-position: 0 -1269px;
}

.secciones .usua p:hover, .secciones2 .motiv p:hover {
    background-position: 0 -1692px;
}

.secciones .aplic p:hover, .secciones2 .gobier p:hover {
    background-position: 0 -2115px;
}

.secciones .inform p:hover, .secciones2 .faqs p:hover {
    background-position: 0 -2538px;
}

.secciones .dir3 p:hover, .secciones2 .aprovi p:hover {
    background-position: 0 -2961px;
}

/* Home panel-decor */
#home .panel-decor {
    padding-right: 20px;
    padding-left: 20px;
    width: 1100px;
    margin-bottom: 40px;
}

#home .panel-decor h2 {
    font-family: Arial, sans-serif;
    font-size: 1.3em;
}

.centrado {
  text-align: center;
}

/*************************** MODS ********************************/
.margin0Restrictive { margin: 0 !important; }
.marginBottom40 { margin-bottom: 40px; }
.marginTop0Restrictive { margin-top: 0 !important; }
/* Judith Aplicaciones */
.marginTop4 { margin-top: 4px; }
.marginTop10 { margin-top: 10px; }
.marginTop15Restrictive { margin-top: 15px !important; }
.marginTop20 { margin-top: 20px; }
.marginTop25Restrictive { margin-top: 25px !important; }
.marginTop30 { margin-top: 30px; }
.marginBottom55Restrictive { margin-bottom: 55px !important; }
.marginRight5 { margin-right: 5px; }
.marginLeft0Restrictive { margin-left: 0px !important; }
.marginLeft5 { margin-left: 5px; }
.marginRight10 { margin-right: 10px; }
.marginRight12 { margin-right: 12px; }
.marginRight60 { margin-right: 60px; }
.marginLeft6 { margin-left: 6px;}
.marginLeft20Restrictive { margin-left: 20px !important; }
.marginLeft30 { margin-left: 30px; }
.marginLeft30Restrictive { margin-left: 30px !important;  }
.marginLeft50Restrictive { margin-left: 50px !important;  }
.marginLeft220 { margin-left: 220px; }
.marginLeft210 { margin-left: 210px; }
.marginLeft150 { margin-left: 150px; }
.paddingLeft55 { padding-left: 55px; }
.paddingLeft10PercentRestrictive { padding-left: 10% !important; }
.displayNone { display: none; }
.displayNoneRestrictive { display: none !important; }
.widthAuto { width: auto; }
.widthAutoRestrictive { width: auto !important; }
.width10PercentRestrictive { width: 10% !important; }
.width12PercentRestrictive { width: 12% !important; }
.width14PercentRestrictive { width: 14% !important; }
.width18PercentRestrictive { width: 18% !important; }
.width185PercentRestrictive { width: 18.5% !important; }
.width19PercentRestrictive { width: 19% !important; }
.width65PercentRestrictive { width: 65% !important; }
.width70PercentRestrictive { width: 70% !important; }
.width80PercentRestrictive { width: 80% !important; }
.width25Restrictive { width: 25px !important; }
.width30Percent { width: 30%; }
.width30PercentRestrictive { width: 30% !important; }
.width40PercentRestrictive { width: 40% !important; }
.width50Percent { width: 50%; }
.width58Percent { width: 58%; }
.width100Percent { width: 100%; }
.width78Restrictive { width: 78px !important; }
.width400pxRestrictive { width: 400px !important; }
.height25pxRestrictive { height: 25px !important; }
.floatRightRestrictive { float: right !important; }
.textAlignVertical { position: relative; top: -6px; }
.displayInline { display: inline; }
.displayInlineBlock { display: inline-block; }
.textAlignLeft { text-align: left; }
.whithoutWhiteSpace { white-space: nowrap; }
.NoMarginPaddingRestrictive { margin: 0px !important; padding: 0px !important; }
.NoMarginBottomRestrictive { margin-bottom: 0px !important; }
.lineHeigth0Restrictive { line-height: 0 !important; }
.relativePosition { position: relative; }
.cursorPointer { cursor: pointer; }
.link { cursor: pointer; color: #004172; }
.redLines { color: #ff4242; }
.blueLines { color: #327AAD; }
.border0{border: 0px; }
.modal-header{background-color: #fafbfc; border-radius: 6px}
.paddingModalBody { padding: 0 32px 0; }
.modal-footer{background-color: #fafbfc; border-radius: 6px}
/*************************** END MODS ********************************/

/*************************** MODERN FORMS ********************************/
.smallInputForm { width: 32% !important; }

.rowForm { overflow: hidden; margin-top: 15px; }

.rowForm input { width: 98%; }

.rowForm .mediumSizeColumnForm { width: 50%; float: left; }
.rowForm .mediumSizeColumnForm input { width: 96%; }

.rowForm .tresColsForm { width: 65%; margin-bottom: 10px;}

.rowDetails { display: inline-block; width: 95%; margin: 10px; }

.detailsData { display: inline; color: #004172; }
.detailsData.columnName { font-weight: bold; }
.detailsData.columnValue { float: right; } 

.inputLikeLabel { width: 80%; background-color: transparent; border: 0px solid; text-align: right; }

/*************************** END MODERN FORMS ********************************/

/*************************** GLOBALS **********************************/
.columnLeft { float: left; }
/*.row { margin-top: 15px; width: 100%; display: inline-block; margin-right: 0px; margin-left: 0px;} */
.rowPassword {margin-top: 15px; display: inline-block;}
.noResults { display: none; text-align: center; color: #327AAD; font-weight: bold; font-size: 15px; }
.trashList { display: inline; }
.blueAutentica { color: #004172; }
.rowNotFromRedSara { width: 100%; margin: 15px auto; max-width: 850px; }
/*************************** END GLOBALS ******************************/

/*************************** HEADER CHANGES ***************************/
.userLogged { float: left; background: #fafbfc; padding: 5px; margin-top: 9px; border-radius: 5px; margin-left: 10px; }
.userLoggedFromRedsara { position: absolute; right: 98px; }
.userNameLogged { font-weight: bold; }

.profileMenu {  position: absolute; z-index: 9999; background: rgba(220, 220, 220, 1); border: 1px solid rgba(0,0,0,.2);
    		   -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2); box-shadow: 0 2px 10px rgba(0,0,0,.2);
    		    outline: none; right: 97px; top: 59px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    			border-radius: 5px; -webkit-user-select: text; padding: 20px 35px; line-height: 11px;
    			display: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none;
    			-o-transition: none; transition: none; } 
    			
.profileMenuArrow { border-color: rgba(0, 0, 0, 0); border-bottom-color: rgba(0, 0, 0, 0.9);
    				border-style: dashed dashed solid; border-width: 0 8.5px 8.5px; position: absolute;
    				top: -10px; right: 3px; z-index: 1; height: 0; width: 0; }
    				
.optionsMenu div { font-weight: bold; cursor: pointer; color: #0c416e; text-align: left;}
.optionsMenu div i { margin-right: 5px; }
/*************************** ATTACHMENT DETAILS *******************/
.attachmentDetails { margin-top: 10px; }
#showAttachment { cursor: pointer; }

.inputsContainer { width: 100%; margin: 0 auto; max-width: 1035px; overflow: hidden; padding: 10px; 
				   text-align: center;}
.inputsContainer label, .inputsContainer input, .inputsContainer select { display: inline-block; margin: 3px; }
.inputsContainer input { width: 100px; }
.inputsContainer select { width: 168px; }
.inputsElement { float: left; margin: 15px; }

.rowSearch { width: 100%; font-size: 14px; padding: 10px; }
.columnShortSearch { display: inline-block; width: 10%; color: #327AAD; }
.columnSearch { display: inline-block; width: 19%; color: #327AAD; }
.columnLongSearch { display: inline-block; width: 35%; color: #327AAD; }

.headersShort { width: 10%; font-weight: bold; }
.headers { width: 19%; font-weight: bold; }
.headersLong { width: 35%; font-weight: bold; }
.headersLong:nth-child(1) { margin-left: 29px; }

.separator { border: 1px solid #f1eded; width: 98%; margin: 12px 0px; }

.icon-search:before { margin-right: 5px; } 
.icon-eye-open:before { margin-right: 5px; }
.icon-paperclip { font-size: 22px; color: #327AAD; margin-right: 10px;}
/*************************** END ATTACHMENT DETAILS ***************/


/*************************** NEW APPLICATION CHANGES **************/
.inline { width: 100%; display: inline-block; }
.inline input { width: 94% !important; }
.inline93 input { width: 93% !important; }
.inline60 input, .width60PercentRestrictive { width: 60% !important; }
.inline30 input { width: 30% !important; }
.add-box, .remove-box { width: 10px; background: #fff; padding: 6px; border-radius: 5px; 
						border: 1px solid #948f8f; cursor: pointer; color: #327AAD; box-sizing: content-box;}
.remove-box { margin-left: 5px; } 
.add-box:hover, .remove-box:hover { background: #8b8f92; color: #fff; text-decoration: none; }

.row input, .rowPassword input { margin-right: 8px; }

.questionHover { float: right; cursor: pointer; display: inline-block; position: relative;
   			     top: -23px; left: -395px; color: #327AAD; }
   			     
#promptHelp { display: none; position: absolute; width: 400px; padding: 10px;
    		  background: #fafbfc; color: #000000; border: 1px solid #d0cbc5; font-size: 90%;
    		  border-radius: 5px; z-index: 999; box-shadow: 1px 1px 1px 1px #d0cbc5;}
    		  
    		  
/* #promptHelp:after { content: ''; position: absolute; border-style: solid;
					border-width: 19px 24px 19px 0; border-color: transparent #3071a9; display: block;
				    width: 0; z-index: 1; left: -24px; top: 3px; } */

    
.titlePrompt { font-size: 15px; color: #327AAD; font-weight: bold; }
.textPrompt { font-size: 12px; margin-top: 10px; }

#toHide { margin-left: 35px; }

.levelIndex { margin-left: 20px; }

.rowInline { display: inline-block; width: 100%; }
.rowInline .row { width: 45%; }

.maxWidth400 td{
	max-width: 0px !important;
}
/*************************** END NEW APLICATION CHANGES ***********/

/*************************** NEW MANAGEMENT USERS CHANGES *********/
#mostrarOrgDialog { width: 80%; }
@media (min-width: 900px) {
  #mostrarOrgDialogPermiso {
    width: 1080px !important;
  }
}

.modal-body-table{
	padding: 15px !important;
}
.modal-dialog-right{ right:1px !important; position: absolute; margin:0; width:400px; height:auto;  top:0px;     max-height: 100%;}

#container { background-size: 0%; }

.appListButton { width: 25% !important; text-align: center; margin: 0 !important; }

.list { display: grid; }
.listItem { line-height: 2.5em; color: #004172; cursor: pointer;  }
.listItem:hover { color: #000; text-decoration: underline; }

.listAppsSelected { margin-left: 15px; }
.appSelectedRow { color: #255A83; line-height: 25px; }

.rowSelected { background: #e8edf3; padding: 5px; border-radius: 7px; margin-bottom: 5px; }
.icon-ok-circle { font-size: 30px; float: right; margin-right: 5px; margin-top: 3px !important; text-decoration: none !important; }

/*************************** END NEW MANAGEMENT USERS CHANGES *****/

/*************************** MANAGEMENT POSITIONS/MAILS ******************/
.managementRow { width: 100%; display: block; margin: 15px 0; }

.managementRow .positionItem, .managementRow.i, .managementRow .editItemList, 
.managementRow .lblManagement, .managementRow .inputSearch, .managementRow .searchCounterResults,
.managementRow .numberResults, .managementRow .txtResults { 
	display: inline; 
}

.lblManagement { color: #004172; font-weight: bold; }
.title { float: left; margin-left: 30px; }
.actions { float: right; margin-right: 61px; }

.editItemList { float: right; margin-right: 40px; }

ul.listado li:first-child { margin-top: 40px; }

.icon-pencil { cursor: pointer; }

.searchCounterResults { margin-left: 5px; }
.numberResults { font-weight: bold; color: #8e8e8e; font-size: 17px; }
.txtResults {  color: #004172; }
/*************************** END MANAGEMENT POSITIONS/MAILS **************/

/*************************** RESPONSIVE ***************************/

/*************************** END RESPONSIVE ***************************/

/*************************** CUSTOM BUTTON CLOSE SESSION ***************************/
.columnsContainer { width: 100%; margin: 0 auto; overflow: hidden; }
.column { width: 50%; float: left; padding-bottom: 15px; } 
.column input, .column .sp-replacer { margin-bottom: 25px; }
.column #txtUrl { width: 430px; }

.columnTitle { font-size: 26px; line-height: 35px; font-weight: bold; color: #004172; padding: 30px 0px; } 
.titleLines { color: #0c4270; font-size: 15px; font-weight: bold; }

.fa { font-size: 20px !important; margin-right: 10px; }
.fa-power-off { font-size: 15px !important; }

.custom { margin: 0px !important; text-align: center; }

#btnResult { width: 150px; 		}

#urlResponse { display: inline; }

.btnsCopy { padding-left: 4px; color: #fff; cursor: pointer; }
.btnsCopy:before { font-family: 'FontAwesome'; content: "\f0ea"; padding: 4px; border-radius: 5px;
  				  background: #3071a9; border: 1px solid #285e8e; }

/*************************** END CUSTOM BUTTON CLOSE SESSION ***************************/

/*************************** USER DATA *************************************************/
.userDataIcon { margin-right: 5px; }
/*************************** END USER DATA *************************************************/

/*************************** CHANGE PERMISSIONS ********************************************/
.help { left: -30px; font-size: 20px; top: -26px; }
.dir3Unities { top: -18px; position: relative; height: 3em; width: 60% !important; float: left; } 
.dir3Repositories { height: 3em; width: 50% !important; float: left;}
#chkRecursion { margin-right: 5px; margin-left: 40px; }
/*************************** END CHANGE PERMISSIONS ********************************************/

/*************************** NUEVO MENU DIR4 ***************************************************/
/*.menu { background: #dcdcdc; width: 100%; height: 50px; } */
.navigation { width: 100%; max-width: 1100px; margin: 0 auto; height: 50px; text-align: center; position: relative; }
.optionMenu { float: left; margin: 0 -4px 0 0; height: 100%; display: inline-block; padding: 0 10px;
			  color: #0c416e; font-family: Arial, sans-serif; font-size: 1.3em; height: 100%;
			  line-height: 2.7em; font-weight: normal; border-right: 1px solid #fff; cursor: pointer; position: relative; }
			  
.optionMenu a { text-decoration: none; }			  
.optionMenu:hover { background: #fff; }
			  
.userLogged { float: left; background: #fafbfc; padding: 5px; margin-top: 9px; border-radius: 5px;
			  margin-left: 10px; }
.userNameLogged { font-weight: bold; }

.withoutBorder { border-right: 0 solid; }	

.optionSelected { background: #fff; }

/*.dropdown { position: relative; display: inline-block; }*/

.dropdown-content { display: none; position: absolute; min-width: 275px; z-index: 1; left: 0px; top: 50px;
					background-color: #fff; border: 1px solid #dcdcdc; border-top: none; padding: 0;
    				margin: 0; -webkit-box-shadow: 2px 2px 2px rgba(170, 170, 170, 0.4);
    				-moz-box-shadow: 2px 2px 2px rgba(170, 170, 170, 0.4);
    				box-shadow: 2px 2px 2px rgba(170, 170, 170, 0.4); width: 100%;}

/*.dropdown-content a { display: block; font-size: 14px; line-height: 3.5em; color: #0c416e;
    				  padding: 0 0 0 35px; margin: 0; font-weight: normal; text-decoration: none;
    				  font-family: Arial, sans-serif; height: 100%; text-align: left; }*/

.dropdown-content a:hover {background-color: #dcdcdc; }

.show {display:block;}

/*.dropdown-submenu {
    position:relative;
}*/
/*.dropdown-submenu>.dropdown-content {
    top:0%;
    left:101%;
}*/
/*.dropdown-submenu:hover>.dropdown-content {
    display:block;
}
.dropdown-submenu>a:after {
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#0c416e;
    margin-top: 20px;
    margin-right: 20px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#0c416e;
}*/

/*************************** NUEVO MENU DIR4 ***************************************************/

/*************************** MANAGEMENT REPOSITORIES *******************************************/
.result { text-align: center; padding: 12px; background: rgba(48, 113, 169, 0.6); color: #fff;
    	  font-weight: bold; border-radius: 5px; width: 50%; margin: 30px auto; box-shadow: 1px 1px 2px 1px #928e8e;
    	  position: absolute; display: none; z-index: 99999; left: 23%; top: -95px; }

.closeButton { position: absolute; right: 10px; top: 5px; font-size: 25px;
    		   width: 10px; cursor: pointer; }		 
    		   
.btnCheckConnection { float: right; margin-top: 20px; }

.fieldsetError { background-color: #fff5f5; border: 1px solid #ff4242; }

.fieldsetWithoutLine { border: 0; }

.connectionResult { margin-bottom: 10px; }

.unitiesContainer { float: right; width: 50%;}
.unitiesList { float: none !important; display: block !important; margin-top: 8px; }

/*************************** MANAGEMENT REPOSITORIES *******************************************/

/*************************** LOGOS *************************************************************/
.samlLogo { height: 21px !important; margin-left: 18px !important; margin-top: -2px; }
.cas { margin-top: -3px; }
.angular { height: 60px !important; margin-top: -22px; }
.htmlCss3Js { width: 89px; height: 40px !important; margin-top: -12px; }
.bootstrap { width: 110px; margin-top: -3px; }

.tecnologyLogos { max-width: 787px; overflow: hidden; margin: 20px auto; }
.tecnologyLogos .footerContainerLogo { width: 121px; height: 15px; box-sizing: content-box;}

.footerContainerLogo { float: left; margin-right: 22px; background-color: #eaeaea;
    				   padding: 18px 7px; border-radius: 5px; }
.footerContainerLogo img { height: 22px; margin-left: auto; margin-right: auto; display: block; }

.footerContainerLogoOtherPages { height: 52px !important; width: 135px !important; }
    					   
/************************ END LOGOS ********************/

/*************************** ORDENACI�N CABECERAS *************************************************/
.headerSortDown {
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    padding-left: 8px;
    padding-top: 8px;
    height: auto;
    cursor: pointer;
}

.headerSortDown:after {
	content:"\f160";
	font-family:FontAwesome;
	margin-left:10px;
}

.headerSortUp {
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    padding-left: 8px;
    padding-top: 8px;
    height: auto;
    cursor: pointer;
}

.headerSortUp:after {
	content:"\f161";
	font-family:FontAwesome;
	margin-left:10px;
}

/*.header {
    padding-left: 10px;
    padding-top: 8px;
    height: auto;
    cursor: pointer;
}*/

th.header:after {
	content:"\f175 \f176";
	font-family:FontAwesome;
	margin-left:10px;
}

.blueRow {
    background-color: #edeef3 !important;
}

.whiteRow {
    background-color: #fff !important;
}

.redRow {
    background-color: red;
}
.searchFilter { width: 25%; display: block; margin: 5px 0; }

/*.descargas{
	height:30px;
	margin-top:9px;
	margin-left: 20px; 
	float:left;
}*/

.icon-descargas-texto{
	height:20px !important;
	width: 20px !important;
}

.disabledLink{
	pointer-events: none;
	color: #525252;
}

.enabledLink{
	pointer-events: visible;
}

.colorRow{
	color: #004172;
	font-weight: bold;
}

.confirms{
	text-align: center;
	padding: 20px;
}

.btnConfirms{
	width: 45px;
	text-align: center;
}

.textAlignleftPadding20{
	text-align: left;
	/*padding-left: 20px;*/
	margin: 0;
}

.textPadding25{
	padding-left: 25px !important;
}


.icon-trash { 
				margin-left: 20px; 
				cursor: pointer; 
				margin-top: 8px !important; 
			}		
			.icon-pencil { 
				margin-right: 10px; 
				margin-left: 10px; 
			}
.nuevotr{
	border:  white;
	background-color: white !important;
}
.nuevotd{
	text-align: left;
	width:130px;
}
.nuevoTable{
	width: 680px;
    margin-left: 5px;
	background-color:lightgray;
	border:  white;
}			
.modal-confirm-centered{
	margin: 25% auto;
}

.tableStyle {
	width: 100%;
	cursor: pointer;
}

.buttonLink{
  height: 32px !important;
}

.texth3{
	line-height: 25px;
	font-size: 18px;
	font-weight: bold;
	color: #004172;
	margin: 10px 0 15px;
}

.textListH4{
	font-size: 16px;
	font-weight: bold;
	color: #004172;
}

.paddingBotonera{
	padding-bottom: 51px;
	padding-top: 35px;
}

.marginUnidOrg{
	margin: 20px 0 !important;
}

.paddingBotoneraUsuario{
	padding-top: 40px;
	padding-bottom: 21px;
}

.paddingBotoneraConsulta{
	padding-top: 40px;
    padding-bottom: 60px;
}
/*************************** END ORDENACI�N CABECERAS *****************************************/
.divwithpadding{
	padding:25px;
}
.divwithscroll{
	float:left;
	overflow:auto;
	height:200px;
	width:700px;
	background-color:white;
	border: 1px solid #A0BDE5;
 	border-radius: 5px 5px 5px 5px;
}
.divwithscrollDes{
	float:left;
	overflow:auto;
	height:100px;
	width:700px;
	background-color:white;
	border: 1px solid #A0BDE5;
 	border-radius: 5px 5px 5px 5px;
}
.tdleft{
	text-align: left;
}
.tdleft2{
	text-align: left;
	width: 10px;
}
.tdright{
	width:3px;
	cursor: pointer;
}
.tdright2{
	width:3px;
}
.divBackGroundDisabled{
	background-color:rgb(225, 226, 229) ! important;
}
.mostrarOrganismos{
	float: left;
	width: 200px;
	margin-left: 20px;
}
.mostrarOrganismosButton{
	float: left;
	width: auto;
	margin-left: 20px;
}

.mostrarOrganismosDestino{
	float: left;
	width: 200px;
	margin-left: 20px;
}
.mostrarOrganismosDestinoButton{
	float: left;
	width: auto;
	margin-left: 20px;
}
.scrollModalLevel{
	max-height: 400px; 
	overflow: auto;
}

.marginMapaWeb{
	margin-left: 50px;
}
.marginAccesibility{
	margin-left: 60px;
}

.thStyleEmpty{
	width: 0px !important;
	padding: 0px !important;
}

.classDl{
	width: 20%;
    color: #004172;
    font-weight: bold;
}

.tableStyle thead tr th{
	text-align: center;
}

.azulito {
	display: block;
    font-weight: bold;
    font-size: 1.05em;
    color: #327AAD;
    padding-left: 6px;
    margin: 0 0 5px
}

.chkDocumentExcel{
	width: 30px !important; 
	height: 15px;
}

.smallLabel{
	font-size: 1.00em; 
	margin-right: 3px !important;
}

.divRecurStyle{
	float: right;
    width: auto;
    margin-top: 15px;
}

.cursorDefault{
	cursor: default;
}

.footerNuevo100{
	margin-bottom: 100px !important;
}
.footerNuevo-320{
	margin-bottom: -320px !important;
}

.footerNuevo-250{
	margin-bottom: -250px !important;
}

.footerNuevo-200{
	margin-bottom: -200px !important;
}

.text-overflow-ellipsis{
	overflow:hidden; 
	text-overflow: ellipsis;
	white-space: nowrap;
}

.max-width-100px{
	max-width: 100px;
}

.margin-10px{
	margin: 10px !important;
}

.paddingSides10{
	padding: 0 10px !important;
}

.managerBox{
	border: 1px solid rgba(10, 10, 10, .25); 
	border-radius: 6px; 
	padding: 10px 10px 10px 20px; 
	margin-bottom: 15px
}

.colorRed{
	color: #B00000;
}

input.maxwidth{
	max-width: 40px;
}

table.maxwidth100{
	max-width: 100%;
}

/*Estilos gráfica*/
li canvas{
	margin-top: 15%;
	max-height: 100%;
}

#legend ul{
display: inline-block;
flex-direction: column;
margin: 0;
padding: 0;
}

#legend ul li{
display: flex;
align-items: center;
cursor: pointer;
flex-direction: row;
margin-bottom: 5px;
width: inherit;
}

#legend ul li span{
display: inline-block;
height: 10px;
width: 40px;
margin-right: 5px;
}

#legend ul li p{
margin: 0 15px 0 0;
padding: 0;
}

#legend ul li p.click{
text-decoration: line-through;
}

label.paddingLeft7{
	padding-left: 7%;
}

div.paddingLeft25{
	padding-left: 25%;
}

ul li.paddingTop10{
	padding-top: 10%;
}

div.overflowMax100Px{
	overflow: auto;
	border: 1px solid #A0BDE5;
	border-radius: 5px 5px 5px 5px;
	padding: 10px;
	max-height: 100px;
}

.paddingIconCheckTable{
	padding: 6px 12px !important;
}

.colorText{
	color:#004172 !important;
	width: 200px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.disbaledSubmit {
	pointer-events: none;
	opacity: 60% !important;
	background-color: #3071a9;
    border: 1px solid #285e8e;
    border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Arial, sans-serif;
    padding: 10px 12px 6px;
    text-decoration: none;
    text-shadow: 0 1px 1px #404040;
    text-transform: uppercase;
    font-size: .9em;
    margin-right: 20px;
    margin-left: 20px;
    letter-spacing: 1px;
    font-weight: normal;
}