/* 
    Created on : 17/07/2018, 17:15:37
    Author     : SisADmin
*/

/*Tamaño de componentes.*/
.ui-widget, .ui-widget .ui-widget {
    font-size:93% !important;
}
.ui-panelgrid .ui-panelgrid-cell {

    padding:5px !important;
}
/* Alineación de texto */
.TexAlCenter{ text-align:center;}
.TexAlLeft{ text-align:left;}
.TexAlRight{ text-align:right !important;}

/*Margen centrado*/
.MarAuto{ margin-left:auto; margin-right:auto;}
.MarAutoCero{
    margin:0 auto;
}

.FuenteVerde{color:#41A948;}

.FuenteAzul{color:#252F64;}


/* Fuente */
.FontBold{ font-weight:bold;}
.FontLight{ font-weight:lighter;}
.FontNormal{ font-weight:normal;}

/* Tamaño de fuentes */
.Fs9{font-size:9px !important;} 
.Fs10{font-size:10px !important;} 
.Fs11{font-size:11px !important;} 
.Fs12{font-size:12px !important;} 
.Fs13{font-size:13px !important;} 
.Fs14{font-size:14px !important;} 
.Fs15{font-size:15px !important;} 
.Fs16{font-size:16px !important;} 
.Fs17{font-size:17px !important;} 
.Fs18{font-size:18px !important;} 
.Fs19{font-size:19px !important;} 
.Fs20{font-size:20px !important;} 
.Fs21{font-size:21px !important;} 
.Fs22{font-size:22px !important;} 
.Fs23{font-size:23px !important;} 
.Fs24{font-size:24px !important;} 
.Fs25{font-size:25px !important;} 
.Fs26{font-size:26px !important;} 
.Fs27{font-size:27px !important;} 
.Fs28{font-size:28px !important;} 
.Fs29{font-size:29px !important;} 
.Fs30{font-size:30px !important;}
.Fs40{font-size:40px !important;}
.Fs50{font-size:50px !important;}
.Fs60{font-size:60px !important;}
.Fs100{font-size:100px !important;}
.Fs130{font-size:130px !important;}

/* Cajas vacías*/
.EmptyBox5{ display:block; width:100%; height:5px; overflow:hidden;}
.EmptyBox10{ display:block; width:100%; height:10px; overflow:hidden;}
.EmptyBox20{ display:block; width:100%; height:20px; overflow:hidden;}
.EmptyBox30{ display:block; width:100%; height:30px; overflow:hidden;}
.EmptyBox40{ display:block; width:100%; height:40px; overflow:hidden;}
.EmptyBox50{ display:block; width:100%; height:50px; overflow:hidden;}
.EmptyBox60{ display:block; width:100%; height:60px; overflow:hidden;}
.EmptyBox70{ display:block; width:100%; height:70px; overflow:hidden;}
.EmptyBox80{ display:block; width:100%; height:80px; overflow:hidden;}
.EmptyBox90{ display:block; width:100%; height:90px; overflow:hidden;}
.EmptyBox100{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox110{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox120{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox130{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox140{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox150{ display: block; width: 100%; height:150px; overflow:hidden;}


/* Márgenes */
.MarTopPerc2{ margin-top:2%;}
.MarTopPerc5{ margin-top:5%;}
.MarTopPerc10{ margin-top:10%;}
.MarTopPerc20{ margin-top:20%;}
.MarTopPerc30{ margin-top:30%;}
.MarTopPerc40{ margin-top:40%;}
.MarTopPerc50{ margin-top:50%;}


/* Anchos */
.Wid100{ width:100%;}
.Wid90{ width:90%;}
.Wid80{ width:80%;}
.Wid70{ width:70%;}
.Wid60{ width:60%;}
.Wid50{ width:50%;}
.Wid45{ width:45%;}
.Wid40{ width:40%;}
.Wid30{ width:30%;}

/* Display */
.DispBlock{
    display:block;

}
/*Nieve cayendo*/
@-moz-keyframes nieve {
    from {
        top: -40px;
    }
    to {
        top: 101%;
    }
}
@-webkit-keyframes nieve {
    from {
        top: -40px;
    }
    to {
        top: 2000px;
    }
}
@keyframes nieve {
    from {
        top: -40px;
    }
    to {
        top: 2000px;
    }
}

@-moz-keyframes horiz2 {
    20% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(150px);
    }
    80% {
        transform: translateX(0);
    }
}
@-webkit-keyframes horiz2 {
    20% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(150px);
    }
    80% {
        transform: translateX(0);
    }
}
@keyframes horiz2 {
    20% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(-70px);
    }
    80% {
        transform: translateX(0);
    }
}

@-moz-keyframes horiz {
    20% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(150px);
    }
    80% {
        transform: translateX(0);
    }
}
@-webkit-keyframes horiz {
    20% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(150px);
    }
    80% {
        transform: translateX(0);
    }
}
@keyframes horiz {
    20% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(150px);
    }
    80% {
        transform: translateX(0);
    }
}

.tpl-snow > div {
    position: fixed;
    -webkit-animation: ease-in infinite normal;
    -moz-animation: ease-in infinite normal;
    animation: ease-in infinite normal;
}

.tpl-snow > div {
    z-index: 9999999999999;
    width: 10px;
    height: 10px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    -webkit-animation-name: nieve, horiz;
    -moz-animation-name: nieve, horiz;
    animation-name: nieve, horiz;
}
.tpl-snow > div:nth-of-type(odd) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: nieve, horiz2;
    -moz-animation-name: nieve, horiz2;
    animation-name: nieve, horiz2;
}

