/* ----------------------------------------
 PALETA DE COLOR
---------------------------------------- */
.lblanco{color: #fff!important;}
.lgris1{color: #666!important;}
.lgris2{color: #c8c8c8!important;}
.lgris3{color: #313440!important;}
.lazul1{color: #d1e2ea!important;}
.lazul2{color: #adcedf!important;}
.lazul4{color: #4e89df!important;}
.lazul5{color: #414b97!important;}
.lazul6{color: #3498db!important;}
.lazul7{color: #2980b9!important;}
.lazul8{color: #303a64!important;}
.lrojo1{color: #d13646!important;}
.lrojo2{color: #da5650 !important;}

.lverde1{color: #54af7f!important;}
.lverde2{color: #278e58!important;}
.lamarillo{color: #fcb63c!important;}
.lnaranja1{color: #ff5636 !important;}
.lmorado{color:#514a62 !important}
.lmorado1{color:#7178B7 !important}
.lmarron1{color: #847777!important;}
.lrosa1{color:#c75178!important;}
.lrosa2{color:#b47ea4!important;}

.azul1{background-color: #1d70b8!important;color:#fff;}
.azul2{background-color: #adcedf!important;color: #333;}
.azul3{background-color: #6baae8!important;color:#fafafa;}
.azul4{background-color: #4e89df!important;color: #fafafa;}
.azul5{background-color: #414b97!important;color:#fafafa;}
.azul6{background-color: #3498db!important;color:#fafafa;}
.azul7{background-color: #2d8ac8!important;color:#fafafa;}
.azul8{background-color: #303a64!important;color:#fafafa;}
.azul9{background-color: #0b1351!important;color:#fafafa;}
.azul10{background-color: #D5E2FC!important;}
.blanco{background-color: #FFF!important;color: #202020;}
.gris1{background-color: #ddd!important;color: #202020;}
.gris2{background-color: #c8c8c8!important;color:#202020;}
.gris3{background-color: #cecece!important;color:#333;}
.gris4{background-color: #3d414a!important;color: #fafafa;}
.gris5{background-color: #f3f3f3!important;color: #202020;}
.gris6{background-color: #b2becb;color: #333;}
.naranja1{background: #ff5636 !important;color: #fff;}
.naranja2{background: #ff6649 !important;color: #fff;}
.marron1{background-color: #847777!important;color: #fafafa;}
.rojo1{background-color: #d13646!important;color:#fafafa;}
.rojo2{background-color: #da5650 !important;color: #fafafa;}
.rojo3{background-color:#691a31!important;color: #fafafa;}
.amarillo1{background-color: #fcb63c!important;color:#fafafa;}
.amarillo2{background-color: #ebb75c !important;color: #fafafa;}
.amarillo3{background-color: #dbcb98 !important;color: #383232;}
.verde1{background-color: #54af7f!important;color:#fafafa;}
.verde2{background-color: #278e58!important;color: #fafafa}
.rosa1{background-color:#c75178!important;color: #fff;}
.rosa2{background-color:#b47ea4!important;color: #fff;}
.morado{background-color:#514a62 !important;color:#fafafa;}
.morado1{background-color:#7178B7;color:#333;}
.pd0{padding: 0px!important;line-height: 170%;}
.pd5{padding: 5px!important;line-height: 170%;}
.pd10{padding: 10px!important;}
.pd30{padding: 30px!important;}
.redonda{border-radius: 6px;}
.redonda-top{ border-top-right-radius:6px;border-top-left-radius: 6px;}
.redonda-bottom{ border-bottom-right-radius:6px;border-bottom-left-radius: 6px;}
.shad{box-shadow: 1px 2px 8px -3px #4d4d4d;}
.shad-light{box-shadow: 1px 2px 0px 0px hsl(0, 1%, 84%);}
.logo-signarh{width:200px;float: left;position: fixed;z-index: 1000;top: 15px;left: 45%; -webkit-filter: drop-shadow(5px 5px 5px #222); filter: drop-shadow(10px 10px 10px #0B1351);}
@media screen and (max-width: 800px) {	.logo-signarh{visibility: hidden;display: none;}	}
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.titulo-modulo{padding-right:20px;text-align: right;float:right;color:#fff;font-size:50px;font-weight: 400;font-style: italic;text-shadow: 0px 2px 3px #313440;}
.avatar{position: relative;float: left;left: 15%;top: -24px;z-index: 100;width: 120px;height: 120px;background: #444 url(../img/avatar_f.png) no-repeat;background-size: auto;background-size: cover;border-radius: 50%;border: 12px solid #2980b9;}
.mosaico-100{width:50px;height:50px;margin-left:2px;padding:4px;position: relative;text-align: center;display: table-cell;vertical-align: middle;font-size: 14px;font-weight: 700;}
.header {background: #2c4677;font-weight:900;height: 80px;color: #efefef;z-index: 400;}
.header-fixed {background-color:#313440/*#2f3768*//*#252c4a*//*#cfcfcf*/;position:sticky;top: 0;height:50px;z-index: 999;padding: 0 20px 0 0px;}
.header-txt1{font-weight:700;line-height:40px;color:#285aa1;}
.header-btn{font-weight: 700;font-size: 14px;float:right;padding: 8px 12px;background: #2980b9/*#c75178*/;color:#fff;border-radius: 5px;position: relative;top: 7px;margin-right: 3px;}
.header-btn:hover{background:#d13646 }
.content{position:absolute;width:100%;min-height: 900px;margin: auto;padding: 0px 0 100px 0;/*margin-left: 240px;-webkit-transition: margin-left .5s ease, margin-left .5s ease; transition: margin-left .5s ease, margin--left .5s ease;*/background-image:url(../img/bg.png); background-position:top right; background-repeat:no-repeat;background-size:28%;background-attachment: fixed;}
.content-modal{position:absolute;width:100%;min-height: 900px;margin: auto;padding: 0px 0 100px 0;background-image:url(../img/bg.png); background-position:top right; background-repeat:no-repeat;background-size:75%;background-attachment: fixed;}
.bor-de{border-right: 1px dotted;}
.bor-bo{border-bottom: 1px dotted #fff;}
.td-borde2{border-right: 5px solid #fff;}
.hide{display: none;}
/*.content.pinn { margin-left: 80px; width: calc(100% - 80px);}*/
article{padding: 15px 95px 15px 15px;}
h1,h2,h3,h4,h5,h6{font-weight:400;padding: 0 0 5px 0;}
p{font-size: 1.1em;padding: 0 0 15px 0;}
.txtd{text-align: right;}
.txti{text-align: left;}
.txtj{text-align: justify;}
.txtc{text-align: center;}
.txtcircular{border-radius: 50%;width: 25px;height: 25px;font-size: 15px;padding-top: 3px;display: inline-block;text-align: center;vertical-align: middle;font-weight: bold;margin-right: 5px;}
.labelh{min-width: 110px;display: inline-block;height: 32px;margin-right: 10px;border-radius: 6px 0 0 6px;}
.icn{top: 3px;position: relative;}
.icncircular{float: left;margin-right: 2px;border-radius: 50%;background: white;width: 40px;height: 40px;text-align: center;padding-top: 6px;}
/* ---- PIE DE PAGINA ---- */
.fixed_footer{z-index: 10;width:100%;height:250px;background:rgb(49, 52, 64);position: fixed;left: 0;bottom: 0;padding: 40px;}
.fixed_footer p{color:#efefef;column-count: 2;column-gap: 60px;font-size: 1em;font-weight: 400;}
/* ---- BARRA LATERAL ---- */
.sidenav {position:fixed;z-index:440; width: 340px;  background-color:#313440/*#2f3768*//*#252c4a*//*#3d4cbf*/;border-left: 0px solid #c75178;float:right;right: 0;min-height: 1200px;padding:10px;
	-webkit-transition: right .2s ease .35s, width .35s ease .35s, height .8s;
	transition: right .35s ease .35s, width .35s ease .35s, height .5s;
/*transform:scaleY(1);transform-origin:top;*/}
.sidetitulo{color: #dfdfdf;font-size: 1.3em;font-weight: 900;padding:10px;margin: 0 auto;position: fixed;width: 340px;background: rgb(77, 87, 125);height:110px;      /*transition: left .25s ease, width .25s ease;*/}
.sidebarbottom{width: 340px;background: #313440;padding: 10px;position: fixed;bottom: 0;color:#b0b0b0;}
.sidebar-header{margin: 10px 10px 25px;color:#f6f6f6;z-index: 10;float: left;top:50px;position:fixed;background: #d1e2ea;padding: 10px;border-radius: 10px;box-shadow: inset 2px 4px 12px #333;}
.sidebar-content {max-height: calc(100% - 35px);height: calc(100% - 35px);overflow-y: auto;position: fixed;width: 325px;margin-top: 2px;}
.sidebar-content ul{list-style-type:none;padding:0;margin:0;}
.sidebar-content a{text-decoration:none;}
.sidebar-item{-webkit-transition:all .3s linear;transition:all .3s linear;}
.sidebar-menu{padding-bottom:10px;min-height: 110vh;overflow-y: auto;}
.sidebar-menu .header-menu {margin-bottom: 8px;margin-top: 8px;border-bottom: 0px dotted #6383ff7a;border-top: 0px dotted #6383ff7a;}
.sidebar-menu .header-menu span{font-weight: 700;font-size:15px;padding: 15px 10px 5px 10px;width: 100%;text-transform: uppercase;width: 100%;}
.sidebar-menu ul li a{color: #efefef;display:-webkit-box;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-decoration:none;position:relative;padding:6px 25px 6px 10px;width:100%;}
.sidebar-menu ul li a:hover > i::before{display:inline-block;-webkit-animation:swing ease-in-out .35s 1 alternate;animation:swing ease-in-out .35s 1 alternate;}
.sidebar-menu ul li a i{margin-right: 6px;width: 35px;height: 35px;line-height: 34px;text-align: center;-ms-flex-negative: 0;flex-shrink: 0;border-radius: 28%;}
.sidebar-menu ul li a .menu-text{font-size:16px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;white-space:nowrap;text-overflow:ellipsis;-ms-flex-negative:1;flex-shrink:1;overflow:hidden;}
.sidebar-menu .sidebar-dropdown > a:after{font-family:"Material Icons";font-size: 18px;font-weight:900;content:"\e5cf";display:inline-block;font-style:normal;font-variant:normal;-webkit-font-smoothing:antialiased;text-align:center;background:0 0;position:absolute;right:10px;top:10px;
/*1$ap3g_2k19  */
}
html body nav#sidenav.sidenav.pinned center img {transform: rotate(90deg);left: -44px;top:50px;width: 150px;transition: all ease-in-out 1s;}
html body nav#sidenav.sidenav center img {left:0; top:0;transform: rotate(0deg);transition: all ease-in-out 1s;}
html body nav#sidenav.sidenav.pinned div.sidebar-content{margin-top: 90px;}
.sidebar-menu .sidebar-dropdown .sidebar-submenu{display:none;}
.sidebar-menu .sidebar-dropdown .sidebar-submenu ul{padding:5px 0;}
.sidebar-menu .sidebar-dropdown .sidebar-submenu li{padding-left:0px;font-size:14px;}
.sidebar-menu .sidebar-dropdown .sidebar-submenu li a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before{content:"\e315";font-family:"Material Icons";font-weight:400;font-style:normal;display:inline-block;text-align:center;text-decoration:none;-webkit-font-smoothing:antialiased;margin-right:5px;font-size:16px;}
.sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge{margin-left:auto;background: #3d4cbf;}
.sidebar-content a:not(.dropdown-item){color:#f5f5f5;}
.sidebar-content a:not(.dropdown-item):hover{color:#d8d8d8;}
.sidebar-menu a:hover i,.default-theme .sidebar-menu a:hover:before{color:#fcfcfc;}
.sidebar-menu ul li a i{background-color:#126cb7;}
.sidebar-menu .sidebar-dropdown div{background-color:#2b2b2b;}
.sidebar-menu .header-menu span{color:#3b89bd;}
.header-menu{transition: left ease-in 3s;}
.sidebar-content a:not(.dropdown-item){color:#f5f5f5;}
.sidebar-content a:not(.dropdown-item):hover{color:#f5f5f5;}
.sidebar-menu .sidebar-dropdown .sidebar-submenu li:hover {background:#3d4cbf;opacity:0.85;}
.sidebar-menu .sidebar-dropdown div{width: 335px;padding: 8px 0px;display: block;background-color:rgb(49, 52, 64);}
.sidebar-menu ul li a i{background-color:rgb(41, 128, 185);}
.sidebar-menu ul li a i:hover{background-color:#3d4cbf;}
.usr-img{width: 65px;position: fixed;float:right;right: 10px;margin: 5px 10px 5px 0px;border-radius: 50%;border: 5px solid #c75178;z-index: 10;top: 55px;}
.usr-info{color:#3d4cbf;text-align: right;width: 200px;position: relative;top:0px;}
.usr-rol{font-weight: 400;color:#fff;font-size: 18px;line-height: 45px;}
.usr-nom{line-height: 170%;font-size: 14px;}
.badge{border-radius:3px;font-size: 80%;font-weight: bold;padding:5px 10px;background:#3d4cbf;margin-right:5px;}
/* ----- PESTAÑA ------- */
.pinned:not(.sidebar-h) .sidebar-header { visibility: hidden; }
.pinned:not(.sidebar-h) .sidebar-content, .pinned:not(.sidebar-h) .sidebar-content h3 { width: 80px; }
.pinned:not(.sidebar-h) .sidebar-content { width: 80px;margin-top:40px;margin-left: 2px;}
.pinned:not(.sidebar-h) .sidetitulo { font-size:16px;width: 80px; }
.pinned:not(.sidebar-h) .usr-img { width: 60px; }
.pinned:not(.sidebar-h) .sidebar-header .usr-pic {margin: 0 auto;width: 50px;}
.pinned:not(.sidebar-h) .sidebar-header .usr-pic img {margin: auto; }
.pinned:not(.sidebar-h) .sidebar-header .usr-info,.pinned:not(.sidebar-h) .sidebar-menu .header-menu,.pinned:not(.sidebar-h) .sidebar-menu .sidebar-submenu,
.pinned:not(.sidebar-h) .sidebar-menu ul > li > a > span,.pinned:not(.sidebar-h) .sidebar-menu ul > li > a::after,.pinned:not(.sidebar-h) .sidebar-footer > div:not(.pinned-footer) { left:-80px;opacity: 0; display: none !important; }
.btn-pinn{z-index: 20;padding:6px 1px 0px 1px;border-radius: 5px 0px 0px 5px;background:#313440/*#252c4a*/;color: #fff;position: fixed;float: right;right:335px;top:60px;text-decoration: none;cursor:grabbing;
	-webkit-transition: right .5s ease .5s;
	transition: right .5s ease .5s;
	transform: rotate(0deg);}
.btn-togg{padding:3px 1px 0px 1px;border-radius: 0px 5px 5px 0px;background: #285aa1;color: #fff;position: relative;float: left;left:0px;top:60px;text-decoration: none;}
.toggled {width: 0px;}
.togg {margin-left: 0px;}
@media screen and (min-width: 768px) {.toggled {width: 0px;} }
@media screen and (max-width: 768px) {.toggled {display: block; } }
@media screen and (min-width: 768px) {.pinned { width: 80px; } .pinnedtab { right: 70px; }}
@media screen and (max-width: 740px) {.pinned { width: 80px; } .pinnedtab { right:70px; }}
/* ------ TOPNAV -----------------*/
.topnav {background: #2980b9/*#cfcfcf*/;overflow: hidden;min-height:45px;width: auto;float: right;padding: 0 25px;}
.topnav a {float: left;display: block;color:#fff /*#4d577d*/;text-align: center;padding: 0px 15px;text-decoration: none;font-size:15px;font-weight: 700;position: relative;line-height: 45px;}

.topnav .icon {display: none;}
.dropdown {float: left;overflow: hidden;z-index: 1000;min-height: 45px;}
.dropdown .dropbtn {font-size: 15px;font-weight: 700;border: none;outline: none;padding: 6px 12px;background-color: inherit;font-family: inherit;margin: 0;border-radius: 6px;top:9px;color: #fff;}
.dropdown .dropbtn i {float: right;position: relative;left: 8px;top:-3px;}
.dropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 180px;box-shadow: 0px 8px 16px 0px rgba(143, 143, 143, 0.2);z-index: 1000;top: 35px;min-height: 150px;}
.dropdown-content a {float: none;color: #4d577d;padding: 8px;text-decoration: none;display: block;text-align: left;}
.topnav a:hover, .dropdown:hover .dropbtn {background-color: #fff;color: inherit;border-radius: 6px;/*margin-right: 4px;*/line-height: 30px;margin: 7px 0;}
.dropdown:hover{margin-top: -12px;margin-left: 12px;}
.dropdown-content a:hover {background-color: #e2e2e2;color: #3d4cbf;border-radius: 0;width: 100%;padding: 7px;}
.dropdown:hover .dropdown-content {display: block;}
@media screen and (max-width: 600px) {
.topnav a:not(:first-child), .dropdown .dropbtn {display: none;}
.topnav a.icon {float: right;display: block;}
}
@media screen and (max-width: 600px) {
.topnav.responsive {position: relative;}
.topnav.responsive a.icon {position: absolute;right: 0;top: 0;}
.topnav.responsive a {float: none;display: block;text-align: left;}
.topnav.responsive .dropdown {float: none;}
.topnav.responsive .dropdown-content {position: relative;}
.topnav.responsive .dropdown .dropbtn {display: block;width: 100%;text-align: left;}
}
/* ----- PROGRESS BAR ------- */
.progress-bar-container{height:5px;background-color:#cfcfcf;overflow:hidden;width:100%;position:sticky;top:188px;z-index:240;}
.progress-bar-container #progress-bar{background-color:#285aa1/*#3d4cbf*//*4688f1*/;height:100%;width:0;}
.progress-bar-container{top:50px;}
/* ------ RELOJ ---------- */
.clock {width: 230px;margin: 0 auto;padding: 10px;border: 0px solid #333;color: #fff;background:none!important;position: fixed;bottom: 0vh;}
#Date {font-size: 16px;text-align: center;text-shadow: 0 0 5px #00c6ff;}
.clock > ul {width: 100%;margin: 0 auto;padding: 0px;list-style: none;text-align: center;}
.clock > ul li {display: inline;font-size: 1.5em;text-align: center;text-shadow: 0 0 5px #00c6ff;}
#point {position: relative;animation: mymove 1s ease infinite;-moz-animation: mymove 1s ease infinite;-webkit-animation: mymove 1s ease infinite;padding-left: 2px;padding-right: 2px;}
/*---------------------------------
	PROMOBAR
-----------------------------------*/
#promobar_fixed {padding:0 10px;width:150px;font-size:15px; border-right:dotted 2px #f2f2f2;font-weight:bold;color:#fff;line-height: 40px;margin-right: 10px;background:#3e4dbe;text-transform: uppercase;}
#promobar {padding:0px;}
#promobar #recent_posts {padding:0px 3px;}
#promobar #recent_posts a {padding:0 3px;text-align:right;font-size:16px;display:inline-block;color:#fff;}
#promobar { position:fixed;overflow:hidden;bottom:0;margin-bottom:0px;width:calc( 100% - 80px);box-shadow:2px 2px 10px rgba(0, 0, 0, 0.20);left: 0;border-top:0px solid #F6F6F6;/*text-shadow: 0 1px 1px white;*/display:none; z-index:400;}
#promobar ul,#promobar li {padding:0;margin:0;color:#fff;}
.promobar_inline {display:block;float:left;}
.promobar_back {opacity:1;position:absolute;top:0;width:100%;height: 40px;background-color:#313440;}
.promobar_ticker_wrapper {overflow:hidden;display:block;float:left;}
.promobar_ticker {position:relative;top:0;}
.promobar_ticker li {display:block;}
.promobar_collapse {position:absolute;right:0;top:0;text-align:center;/*text-shadow:0 1px 0 white;*/transition:all 0.3s;-webkit-transition:all 0.3s;cursor:pointer;color:#fff;}
.promobar_collapse:hover {background-color:#3d4cbf; color:#666;box-shadow:0 0 5px #333;}
.promobar_hidden{background-color:#3d4cbf;}
#promobar a {color:#000;text-decoration:none;font-weight:normal;transition:all 0.3s;-webkit-transition:all 0.3s;font-size:10px;}
#promobar a:hover {color:#666;}
.post_meta{color:#fff; font-size:12px;padding: 0 10px;}
/*TARJETAS*/
.card {max-width: 800px;min-width: 640px;margin: 0 auto;}
.card:before,.card:after {content: '';display: block;clear: both;}
.card .marco {width: inherit;;padding: 0 25px;box-sizing: border-box;float: left;}
.card .marco .encabezado {margin: 0 0 15px;color: #666666;font-size: 18px;font-weight: bold;text-transform: uppercase;}
.card .info {width: 300px;margin: 50px auto;text-align: center;}
.card .info h1 {margin: 0 0 15px;padding: 0;font-size: 24px;font-weight: bold;color: #333333;}
.card .info span {color: #666666;font-size: 12px;}
.card .info span a {color: #000000;text-decoration: none;}
.contenedor {border-radius: 8px;position: relative;z-index: 1;display: block;background:none;min-width: 270px;height: 485px;box-shadow: 0px 1px 2px 0px rgb(46, 71, 170);transition: all 1.3s linear 0s;}
.contenedor:hover,.hover {box-shadow: 0px 1px 35px 0px rgb(46, 71, 170);}
.contenedor:hover .thumbnail img,.hover .thumbnail img {transform: scale(1.1);opacity: 0.6;}
.contenedor .thumbnail {border-radius: 8px;background: none;height: 400px;overflow: hidden;}
.contenedor .thumbnail .fecha {position: absolute;top: 20px;right: 20px;z-index: 1;background: #3d4cbf;width: 65px;height: 65px;padding: 7px 0;border-radius: 100%;color: #FFFFFF;font-weight: 700;text-align: center;box-sizing: border-box;border: 5px solid #fff;}
.contenedor .thumbnail .fecha .dia {font-size: 18px;}
.contenedor .thumbnail .fecha .mes {font-size: 12px;text-transform: uppercase;}
.contenedor .thumbnail img {display: block;width: 120%;transition: all 0.3s linear 0s;}
.contenedor .contenido {position: absolute;bottom: 0;background: #FFFFFF;width: 100%;padding: 30px;box-sizing: border-box;transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;border-radius: 0 8px 8px 8px;}
.contenedor .contenido .categoria {position: absolute;top: -34px;left: 0;background: #3d4cbf;padding: 10px 15px;color: #FFFFFF;font-size: 14px;font-weight: 700;text-transform: uppercase;}
.contenedor .contenido .titulo {margin: 0;padding: 0 0 10px;color: #333333;font-size: 26px;font-weight: 700;}
.contenedor .contenido .subtitulo {margin: 0;padding: 0 0 20px;color: #3d4cbf;font-size: 20px;font-weight: 400;}
.contenedor .contenido .descripcion {display: none;color: #666666;font-size: 14px;line-height: 1.8em;}
.contenedor .contenido .fdcontenido {margin: 30px 0 0;color: #999999;}
.contenedor .contenido .fdcontenido.timestamp {margin: 0 16px 0 0;}
.contenedor .post-content .fdcontenido a {color: #999999;text-decoration: none;}
.hover .contenido .descripcion {display: block !important;height: auto !important;opacity: 1 !important;}
/* The Grid --------------*/
.wrapper{width:calc(100%);display:grid;grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));/*grid-auto-rows:minmax(100px, auto);*/grid-gap:.75em;justify-items:stretch;align-items:stretch;}
.wrapper50{width:calc(100%);display:grid;grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));/*grid-auto-rows:minmax(100px, auto);*/grid-gap:.75em;justify-items:stretch;align-items:stretch;}
.wrapper30{width:calc(100%);display:grid;grid-template-columns: repeat(auto-fill, minmax(31%, 1fr));/*grid-auto-rows:minmax(100px, auto);*/grid-gap:.75em;justify-items:stretch;align-items:stretch;}
.wrapper25{width:calc(100%);display:grid;grid-template-columns: repeat(auto-fill, minmax(24%, 1fr));/*grid-auto-rows:minmax(100px, auto);*/grid-gap:.75em;justify-items:stretch;align-items:stretch;}
.wrapper > div{padding:1em;}
/*
@media screen and (min-width: 740px) and (max-width: 1024px) {	.wrapper{grid-template-columns: repeat(auto-fill, 23.6%);} 	}
@media screen and (max-width: 480px) {	.wrapper{grid-template-columns: repeat(auto-fill, 48%);}	}
@media screen and (min-width: 360px) and (max-width: 480px) {	.wrapper{grid-template-columns: repeat(auto-fill, 98%);}	}
*/
.grid-container {padding:10px 90px 15px 15px;margin: 0 auto;}
.grid-container-full {padding:20px;margin: 0 auto;}
.grid-container-in {padding:0px;margin: 0 auto;}
.top-container{margin-top: 220px;}
@media screen and (min-width: 840px) {
	.grid-container {max-width: 100%;}
	.grid-wrapper {display: grid;grid-gap:0.5em;grid-template-columns: repeat(12, 1fr);justify-items:stretch;align-items:stretch;margin: 0 auto;width: 100%;}
	.grid-center{justify-items:center;}
	.col-1 { grid-column: span 1; min-width: calc(100% / 1);}
	.col-2 { grid-column: span 2; min-width: calc(100% / 2);}
	.col-3 { grid-column: span 3; min-width: calc(100% / 3);}
	.col-4 { grid-column: span 4; min-width: calc(100% / 4);}
	.col-5 { grid-column: span 5; min-width: calc(100% / 5); }
	.col-6 { grid-column: span 6; min-width: calc(100% / 6); }
	.col-7 { grid-column: span 7; min-width: calc(100% / 7);}
	.col-8 { grid-column: span 8; min-width: calc(100% / 8);}
	.col-9 { grid-column: span 9; min-width: calc(100% / 9);}
	.col-10 { grid-column: span 10; min-width: calc(100% / 10);}
	.col-11 { grid-column: span 11; min-width: calc(100% / 11);}
	.col-12 { grid-column: span 12; min-width: calc(100% / 12);}
	}
/* CSS keyframes */
@-webkit-keyframes swing{0%, 30%, 50%, 70%, 100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}10%{-webkit-transform:rotate(10deg);transform:rotate(10deg);}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg);}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg);}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg);}}
@keyframes swing{0%, 30%, 50%, 70%, 100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}10%{-webkit-transform:rotate(10deg);transform:rotate(10deg);}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg);}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg);}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg);}}
@-webkit-keyframes init {0% {width: 0px;height: 0px;}100% {width: 56px;height: 56px;margin-top: 0px;opacity: 1;}}
@keyframes init {0% {width: 0px;height: 0px;}100% {width: 56px;height: 56px;margin-top: 0px;opacity: 1;}}
@-webkit-keyframes puff {0% {top: 100%;height: 0px;padding: 0px;}100% {top: 50%;height: 100%;padding: 0px 100%;}}
@keyframes puff {0% {top: 100%;height: 0px;padding: 0px;}100% {top: 50%;height: 100%;padding: 0px 100%;}}
@-webkit-keyframes borderRadius {0% {-webkit-border-radius: 50%;}100% {-webkit-border-radius: 0px;}}
@keyframes borderRadius {0% {border-radius: 80%;}100% {border-radius: 0px;}}

.landing-wrapper {display: grid;grid-gap: 10px;grid-template-columns: repeat(3, 1fr);grid-auto-rows: 1fr;max-width: 1440px;/*font-size: 0;*/margin:0 auto;}
.hero-item,.standard-item {background-position: center center;background-repeat: no-repeat;background-size: cover;}
.news-item {display: inline-block;min-height: 400px;width: 50%;}
.hero-item {  background:#2980b9 url(../images/header_landing.jpg) no-repeat;background-size: cover;	background-position: center;}
.hero-item-mod {  background:#2980b9 url(../img/foto_ui/top_rh_001.jpg) no-repeat;background-size: cover;	background-position: center;}
.standard-item:nth-child(2) {  background:#2980b9 url(../img/mosaico_plazas.jpg) no-repeat;background-size: cover; }
.standard-item:nth-child(3) {  background:#2980b9 url(../img/mosaico_juridico.jpg) no-repeat;background-size: cover; }
.standard-item:nth-child(4) {  background:#2980b9 url(../img/mosaico_checador.jpg) no-repeat;background-size: cover; }
.standard-item:nth-child(5) {  background:#2980b9 url(../img/mosaico_archivo.jpg) no-repeat;background-size: cover; }
.standard-item:nth-child(6) {  background:#2980b9 url(../img/mosaico_checador.jpg) no-repeat;background-size: cover; }
.standard-item:nth-child(7) {  background:#2980b9 url(../img/mosaico_soporte.jpg) no-repeat;background-size: cover; }
.standard-item:nth-child(8) {  background:#2980b9 url(../images/mosaico_seleccion.jpg) no-repeat;background-size: cover; }
.standard-item:nth-child(9) {  background:#2980b9 url(../images/mosaico_cpanel.jpg) no-repeat;background-size: cover; }
.standard-item:nth-child(10) {  background:#2980b9 url(../img/mosaico_juicios.jpg) no-repeat;background-size: cover; }
@supports (display: grid) {  .news-item {width: auto; min-height: 0;  }}
.hero-item {grid-column: 1 / span 3;grid-row: 1 / 25;-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 75px), 0 100%);clip-path: polygon(0 0, 100% 0, 100% calc(100% - 56px), 0 100%);border-radius: 10px 10px 0 0;}
.hero-item-mod {grid-column: 1 / span 3;grid-row: 1 / 15;-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100%), 0 100%);clip-path: polygon(0 0, 100% 0, 100% calc(100%), 0 100%);border-radius: 10px 10px 0 0;}
.standard-item:nth-child(2) {grid-column: 1 / span 1;grid-row: 22 / 50;-webkit-clip-path: polygon(0 14%, 0 86%, 90% 81%, 100% 6%);clip-path: polygon(0px 20%,5% 70%, 3% 100%, 70% 90%, 100% 100%, 100% 14%);margin-top: -20px;z-index: 990;}
.standard-item:nth-child(3) {grid-column: 2 / span 1;grid-row: 22 / 50;-webkit-clip-path: polygon(13% 6%, 4% 84%, 100% 100%, 100% 0%);clip-path: polygon(15% 7%, 15.21% 100%, 100% 83%, 100% 1%);margin-top: 0;margin-left: -15%;z-index: 991;}
.standard-item:nth-child(4) {grid-column: 3 / span 1;grid-row: 22 /50;-webkit-clip-path: polygon(0 14%, 0 86%, 90% 81%, 100% 6%);clip-path: polygon(0% 6%,1% 85%, 95.64% 100%, 100% 0%);margin-top: -12px;z-index: 992;}
.standard-item:nth-child(5) {grid-column: 1 / span 1;grid-row: 49 / 80;-webkit-clip-path: polygon(0 14%, 0 86%, 90% 81%, 100% 6%);clip-path: polygon(3% 9%, 1% 83%, 42.8% 92%, 97% 84%, 100% 9%, 70% 0%);margin-top: -17px;z-index: 993;}
.standard-item:nth-child(6) {grid-column: 2 / span 1;grid-row: 49 / 80;-webkit-clip-path: polygon(13% 6%, 4% 84%, 100% 100%, 100% 0%);clip-path: polygon(15% 17%, 12% 85%, 58% 96%, 98% 92%, 100% 4%);margin-top: -50px;margin-left: -15%;z-index: 994;}
.standard-item:nth-child(7) {grid-column: 3 / span 1;grid-row: 49 / 80;-webkit-clip-path: polygon(0 14%, 0 86%, 90% 81%, 100% 6%);clip-path: polygon(2% 1%, 0px 92%, 36.07% 98.62%, 100% 95%, 92% 40%, 95% 13%);margin-top: -35px;z-index: 990;}
.standard-item:nth-child(8) {grid-column: 1 / span 1;grid-row: 78 / 105;-webkit-clip-path: polygon(2% 1%, 0px 92%, 36.07% 98.62%, 100% 95%, 92% 40%, 96% 3%, 42% 10%);clip-path: polygon(2% 1%, 0px 92%, 36.07% 98.62%, 100% 95%, 92% 40%, 96% 3%, 42% 10%);margin-top: -35px;z-index: 990;}
.standard-item:nth-child(9) {grid-column: 3 / span 1;grid-row: 81 / 105;-webkit-clip-path: polygon(0% 0%, 0px 100%, 57% 93%, 104% 101%, 100% 3%, 35% 9%);clip-path: polygon(0% 0%, 0px 100%, 57% 93%, 104% 101%, 100% 3%, 35% 9%);margin-top: -35px;z-index: 990;}
.standard-item:nth-child(10) {grid-column: 2 / span 1;grid-row: 82 / 108;-webkit-clip-path: polygon(99% 2%,58% 8%,13% -3%, 8% 30%, 13% 85%, 56% 92%, 99% 89%);clip-path: polygon(99% 2%,58% 8%,13% -3%, 8% 30%, 13% 85%, 56% 92%, 99% 89%);margin-top: -50px;margin-left: -15%;z-index: 994;}

@media all and (min-width: 360px) and (max-width: 740px) {
.titulos{position: relative;float: left;top: 45%;text-shadow: 2px 1px 2px #000;font-size: 11px}
}
/* -----------------------------------------
	MENU CIRCULAR
------------------------------------------- */
.circular-menu {position: fixed;bottom: 2.45em;right: 3.65em;z-index: 777;}
.circular-menu .floating-btn {display: block;width: 3.5em;height: 3.5em;border-radius: 50%;background-color: #3d4cbf;box-shadow: 0 2px 5px 0 hsl(228, 13.3%, 22.2%);color: hsl(0, 0%, 100%);text-align: center;line-height: 5.2;cursor: pointer;outline: 0;}
.circular-menu.active .floating-btn {box-shadow: inset 0 0 3px hsla(0, 0%, 0%, .3);}
.circular-menu .floating-btn:active {box-shadow: 0 4px 8px 0 hsla(0, 0%, 0%, .4);}
.circular-menu .floating-btn i {font-size: 2.3em;transition: transform .32s;}
.circular-menu.active .floating-btn i {transform: rotate(-45deg);top: -1px;position: relative;}
.circular-menu:after {display: block;content: ' ';width: 4em;height: 4em;border-radius: 50%;position: absolute;top:-3px;right:-3px;z-index: -2;background-color: hsl(228, 13.3%, 22.2%);;transition: all .3s ease;}
.circular-menu.active:after {transform: scale3d(10.5, 10.5, 1);transition-timing-function: cubic-bezier(.68, 1.55, .265, 1);border: 2px solid #3d4cbf;}
.circular-menu .items-wrapper {padding: 0;margin: 0;}
.circular-menu .menu-item {position: absolute;top: .2em;right: .2em;z-index: -1;display: block;text-decoration: none;color: hsl(0, 0%, 100%);font-size: 1em;width: 3em;height: 3em;border-radius: 50%;text-align: center;line-height: 4;background-color: #3d4cbf;transition: background .2s ease, -webkit-transform .3s ease;transition: transform .3s ease, background .2s ease;transition: transform .3s ease, background .2s ease, -webkit-transform .3s ease;}
/* MENU X LA DERECHA */
.circular-menu .menu-item:hover {background-color: hsla(0,0%,0%,.3);}
.circular-menu.active .menu-item {transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.circular-menu.active .menu-item:nth-child(1) {-webkit-transform: translate3d(1em,-8.4em,0);transform: translate3d(1em,-8.4em,0);}
.circular-menu.active .menu-item:nth-child(2) {-webkit-transform: translate3d(-2.85em,-7.9em,0);transform: translate3d(-2.85em,-7.9em,0);}
.circular-menu.active .menu-item:nth-child(3) {-webkit-transform: translate3d(-6.2em,-5.6em,0);transform: translate3d(-6.2em,-5.6em,0);}
.circular-menu.active .menu-item:nth-child(4) {-webkit-transform: translate3d(-8em,-2em,0);transform: translate3d(-8em,-2em,0);}
.circular-menu.active .menu-item:nth-child(5) {-webkit-transform: translate3d(-8em,2em,0);transform: translate3d(-8em,2em,0);}
/* MENU X LA IZQUIERDA */
.circular-menu.circular-menu-left {right: auto;left: 1em;}
.circular-menu.circular-menu-left .floating-btn {background-color: hsl(217, 89%, 61%);}
.circular-menu.circular-menu-left:after {background-color: hsl(217, 89%, 61%);}
.circular-menu.circular-menu-left.active .floating-btn i {-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.circular-menu.circular-menu-left.active .menu-item:nth-child(1) {-webkit-transform: translate3d(-1em,-7em,0);transform: translate3d(-1em,-7em,0);}
.circular-menu.circular-menu-left.active .menu-item:nth-child(2) {-webkit-transform: translate3d(3.5em,-6.3em,0);transform: translate3d(3.5em,-6.3em,0);}
.circular-menu.circular-menu-left.active .menu-item:nth-child(3) {-webkit-transform: translate3d(6.5em,-3.2em,0);transform: translate3d(6.5em,-3.2em,0);}
.circular-menu.circular-menu-left.active .menu-item:nth-child(4) {-webkit-transform: translate3d(7em,1em,0);transform: translate3d(7em,1em,0);}
/*CALENDARIO ------------------ */
.top_subnav{margin:0px;display: block;padding-left: 10px;}
.subnav { margin-left: 0;list-style: none;padding-left: 0; color:#666!important}
.subnav > li > a { padding: 8px;color:#666!important;}
.nav_submenu{float: left;margin:0px;width: 100%;}
.top_subnav a:hover {padding: 8px;background: #4E89DF; color: #fff !important;}
.dottmt{width: 8px;height: 8px;position: relative;float: right;right: 30px;top:15px;background: #4cbc1f;border-radius: 50%}
.dottol{width: 8px;height: 8px;position: relative;float: right;right: 30px;top:15px;background: #FFAC00;border-radius: 50%}
.dotret{width: 8px;height: 8px;position: relative;float: right;right: 30px;top:15px;background: #F77F1E;border-radius: 50%}
.dotomi{width: 8px;height: 8px;position: relative;float: right;right: 30px;top:15px;background: #F35161;border-radius: 50%}
.dotfal{width: 8px;height: 8px;position: relative;float: right;right: 30px;top:15px;background: #EB31FF;border-radius: 50%}
.dottmt_txt{color: #4cbc1f;}
.dottol_txt{color: #FFAC00;}
.dotret_txt{color: #F77F1E;}
.dotomi_txt{color: #F35161;}
.dotfal_txt{color: #EB31FF;}
.dotsnr_txt{color: #3bb2ff;}
.hrs{width:45%;}
@media screen and (max-width: 1360px) {
.hrs{width:50%;}
}

.calendar-base {font-family: 'Baloo 2';font-weight:bold;width: 620px;height: 550px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;position: relative;float: left;}


.mes {text-align: center;float: left;width:calc(100% / 12);}
.activa_mes{font-size: 18px;}
.activa_mes a{color:#3d4cbf;font-weight: 700;}
.dias {width: 100%;color:#3d4cbf;position: relative;float:left;text-align: center;padding: 4px 0;font-weight: 700;}
.dia {padding-right: 30px;font-size: 22px;}
.inhabil {color: #b0b0b0!important;}

.chkicon{background: #f1f1f1;border-radius: 50%;width: 32px;height: 32px;position: relative;float: left;top: 10px;left: 150px;text-align: center;padding-top: 7px;margin-right: 6px;}
.btnicon{border-radius:15%;background:#fff;width:35px;height:35px;text-align:center;padding-top:5px;}
.btnicon:hover{transition: all .35s ease-in;transform: scale(1.3);}

.calendar-btn{width: 70px;float: left;position: relative;display: block;text-align: center;padding: 0 10px;}
.fd{position:relative;float:left;right:-120px;z-index: 0;width: 120px;height: 120px;bottom: -300px;}
.qrcode{position: absolute;float: left;left: calc(65vw);top: 590px;z-index: 399;width: 90px;height: 90px;}
.repincide{font-size: 16px;font-weight: bold;text-align: center;border-bottom: 1px dotted #a8ecc5;width: 90%;margin: 0 auto;}
.rotas{position:absolute;float:left;top:60px;}
.perfilgral{float:left;width:320px;text-align:center;position:relative;}
/* ---------------------------
OVERIDE
---------------------------- */
.fancybox-slide--iframe .fancybox-content {width : 98%;height :95%;max-height : 95%;margin: 0;background: #333;}
.tbhead{padding: 5px;background:#313440;color:#fff;text-align: center;font-weight: 700;}

.radialProgressBar {
	border-radius: 50%;
	padding: 9px;
	/*-webkit-transform: translate(50%, 50%);
	transform: translate(50%, 50%);*/
	width: 100px;
	height: 100px;
	/*display: -webkit-box;
	display: -ms-flexbox;
	display: flex;*/
	background: #ddd;
	/*margin: 20px;
	float:left;*/
}
.radialProgressBar .overlay {
	border-radius: 50%;
	width: 80px;
	height: 80px;
	margin: auto;
	background: #fff;
	text-align: center;
	padding-top: 50%;
	font-weight: 700;
	font-size: 18px;
	text-shadow: 1px 1px 1px #fff;
}

.progress-0 {
	background-image: -webkit-linear-gradient(left, #ddd 50%, transparent 50%), -webkit-linear-gradient(left, #e22020 50%, #ddd 50%);
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%), linear-gradient(90deg, #e22020 50%, #ddd 50%);
}

.progress-10 {
	background-image: -webkit-linear-gradient(36deg, #e22020 50%, transparent 50%), -webkit-linear-gradient(left, #e22020 50%, #ddd 50%);
	background-image: linear-gradient(54deg, #e22020 50%, transparent 50%), linear-gradient(90deg, #e22020 50%, #ddd 50%);
}

.progress-20 {
	background-image: -webkit-linear-gradient(72deg, #e22020 50%, transparent 50%), -webkit-linear-gradient(left, #e22020 50%, #ddd 50%);
	background-image: linear-gradient(18deg, #e22020 50%, transparent 50%), linear-gradient(90deg, #e22020 50%, #ddd 50%);
}

.progress-30 {
	background-image: -webkit-linear-gradient(108deg, #e22020 50%, transparent 50%), -webkit-linear-gradient(left, #e22020 50%, #ddd 50%);
	background-image: linear-gradient(-18deg, #e22020 50%, transparent 50%), linear-gradient(90deg, #e22020 50%, #ddd 50%);
}

.progress-40 {
	background-image: -webkit-linear-gradient(144deg, #e22020 50%, transparent 50%), -webkit-linear-gradient(left, #e22020 50%, #ddd 50%);
	background-image: linear-gradient(-54deg, #e22020 50%, transparent 50%), linear-gradient(90deg, #e22020 50%, #ddd 50%);
}

.progress-50 {
	background-image: -webkit-linear-gradient(right, #e22020 50%, transparent 50%), -webkit-linear-gradient(left, #e22020 50%, #ddd 50%);
	background-image: linear-gradient(-90deg, #e22020 50%, transparent 50%), linear-gradient(90deg, #e22020 50%, #ddd 50%);
}

.progress-60 {
	background-image: -webkit-linear-gradient(left, #eea700 50%, transparent 50%), -webkit-linear-gradient(36deg, #eea700 50%, #ddd 50%);
	background-image: linear-gradient(90deg, #eea700 50%, transparent 50%), linear-gradient(54deg, #eea700 50%, #ddd 50%);
}

.progress-70 {
	background-image: -webkit-linear-gradient(left, #eea700 50%, transparent 50%), -webkit-linear-gradient(72deg, #eea700 50%, #ddd 50%);
	background-image: linear-gradient(90deg, #eea700 50%, transparent 50%), linear-gradient(18deg, #eea700 50%, #ddd 50%);
}

.progress-80 {
	background-image: -webkit-linear-gradient(left, #9cecac 50%, transparent 50%), -webkit-linear-gradient(108deg, #9cecac 50%, #ddd 50%);
	background-image: linear-gradient(90deg, #9cecac 50%, transparent 50%), linear-gradient(-18deg, #9cecac 50%, #ddd 50%);
}

.progress-90 {
	background-image: -webkit-linear-gradient(left, #9cecac 50%, transparent 50%), -webkit-linear-gradient(144deg, #9cecac 50%, #9cecac 50%);
	background-image: linear-gradient(90deg, #9cecac 50%, transparent 50%), linear-gradient(-54deg, #9cecac 50%, #9cecac 50%);
}

.progress-100 {
	background-image: -webkit-linear-gradient(left, #9cecac 50%, transparent 50%), -webkit-linear-gradient(right, #9cecac 50%, #9cecac 50%);
	background-image: linear-gradient(90deg, #9cecac 50%, transparent 50%), linear-gradient(-90deg, #9cecac 50%, #9cecac 50%);
}

@-ms-keyframes spin {
		from { -ms-transform: rotate(0deg); }
		to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
		from { -moz-transform: rotate(0deg); }
		to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
		from { -webkit-transform: rotate(0deg); }
		to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
		from {
				transform:rotate(0deg);
		}
		to {
				transform:rotate(360deg);
		}
}

.bntcontenedor {
		/*padding: 1.5rem 0;*/
		filter: url('#goo');
}

.btnanm {
		display: inline-block;
		text-align: center;
		background: #eee;
		color: #1a1e24;
		font-weight: bold;
		padding: 8px 16px;
		line-height: 1;
		border-radius: .4em;
		position: relative;
		min-width: 8em;
		text-decoration: none;
}

.btnanm:before,
.btnanm:after {
		width: 4em;
		height: 2.5em;
		position: absolute;
		content: "";
		display: inline-block;
		background: #eee;
		border-radius: 50%;
		transition: transform 0.6s ease;
		transform: scale(0);
		z-index: -1;
}

.btnanm:before {
		top: -25%;
		left: 20%;
}

.btnanm:after {
		bottom: -25%;
		right: 20%;
}

.btnanm:hover:before,
.btnanm:hover:after {
		transform: none;
}


.btnn:link,
.btnn:visited {
	text-transform: uppercase;
	text-decoration: none;
	padding: 15px 40px;
	display: inline-block;
	border-radius: 100px;
	-webkit-transition: all .2s;
	transition: all .2s;
	position: absolute;
}

.btnn:hover {
	-webkit-transform: translateY(-3px);
					transform: translateY(-3px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.btnn:active {
	-webkit-transform: translateY(-1px);
					transform: translateY(-1px);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.btnn-white {
	background-color: #fff;
	color: #777;
}

.btnn::after {
	content: "";
	display: inline-block;
	height: 100%;
	width: 100%;
	border-radius: 100px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.btnn-white::after {
	background-color: #fff;
}

.btn:hover::after {
	-webkit-transform: scaleX(1.4) scaleY(1.6);
					transform: scaleX(1.4) scaleY(1.6);
	opacity: 0;
}

.btnn-animated {
	-webkit-animation: moveInBottom 5s ease-out;
					animation: moveInBottom 5s ease-out;
	-webkit-animation-fill-mode: backwards;
					animation-fill-mode: backwards;
}

@-webkit-keyframes moveInBottom {
	0% {
		opacity: 0;
		-webkit-transform: translateY(30px);
						transform: translateY(30px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0px);
						transform: translateY(0px);
	}
}

@keyframes moveInBottom {
	0% {
		opacity: 0;
		-webkit-transform: translateY(30px);
						transform: translateY(30px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}

.meter {height: 20px;position: relative;background: #3e3e3e;-moz-border-radius: 25px;-webkit-border-radius: 25px;border-radius: 25px;padding: 10px;}
.meter > span {display: block;height: 100%;  border-radius: 8px;background-color: rgb(43,194,83);background-image: linear-gradient(center bottom,rgb(43,194,83) 37%,rgb(84,240,84) 69%);box-shadow:inset 0 2px 9px  rgba(255,255,255,0.3),inset 0 -2px 6px rgba(0,0,0,0.4);position: relative;overflow: hidden;height: 10px!important;top: -5px!important;left: -4px!important;}
.orange > span {background-color: #f1a165;background-image: linear-gradient(to bottom, #f1a165, #f36d0a);}
.red > span {background-color: #f0a3a3;background-image: linear-gradient(to bottom, #f0a3a3, #f42323);}
/*
.win7-btn {margin-right: 10px;border-radius: 3px;border: 1px solid #ddd;padding: 3px 15px 3px 15px;background: #f2f2f2;background: -moz-linear-gradient(top, #f2f2f2 0%, #ebebeb 42%, #dddddd 47%, #cfcfcf 100%);background: -webkit-linear-gradient(top, #f2f2f2 0%, #ebebeb 42%, #dddddd 47%, #cfcfcf 100%);background: linear-gradient(to bottom, #f2f2f2 0%, #ebebeb 42%, #dddddd 47%, #cfcfcf 100%);filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#cfcfcf', GradientType=0);transition: all 0.1s ease-in;border: 1px solid #707070;}
*/
.containerfl {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 90vh;
}
/*
input[type="file"] {
position: absolute;
z-index: -1;
top: 6px;
left: 0px;
font-size: 15px;
color: rgb(153,153,153);
}
*/
.button-wrap {
position: relative;
}

.new-button {
display: inline-block;
padding: 8px 12px; 
cursor: pointer;
border-radius: 4px;
background-color: #9c27b0;
font-size: 16px;
color: #fff;
}



/* carrusel*/
  .cmarco {
	position: relative;
	margin: 0 auto;
	width: auto;
	height: 180px;
	color: white;
	overflow: hidden
 }
 .elemento {
	text-align: center;
	font-size: 50px;
	line-height: 180px;
 }
 .bgpromo1{
	background-image: url(../images/bgpromo_01.png);
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: 122% 27px;
 }
 .bgpromo2{
	background-image: url(../images/bgpromo_02.png);
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: 122% 27px;
 }
 .bgpromo3{
	background-image: url(../images/bgpromo_03.png);
	background-size: 32%;
	background-repeat: no-repeat;
	background-position: right center;
 }
 .bgpromo4{
	background-image: url(../images/bgpromo_04.png);
	background-size: 32%;
	background-repeat: no-repeat;
	background-position: right center;
 }
 .carrusel {
	animation: carrusel  12s ease-in-out infinite;
 }
 @keyframes carrusel  {
	0%, 20% {
	    transform: translateY(0);
	}
	25%, 45% {
	    transform: translateY(-180px)
	}
	50%, 70% {
	    transform: translateY(-360px)
	}
	75%, 95% {
	    transform: translateY(-540px)
	}
	100% {
	    transform: translateY(-720px)
	}
 }