@charset "UTF-8"; 


/* Large desktop */
@media (min-width: 1201px){
    .contenidoWeb{display: block}
    .contenidoMobil{display: none}
    .cuadroLogin{width: 30%;;margin-left: 35%;padding: 5%;}
    .dialogoLogin{width: 30%;margin-left: 35%;}
    .imagenesLogosSinfondo{padding: 10px 40px;  border-radius: 1px;height: 40px;}
    .tituloSistema{margin-left: 20px}
    .dialogoMostrable{width: 35% !important}
    
}

@media (min-width: 960px) and (max-width:1200px){
    .tituloSistema{margin-left: 10px}
    .contenidoWeb{display: block}
    .contenidoMobil{display: none}
    .cuadroLogin{width: 40%;margin-left: 30%;padding: 5%;}
    .dialogoLogin{width: 30%;margin-left: 35%;}
    .Responsive{width:33.3%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive50{width:50%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive100{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .WidAutoOnMobile{width:auto !important;}
    .HeiAutoOnMobile{height:auto !important; min-height:50px !important;}
    .imagenesLogosSinfondo{padding: 10px 20px;  border-radius: 1px;height: 30px;}
    .dialogoMostrable{width: 35% !important}
} 

@media (min-width: 640px) and (max-width: 960px) {
    .dialogoMostrable{width: 50% !important}
    .tituloSistema{margin-left: 0px;}
    .imagenesLogosSinfondo{padding: 10px 5px;  border-radius: 1px;height: 30px;}
    .contenidoWeb{display: block}
    .contenidoMobil{display: none}
    .cuadroLogin{width: 60% !important;margin-left: 20% !important;padding: 10% !important;}
    .container, .container-fluid {padding-left: 0px !important;padding-right: 0px !important;}
    .dialogoLogin{width: 50% !important;margin-left: 25%;}
    .Container110{ width:110%; float:left; padding:5px;}
    .Container105{ width:105%; float:left; padding:5px;}
    .Container100{ width:100%; float:left; padding:5px;}
    .Container96{ width:96%; float:left; padding:5px;}
    .Container90{ width:90%; float:left; padding:5px;}
    .Container85{ width:85%; float:left; padding:5px;}
    .Container80{ width:80%; float:left; padding:5px;}
    .Container75{ width:75%; float:left; padding:5px;}
    .Container70{ width:70%; float:left; padding:5px;}
    .Container60{ width:60%; float:left; padding:5px;}
    .Container50{ width:50%; float:left; padding:5px;}
    .Container40{ width:40%; float:left; padding:5px;}
    .Container33{ width:33.3%; float:left; padding:5px;}
    .Container30{ width:30%; float:left; padding:5px;}
    .Container25{ width:25%; float:left; padding:5px;}
    .Container20{ width:20%; float:left; padding:5px;}
    .Container10{ width:10%; float:left; padding:5px;}
    .Container5{ width:5%; float:left; padding:5px;}
    .NoIndent{display:block; margin:0px auto; padding:0px;}
    .Responsive{width:50%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive50{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive100{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .WidAutoOnMobile{width:auto !important;}
    .HeiAutoOnMobile{height:auto !important; min-height:50px !important;}
    .Fs14{font-size:13px !important;} 
    .Fs15{font-size:14px !important;} 
    .Fs16{font-size:15px !important;} 
    .Fs17{font-size:16px !important;} 
    .Fs18{font-size:16px !important;} 
    .Fs19{font-size:16px !important;} 
    .Fs20{font-size:18px !important;} 
    .Fs21{font-size:18px !important;} 
    .Fs22{font-size:20px !important;} 
    .Fs23{font-size:20px !important;} 
    .Fs24{font-size:22px !important;} 
    .Fs25{font-size:22px !important;} 
    .Fs26{font-size:24px !important;} 
    .Fs27{font-size:24px !important;} 
    .Fs28{font-size:26px !important;} 
    .Fs29{font-size:26px !important;} 
    .Fs30{font-size:28px !important;}
    .Fs40{font-size:30px !important;}
    .Fs50{font-size:35px !important;}
    .Fs60{font-size:40px !important;}
    .Fs100{font-size:60px !important;}
    .Fs130{font-size:70px !important;}
}


/* Landscape phone to portrait tablet */
@media (min-width:480px) and (max-width: 640px) {
    .dialogoMostrable{width: 70% !important}
    .imagenesLogosSinfondo{padding: 10px 5px;  border-radius: 1px;height: 30px;}
    .contenidoWeb{display: none}
    .contenidoMobil{display: block}
    .cuadroLogin{width: 70% !important;;margin-left: 15% !important;padding: 10% !important;}
    .dialogoLogin{width: 60% !important;margin-left: 20%;}
    .Container100{ width:100%; float:left; padding:5px; }
    .Container96{ width:96%; float:left; padding:5px; }
    .Container90{ width:90%; float:left; padding:5px; }
    .Container85{ width:85%; float:left; padding:5px; }
    .Container80{ width:80%; float:left; padding:5px; }
    .Container75{ width:75%; float:left; padding:5px; }
    .Container70{ width:70%; float:left; padding:5px; }
    .Container60{ width:60%; float:left; padding:5px; }
    .Container50{ width:50%; float:left; padding:5px; }
    .Container40{ width:40%; float:left; padding:5px; }
    .Container33{ width:33.3%; float:left; padding:5px; }
    .Container30{ width:30%; float:left; padding:5px; }
    .Container25{ width:25%; float:left; padding:5px; }
    .Container20{ width:20%; float:left; padding:5px; }
    .Container10{ width:10%; float:left; padding:5px; }
    .Container5{ width:5%; float:left; padding:5px; }
    .NoIndent{display:block; margin:0px auto; padding:0px;}
    .Responsive{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive50{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive100{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .WidAutoOnMobile{width:auto !important;}
    .HeiAutoOnMobile{height:auto !important; min-height:50px !important;}
    .Fs12{font-size:12px !important;} 
    .Fs13{font-size:12px !important;} 
    .Fs14{font-size:13px !important;} 
    .Fs15{font-size:13px !important;} 
    .Fs16{font-size:13px !important;} 
    .Fs17{font-size:14px !important;} 
    .Fs18{font-size:15px !important;} 
    .Fs19{font-size:17px !important;} 
    .Fs20{font-size:17px !important;} 
    .Fs21{font-size:18px !important;} 
    .Fs22{font-size:18px !important;} 
    .Fs23{font-size:20px !important;} 
    .Fs24{font-size:21px !important;} 
    .Fs25{font-size:22px !important;} 
    .Fs26{font-size:23px !important;} 
    .Fs27{font-size:23px !important;} 
    .Fs28{font-size:25px !important;} 
    .Fs29{font-size:25px !important;} 
    .Fs30{font-size:26px !important;}
    .Fs40{font-size:30px !important;}
    .Fs50{font-size:32px !important;}
    .Fs60{font-size:35px !important;}
    .Fs100{font-size:40px !important;}
    .Fs130{font-size:50px !important;}
}


/* Portrait phones and down */
@media (min-width:10px) and (max-width: 480px) {
    .dialogoMostrable{width: 80% !important}
    .imagenesLogosSinfondo{padding: 10px 5px;  border-radius: 1px;height: 30px;}
    .contenidoWeb{display: none}
    .contenidoMobil{display: block}
    .cuadroLogin{width: 70% !important;margin-left: 15% !important;padding: 10% !important;}
    .dialogoLogin{width: 80% !important;margin-left: 10%;}
    .Container100{ width:100%; float:left; padding:5px; }
    .Container96{ width:96%; float:left; padding:5px; }
    .Container90{ width:90%; float:left; padding:5px; }
    .Container85{ width:85%; float:left; padding:5px; }
    .Container80{ width:80%; float:left; padding:5px; }
    .Container75{ width:75%; float:left; padding:5px; }
    .Container70{ width:70%; float:left; padding:5px; }
    .Container60{ width:60%; float:left; padding:5px; }
    .Container50{ width:50%; float:left; padding:5px; }
    .Container40{ width:40%; float:left; padding:5px; }
    .Container33{ width:33.3%; float:left; padding:5px; }
    .Container30{ width:30%; float:left; padding:5px; }
    .Container25{ width:25%; float:left; padding:5px; }
    .Container20{ width:20%; float:left; padding:5px; }
    .Container10{ width:10%; float:left; padding:5px; }
    .Container5{ width:5%; float:left; padding:5px; }
    .NoIndent{display:block; margin:0px auto; padding:0px;}
    .Responsive{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive50{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive100{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .WidAutoOnMobile{width:auto !important;}
    .HeiAutoOnMobile{height:auto !important;}
    .Fs12{font-size:12px !important;} 
    .Fs13{font-size:12px !important;} 
    .Fs14{font-size:13px !important;} 
    .Fs15{font-size:13px !important;} 
    .Fs16{font-size:13px !important;} 
    .Fs17{font-size:14px !important;} 
    .Fs18{font-size:15px !important;} 
    .Fs19{font-size:17px !important;} 
    .Fs20{font-size:17px !important;} 
    .Fs21{font-size:18px !important;} 
    .Fs22{font-size:18px !important;} 
    .Fs23{font-size:20px !important;} 
    .Fs24{font-size:21px !important;} 
    .Fs25{font-size:22px !important;} 
    .Fs26{font-size:23px !important;} 
    .Fs27{font-size:23px !important;} 
    .Fs28{font-size:25px !important;} 
    .Fs29{font-size:25px !important;} 
    .Fs30{font-size:25px !important;}
    .Fs40{font-size:28px !important;}
    .Fs50{font-size:30px !important;}
    .Fs60{font-size:32px !important;}
    .Fs100{font-size:35px !important;}
    .Fs130{font-size:40px !important;}
    #layout-portlets-cover {padding: 0rem 0rem 2rem 0rem;}
    .logorc{width: 100% !important;text-align: center !important}
    .titulorc{width: 100% !important;text-align: center !important}

    .mostrarSiEsWeb{display: none !important}
    .mostrarSiEsMovil{display: block !important;}
}


.barratitulo{height: 35px;box-shadow: 0px 0px 7px #6a6a6a;}
.imagenesLogos{box-shadow: 0px 0px 21px #ffffff;padding: 10px 40px;border-radius: 1px;background: white;height: 50px;}




.logorc{width: 20% ;}
.titulorc{width: 80% ;}
.mostrarSiEsWeb{display: block}
.mostrarSiEsMovil{display: none;}




.Container:before,.Container:after, .NoIndent:before,.NoIndent:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.Container:after, .NoIndent:after  {
    clear: both; 
}