.tpl-snow > div:nth-of-type(1) {
    left: 40px;
    -webkit-animation-duration: 5.5s;
    -moz-animation-duration: 5.5s;
    animation-duration: 5.5s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}
.tpl-snow > div:nth-of-type(2) {
    left: 120px;
    -webkit-animation-duration: 7s;
    -moz-animation-duration: 7s;
    animation-duration: 7s;
}
.tpl-snow > div:nth-of-type(3) {
    left: 200px;
    -webkit-animation-duration: 8s;
    -moz-animation-duration: 8s;
    animation-duration: 8s;
}
.tpl-snow > div:nth-of-type(4) {
    left: 20%;
    -webkit-animation-duration: 6s;
    -moz-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}
.tpl-snow > div:nth-of-type(5) {
    left: 30%;
    -webkit-animation-duration: 9s;
    -moz-animation-duration: 9s;
    animation-duration: 9s;
}
.tpl-snow > div:nth-of-type(6) {
    left: 40%;
    -webkit-animation-duration: 7.2s;
    -moz-animation-duration: 7.2s;
    animation-duration: 7.2s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}
.tpl-snow > div:nth-of-type(7) {
    left: 50%;
    -webkit-animation-duration: 10s;
    -moz-animation-duration: 10s;
    animation-duration: 10s;
}
.tpl-snow > div:nth-of-type(8) {
    left: 60%;
    -webkit-animation-duration: 6.4s;
    -moz-animation-duration: 6.4s;
    animation-duration: 6.4s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}
.tpl-snow > div:nth-of-type(9) {
    left: 70%;
    -webkit-animation-duration: 10s;
    -moz-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-delay: 1.4s;
    -moz-animation-delay: 1.4s;
    animation-delay: 1.4s;
}
.tpl-snow > div:nth-of-type(10) {
    left: 80%;
    -webkit-animation-duration: 8s;
    -moz-animation-duration: 8s;
    animation-duration: 8s;
}
.tpl-snow > div:nth-of-type(11) {
    left: 90%;
    -webkit-animation-duration: 7.1s;
    -moz-animation-duration: 7.1s;
    animation-duration: 7.1s;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    animation-delay: 2s;
}
.tpl-snow > div:nth-of-type(12) {
    left: 99%;
    -webkit-animation-duration: 6.6s;
    -moz-animation-duration: 6.6s;
    animation-duration: 6.6s;
    -webkit-animation-delay: 1.6s;
    -moz-animation-delay: 1.6s;
    animation-delay: 1.6s;
}
.tpl-snow > div:nth-of-type(13) {
    left: 10px;
    -webkit-animation-duration: 10.2s;
    -moz-animation-duration: 10.2s;
    animation-duration: 10.2s;
}
.tpl-snow > div:nth-of-type(14) {
    left: 180px;
    -webkit-animation-duration: 12s;
    -moz-animation-duration: 12s;
    animation-duration: 12s;
}
.tpl-snow > div:nth-of-type(15) {
    left: 213px;
    -webkit-animation-duration: 7.3s;
    -moz-animation-duration: 7.3s;
    animation-duration: 7.3s;
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.tpl-snow > div:nth-of-type(16) {
    left: 23%;
    -webkit-animation-duration: 9.2s;
    -moz-animation-duration: 9.2s;
    animation-duration: 9.2s;
}
.tpl-snow > div:nth-of-type(17) {
    left: 38%;
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    animation-duration: 5s;
}
.tpl-snow > div:nth-of-type(18) {
    left: 45%;
    -webkit-animation-duration: 15s;
    -moz-animation-duration: 15s;
    animation-duration: 15s;
}
.tpl-snow > div:nth-of-type(19) {
    left: 58%;
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    animation-duration: 5s;
}
.tpl-snow > div:nth-of-type(20) {
    left: 64%;
    -webkit-animation-duration: 12s;
    -moz-animation-duration: 12s;
    animation-duration: 12s;
}
.tpl-snow > div:nth-of-type(21) {
    left: 76%;
    -webkit-animation-duration: 5.6s;
    -moz-animation-duration: 5.6s;
    animation-duration: 5.6s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}
.tpl-snow > div:nth-of-type(22) {
    left: 86%;
    -webkit-animation-duration: 8.5s;
    -moz-animation-duration: 8.5s;
    animation-duration: 8.5s;
}
.tpl-snow > div:nth-of-type(23) {
    left: 83%;
    -webkit-animation-duration: 14.4s;
    -moz-animation-duration: 14.4s;
    animation-duration: 14.4s;
}
.tpl-snow > div:nth-of-type(24) {
    left: 95%;
    -webkit-animation-duration: 12s;
    -moz-animation-duration: 12s;
    animation-duration: 12s;
}
.tpl-snow > div:nth-of-type(25) {
    left: 55px;
    -webkit-animation-duration: 8.7s;
    -moz-animation-duration: 8.7s;
    animation-duration: 8.7s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.tpl-snow > div:nth-of-type(26) {
    left: 133px;
    -webkit-animation-duration: 5.2s;
    -moz-animation-duration: 5.2s;
    animation-duration: 5.2s;
}
.tpl-snow > div:nth-of-type(27) {
    left: 215px;
    -webkit-animation-duration: 10.4s;
    -moz-animation-duration: 10.4s;
    animation-duration: 10.4s;
    -webkit-animation-delay: 1.6s;
    -moz-animation-delay: 1.6s;
    animation-delay: 1.6s;
}
.tpl-snow > div:nth-of-type(28) {
    left: 26%;
    -webkit-animation-duration: 9s;
    -moz-animation-duration: 9s;
    animation-duration: 9s;
}
.tpl-snow > div:nth-of-type(29) {
    left: 33%;
    -webkit-animation-duration: 12s;
    -moz-animation-duration: 12s;
    animation-duration: 12s;
}
.tpl-snow > div:nth-of-type(30) {
    left: 49%;
    -webkit-animation-duration: 9.4s;
    -moz-animation-duration: 9.4s;
    animation-duration: 9.4s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}
.tpl-snow > div:nth-of-type(31) {
    left: 55%;
    -webkit-animation-duration: 9.1s;
    -moz-animation-duration: 9.1s;
    animation-duration: 9.1s;
}
.tpl-snow > div:nth-of-type(32) {
    left: 68%;
    -webkit-animation-duration: 9.6s;
    -moz-animation-duration: 9.6s;
    animation-duration: 9.6s;
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.tpl-snow > div:nth-of-type(33) {
    left: 73%;
    -webkit-animation-duration: 12.4s;
    -moz-animation-duration: 12.4s;
    animation-duration: 12.4s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}
.tpl-snow > div:nth-of-type(34) {
    left: 85%;
    -webkit-animation-duration: 9s;
    -moz-animation-duration: 9s;
    animation-duration: 9s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.tpl-snow > div:nth-of-type(35) {
    left: 93%;
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    animation-duration: 5s;
}
.tpl-snow > div:nth-of-type(36) {
    left: 99%;
    -webkit-animation-duration: 10.6s;
    -moz-animation-duration: 10.6s;
    animation-duration: 10.6s;
}
.tpl-snow > div:nth-of-type(37) {
    left: 15px;
    -webkit-animation-duration: 9.6s;
    -moz-animation-duration: 9.6s;
    animation-duration: 9.6s;
}
.tpl-snow > div:nth-of-type(38) {
    left: 99px;
    -webkit-animation-duration: 7.5s;
    -moz-animation-duration: 7.5s;
    animation-duration: 7.5s;
}
.tpl-snow > div:nth-of-type(39) {
    left: 260px;
    -webkit-animation-duration: 11s;
    -moz-animation-duration: 11s;
    animation-duration: 11s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}
.tpl-snow > div:nth-of-type(40) {
    left: 28%;
    -webkit-animation-duration: 19s;
    -moz-animation-duration: 19s;
    animation-duration: 19s;
}
.tpl-snow > div:nth-of-type(41) {
    left: 35%;
    -webkit-animation-duration: 14s;
    -moz-animation-duration: 14s;
    animation-duration: 14s;
}
.tpl-snow > div:nth-of-type(42) {
    left: 43%;
    -webkit-animation-duration: 5.6s;
    -moz-animation-duration: 5.6s;
    animation-duration: 5.6s;
}
.tpl-snow > div:nth-of-type(43) {
    left: 53%;
    -webkit-animation-duration: 8.8s;
    -moz-animation-duration: 8.8s;
    animation-duration: 8.8s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}
.tpl-snow > div:nth-of-type(44) {
    left: 66%;
    -webkit-animation-duration: 16s;
    -moz-animation-duration: 16s;
    animation-duration: 16s;
}
.tpl-snow > div:nth-of-type(45) {
    left: 78%;
    -webkit-animation-duration: 6s;
    -moz-animation-duration: 6s;
    animation-duration: 6s;
}
.tpl-snow > div:nth-of-type(46) {
    left: 88%;
    -webkit-animation-duration: 9.5s;
    -moz-animation-duration: 9.5s;
    animation-duration: 9.5s;
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.tpl-snow > div:nth-of-type(47) {
    left: 94%;
    -webkit-animation-duration: 7.6s;
    -moz-animation-duration: 7.6s;
    animation-duration: 7.6s;
}
.tpl-snow > div:nth-of-type(48) {
    left: 96%;
    -webkit-animation-duration: 8.2s;
    -moz-animation-duration: 8.2s;
    animation-duration: 8.2s;
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

@media (max-width: 600px) {
    .tpl-snow > div:nth-of-type(24) ~ * {
        display: none;
    }
}

@media (max-width: 800px) {
    .tpl-snow > div:nth-of-type(36) ~ * {
        display: none;
    }
}
body .ui-panel .ui-panel-content{
    border:none !important;
}
body {              
    background-image: url("/javax.faces.resource/blue-background.svg.xhtml?ln=img");                                
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}    
.subrayado {
    text-decoration: none !important;

}
input[readonly="readonly"] {
    background-color: gray !important;
    color: white !important;
}