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, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, h1, h2, h3, h4, h5, h6 {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline; box-sizing:border-box; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box; /* 2 */ }
*:before, *:after {box-sizing: border-box;-moz-box-sizing: border-box;  -webkit-box-sizing: border-box;}
body{font-family:sans-serif;}


html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  font-size:1em;
  background-color: #E6E6E6;
  width: 100%;
  height: 100%;
  color: #98989A;
}

a {
  background-color: transparent;
  text-decoration:none;
}

a:focus,
a:active,
a:hover {
  outline: 0;
  text-decoration:none;
}

b,
strong {
  font-weight: bold;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}

@font-face {
  font-family: 'Montserrat Thin';
  font-style: normal;
  src: url("Montserrat-Thin.otf");
}
@font-face {
  font-family: 'Montserrat Bold';
  font-style: normal;
  font-weight: 700;
  src: url("montserrat-bold-webfont.eot");
  src: url("montserrat-bold-webfont.eot?#iefix") format("embedded-opentype"), url("montserrat-bold-webfont.woff2") format("woff2"), url("montserrat-bold-webfont.woff") format("woff"), url("montserrat-bold-webfont.ttf") format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
    font-family: 'Gotham Book';
    src: url('gotham-book-webfont.eot');
    src: url('gotham-book-webfont.eot.eot?#iefix') format('embedded-opentype'),
         url('gotham-book-webfont.woff') format('woff'),
         url('gotham-book-webfont.ttf') format('truetype'),
         url('gotham-book-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham Light';
    src: url('gotham-light-webfont.eot');
    src: url('gotham-light-webfont.eot.eot?#iefix') format('embedded-opentype'),
         url('gotham-light-webfont.woff') format('woff'),
         url('gotham-light-webfont.ttf') format('truetype'),
         url('gotham-light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham Medium';
    src: url('gotham-medium-webfont.eot');
    src: url('gotham-medium-webfont.eot.eot?#iefix') format('embedded-opentype'),
         url('gotham-medium-webfont.woff') format('woff'),
         url('gotham-medium-webfont.ttf') format('truetype'),
         url('gotham-medium-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Montserrat Light';
  font-style: normal;
  src: url("montserrat-extralight-webfont.otf");
  src: url("montserrat-extralight-webfont.woff2") format("woff2"), url("montserrat-extralight-webfont.woff") format("woff2");
}

@font-face {
  font-family: 'Montserrat Bold';
  font-style: normal;
  font-weight: 700;
  src: url("montserrat-bold-webfont.eot");
  src: url("montserrat-bold-webfont.eot?#iefix") format("embedded-opentype"), url("montserrat-bold-webfont.woff2") format("woff2"), url("montserrat-bold-webfont.woff") format("woff"), url("montserrat-bold-webfont.ttf") format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'Montserrat Regular';
  font-style: normal;
  font-weight: 400;
  src: url("montserrat-regular-webfont.eot");
  src: url("montserrat-regular-webfont.eot?#iefix") format("embedded-opentype"), url("montserrat-regular-webfont.woff2") format("woff2"), url("montserrat-regular-webfont.woff") format("woff"), url("montserrat-regular-webfont.ttf") format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
    font-family: 'Mono-Regular';
    src: url('Mono-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Mono-Medium';
    src: url('Mono-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Mono-Bold';
    src: url('Mono-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}




input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px #E7E8E8 inset !important;
    -moz-box-shadow: 0 0 0px 1000px #E7E8E8 inset !important;
    background-color: #E7E8E8 !important;
    color: #151819 !important;
    -webkit-text-fill-color: #151819 !important;
}




.mano{
	cursor:pointer;
}

.progreso_subida {
   width: 75%;
   height: 10px;
   background-color: #17181B;
   margin: 20px 0 0 53px;
}
.progreso_subida_in {
   height: 10px;
   background-color: #9bc500;
}

.deb_pendientes {
    position: absolute;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    align-self: center;
    background-color: #ac1313;
    border: 4px solid #ffffff;
    font-family: 'Gotham Medium', sans-serif;
    font-size: 9px;
    text-align: center;
    color: #fff;
    margin: 25px 0 0 60px;
    z-index: 900;
}

.borras {
   width: 65px;
   height: 100%;
   display: flex;
   align-self: flex-end !important;
   border-right: 1px solid #ADAFB2;
   background-image: url(../imagenes_b/borrarlst.png);
   background-repeat: no-repeat;
   background-position: center center;
   -webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

.cropit-image-preview {
   background-color: #f8f8f8;
   background-size: cover;
   border: 1px solid #ccc;
   border-radius: 3px;
   margin-top: 7px;
   width: 250px;
   height: 250px;
   cursor: move;
}

.cropit-image-background {
   opacity: .2;
   cursor: auto;
}

.borras:hover { background-color: #32343E !important; }

.li372 { height: 372px; }

.liaccsdat {
   width: 100%;
   height: 80px;
   display: flex;
   justify-content: space-around;
   align-items: center;
   padding: 0px 25px 10px 25px;
   border-top: 1px solid #ADAFB2;
}

.liaccsdat p {
   font-family: 'Gotham Medium',sans-serif;
   font-size: 11px;
   margin-top: 10px;
   text-align: center;
   color: #58595C;
   text-transform: uppercase;
}

.popup_recorte {
   width: 902px;
   height: 350px;
   display: flex;
   justify-content: center;
   align-content: center;
   align-items: center;
   flex-wrap: wrap;
   border: 1px solid #28292D;
   background-color: #17181B;
}

#signup .text:focus{
	outline:0px;
}
input:focus {
   outline: none;
   background-color: transparent !important;
}
textarea:focus {
   outline: none ;
}

.gtab_verde { color: #8EB92A; }
.gtab_rojo { color: #AB1F1F; }
.gtab_azul { color: #0CA0FC; }
.gtab_gris { color: #C3C3C3; }
.gtab_italic { font-style: italic; }
.gtab_bold { font-weight: bold; }
.gtab_subrayado { text-decoration:underline; }


a,img,input {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}
.zoomin {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.zoomin:hover, .zoomin:focus, .zoomin-in:active {
  -webkit-transform: scale(1.0);
  transform: scale(1.0);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

.zoomin2 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transform: scale(1.0);
  transform: scale(1.0);
}
.zoomin2:hover, .zoomin:focus, .zoomin:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}



.subenivel {
   width: 220px;
   height: 55px;
   display: flex;
   align-content: center;
   align-items: center;
   border: 1px solid #58595D;
   background-color: #393A3E;
   margin: 0px 25px 30px 40px;
   -webkit-border-radius: 26px;
   -moz-border-radius: 26px;
   border-radius: 26px;
   text-transform: uppercase;
    font-family: 'Gotham Medium',sans-serif;
    font-size: 11.5px;
    text-align: left;
    color: #ffffff;
   -webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

.subenivel:hover { background-color: #48494C; }
.subenivel img {  margin-left: 25px; margin-right: 15px;  }

.bkanidar { background-color: #5e6762 !important; }
.sepanidado { margin-top:15px; }

.txtanid {
   font-family: 'Gotham Light',sans-serif;
   font-size: 15px;
   text-align: left;
   padding: 15px 25px 15px 25px;
   margin-top: 15px;
   margin-bottom: 14px;
   color: #52626d;
}


.mensaje {
   position: absolute;
   width: 132px;
   height: auto;
   overflow: hidden;
   margin-top: -70px;
   z-index: 1000;
}

.alertasub {
   width: 132px;
   height: 60px;
   overflow: hidden;
}

.alertasub img {
   	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
	filter: alpha(opacity=100) !important;
	-moz-opacity:1.0 !important;
	-khtml-opacity: 1.0 !important;
	opacity: 1.0 !important;
	-webkit-transform: scale(1.0) !important;
   transform: scale(1.0) !important;
   cursor: default !important;
}

.alertador_in {
   display: flex;
   flex-direction: column;
   align-content: center;
   align-items: center;
   width: 132px;
   height: auto;
   overflow: hidden;
   background-color: #2A2A2D;
   -webkit-border-top-left-radius: 6px;
   -moz-border-top-left-radius: 6px;
   border-top-left-radius: 6px;
   -webkit-border-top-right-radius: 6px;
   -moz-border-top-right-radius: 6px;
   border-top-right-radius: 6px;
}

.al2 {
   margin-top: 10px;
   margin-bottom: 10px;
   cursor: default !important;
}

.selectpoliedi {
    height: 80px !important;
    background-color: #F4F5F5 !important;
    font-family: Tahoma, sans-serif !important;
    font-size: 12px !important;
    text-align: left !important;
    padding: 8px !important;
    margin-left: 25px !important;
    color: #151819 !important;
    margin: 20px 3px 20px 0px;
    border: 1px solid #ADAFB2 !important;
}

.alertador_in p {
   display: block;
   font-family: Tahoma, sans-serif  !important;
   font-size: 11px !important;
   text-align: center !important;
   padding: 0px 8px 15px 8px !important;
   color: #dddddd !important;
   border: 0 !important;
   cursor: default !important;
}

.mensaje_ops {
   width: 100% !important;
   height: 30px !important;
   border-top: 1px solid #505154;
}

.mensaje_si {
   width: 50% !important;
   height: 30px !important;
   text-transform: uppercase;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 13px;
   padding-top: 8px;
   text-align: center;
   float: left;
   background-color: #2A2A2D;
   border-right: 1px solid #505154;
   color: #dddddd;
    -webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

.mensaje_si:hover {
   background-color: #353B25;
   color: #B2CF48;
}

.mensaje_no {
   width: 50% !important;
   height: 30px !important;
   text-transform: uppercase;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 13px;
   padding-top: 8px;
   float: left;
   text-align: center;
   background-color: #2A2A2D;
   color: #dddddd;
    -webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

.mensaje_no:hover {
   background-color: #2B1A1D;
   color: #A30623;
}

.
.guardafix {
   position: fixed;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 140px 120px 0 0;
   border-color: #76B80B transparent transparent transparent;
   cursor: pointer;
   z-index:9999;
}

.guardafix2 {
   position: fixed;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 140px 120px 0 0;
   border-color: #76B80B transparent transparent transparent;
   cursor: pointer;
   z-index:9999;
}

.guardafixando {
   position: fixed;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 140px 120px 0 0;
   border-color: #4D7808 transparent transparent transparent;
   cursor: pointer;
   z-index:9999;
}
.cargapop {
    background-image: url(../imagenes/infinita.gif);
    background-repeat: no-repeat;
    background-position: center center;
}
.guardafix_on{
   position: fixed;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 140px 120px 0 0;
   border-color: #76B80B transparent transparent transparent;
	animation: parpadeo 5s;
	-webkit-animation: parpadeo 1s;
  -moz-animation: parpadeo 1s;
	animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
  -moz-animation-iteration-count:infinite;
  cursor: pointer;
  z-index:9999;
}

@keyframes parpadeo {
	0%	  {border-color: #CF0706 transparent transparent transparent;}
	50%  {border-color: #780909 transparent transparent transparent;}
	100% {border-color: #CF0706 transparent transparent transparent;}
}
@-webkit-keyframes parpadeo {
	0%	  {border-color: #CF0706 transparent transparent transparent;}
	50%  {border-color: #780909 transparent transparent transparent;}
	100% {border-color: #CF0706 transparent transparent transparent;}
}

.guardafix_on img {
   margin-top: -130px ;
   margin-left: 20px ;
   z-index:9999;
   position: absolute;
}
.guardafix img {
   margin-top: -130px ;
   margin-left: 20px ;
   z-index:9999;

}
.guardafix2 img {
   margin-top: -130px ;
   margin-left: 20px ;
   z-index:9999;

}
.guardafixando img {
   margin-top: -130px ;
   margin-left: 20px ;
   z-index:9999;

}

.guardafix p {
   margin-top: -90px ;
   margin-left: 11px ;
   font-size: 8px;
   color: #ffffff;
   font-family: 'Tahoma', sans-serif;
   font-weight: bold;
   text-align: center;
   z-index:9999;
}
.guardafix2 p {
   margin-top: -90px ;
   margin-left: 11px ;
   font-size: 8px;
   color: #ffffff;
   font-family: 'Tahoma', sans-serif;
   font-weight: bold;
   text-align: center;
   z-index:9999;
}
.guardafix_on p {
   margin-top: -90px ;
   margin-left: 11px ;
   font-size: 8px;
   color: #ffffff;
   font-family: 'Tahoma', sans-serif;
   font-weight: bold;
   text-align: center;
   z-index:9999;
}
.guardafixando p {
   margin-top: -90px ;
   margin-left: 11px ;
   font-size: 8px;
   color: #ffffff;
   font-family: 'Tahoma', sans-serif;
   font-weight: bold;
   text-align: center;
   z-index:9999;
}


.atenua  {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}
.atenua:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

.cleaner {
    clear: both !important;
    line-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.centrar {
   width: auto;
   height: 100%;
   margin-left: auto;
   margin-right: auto;
}

.btn_cms {
   width: 100%;
   height: auto;
   background: #18191c;
   background-color:#CED0D2;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   padding: 4px 5px 4px 5px ;
   border:1px solid #BABEC2;
}

.btn_cms_in {
   width: 100%;
   height: auto;
   background: #6f7482;
   background: -moz-linear-gradient(top,  #6f7482 0%, #474a53 100%);
   background: -webkit-linear-gradient(top,  #6f7482 0%,#474a53 100%);
   background: linear-gradient(to bottom,  #6f7482 0%,#474a53 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f7482', endColorstr='#474a53',GradientType=0 );
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   padding: 10px 10px 10px 10px ;
   border-top:1px solid #898FA0;
   border-bottom: 1px solid #1C1D21;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 9.5px;
   color: #F5F5F6;
   text-align: center;
   text-transform: uppercase;
   text-shadow:  0px 1px 1px #000000;
   -webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

.btn_cms_in:hover { color: #13E5FF; }


.cabeceratop {
   width: 100%;
   height: 5px;
}

.topin {
   width: 25%;
   height: 6px;
   float: left;
}

.cl1 {  background-color: #2ab4c6; }
.cl2 {  background-color: #d354af; }
.cl3 {  background-color: #fcd03c; }
.cl4 {  background-color: #b2cf48; }

.verdeon {  color: #495d00 !important; }
.rojoff {  color: #850909 !important; }
.modera {  color: #850909 !important; margin-left: 6px;}
.eliminaop {  color: #850909 !important; margin-left: 8px;}


/*** ESTRUCTURA  */

#wrapper {
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  background-image: url(../imagenes_b/footer_bk.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: auto 650px;
}


.cargacceso {
  background-image: url(../imagenes/capturanim.gif);
  background-repeat: no-repeat;
  background-position: center center;
  height: 56px;
}


.arq_flex {
   width: 100%;
   height: auto;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   flex-wrap: nowrap;
   align-items: center;
}

.header {
   width: 100%;
   height: 75px;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   background-color: #DADADB;
   border-bottom: 1px solid #CCCCCE;
   z-index: 10;
}

.apartados {
   width: 100%;
   height: 175px;
   overflow: hidden;
   display: flex;
   flex-direction: row;
   justify-content: center;
   margin-top: -1px;
   z-index: 1;
}

.bloque_central {
   width: 85%;
   min-height: 400px;
   height: auto;
   overflow: hidden;
   display: flex;
   flex: 1;
   flex-direction: row;
   flex-shrink: 0;
   justify-content: flex-start;
   margin-top: -1px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   border: 1px solid #E6E6E6;
   background-color: #DEDEDE;
   z-index: 20;
}

@media only screen and (max-width: 1800px) { .bloque_central { width: 90%;   } }
@media only screen and (max-width: 1200px) { .bloque_central { width: 95%;   } }

.subapartados {
   width: 300px;
   height: auto;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   flex-shrink: 0;
   justify-content: flex-start;
   border-right: 1px solid #2F3137;
   background-color: #454851;
   -webkit-border-top-left-radius: 6px;
   -moz-border-top-left-radius: 6px;
   border-top-left-radius: 6px;
   -webkit-border-bottom-left-radius: 6px;
   -moz-border-bottom-left-radius: 6px;
   border-bottom-left-radius: 6px;
}

.download-icon {
	display: inline-block;
	margin-left: 8px;
	font-size: 16px;
	font-weight: bold;
	transform: rotate(90deg);
	color: #1f8b28;
	}
	
	
.download-link {
	text-decoration: none;
	color: #000;
	font-family: Gotham Medium, sans-serif;
	display: inline-flex;
	align-items: center;
	width: 700px;
	white-space: nowrap;      
	overflow: hidden;         
	text-overflow: ellipsis;
	font-size: 12px !important;
}


.download-link-f {
	text-decoration: none;
	color: #000;
	font-family: Gotham Medium, sans-serif;
	display: inline-flex;
	align-items: center;
	white-space: nowrap;      
	overflow: hidden;         
	text-overflow: ellipsis;
	font-size: 12px !important;
}


.cuerpo {
   width: auto;
   height: 100%;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   flex-grow: 2;
   justify-content: flex-start;
   border-right: 1px solid #ADAFB2;
   margin-right: -1px;
   -webkit-border-top-right-radius: 6px;
   -moz-border-top-right-radius: 6px;
   border-top-right-radius: 6px;
   -webkit-border-bottom-right-radius: 6px;
   -moz-border-bottom-right-radius: 6px;
   background-color: #DEDEDE;
}


.footer {
   width: 100%;
   height: 300px;
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   background-image: url(../imagenes_b/subli.png);
   background-repeat: no-repeat;
   background-position: center top;
   background-size: 85% auto;
}








/*** HEADER  */


.head_logo {
   width: 33%;
   display: flex;
   align-items: center;
}
.head_logo img {
   width: auto;
   height: 50px;
   margin-left: 40px;
}

.head_cms {
   width: 33%;
   display: flex;
   align-items: center;
   justify-content: center;
}
.head_cms img {
   width: auto;
   height: 45px;
   margin-top: 5px;
}

.head_usuario {
   width: 33%;
   display: flex;
   align-items: center;
   justify-content: flex-end;
   margin-right: 50px;
}

.usuario {
   width: 45px;
   height: 45px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 15px;
   background-color: #F24A0C;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}


.usuario_info {
   width: auto;
   height: auto;
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   margin-right: 15px;
}

.usuario_info p {
   font-family: 'Gotham Medium',sans-serif;
   font-size: 9.5px;
   color: #454851;
   text-align: right;
   text-transform: uppercase;
}

.usuario_info span {
   font-family: 'Gotham Medium',sans-serif;
   font-size: 10px;
   color: #848486;
   text-align: right;
   margin-top: 4px;
}




/*** APARTADOS  */



.apartadosin {
   width: 85%;
   height: 175px;
   overflow: hidden;
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
}

.picsec {
   width:  85px;
   height: 85px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   margin-top: 30px;
}

.apartadosin ul {
   width: auto;
   height: 175px;
   display: flex;
   flex-direction: row;
   margin-right: 35px;
}

.apartadosin ul li {
   width: 115px;
   height: 175px;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   align-items: center;
   border-top: 1px solid #CCCCCE;
   border-bottom: #E6E6E6;
   z-index:2;
   	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

.apartadosin ul li img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
	width: 85px;
	height: auto;
}

.apartadosin ul li span {
   font-family: 'Gotham Medium',sans-serif;
   font-size: 11px;
   color: #848486;
   text-align: center;
   text-transform: uppercase;
   line-height: 16px;
   margin-top: 12px;
   padding: 0px 12px 0px 12px;
    -webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}
.apartadosin ul li span:hover { color: #ffffff; }

.apartadosin ul li:hover {
   border-top: 1px solid #68686A;
   border-bottom: 1px solid #E6E6E6;
}



.ap_on {
   width: 145px !important;
   height: 175px !important;
   overflow: hidden !important;
   display: flex !important;
   flex-direction: column !important;
   justify-content: flex-start !important;
   align-items: center !important;
   border-top: 1px solid #2B707A !important;
   border-bottom: 1px solid #E6E6E6 !important;
   cursor: default !important;
}

.ap_on img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=90) !important;
	-moz-opacity:0.9 !important;
	-khtml-opacity: 0.9 !important;
	opacity: 0.9 !important;
	width: 85px !important;
	height: auto !important;
}

.ap_on span {
   font-family: 'Gotham Medium',sans-serif !important;
   font-size: 11px !important;
   color: #2AB4C6 !important;
   text-align: center !important;
   text-transform: uppercase !important;
   line-height: 16px !important;
   margin-top: 12px !important;
   padding: 0px 12px 0px 12px !important;
}



.apartado_info {
   width: auto;
   height: 50px;
   margin-right: 20px;
   margin-top: 60px;
   padding: 0px 20px 0px 20px;
}

.apartado_info p {
   font-family: 'Gotham Light',sans-serif;
   font-size: 25px;
   color: #454851
   background-color: #E6E6E6;
   text-align: right;
   text-transform: lowercase;
}





/*** MENU LATERAL  */


.tit_acciones {
   width: 100%;
   height: 65px;
   display: flex;
   justify-content: center;
   align-content: center;
   align-items: center;
   background-color: #2F3239;
   font-family: 'Gotham Medium',sans-serif;
   letter-spacing: 4px;
   font-size: 12px;
   color: #9F9FA1;
   border-bottom: 1px solid #1E1E21;
   text-align: center;
   text-transform: uppercase;
   background-image: url(../imagenes_b/tit_acc.png);
   background-repeat: no-repeat;
   background-position: left top;
}

.sublista  {
   width: 100%;
   height: auto;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-content: center;
   align-items: center;
   margin-bottom: 100px;
}

.sublista li {
   width: 100%;
   height: 75px;
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-content: center;
   align-items: center;
   background-color: #393C45;
   text-transform: uppercase;
   margin-bottom: 1px;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 10px;
   text-align: center;
   color: #9F9FA1;
   border-left: 3px solid #2D3039;
   padding: 0px 20px 0px 20px;
   line-height: 16px;
    -webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

.sublista a { width: 100% !important; }

.sublista li:hover {
   background-color: #2D3039;
   color: #E8E8E8;
   border-left: 3px solid #2F3137;
}

.sublistaon {
   width: 100% !important;
   height: 75px !important;
   display: flex !important;
   flex-direction: row !important;
   justify-content: center !important;
   align-content: center !important;
   align-items: center !important;
   background-color: #252833 !important;
   margin-bottom: 1px !important;
   font-family: 'Gotham Medium',sans-serif !important;
   font-size: 10px !important;
   text-align: center !important;
   color: #B0CC47 !important;
   border-left: 3px solid #B2CF48 !important;
   padding: 0px 20px 0px 20px !important;
   line-height: 16px !important;
}



/*** CABECERAS CUERPO  */



.cab_cuerpo {
   width: 100%;
   height: 65px;
   display: flex;
   justify-content: space-between;
   align-content: center;
   align-items: center;
   background-color: #53565d;
   border-bottom: 1px solid #DEDEDE;
   text-align: center;
   text-transform: uppercase;
   background-image: url(../imagenes_b/arrcuerpo.png);
   background-repeat: no-repeat;
   background-position: left center;
}

.cab_cuerpo h3{
   width: 70%;
   height: 65px;
   display: flex;
   align-items: center;
   align-content: flex-start;
   margin-left: 60px;
   text-transform: uppercase;
   font-family: 'Gotham Light',sans-serif;
   font-size: 12.5px;
   text-align: left;
   color: #9F9FA1;
}

.cab_cuerpo input {
   width: 20%;
   height: 50px;
   background-image: url(../imagenes_b/ico_buscar.png);
   background-position: center right;
   border: none;
   background-color: transparent;
   background-repeat: no-repeat;
   font-family: 'Gotham Light',sans-serif;
   font-size: 15px;
   text-align: right;
   padding-right: 65px;
   color: #9F9FA1;
    -webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

.cab_cuerpo input:focus {
   width: 30%;
   background-position: center left;
   border: none;
   padding-left: 60px;
   color: #2AB4C6;
   text-align: left;
}

.cab_cuerpo select {
   max-width: 300px;
   height: 40px;
   border: 1px solid #303236;;
   background-color: #1C1D21;
   margin-right:25px;
   font-family: 'Gotham Light',sans-serif;
   font-size: 11px;
   text-align: right;
   text-transform: uppercase;
   padding: 10px;
   color: #9F9FA1;
}
.subcab_cuerpo {
   width: 100%;
   height: 80px;
   display: flex;
   justify-content: space-between;
   align-content: center;
   align-items: center;
   background-color: #8F939A;
   border-bottom: 1px solid #ffffff;
}

.subcab_popups {
   width: 100%;
   height: 50px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-content: center;
   align-items: center;
   background-color: #211A1B;
   border-bottom: 1px solid #392623;
}

.subcab_poli {
   width: auto;
   height: 80px;
   padding-left: 35px;
   display: flex;
   justify-content: flex-start;
   align-content: center;
   align-items: center;
}
.subcab_poli img {
   margin-right: 10px;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50) !important;
	-moz-opacity:0.5 !important;
	-khtml-opacity: 0.5 !important;
	opacity: 0.5 !important;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

.subcab_poli img:hover {
   margin-right: 10px;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100) !important;
	-moz-opacity:1.0 !important;
	-khtml-opacity: 1.0 !important;
	opacity: 1.0 !important;
}

.subcab_orden {
   height: 80px;
   padding-right: 65px;
   display: flex;
   align-content: center;
   align-items: center;
   flex-direction: row;
}

.subcab_orden li {
   width: auto;
   height: 80px;
   margin-left: 25px;
   display: flex;
   flex-direction: row;
   align-items: center;
   margin-bottom: -1px;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 10px;
   color: #ffffff;
   border-bottom: 1px solid #ffffff;
}
.ordenon {
   color: #454851 !important;
   border-bottom: 1px solid #F24A0C !important;
}

.subcab_orden li img {
   margin-right: 15px;
}



.subcab_opciones {
   width: 100%;
   height: 80px;
   display: flex;
   align-content: center;
   justify-content: space-around;
   align-items: center;
   flex-direction: row;
}

.subcab_opciones a {  width: 100%; }

.ops2 { width: 49%; }
.ops3 { width: 32%; }
.ops4 { width: 24%; }
.ops5 { width: 19%; }
.ops6 { width: 15%; }
.ops7 { width: 13%; }
.ops8 { width: 11%; }

.subcab_opciones li {
   height: 80px;
   padding: 0px 20px 0px 20px ;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   margin-bottom: -1px;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 12px;
   color: #ffffff;
   text-transform: uppercase;
   border-bottom: 1px solid #ffffff;
   text-align: center;
   vertical-align: middle;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.subcab_opciones li:hover { background-color: #d7d6d6; }
.filtro_infolion { background-color: #60646D; }

.opcioneson {
   color: #ffffff !important;
   border-bottom: 1px solid #fff !important;
   background: #3F434A !important;
}







/*** LISTADOS  */




.listado {
   min-height: 350px;
   width: 100%;
   display: flex;
   overflow: hidden;
   background-color: #DEDEDE;
   padding: 40px;
   list-style: none;
}

.listado ul {
   width: 100%;
   height: auto;
   overflow: hidden;
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
   align-items: flex-start;
   justify-content: space-around ;
   list-style: none;
}

.li450 { height: 450px; }
.li195 { height: 203px; }
.li240 { height: 240px; }
.li235 { height: 235px; }
.li167 { height: 167px; }
.li252 { height: 252px; }
.li285 { height: 285px; }
.li300 { height: 302px; }

.listado li {
   width: 230px;
   background-color: #E7E8E8;
   border: 1px solid #ADAFB2;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   margin-top: 50px;
   margin-bottom: 40px;
}



.listado_db {
   min-height: 350px;
   width: 100%;
   display: flex;
   overflow: hidden;
   background-color: #DEDEDE;
   padding: 40px;
   list-style: none;
}

.listado_db ul {
   width: 100%;
   height: auto;
   overflow: hidden;
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
   align-items: flex-start;
   justify-content: space-around ;
   list-style: none;
}


.listado_db li {
   width: 400px;
   background-color: #E7E8E8;
   border: 1px solid #ADAFB2;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   margin-top: 50px;
   margin-bottom: 40px;
}

.lion {
   background-color: #DFE3DA !important;
   border: 1px solid #98A28D !important;
}

.listadodrop {
   min-height: 150px;
   width: 100%;
   display: flex;
   overflow: hidden;
   background-color: #E7E8E8;
   padding: 20px;
   list-style: none;
}
.listadodrop ul {
   width: 100%;
   height: auto;
   overflow: hidden;
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
   align-items: flex-start;
   justify-content: space-around ;
   list-style: none;
}
.listadodrop li {
   width: 230px;
   background-color: #F4F5F5;
   border: 1px solid #ADAFB2;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   margin-top: 50px;
   margin-bottom: 30px;
}
.topli {
   width: 100%;
   height: 50px;
   display: block;
}
.topli_01 {
   width: 64px;
   height: 50px;
   display: block;
   float: left;
}
.topli_02 {
   width: 100px;
   height: 50px;
   display: block;
   float: left;
}
.topli_02_in {
   width: 100px;
   height: 100px;
   position: absolute;
   display: flex;
   justify-content: center;
   align-items: center;
   margin-top: -50px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   background-color: #DEDEDE;
   background-image: url(../imagenes_b/cargadrop.gif);
   background-repeat: no-repeat;
   background-position: center center;
}
.topli_02_in span {
   font-family: 'Gotham Medium',sans-serif;
   font-size: 10px;
   text-align: center;
   color: #9F9FA1;
   padding: 0px 10px 0px 10px;
   line-height: 16px;
}
.topli_02_in img {
   width: 100px;
   height: 100px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}

.topli_03 {
   width: 64px;
   height: 50px;
   display: block;
   float: left;
}

.topli_03 p{
   font-family: 'Gotham Light',sans-serif;
   font-size: 20px;
   text-align: center;
   color: #2AB4C6;
   padding: 20px 0px 0px 0px;
}

.topli_03 img {
   margin-top: 15px;
   margin-right: 20px;
   float: right;
}

.litit {
   width: 100%;
   height: 120px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-bottom: 1px solid #ADAFB2;
   padding: 15px;
}
.delit { border-bottom: 0px solid #303236 !important; }

.litit img{
   width: 205px;
   height: auto;
   display: flex;
   justify-content: center;
   align-items: center;
      	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

.litit img:hover {
   position: absolute !important;
   width: 500px;
   height: auto;
   z-index: 9999;
}


.litit p {
   font-family: 'Gotham Medium',sans-serif;
   text-align: center;
   color: #454851;
   display: block;
   display: -webkit-box;
   height: 13px*18px;*5;
   margin: 0 auto;
   font-size: 13px;
   line-height: 18px;
   -webkit-line-clamp: 5;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}

.lisecc {
   width: 100%;
   height: 75px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   align-content: center;
   padding: 15px;
}
.lisecc span {
   font-family: 'Gotham Medium',sans-serif;
   font-size: 10px;
   margin-top: 10px;
   text-align: center;
   color: #F24A0C;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.lisecc p {
   font-family: 'Gotham Medium',sans-serif;
   font-size: 11px;
   margin-top: 10px;
   text-align: center;
   color: #58595C;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.lirist {
   width: 100%;
   height: 35px;
   display: flex;
   justify-content: center;
   align-items: center;
   align-content: center;
   padding: 0px 15px 0px 15px;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 10px;
   margin-top: 10px;
   text-align: center;
   background-color: #A2A4A7;
   border-bottom: 1px solid #797C80;
   border-top: 1px solid #797C80;
   color: #fff;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   text-transform: uppercase;
}

.liaccs {
   width: 100%;
   height: 113px;
   display: flex;
   justify-content: space-around;
   align-items: center;
   padding: 0px 25px 0px 25px;
}

.liaccs span {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   width: 55px;
   height: auto;
   overflow: hidden;
}
.liaccs span a {
   width: 55px;
   height: 55px;
   display: flex;
   justify-content: center;
   align-items: center;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   background-color: #D8DADA;
   border: 2px solid #C5C7C9;
   	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}
.liaccs span a:hover {
   background-color: #17181B;
   border: 2px solid #37383C;
}
.liaccs p {
   font-family: 'Gotham Medium',sans-serif;
   font-size: 11px;
   margin-top: 10px;
   text-align: center;
   color: #58595C;
   text-transform: uppercase;
}


.libtns {
   width: 100%;
   height: 45px;
   display: flex;
   justify-content: space-around;
   align-items: center;
   align-content: center;
   text-align: center;
   background-color: #232428;
   border-top: 1px solid #303236;
   -webkit-border-bottom-right-radius: 6px;
   -moz-border-bottom-right-radius: 6px;
   border-bottom-right-radius: 6px;
   -webkit-border-bottom-left-radius: 6px;
   -moz-border-bottom-left-radius: 6px;
   border-bottom-left-radius: 6px;
}

.libtns2{
	width: 100%;
	height: 45px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	align-content: center;
	text-align: center;
	background-color: #232428;
	border-top: 1px solid #ADAFB2;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-bottom-right-radius: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-bottom-left-radius: 6px;
	border-bottom-left-radius: 6px;
}


.libtns2 a {
	width: 100%;
	height: 44px;
	display: flex;
	float: left;
	background-color: #232428;
	justify-content: space-around;
	align-items: center;
	align-content: center;
	text-align: center;
	clear: both;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.libtns2 a:hover { background-color: #18191C; cursor: pointer;}

.libtns a {
   width: 100%;
   height: 44px;
   display: flex;
   justify-content: space-around;
   align-items: center;
   align-content: center;
   text-align: center;
   background-color: #393C45;
   -webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

.libtns span {
   width: 100%;
   height: 44px;
   display: flex;
   justify-content: space-around;
   align-items: center;
   align-content: center;
   text-align: center;
   background-color: #232428;
   -webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}
.libtns span:hover { background-color: #18191C; cursor: pointer;}

.libtns span img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

.libtns span img:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

.subli {
   position: absolute;
   margin-top: 1px;
}

.subli_db {
   position: absolute;
   margin-top: 1px;
}
.subli_db img {
   width: 400px;
}

.paginacion {
   width: 100%;
   height: 90px;
   display: flex;
   justify-content: flex-end;
   background-image: url(../imagenes_b/linlogin.png);
   background-repeat: repeat-x;
   background-position: center center;
   margin-bottom: 80px;
   background-color: #DEDEDE;
}

.paginacion_in {
   width: auto;
   height: 90px;
   display: flex;
   align-items: center;
   margin-right: 100px;
   background-color: #DEDEDE;
   justify-content: center;
   padding: 0px 0px 0px 25px;
}

.paginacion_in a {
   margin-right: 35px;
   z-index: 100;
}
.paginacion_in a img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}

.paginacion_in a img:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

.paginacion_num {
   width: 130px;
   height: 90px;
   display: block;
   margin-left: 30px;
}

.pgnum1 {
   width: 140px;
   height: 90px;
   font-family: 'Montserrat Thin',sans-serif;
   font-size: 80px;
   letter-spacing: -10px;
   color: #999A9C;
   text-align: right;
   margin-top: -25px;
   margin-left: -80px;
   position: absolute;
   z-index: 50;
}
.pgnum2 {
   width: 100px;
   height: 90px;
   font-family: 'Montserrat Thin',sans-serif;
   font-size: 30px;
   letter-spacing: -3px;
   color: #999A9C;
   text-align: left;
   margin-top: 35px;
   margin-left: 45px;
   position: absolute;
   z-index: 50;
}
.masc_num {
   width: 88px;
   height: 88px;
   background-image: url(../imagenes_b/masc_num.png);
   background-repeat: no-repeat
   background-position: center center;
   position: absolute;
   margin-top: -5px;
   margin-left: 0px;
   z-index: 50;
}




/*** ELEMENTOS  */


.bloque_elementos {
   width: 100%;
   height: auto;
   overflow: hidden;
   margin-top: 60px;
}

.item {
   width: 90%;
   height: auto;
   overflow: hidden;
   background-color: #E7E8E8;
   border-top: 1px solid #ADAFB2;
   border-left: 1px solid #ADAFB2;
   border-right: 1px solid #ADAFB2;
   border-bottom: 1px solid #E7E8E8;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   margin: 0 auto;

}

.item_head {
   width: 100%;
   height: 60px;
   display: flex;
   justify-content: space-between;
   overflow: hidden;
   background-color: #8F939A;
   border-bottom: 1px solid #60646D;
}

.item_head_tit{
   height: 60px;
   display: flex;
   align-content: flex-start;
   align-items: center;
   border-bottom: 1px solid #303236;
   padding: 0px 25px 0px 25px;
   text-transform: uppercase;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 11.5px;
   text-align: left;
   color: #ffffff;
}

.item_head_tit img { margin-right: 15px; }

.item_head_acciones {
   height: 60px;
   display: flex;
   align-content: flex-end;
   align-items: center;
   align-content: center;
   background-color: #111214;
   border-bottom: 1px solid #303236;
   text-transform: uppercase;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 11.5px;
   text-align: left;
   color: #2AB4C6;
}

.item_head_acciones a {
   height: 60px;
   width: 45px;
   display: flex;
   justify-content: center;
   align-items: center;
   align-content: center;
   background-color: #60646D;
   border-left: 1px solid #8F939A;
    -webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}
.item_head_acciones a:hover {  background-color: #3F434A; }

.item_head_acciones a img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}

.item_head_acciones a img:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}



.item_flow {
   height: auto;
   overflow: hidden;
   float: left;
   border-left: 1px solid #ADAFB2;
   border-bottom: 1px solid #ADAFB2;
   min-height: 81px;
   margin-left: -1px;
   flex-grow: 1;
}
.item_flowlis {
   height: auto;
   overflow: hidden;
   float: left;
   border-left: 1px solid #ADAFB2;
   border-top: 1px solid #ADAFB2;
   min-height: 40px;
   margin-left: -1px;
   flex-grow: 1;
}

.k075 { width: 7.5% !important; }
.k05 { width: 5% !important; }
.k1 { width: 100% !important; }
.k2 { width: 50% !important; }
.k2B { width: 66.33% !important; }
.k3 { width: 33.33% !important; }
.k4 { width: 25% !important; }
.k5 { width: 16.66% !important; }
.k10 { width: 10% !important; }
.k20 { width: 20% !important; }
.k30 { width: 30% !important; }
.k40 { width: 40% !important; }
.k50 { width: 50% !important; }
.k60 { width: 60% !important; }
.k70 { width: 70% !important; }
.k80 { width: 80% !important; }
.k90 { width: 90% !important; }

.item_checkbox {
   width: 100%;
   height: 50px;
   display: flex;
   align-content: flex-start;
   align-items: center;
   padding: 10px 30px 0px 20px;
   font-family: 'Gotham Light',sans-serif;
   font-size: 14px;
   text-align: left;
   color: #0f1010;
}
.item_checkbox2 input {
   width: auto !important;
   margin-right: 10px !important;
}

.item_flowlis input {
   width: 90%;
   height: 50px;
   background-color: transparent;
   background-repeat: no-repeat;
   font-family: 'Gotham Light',sans-serif;
   font-size: 15px;
   text-align: left;
   padding: 0px 25px 0px 25px;
   color: #AAC2D4;
   border: 0;
}

.item_flowlis textarea {
   width: 90%;
   height: 70px;
   background-color: transparent;
   background-repeat: no-repeat;
   font-family: 'Gotham Light',sans-serif;
   font-size: 12px;
   text-align: left;
   padding: 15px 25px 0px 25px;
   color: #AAC2D4;
   border: 0;
}

.item_checkbox2 {
   width: 100%;
   height: 30px;
   display: flex;
   align-content: flex-start;
   align-items: center;
   padding: 10px 10px 0px 10px;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 12px;
   text-align: left;
   color: #929394;
}
.item_checkbox input {
   width: auto !important;
   margin-right: 20px !important;
}

.fotoincidencia {
   width: 150px;
   border-left: 1px solid #ADAFB2;
   display: flex;
   flex-direction: column;
   align-content: center;
   align-content: center;
   align-items: center;
   padding-top: 8px;
}

.fotoincidencia img {
   width: 110px;
   height: 110px;
   border: 1px solid #303236;
   margin-top: 8px;
   border-radius: 6px;
}
.fotoincidencia a {
   text-align: center;
   margin-top: 8px;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 9px;
   text-align: center;
   color: #B50006;
}

.flowtit {
   height: 20px;
   display: flex;
   align-content: flex-start;
   align-items: center;
   padding: 25px 25px 0px 25px;
   text-transform: uppercase;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 10px;
   text-align: left;
   color: #666666;
}

.flowtit_ops {
   padding: 15px 25px 0px 58px;

}

.flowtit_ops a {
   text-transform: uppercase;
   display: block;
   float: left;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 10px;
   text-align: left;
   color: #13727f;
   margin-right: 8px;
}

.orden_activo { font-weight: bold; color: #000000 !important; cursor: default; }

.flowtit_ops a:hover {
   color: #052f35;
}

.flowtit_ops input {
   display: block;	
   width: 200px !important;
   height: 7px !important;
   background-color: #ffffff !important;
   font-size: 10px !important;
   text-align: left !important;
   padding: 5px 5px !important;
   color: #13727f !important;
   font-family: 'Gotham Medium',sans-serif !important;
   border: 1px solid #ADAFB2 !important;
   float: left !important;
   margin-top: -3px !important;
   border-radius:3px;
}




.foto_conc {
    display: flex;
    justify-content: center;
    align-items: center;
	height: 76px;
}

.foto_conc img {
   width: 50px;
   height: 50px;
   border-radius: 30px;
}

.flowtit img { margin-right: 15px;  }

.flowtit strong { margin-right: 8px;  color: #c93b0e;}

.item_flow input {
   width: 90%;
   height: 50px;
   background-color: transparent;
   background-repeat: no-repeat;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 15px;
   text-align: left;
   padding: 0px 25px 0px 25px;
   color: #151819;
   border: 0;
   margin-top: 5px;
}
.item_flow textarea {
   width: 93%;
   height: 140px;
   background-color: transparent;
   background-repeat: no-repeat;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 15px;
   text-align: left;
   padding: 20px 25px 20px 25px;
   color: #151819;
   border: 0;
   margin-bottom: 15px;
   margin-top: 5px;
}

.item_flow select {
   width: 90%;
   height: 50px;
   background-color: transparent;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 13px;
   text-align: left;
   padding: 3px 25px 0px 25px;
   margin-left: 25px;
   color: #151819;
   border: 0;
   margin-top: 5px;
}
.item_flowlis select {
   width: 95%;
   height: 50px;
   background-color: transparent;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 12px;
   text-align: left;
   padding: 15px 15px 0px 15px;
   margin-left: 25px;
   color: #151819;
   border: 0;
   margin-top: -1px;
}

.selectpoli {
   height: 116px !important;
   background-color: #F4F5F5 !important;
   font-family: Tahoma, sans-serif  !important;
   font-size: 10px !important;
   text-align: left !important;
   padding: 8px !important;
   margin-left: 25px !important;
   color: #151819 !important;
   margin: 20px 3px 20px 0px ;
   border: 1px solid #ADAFB2 !important;
}

.separaitem {
   width: 100%;
   height: 55px;
   background-image: url(../imagenes_b/subli.png);
   background-repeat: no-repeat;
   background-position: center top;
   background-size: 85% 45px;
   margin-bottom: 50px;
}
.spin {
   width: 100%;
   height: 55px;
   background-image: url(../imagenes_b/separaitem.png);
   background-repeat: repeat-x;
   background-position: bottom ;
}

.subirdrop {
   width: 93%;
   height: 120px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-left: auto;
   margin-right: auto;
   margin-top: 35px;
   margin-bottom: 15px;
   background-image: url(../imagenes_b/drop.png);
   background-repeat: no-repeat;
   background-position: center center ;
   background-color: #8B8F97;
   border: 1px solid #60646D;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
}
.subirdrop_01  {
   width: 120px;
   height: 120px;
}
.subirdrop_03  {
   width: 120px;
   height: 120px;
   display: flex;
   align-items: center;
}
.subirdrop_03 img { margin-right: 30px; }

.subirdrop_02 {
    font-family: 'Gotham Light',sans-serif;
    font-size: 11px;
    text-align: center;
    color: #fff;
    text-transform: uppercase:
    padding: 0px 20px 0px 20px;
}

.mbt_btn {
   width: 93%;
   height: auto;
   overflow: hidden;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
}

.inbtn { margin-top: 17px; margin-bottom: 16px;}

.nom_archivo {
   font-family: 'Gotham Medium',sans-serif;
   font-size: 10px;
   text-align: center;
   color: #565759;
   padding: 0px 10px 0px 10px;
   margin: 15px 0px 20px 0px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.porcen_drop {
   width: 90%;
   height: 3px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
   background-color: #0F0F11;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}
.dropin {
   height: 3px;
   background-color: #B2CF48;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   margin-top: -3px;
}

.des_archivo {
   width: 100%;
   height: 50px;
   font-family: 'Gotham Light',sans-serif;
   font-size: 12px;
   text-align: center;
   color: #151819;
   padding: 0px 7px 0px 7px;
   margin-top: 10px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.directorio {
   width: 92%;
   height: 240px;
   margin-left: auto;
   margin-right: auto;
   background-color: #F4F5F5;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   border: 1px solid #ADAFB2;
   margin-top: 35px;
   margin-bottom: 45px;
   padding: 10px 15px 10px 15px;
   overflow: auto;
   list-style: none;
}


.brtop { border-top: 1px solid #ADAFB2; }
.bright { border-right: 1px solid #ADAFB2; }

.accborra {
	background-image: url(../imagenes_b/accion_eliminar.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 18px;
}
.accedita {
	background-image: url(../imagenes_b/accion_editar.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 18px;
}


.generandopic {
	background-image: url(../imagenes/generandopic.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:25px 25px;
}


.mbt_btn2 {
   width: 150px;
   height: auto;
   overflow: hidden;
}

.dir_item {
   float: left;
   width: 49%;
   display: flex;
   align-content: space-between;
   flex-grow: 0;
   height: 33px;
   background-color: #5f6571;
   border: 1px solid #313442;
   margin-right: 5px;
   margin-bottom: 5px;
   padding: 10px 15px 10px 15px;
   	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}
.dir_item:hover {
   background-color: #373e4c;
   border: 1px solid #292B33;
   cursor: pointer;

}
.dir_nom {
   width: auto;
   display: flex;
   flex: 1;
   font-family: 'Gotham Light',sans-serif;
   font-size: 10px;
   text-align: left;
   padding-left: 25px;
   color: #ffffff;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   margin-right: 15px;
}
.dir_fecha {
   width: auto;
   display: flex;
   width: 60px;;
   font-family: 'Gotham Light',sans-serif;
   font-size: 10px;
   text-align: right;
   padding-right: 10px;
   color: #2AB4C6;
}
.dvideo {
   background-image: url(../imagenes_b/dir_video.png);
   background-repeat: no-repeat;
   background-position: left center ;
}
.dimagen {
   background-image: url(../imagenes_b/dir_imagen.png);
   background-repeat: no-repeat;
   background-position: left center ;
}

.topli_02_att {
   width: 75px;
   height: 75px;
   position: absolute;
   display: flex;
   justify-content: center;
   align-items: center;
   margin-top: -37px;
   margin-left: 13px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   background-color: #0F0F11;
   background-image: url(../imagenes_b/cargadrop.gif);
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 35px 35px;
}

.att_gen {
   width: 75px;
   height: 75px;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: #808080 !important;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   background-color: 808080;
   background-image: url(../imagenes_b/att_gen.png);
   background-repeat: no-repeat;
   background-position: center center;
}

.att_doc {
   width: 75px;
   height: 75px;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: #1D409D !important;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   background-color: #0F0F11;
   background-image: url(../imagenes_b/att_doc.png);
   background-repeat: no-repeat;
   background-position: center center;
}

.att_pdf {
   width: 75px;
   height: 75px;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: #FF0000 !important;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   background-color: #0F0F11;
   background-image: url(../imagenes_b/att_pdf.png);
   background-repeat: no-repeat;
   background-position: center center;
}

.att_xls {
   width: 75px;
   height: 75px;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: #055F2C !important;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   background-color: #0F0F11;
   background-image: url(../imagenes_b/att_xls.png);
   background-repeat: no-repeat;
   background-position: center center;
}

.att_ppt {
   width: 75px;
   height: 75px;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: #FF5A29 !important;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   background-color: #0F0F11;
   background-image: url(../imagenes_b/att_ppt.png);
   background-repeat: no-repeat;
   background-position: center center;
}


.guardar {
   width: 150px;
   height: 150px;
   float: right;
   z-index: 40;
   cursor: pointer !important;
}

.guardarin {
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 0 0 150px 150px;
   border-color: transparent transparent #B2CF47 transparent;
   position: absolute;
    -webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

.guardando {
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 0 0 150px 150px;
   border-color: transparent transparent #B2CF47 transparent;
   position: absolute;
    -webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}


.guardarin:hover { border-color: transparent transparent #86A610 transparent; }

.guardapic {
   width: 48px;
   height: 48px;
   position: absolute;
   margin-top: 65px;
   margin-left: -65px;
   z-index: 70;
}
.guardatxt {
   width: 100px;
   height: 25px;
   position: absolute;
   margin-top: 120px;
   margin-left: -90px;
   z-index: 70;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 10px;
   text-align: center;
   color: #ffffff;
   text-transform: uppercase;
}





.listadocorp {
   min-height: 350px;
   width: 100%;
   display: flex;
   flex-direction: column;
   overflow: hidden;
   background: #141517;
   background: -moz-linear-gradient(top,  #141517 0%, #212226 100%);
   background: -webkit-linear-gradient(top,  #141517 0%,#212226 100%);
   background: linear-gradient(to bottom,  #141517 0%,#212226 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141517', endColorstr='#212226',GradientType=0 );
   padding: 40px;
   list-style: none;
}

.listadocorp ul {
   width: 100%;
   height: auto;
   overflow: hidden;
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
   align-items: flex-start;
   justify-content: space-around ;
   list-style: none;
}


.listadocorp li {
   width: 230px;
   background-color: #1C1D21;
   border: 1px solid #303236;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   margin-top: 50px;
   margin-bottom: 40px;
}





/*** LISTADO CHECK SUBNIVELES  */




.listadocheck {
   height: auto;
   width: 100%;
   display: flex;
   flex-direction: column;
   overflow: hidden;
   background-color: #DEDEDE;
   padding: 50px 40px 60px 40px;
   list-style: none;
}

.listadocheck ul {
   width: 100%;
   height: auto;
   overflow: hidden;
   display: flex;
   flex-wrap: wrap;
   flex-direction: column;
   list-style: none;
   border-top: 1px solid #ADAFB2;
   margin-bottom: 50px;
}

.listadocheck li {
   width: 100%;
   height: 60px;
   display: flex;
   align-items: center;
   background-color: #61646f;
   border-bottom: 1px solid #ADAFB2;
   border-right: 1px solid #ADAFB2;
   border-left: 1px solid #ADAFB2;
}

.listadocheck li input {
   margin-left: 20px;
}

.listadocheck li p{
   font-family: 'Gotham Light',sans-serif;
   font-size: 16px;
   text-align: left;
   color: #e0e0e0;
   margin-left: 20px;
   margin-right: 15px;
}

.subnivel { background-color: #7e8290 !important; }

.grado {
   width: 58px;
   height: 100%;
   display: flex;
   align-items: center;
   align-content: center;
   border-right: 1px solid #ADAFB2;
   background-image: url(../imagenes_b/subnivel.png);
   background-repeat: no-repeat;
   background-position: center center;
}

.editas {
   width: 65px;
   height: 100%;
   display: flex;
   align-self: flex-end !important;
   border-left: 1px solid #ADAFB2;
   border-right: 1px solid #ADAFB2;
   margin-left: -1px;
   background-image: url(../imagenes_b/editap.png);
   background-repeat: no-repeat;
   background-position: center center;
   -webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

.editas:hover { background-color: #32343E !important; }


.borrarico {
   background-image: url(../imagenes_b/borrarlst.png) !important;
   background-repeat: no-repeat !important;
   background-position: center center !important;
}



.maseccs {
   width: 65px;
   height: 100%;
   display: flex;
   align-self: flex-end !important;
   border-right: 1px solid #ADAFB2;
   background-image: url(../imagenes_b/massecs.png);
   background-repeat: no-repeat;
   background-position: center center;
   -webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

.maseccs:hover { background-color: #32343E !important; }

.menoseccs {
   width: 65px;
   height: 100%;
   display: flex;
   align-self: flex-end !important;
   border-right: 1px solid #ADAFB2;
   background-image: url(../imagenes_b/menoseccs.png);
   background-repeat: no-repeat;
   background-position: center center;
   -webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

.menoseccs:hover { background-color: #1C0901 !important; }


.preferencias {
   width: 100%;
   height: 175px;
   overflow: hidden;
   display: flex;
   justify-content: space-around;
   padding: 0px 50px 0px 50px ;
   background-image: url(../imagenes_b/linaps.png);
   background-repeat: repeat-x;
   background-position: top;
   margin-bottom: 50px;
}

.prf_item {
   width: 80px;
   height: 175px;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   background-image: url(../imagenes_b/linaps.png);
   background-repeat: repeat-x;
   background-position: top;
   margin-bottom: 50px;
}

.prf_item span {
   font-family: 'Gotham Light',sans-serif;
   font-size: 25px;
   text-align: center;
   color: #929394;
   margin-top: -35px;
}
.prf_item input {
   margin-top: 20px;
}

.listadomapa {
   height: auto;
   width: 100%;
   background-color: #212226;
   padding: 40px 40px 60px 40px;
}

/*** POPUPS  */


.popup {
   width: 100%;
   height: 100%;
   position: absolute;
   z-index: 500;
   background-image: url(../imagenes_b/popupbk.png);
}
.popup_x {
   width: 100%;
   height: 80px;
   display: flex;
   align-content: center;
   align-items: center;
   justify-content: flex-end;
   border-bottom: 1px solid #52525d;
   border-top: 1px solid #2C2C2E;
}

.popup_xin {
   width: 80px !important;
   height: 100% !important;
   display: flex !important;
   align-content: center !important;
   align-items: center !important;
   justify-content: center !important;
   border-left: 1px solid #52525d !important;
   background-color: #20222b !important;
   background-image: url(../imagenes_b/cierrapop.png);
   background-position: center center;
   background-repeat: no-repeat;
    -webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

.popup_xin:hover { background-color: #1F0F12 !important; }

.popup_x p {
   padding: 0px 25px 0px 25px;
   text-transform: uppercase;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 10px;
   text-align: right;
   color: #7C7C7D;
   text-transform: uppercase;
}

.popup_info {
   width: 100%;
   height: 45px;
   display: flex;
   justify-content: center;
   align-content: center;
   align-items: center;
   text-transform: uppercase;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 10px;
   color: #dedede;
   text-transform: uppercase;
}

.popup_cont {
   width: 100%;
   height: auto;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-content: center;
   align-items: center;
   border-top: 1px solid #52525d;
   border-bottom: 1px solid #52525d;
   background-color: #191b23;
}

.bkpopfoto {
   background-image: url(../imagenes_b/bkcap.png);
   background-repeat: no-repeat;
   background-position: center left;
}

.popup_forms {
   width: 902px;
   height: auto;
   display: flex;
   justify-content: center;
   align-content: center;
   align-items: center;
   flex-wrap: wrap;
   border-left: 1px solid #52525d;
   border-right: 1px solid #52525d;
   border-top: 1px solid #52525d;
   background-color: #17181B;
}


.popup_captura {
   width: 902px;
   height: 508px;
   display: flex;
   justify-content: center;
   align-content: center;
   align-items: center;
   border-left: 1px solid #52525d;
   border-right: 1px solid #52525d;
}

.popup_subcaptura {
   width: 100%;
   height: 175px;
   display: flex;
   justify-content: center;
   align-content: center;
   align-items: center;
   background-color: #373d46;
   border-bottom: 1px solid #52525d;
}

.popup_subforms {
   width: 100%;
   height: 100px;
   display: flex;
   justify-content: center;
   align-content: center;
   align-items: center;
   background-color: #14181D;
   border-bottom: 1px solid #52525d;
}

.popup_pic {
   width: 205px;
   height: auto;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   margin-right: 40px;
   justify-content: flex-start;
   align-content: center;
   align-items: center;
   margin-top: 5px;

}
.popup_pic_in {
   width: 202px;
   height: 115px;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   align-content: center;
   align-items: center;
   background-color: #14181D;
   border: 1px solid #52525d;
   background-image: url(../imagenes_b/capturanim.gif);
   background-repeat: no-repeat;
   background-position: center center;
   background-color: #000000;
}

.popup_pic p {
   text-transform: uppercase;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 10px;
   color: #525558;
   margin-top: 8px;
   text-transform: uppercase;
}
.popup_pic_btn { width: 300px; }




/*** ALERTADOR  */

.alertador {
   position: absolute;
   width: 132px;
   height: auto;
   overflow: hidden;
   margin-top: -70px;
   z-index: 1000;
}

.alertasub {
   width: 132px;
   height: 60px;
   overflow: hidden;
}

.alertasub img {
   	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
	filter: alpha(opacity=100) !important;
	-moz-opacity:1.0 !important;
	-khtml-opacity: 1.0 !important;
	opacity: 1.0 !important;
	-webkit-transform: scale(1.0) !important;
   transform: scale(1.0) !important;
   cursor: default !important;
}

.alertador_in {
   display: flex;
   flex-direction: column;
   align-content: center;
   align-items: center;
   width: 132px;
   height: auto;
   overflow: hidden;
   background-color: #2A2A2D;
   -webkit-border-top-left-radius: 6px;
   -moz-border-top-left-radius: 6px;
   border-top-left-radius: 6px;
   -webkit-border-top-right-radius: 6px;
   -moz-border-top-right-radius: 6px;
   border-top-right-radius: 6px;
}

.al2 {
   margin-top: 10px;
   margin-bottom: 10px;
   cursor: default !important;
}

.alertador_in p {
   display: block;
   font-family: Tahoma, sans-serif  !important;
   font-size: 11px !important;
   text-align: center !important;
   padding: 0px 8px 15px 8px !important;
   color: #dddddd !important;
   border: 0 !important;
   cursor: default !important;
}

.alertador_ops {
   width: 100% !important;
   height: 30px !important;
   border-top: 1px solid #505154;
}

.op_si {
   width: 50% !important;
   height: 30px !important;
   text-transform: uppercase;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 13px;
   padding-top: 8px;
   text-align: center;
   float: left;
   background-color: #2A2A2D;
   border-right: 1px solid #505154;
   color: #dddddd;
    -webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

.op_si:hover {
   background-color: #353B25;
   color: #B2CF48;
}

.op_no {
   width: 50% !important;
   height: 30px !important;
   text-transform: uppercase;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 13px;
   padding-top: 8px;
   float: left;
   text-align: center;
   background-color: #2A2A2D;
   color: #dddddd;
    -webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

.op_no:hover {
   background-color: #2B1A1D;
   color: #A30623;
}






/*** MULTIPLES  */



.multisel {
   position: fixed;
   margin-top: 400px;;
   left: 0px;
   display: flex;
   flex-direction: column;
   align-content: center;
   align-items: center;
   width: 132px;
   min-height: 50px;
   overflow: hidden;
   background-color: #F24A0C;
   -webkit-border-right-right-radius: 6px;
   -moz-border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   -webkit-border-bottom-right-radius: 6px;
   -moz-border-bottom-right-radius: 6px;
   border-bottom-right-radius: 6px;
   padding-bottom: 40px;
}

.multisel p {
   display: block;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 11px !important;
   text-align: center !important;
   padding: 25px 8px 25px 8px !important;
   color: #ffffff !important;
   text-transform: uppercase;
}

.multisel img {
   margin-bottom: 15px;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50) !important;
	-moz-opacity:0.5 !important;
	-khtml-opacity: 0.5 !important;
	opacity: 0.5 !important;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

.multisel img:hover {
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100) !important;
	-moz-opacity:1.0 !important;
	-khtml-opacity: 1.0 !important;
	opacity: 1.0 !important;
}










/*** SNS ODEN  */

.sns_orden {
   width: 93%;
   height: 180px;
   display: flex;
   justify-content: space-between;
   align-content: center;
   align-items: center;
   margin-left: auto;
   margin-right: auto;
   margin-top: 25px;
}

.sns_orden div {
   -webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.sns_orden_01 {
   width: 32%;
   height: 180px;
   display: flex;
   justify-content: space-between;
   align-content: center;
   align-items: center;
}
.sns_orden_01_in {
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   align-content: center;
   align-items: center;
   background-color: #5f6571;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 18px;
   color: #ffffff;
}
.sns_orden_01_in:hover { background-color: #373e4c; cursor: pointer;}


.sns_orden_02 {
   width: 32%;
   height: 180px;
   display: flex;
   justify-content: space-between ;
   align-content: stretch;
   align-items: center;
   flex-wrap: wrap;
}

.sns_orden_02_in {
   width: 48%;
   height: 85px;
   display: flex;
   justify-content: center;
   align-content: center;
   align-items: center;
   margin-bottom: 10px;
   background-color: #5f6571;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 18px;
   color: #ffffff;
}
.sns_orden_02_in:hover { background-color: #373e4c; cursor: pointer;}

.sns_orden_03 {
   width: 32%;
   height: 180px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-content: center;
   align-items: center;
}

.sns_orden_03_in {
   width: 100%;
   height: 55px;
   display: flex;
   justify-content: center;
   align-content: center;
   align-items: center;
   background-color: #5f6571;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 18px;
   color: #ffffff;
}
.sns_orden_03_in:hover { background-color: #373e4c; cursor: pointer;}


.sns_orden_c {
   width: 93%;
   height: 120px;
   display: flex;
   justify-content: space-between;
   align-content: center;
   align-items: center;
   margin-left: auto;
   margin-right: auto;
   margin-top: 25px;
}

.sns_orden_c div {
   -webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}

.sns_orden_c_in {
   width: 120px;
   height: 120px;
   display: flex;
   justify-content: center ;
   align-content: center;
   align-items: center;
   background-color: #5f6571;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 18px;
   color: #ffffff;
}

.sns_orden_c_in:hover { background-color: #373e4c; cursor: pointer;}


.picico {
   width: auto;
   height: 40px !important;
   margin-top: 17px;
   margin-bottom: 18px;
   margin-left: 25px;
   margin-right: 25px;
   flex-shrink: 1 !important;
}

.picico2 {
   width: auto;
   height: 100px !important;
   margin-top: 17px;
   margin-bottom: 18px;
   margin-left: 25px;
   margin-right: 25px;
   flex-shrink: 1 !important;
   margin-top: 18px;
}

.popup_icono {
   width: 902px;
   height: 508px;
   overflow: auto;
   border-left: 1px solid #2C2C2E;
   border-right: 1px solid #2C2C2E;
   padding: 20px;
   background-color: #000;
}

.popup_icono img {
   width: 82px;
   height: auto;
   padding: 20px;
   cursor: pointer;
}

.popupicono_pic {
   width: 205px;
   height: auto;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   margin-right: 40px;
   justify-content: flex-start;
   align-content: center;
   align-items: center;
   margin-top: 5px;

}
.popupicono_pic_in {
   width: 202px;
   height: 115px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-content: center;
   align-items: center;
   background-color: #14181D;
   border: 1px solid #2C2C2E;
   background-color: #000000;
}

.popupicono_pic_in img {
   width: auto;
   height: 80px;
}

.popupicono_pic p {
   text-transform: uppercase;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 10px;
   color: #525558;
   margin-top: 8px;
   text-transform: uppercase;
}
.popupicono_pic_btn { width: 300px; }




.interaviso {
   width: 100%;
   height: auto;
   overflow: hidden;
   background-color: transparent !important;
   padding-top: 50px;
}

.interavisotop {
   width: 100%;
   height: auto;
   overflow: hidden;
   background-color: transparent !important;
   padding-bottom: 50px;
}

.interaviso h3 {
   width: 100%;
   border-bottom: 1px solid #ADAFB2;
   font-family: 'Gotham Light',sans-serif;
   font-size: 14px;
   text-align: center;
   padding-bottom: 8px;
   padding-left: 20px;
   padding-right: 20px;
   text-transform: uppercase;
}
.interaviso p {
   width: 100%;
   font-family: 'Gotham Light',sans-serif;
   font-size: 12px;
   text-align: center;
   padding-top: 10px;
   padding-left: 20px;
   padding-right: 20px;
   color: #3c4350;
   text-transform: uppercase;
}

.interavisotop h3 {
   width: 100%;
   border-bottom:1px solid #ADAFB2;
   font-family: 'Gotham Light',sans-serif;
   font-size: 14px;
   text-align: center;
   padding-bottom: 8px;
}
.interavisotop p {
   width: 100%;
   font-family: 'Gotham Light',sans-serif;
   font-size: 12px;
   text-align: center;
   padding-top: 10px;
   color: #42454c;
}

.lm_cms_top {
   width: 100%;
   height: 80px;
   background-color: #101013;
   display: flex;
   justify-content: center;
   align-content: center;
   align-items: center;
   cursor: pointer;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 10px;
   text-align: center;
   color: #9F9FA1;
   text-transform: uppercase;
   border-bottom: 1px solid #1E1E21;
      -webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}
.lm_cms_top:hover { background-color: #171915; }

.lm_cms_top img { margin-right: 15px; }

.lm_cms_cont {
   width: 100%;
   height: auto;
   overflow: hidden;
}

.lm_cms_sq {
   width: 50%;
   height: 80px;
   background-color: #101013;
   float: left;
   text-transform: uppercase;
   border-bottom: 1px solid #1E1E21;
     -webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}
.lm_cms_sq:hover { background-color: #171915; }
.lsq { border-left: 1px solid #1E1E21; }

.lm_cms_sq p {
   padding-top: 20px;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 10px;
   text-align: center;
   text-transform: uppercase;
   color: #9F9FA1;
   padding-top: 50px;
}

.cms01 {
   background-image: url(../imagenes_b/icocms_01.png);
   background-repeat: no-repeat;
   background-position: center top;
}
.cms02 {
   background-image: url(../imagenes_b/icocms_02.png);
   background-repeat: no-repeat;
   background-position: center top;
}
.cms03 {
   background-image: url(../imagenes_b/icocms_03.png);
   background-repeat: no-repeat;
   background-position: center top;
}
.cms04 {
   background-image: url(../imagenes_b/icocms_04.png);
   background-repeat: no-repeat;
   background-position: center top;
}
.cms05 {
   background-image: url(../imagenes_b/icocms_05.png);
   background-repeat: no-repeat;
   background-position: center top;
}
.cms06 {
   background-image: url(../imagenes_b/icocms_06.png);
   background-repeat: no-repeat;
   background-position: center top;
}
.cms07 {
   background-image: url(../imagenes_b/icocms_07.png);
   background-repeat: no-repeat;
   background-position: center top;
}
.cms08 {
   background-image: url(../imagenes_b/icocms_08.png);
   background-repeat: no-repeat;
   background-position: center top;
}
.cms09 {
   background-image: url(../imagenes_b/icocms_09.png);
   background-repeat: no-repeat;
   background-position: center top;
}
.cms10 {
   background-image: url(../imagenes_b/icocms_10.png);
   background-repeat: no-repeat;
   background-position: center top;
}

.onoff {
   width: 250px;
   margin-right: 20px;
   margin-left: 10px;
   display: flex;
   align-content: center;
   align-items: center;
}

.onoff img {
   margin-right: 20px;
   margin-left: 10px;
}
.onoff span {
   margin-right: 15px;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 10px;
   text-align: right;
   text-transform: uppercase;
   color: #9F9FA1;
}

.bkguardar { background-color: #381d24 !important }
.cabguardar { color: #CC213D !important }


.guardaitem {
   height: 60px;
   display: flex;
   align-content: flex-end;
   align-items: center;
   align-content: center;
   background-color: #111214;
   border-bottom: 1px solid #303236;
   text-transform: uppercase;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 11.5px;
   text-align: left;
   color: #2AB4C6;
}

.guardaitem span {
   height: 60px;
   width: 45px;
   display: flex;
   justify-content: center;
   align-items: center;
   align-content: center;
   background-color: #250F15;
   border-left: 1px solid #303236;
    -webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
   cursor: default !important;
}



.eliminar_in {
   width: 100%;
   height: 40px;
   border-bottom: 1px solid #303236;
   text-transform: uppercase;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 12px;
   text-align: center;
   color: #CC213D;
   padding-top: 13px;
}

.eliminar_in a { color: #CC213D; }







.listadoitm {
   height: auto;
   width: 100%;
   display: flex;
   flex-direction: column;
   overflow: hidden;
   background-color: #E7E8E8;
   padding: 30px 0px 0px 0px;
   list-style: none;
}

.listadoitm ul {
   width: 100%;
   height: auto;
   overflow: hidden;
   display: flex;
   flex-wrap: wrap;
   flex-direction: column;
   list-style: none;
   border-top: 1px solid #ADAFB2;
   margin-bottom: 0px;
}

.listadoitm li {
   width: 100%;
   height: 50px;
   display: flex;
   align-items: center;
   background-color: #E7E8E8;
   border-bottom: 1px solid #ADAFB2;
   border-right: 1px solid #ADAFB2;
   border-left: 1px solid #ADAFB2;
}

.listadoitm li input {
   margin-left: 20px;
}

.listadoitm li p{
   font-family: 'Gotham Light',sans-serif;
   font-size: 13px;
   text-align: left;
   color: #454851;
   margin-left: 20px
}

.borrasin {
   width: 65px;
   height: 100%;
   display: flex;
   align-self: flex-end !important;
   border-left: 1px solid #ADAFB2;
   border-right: 1px solid #ADAFB2;
   margin-left: 25px;
   background-image: url(../imagenes_b/borras.png);
   background-repeat: no-repeat;
   background-position: center center;
   -webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

.borrasin:hover { background-color: #1C0901 !important; }


.liusr {
   width: 100%;
   height: 80px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-bottom: 1px solid #303236;
   padding: 15px;
}

.liusr p {
   font-family: 'Gotham Medium',sans-serif;
   text-align: center;
   color: #454851;
   display: block;
   display: -webkit-box;
   height: 13px*18px;*5;
   margin: 0 auto;
   font-size: 13px;
   line-height: 18px;
   -webkit-line-clamp: 5;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}

/*** CALENDARIO  */

.contcalendario {
   width: 100%;
   height: auto;
   overflow: hidden;
   margin-top: 80px;
}

.calconfig {
	width: auto !important;
	height: 18px !important;
	overflow: hidden !important;
}
.calconfig p {
   font-family: "Lucida Grande", "Segoe UI", sans-serif !important;
	line-height: 17px !important;
	font-size: 10px !important;
	padding-left: 23px !important;
	color: #F24A0C !important;
}
.calconfigdat {
	color: #444444 !important;
}

#calendar {
   width: 75% !important;
   height: auto !important;
   margin: 0 auto  !important;
   overflow: hidden  !important;
   margin-top: 110px !important;
}

.sortable {
   cursor: move !important;
}


.tisecg1 {
   width: 80%;
   height: 60px;
   padding: 0px 125px 0px 125px;
   font-family: 'Gotham Light',sans-serif;
   text-align: center;
   font-size: 22px;
   color: #c3c3c3;
   background-color: transparent !important;
   border: transparent !important;
   background-image: url(../imagenes_b/cambianombre.png);
   background-repeat: no-repeat;
   background-position: left center;
}


.topagenda {
   width: 100%;
   padding: 15px 25px 15px 125px;
   display: flex;
   align-content: center;
   align-items: center;
   justify-content: center;
   border-top: 1px solid #2F3137;
   border-bottom: 1px solid #2F3137;
   margin-top: -1px;
   position: absolute;
}

.topagenda p {
   font-family: 'Gotham Medium',sans-serif;
   text-align: center;
   color: #2AB4C6;
   text-transform: uppercase;
   font-size: 12px;
      display: flex;
   align-content: center;
   align-items: center;
   justify-content: center;
   margin-right: 25px;
}

.item_tablax {
   width: 95%;
   height: auto;
   overflow: hidden;
   padding-left: 30px;
   padding-bottom: 35px;
}



/*** LISTAS REPRODUCCION  */

.titacceso {
   width: 100% !important;
   text-transform: uppercase;
   font-family: 'Montserrat Bold',sans-serif;
   font-size: 13px;
   text-align: left;
   padding:10px 15px 0 15px;
   color: #48505f;
}

.sublisrep {
    height: 676px;
    overflow: hidden;
    border-right: : 1px solid #303236;
    border-bottom: 1px solid #303236;
}

.sublisrep1 {
    height: 600px;
    width: 50%;
    float: left;
    border-right: 1px solid #303236;
    padding: 30px ;
    border-bottom: 1px solid #303236;
}

.sublistipos {
    height: 30px;
    width: 100%;
    display: flex;
    justify-content: space-around;
    margin-bottom: 30px;
    list-style: none;
}

.sublistipos li {
    height: 30px;
    width: 23%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
   background-color: #5f6773;
   font-family: 'Gotham Medium',sans-serif;
   text-align: center;
   font-size: 10px;
   color: #fff;
   text-transform: uppercase;
   padding: 0px 8px 0px 8px;
    -webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
   cursor: pointer;
}

.sublistipos li:hover {
   background-color: #0D0D0F !important;
   color: #C8C8C9 !important;
   cursor: pointer;

}

.tipolison {
   background-color: #404927 !important;
   color: #B7E319 !important;
   cursor: default;
}




.vent_scr {
    height: 470px;
    width: 100%;
    overflow: auto;
    background-color: #F4F5F5;
    border: 1px solid #ADAFB2;
}

.listarep_item {
    height: 77px;
    width: 100%;
    background-color: #3e444e;
    border-left: 5px solid #0d7886;
    border-bottom: 1px solid #292B33;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1px;
    -webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}
.listarep_item:hover { background-color: #292f3a; }

.listarep_tipo {
    height: 77px;
    width: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.listarep_info {
    height: 77px;
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
}

.listarep_info img {
    height: 45px !important;
    width: auto;
}

.listarep_info img:hover {
	position: absolute !important;
    height: 170px !important;
    width: auto;
    z-index: 99999;
}

.listarep_add {
    height: 77px;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.listarep_add img {
    margin-left: 0px; margin-right: 0px;
}

.sublistit {
    width: 100%;
   font-family: 'Gotham Medium',sans-serif;
   text-align: left;
   font-size: 11px;
   color: #2AB4C6;
   text-transform: uppercase;
   border-bottom: 1px solid #292B33;
   padding: 0px 8px 8px 0px;
}
.sublisdesc {
    width: 100%;
   font-family: 'Gotham Medium',sans-serif;
   text-align: left;
   font-size: 11px;
   color: #b9b9b9;
   text-transform: uppercase;
   padding: 8px 8px 0px 0px;
}

.liscabder {
   height: auto;
   overflow: hidden;
   min-height: 60px;
   margin-top: -15px !important;
   margin-left: -20px !important;
}

.liscabder input {
   width: 90%;
   height: 50px;
   background-color: transparent;
   background-repeat: no-repeat;
   font-family: 'Gotham Light',sans-serif;
   font-size: 15px;
   text-align: left;
   padding: 0px 25px 0px 25px;
   color: #AAC2D4;
   border: 0;
}

.listarep_tiempo {
    height: 77px;
    width: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.listarep_tiempo input {
   width: 30px;
   height: auto;
   background-color: transparent;
   font-family: 'Gotham Light',sans-serif;
   font-size: 15px;
   text-align: center;
   color: #ADCA47;
   border: 0;
   margin-top: 10px;
}

.topli_01 p {
    font-family: 'Gotham Light',sans-serif;
    font-size: 20px;
    text-align: center;
    color: #B2CF48;
    padding: 20px 0px 0px 0px;
}

.selbanpic {
   height: auto;
   width: 130px;
   border: 3px solid #17181b;
   margin-top: 25px;
   margin-left: 25px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

.selbanpic:hover {
   height: auto;
   width: 500px;
   border: 3px solid #17181b;
   position: absolute;
   cursor: pointer;
}

.banneron { border: 3px solid #2AB4C6 !important;}

.infinita {
    width: 100%;
    height: 120px;
    background-image: url(../imagenes_b/infinita.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

.genenrando {
    width: 100%;
    height: 40px;
    background-image: url(../imagenes_b/infinita.gif);
    background-repeat: no-repeat;
    background-position: center left;
	background-size: 40px 40px;
    font-family: 'Gotham Medium',sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    text-align: left;
	padding: 10px 0 0 50px;
	color: #333333;
}


.subebanner {
    width: 800px;
    height: 296px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #0F0F11;
    background-image: url(../imagenes_b/cargadrop.gif);
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 35px;
}

.subebanner img {
    width: 610px;
    height: 345px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #303236;
}


.preview_gen {
    width: 610px;
    height: 345px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #d8d8d9;
    background-image: url(../imagenes/cargadrop.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

.preview_gen img {
    width: 610px;
    height: 345px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #303236;
}





.dir_itemgen {
   float: left;
   width: 49%;
   display: flex;
   align-content: space-between;
   flex-grow: 0;
   height: 33px;
   background-color: #5f6571;
   border: 1px solid #313442;
   margin-right: 5px;
   margin-bottom: 5px;
   padding: 10px 15px 10px 15px;
   	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}
.dir_itemgen:hover {
   background-color: #373e4c;
   border: 1px solid #292B33;
   cursor: pointer;

}
.dir_nomgen {
   width: auto;
   display: flex;
   flex: 1;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 10px;
   text-align: left;
   padding-left: 25px;
   color: #ffffff;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   margin-right: 15px;
}
.dir_fechagen {
   width: auto;
   display: flex;
   width: 60px;;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 10px;
   text-align: right;
   padding-right: 10px;
   color: #00ffff;
}
.dvideogen {
   background-image: url(../imagenes/dir_video.png);
   background-repeat: no-repeat;
   background-position: left center ;
}
.dgenimagen {
   background-image: url(../imagenes/dir_imagen.png);
   background-repeat: no-repeat;
   background-position: left center ;
}








.tablaest {
   width: 90%;
   height: auto;
   overflow: hidden;
   margin: 0 auto;


}

.tablaestin {
   width: 100%;
   height: auto;
   overflow: hidden;
   border: 1px solid #303236;
}




.subebanner img {
    width: 800px;
    height: 296px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #303236;
}

.tablaest {
   width: 90%;
   height: auto;
   overflow: hidden;
   margin: 0 auto;


}

.tablaestin {
   width: 100%;
   height: auto;
   overflow: hidden;
   border: 1px solid #ADAFB2;
}



.td1 {
   padding: 10px;
   border-bottom: 1px solid #686D74;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 10px;
   text-transform: uppercase;
   text-align: center;
   color: #000;
   background-color:#9d9d9d
}

.td2 {
   padding: 10px;
   border-bottom: 1px solid #686D74;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 10px;
   text-transform: uppercase;
   text-align: center;
   color: #fff;
   background-color: #48505f;
}

.tdt {
   padding: 15px;
   border-bottom: 1px solid #4a2727;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 10px;
   text-transform: uppercase;
   text-align: center;
   color: #9F9FA1;
   background-color:#211313;
}

.cabtabla { color: #fff !important; }

.pingcab {
   padding: 15px;
   border-bottom: 1px solid #ADAFB2;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 10px;
   text-transform: uppercase;
   text-align: left;
   color: #9F9FA1;
   background-color:#2a2d33;
}

.pingon {
   padding: 15px;
   border-bottom: 1px solid #ADAFB2;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 10px;
   text-transform: uppercase;
   text-align: left;
   color: #b2cf48;;
   background-color:#212226;
}
.pingoff {
   padding: 15px;
   border-bottom: 1px solid #ADAFB2;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 10px;
   text-transform: uppercase;
   text-align: left;
   color: #d83838;;
   background-color:#212226;
}
.pingap {
   padding: 15px;
   border-bottom: 1px solid #ADAFB2;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 10px;
   text-transform: uppercase;
   text-align: left;
   color: #8a8a8a;;
   background-color:#212226;
}

.listcoment {
   width: 100%;
   height: auto;
   overflow: hidden;
   list-style: none;
   border-top: 1px solid #ADAFB2;
}
.listado_cmt {
   height: auto;
   width: 100%;
   display: flex;
   overflow: hidden;
   padding: 40px;
   list-style: none;
}
.comentitem {
   width: 100%;
   height: auto;
   overflow: hidden;
   list-style: none;
   border-bottom: 1px solid #ADAFB2;
   border-left: 1px solid #ADAFB2;
   border-top: 1px solid #ADAFB2;
   border-right: 1px solid #ADAFB2;
   display: flex;
   margin-bottom:8px;
}
.cmtnum {
   width: 60px;
   height: auto;
   border-right: 1px solid #ADAFB2;
   display: flex;
   justify-content: center;
   font-family: 'Gotham Light',sans-serif;
   font-size: 20px;
   text-align: center;
   color: #2AB4C6;
  padding: 20px 0px 30px 0px;
  flex-shrink: 0;
  flex-grow: 1;
}
.cmtnum2 {
   width: 100%;
   height: 80%;
   flex-grow: 1;
   display: flex;
   justify-content: flex-start;
   flex-direction: column;
}
.cmtnum2deb {
  font-family: 'Gotham Medium',sans-serif;
  text-transform: uppercase;
  font-size: 11px;
  margin-top: 10px;
  text-align: left;
  color: #234c77;
  padding: 3px 20px 10px 20px;
  border-bottom: 1px solid #ADAFB2;
  overflow: hidden;
  height: 38px;
}
.cmtnum2deb strong { font-family: 'Gotham Black',sans-serif; color: #2AB4C6 !important;}

.cmtnum2deb a {  margin-left: 10px; color: #F76A36!important;}

.cmtnum2deb img {  display:inline-block; margin-left: 7px; }

.cmtnum2txt {
  font-family: 'Gotham Medium',sans-serif;
  font-size: 12px;
  text-align: left;
  color: #5f5f75;
  padding: 13px 20px 10px 20px;
  line-height: 16px;
}

.cmtnum2txt strong {
  font-family: 'Gotham Medium',sans-serif;
  font-size: 12px;
  text-align: left;
  color: #5f5f75;
  padding: 0 3px;

  color: green;
}

.cmtnum2txtb {
  font-family: 'Gotham Medium',sans-serif;
  font-size: 11px;
  text-align: left;
  color: #5f5f75;
  padding: 10px 20px 10px 20px;
  line-height: 16px;
  border-top: 1px solid #ADAFB2;
}
.cmtnumops {
   width: 100%;
   height: 80%;
   flex-grow: 1;
   display: flex;
   justify-content: flex-start;
   padding: 0 20px 10px 20px;
}
.cmtnumbtn {
   height: 40px;
   width: 140px;
   border-radius: 2px;
   display: flex;
   justify-content: center;
   align-items:  center;
   align-content: center;
   align-self: center;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 10px;
   text-align: center;
   color: #fff;
   text-transform: uppercase;
   margin: 0 10px 10px 0;
    background-repeat: no-repeat;
    background-position: left center;   
}
.cmtnumbtn24 {
   height: 40px;
   width: auto;
   border-radius: 2px;
   display: flex;
   float: left;
   justify-content: center;
   align-items:  center;
   align-content: center;
   align-self: center;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 10px;
   text-align: center;
   color: #fff;
   text-transform: uppercase;
   margin: 0 10px 10px 0;
    background-repeat: no-repeat;
    background-position: left center;
   padding: 0 35px;	
}

.cmtnumbtn24w {
   height: 40px;
   width: 40px;
   border-radius: 2px;
   display: flex;
   float: left;
    background-image: url(../imagenes_b/infinita.gif);
    background-repeat: no-repeat;
    background-position: center left;
	background-size: 30px 30px ;
	cursor: default;
}



.opcom1 { background-color: #738F0E; transition-property: all; transition: all 0.2s ease;background-image: url(../imagenes/opp1b.png);}
.opcom1:hover {  background-color:  #345000; }

.opcom2 { background-color: #69090C; transition-property: all; transition: all 0.2s ease; background-image: url(../imagenes/opp2.png);}
.opcom2:hover {  background-color:  #2B0000; }

.opcom3 { background-color: #4D4D4D; transition-property: all; transition: all 0.2s ease; background-image: url(../imagenes/opp1.png);}
.opcom3:hover {  background-color:  #171717;  }

.opcomd { background-color: #4D4D4D; transition-property: all; transition: all 0.2s ease; background-image: url(../imagenes/oppd.png);}
.opcom3:hover {  background-color:  #171717;  }

.opcom4 { background-color: #130f49; transition-property: all; transition: all 0.2s ease; background-image: url(../imagenes/opp4.png);}
.opcom4:hover {  background-color:  #03020e; }

.opcom7b { background-color: #555204; transition-property: all; transition: all 0.2s ease; background-image:url(../imagenes/oppt.png);}
.opcom7b:hover {  background-color:  #292702; }

.opcom5{ background-color: #4b4b4b; transition-property: all; transition: all 0.2s ease;background-image: url(../imagenes/opp5.png);}
.opcom5:hover {  background-color:  #000000; }

.opcom6{ background-color: #43afe2; transition-property: all; transition: all 0.2s ease;}
.opcom6:hover {  background-color:  #5dbbe7; }

.opcom7{ background-color: #555204; transition-property: all; transition: all 0.2s ease; url(../imagenes/opp7.png);}
.opcom7:hover {  background-color:  #292702; }



.opcom8{ background-color: #510e36; transition-property: all; transition: all 0.2s ease; url(../imagenes/opp8.png);}
.opcom8:hover {  background-color:  #250418; }

.opcom9{ background-color: #660dc7; transition-property: all; transition: all 0.2s ease; url(../imagenes/opp9.png);}
.opcom9:hover {  background-color:  #37046f; }

.opcomword { background-color: #2A5596; transition-property: all; transition: all 0.2s ease; background-image: url(../imagenes/oppd.png);}
.opcomword:hover {  background-color:  #061B57;  }

.opcomword2 { background-color: #0e1e35; transition-property: all; transition: all 0.2s ease; background-image: url(../imagenes/oppd2.png);}
.opcomword2:hover {  background-color:  #040c16;  }


.deb_pendientes {
    position: absolute;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    align-self: center;
    background-color: #ac1313;
    border: 4px solid #ffffff;
    font-family: 'Gotham Medium', sans-serif;
    font-size: 9px;
    text-align: center;
    color: #fff;
    margin: 25px 0 0 60px;
    z-index: 900;
}

.comcarga1 {
    background-image: url(../imagenes_b/comcarga1.gif);
    background-repeat: no-repeat;
    background-position: center center;
}
.comcarga2 {
    background-image: url(../imagenes_b/comcarga2.gif);
    background-repeat: no-repeat;
    background-position: center center;
}
.comcarga3 {
    background-image: url(../imagenes_b/comcarga3.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

.altatips2 ul {
	width: 100%;
	padding: 10px 20px 35px 10px;
	list-style: none;
  margin: 10px 4px 25px 20px;
}
@media only screen and (max-width: 800px) { .altatips2 ul { padding: 0px 15px 35px 15px;} }

.altatips2 ul li {
	width: auto;
	height: 25px;
	float: left;
	list-style: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #8f939a;
	text-align: center;
	margin: 0 4px 8px 4px;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	cursor: pointer;
	padding: 2px 12px 0 12px;
}
@media only screen and (max-width: 800px) { .altatips2 ul li { height: 30px; margin: 0 2px 4px 2px; padding: 5px 10px 0 10px; } }

.altatips2 ul li:hover { background-color: #28333F; }

.cat_on { background-color: #f24a0c !important;}

.altatips2 ul li span{
	font-family: 'Montserrat Regular';
	font-size: 10px;
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
}

.abreurna {
   display: flex;
   flex-direction: column;
   align-content: center;
   align-self: center;
   justify-content: center;
   margin: 0 auto;
   margin-bottom: 35px;
}

.minwin {
    font-family: 'Montserrat Regular';
    font-size: 11px;
    color: #a0a0a0;
    text-transform: uppercase;
}
@media only screen and (max-width: 700px) { .minwin { font-size: 10px;} }

.minwin strong {
    font-family: 'Montserrat Regular';
    font-size: 11px;
    color: #1E1E1E !important;
    font-weight: normal !important;
    text-align: center;
    text-transform: uppercase;
}

.detubica {
   width: 100%;
   text-align: center;
   padding: 20px 50px 50px 50px;
}
@media only screen and (max-width: 1400px) { .detubica { padding: 20px 40px 20px 40px;} }

.descdeta {
   font-family: 'Montserrat OK';
   font-size: 16px;
   line-height: 25px;
   color: #666666;
   padding: 0px 50px 50px 50px;
   text-align: center;
}
@media only screen and (max-width: 1400px) { .descdeta { font-size: 15px; padding: 0px 40px 40px 40px;} }
@media only screen and (max-width: 700px)  { .descdeta { font-size: 13px; padding: 0px 20px 10px 20px;} }

.detalle_incidencia02 {
   width: 50%;
   height: auto;
   overflow: hidden;
   float: right;
   background-image: url(../imagenes/smbdetinc.png);
   background-position: top;
   background-repeat: repeat-x;
   padding: 0px 0px 50px 1px;
}
@media only screen and (max-width: 700px) { .detalle_incidencia02 { width: 100%;} }

.detalle_cabs {
   width: 50%;
   height: auto;
   overflow: hidden;
   float: left;
   padding: 23px 10px 20px 10px;
   text-align: center;
}
@media only screen and (max-width: 1400px) { .detalle_cabs { padding: 20px 10px 17px 10px;} }

.detalle_cabs_in {
   width: 50%;
   height: 125px;
   overflow: hidden;
   float: left;
   padding: 20px;
   border-right: 1px solid #E7E7E7;
   border-bottom: 1px solid #9D9C9C;
   background-image: url(../imagenes/smbest.png);
   background-position: top;
   background-repeat: repeat-x;
}
@media only screen and (max-width: 1400px) { .detalle_cabs_in { height: 100px;} }

.icoinfoinc {
   width: 100%;
   height: 50px;
   margin: 0 auto;
}
.icoinfoinc img {
   display: block;
   width: auto;
   height: 50px;
   margin: 0 auto;
}
@media only screen and (max-width: 1400px) { .detalle_cabs_in img { height: 40px;} }

.icoinfoinc span {
   display: block;
   font-family: 'Montserrat Regular';
   font-size: 12px;
   color: #FFFFFF;
   text-align: center;
   text-transform: uppercase;
   padding-top: 15px;
}
@media only screen and (max-width: 1400px) { .detalle_cabs_in span { padding-top: 10px;} }
@media only screen and (max-width: 700px) { .detalle_cabs_in span { font-size: 10px;} }

.resuelta { background-color: #A5C24B !important;}
.categoria { background-color: #B1B0B0 !important;}

.crono {
   width: 100%;
   height: auto;
   overflow: hidden;
   font-family: 'Montserrat Regular';
   font-size: 11px;
   color:  #9A9092;
   text-align: center;
   text-transform: uppercase;
   padding-top: 15px;
   padding-bottom: 15px;
   background-color: #E9E9E9;
   border-bottom: 1px solid #CECECE;
   margin-bottom: 25px !important;
}

.cronotime {
   display: blobk;
   width: 100%;
   height: auto;
   overflow: hidden;
   	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
   opacity: 0.7;
}
.cronotime:hover { opacity: 1.0; }

.cronotime img {
   padding-top: 19px;
   padding-left: 10px;
}


.crono_item {
   width: 100%;
   height: auto;
   overflow: hidden;
   border-bottom: 1px solid #D3D7DB;
   padding: 20px 20px 20px 70px;
   text-align: left !important;
   background-position: left center;
   background-repeat: no-repeat;
   background-size: auto 23px;
}
@media only screen and (max-width: 700px) { .crono_item { background-size: auto 16px; padding: 15px 15px 15px 45px;} }

.ayuresponde {
   width: 100%;
   font-family: 'Montserrat Bold';
   font-size: 15px;
   color: #2C3E50;
   text-align: left;
   border-top: 1px solid #D3D7DB;
   padding: 10px 30px 0px 0px;
   margin-top: 10px;
}

.lpmg {
    font-family: 'Gotham Light',sans-serif;
    font-size: 14px;
    text-align: left;
    color: #333;
    padding: 21px 20px 10px 20px;
    line-height: 16px;
}

.crono_acepta { background-image: url(../imagenes/crono_acepta.png) }
.crono_proceso { background-image: url(../imagenes/crono_proceso.png) }
.crono_ubica  { background-image: url(../imagenes/crono_ubica.png) }
.crono_respuesta { background-image: url(../imagenes/crono_respuesta.png) }
.crono_rechaza { background-image: url(../imagenes/crono_rechaza.png) }
.crono_resuelta { background-image: url(../imagenes/crono_resuelta.png) }



.flotadj {
    float: left !important;
	font-size: 13px !important;
}
.eliminadjun {
	display: BLOCK;
    float: right !important;
	width: 13% !important;
       font-family: 'Gotham Medium';
   font-size: 13px !important;
   color: #DF131A !important;
   text-align: center !important;
   padding: 13px 0px 0px 0px !important;
}

.porcenadjunt {
	display: BLOCK;
    float: right !important;
   font-family: 'Gotham Medium';
   font-size: 12px !important;
   color: #527316 !important;
   text-align: center !important;
   margin-left: 20px;
}


.picap {
   width: 38%;
   display: BLOCK;
    float: left !important;
   margin-top: -2px;
   margin-left:30px;
   margin-bottom:30px;
}



.ordentex {
   text-transform: uppercase;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 16px;
   text-align: left;
   color: #2AB4C6 !important;
   margin-bottom:15px;
}


.ordentexerror {
   text-transform: uppercase;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 11px;
   text-align: left;
   color: #8A1616 !important;
   margin-bottom:10px;
   margin-top:10px;
}

.btnexplor {
   display: block;	
   width: 60%;
   height: 45PX;
   padding: 0 15px;
   background-color: #3FA5AD;
   border-radius: 45px;
   font-size: 13px;
   font-family: 'Montserrat Regular';
   line-height: 46px;
   text-align: center;
   margin-top:15px;
   color: #ffffff;
   text-transform: uppercase;
   -webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}
.btnexplor:hover {
   background-color: #195054;

}




.convitem {
   display: block;	
   width: 100%;
   height: auto;
   padding: 13px 15px;
   background-color: #ededed;
   border-bottom: 1px solid #cccccc ;
   border-left: 3px solid #3FA5AD;
   margin-bottom:2px;
   -webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	 -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}
.convitem:hover {
   background-color: #dbdbdb;
   border-bottom: 1px solid #333 ;
}

.convitem h3 {
    width: auto;
	display: block;
    font-family: 'Montserrat Bold';
    text-align: left;
    font-size: 16px;
    color: #333333;
    letter-spacing: -0.5px;
	padding:5px 10px;
}
@media only screen and (max-width: 900px)  { .convitem h3 {  font-size: 13px; } }

.convitem span {
    width: auto;
	display: block;
    font-family: 'Montserrat Regular';
    text-align: left;
    font-size: 14px;
    color: #3FA5AD !important;
    letter-spacing: -0.5px;
	text-transform: uppercase;
	padding:0 10px;
}
@media only screen and (max-width: 900px)  { .convitem span {  font-size: 12px; } }


.convocatorias li p {
	padding-bottom: 13px;
	text-transform: uppercase;
	padding-top: 8px;
	margin-bottom:-5px;
	font-size: 11px;
	color: #6f86da;
}


.convitem b {
    width: auto;
	display: block;
    font-family: 'Montserrat Regular';
    text-align: left;
    font-size: 12px;
    color: #333332 !important;
    letter-spacing: -0.5px;
	text-transform: uppercase;
	padding:5px 10px 5px 25px;
	background-image: url(../imagenes/calenlis.png);
   background-repeat: no-repeat;
   background-position: left center;
   background-size: 30px auto;
   margin-top: 6px;
   margin-left: 8px;
}


.modal {
  display: none; 
  position: fixed; 
  z-index: 1; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.4); 
  z-index:9999 !important;
}


.modal-content {
  background-color: #fefefe;
  margin: 15% auto; 
  padding: 20px;
  border: 1px solid #888;
  width: 80%; 
  z-index:9999 !important;
}

.input_verifica { 
   width: 30%;  
   height: 55px;
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
}

@media only screen and (max-width: 1400px) { .input_verifica { width: 40%;   } }
@media only screen and (max-width: 1000px) { .input_verifica { width: 50%;   } }
@media only screen and (max-width: 700px) {  .input_verifica { width: 60%;   } }
@media only screen and (max-width: 500px) {  .input_verifica { width: 80%;   } }
@media only screen and (max-width: 400px) {  .input_verifica { width: 90%;   } }

.input_verifica input{ 
   width: 100%;  
   height: 50px;
   background-image: url(../imagenes/input_verifica.png);
   background-position: bottom left;
   border: none;
   background-color: transparent;
   font-family: 'Gotham Light',sans-serif;
   font-size: 20px;
   color: #13E5FF;
   text-align: center;
}

.txt_verifica{ 
   width: 100%;  
   height: 50px;
   background-color: transparent;
   font-family: 'Gotham Light',sans-serif;
   font-size: 16px;
   color: #FFF;
   text-align: center;
}

.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  z-index:9999;
}

.size1 { width: 70%; }
.size2 { width: 30%; }


.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
  z-index:9999;

}
@media only screen and (max-width: 900px)  { .convitem b {  font-size: 10px; } }






.fondo_mpp {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

.popup_mpp {
    background-color: white;
    border-radius: 10px;
    width: 80%;
    max-width: 500px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #ddd;
}

.encabezado-popup_mpp {
    padding: 15px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ccc;
    text-align: center;
	font-family: 'Gotham Medium',sans-serif;
    font-size: 12px;
}

.encabezado-popup_mpp h2 {
    margin: 0;
    font-size: 1.5em;
    color: #333;
}

.cuerpo-popup_mpp {
    padding: 20px;
    font-size: 1em;
    color: #555;
    line-height: 1.6;
	font-family: 'Mono-Medium';
    font-size: 13px;
	color: #3c4350;
}

.procesa-popup_mpp {
    padding-top: 150px;
    font-size: 18px;
	letter-spacing:-1px;
    color: #555;
    line-height: 1.6;
	font-family: 'Gotham Medium',sans-serif;
	color: #292b2e;
}


.cuerpo-popup_mpp strong {
	font-family: 'Mono-Bold',sans-serif;
	color: #ab370b;
}

.pie-popup_mpp {
    display: flex;
    justify-content: center;
    padding: 10px 15px;
    border-top: 1px solid #ccc;
    background-color: #f7f7f7;
}

.pie-popup_mpp .btn_mpp {
    margin: 0 10px;
}

.btn_mpp {
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1em;
    transition: background-color 0.3s;
}

.aceptar_mpp {
    background-color: #738F0E;
    color: #ffffff;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 10px;
   text-align: center;
   text-transform: uppercase;
}

.aceptar_mpp:hover {
    background-color: #345000;
}

.cancelar_mpp {
    background-color: #69090C;
    color: #ffffff;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 10px;
   text-align: center;
   text-transform: uppercase;
}

.cancelar_mpp:hover {
    background-color: #2B0000;
}

.firmando_mpp {
    background-color: #f7f7f7;
    color: #f7f7f7;
   font-family: 'Gotham Medium',sans-serif;
   font-size: 10px;
   text-align: center;
   text-transform: uppercase;
   cursor: default !important;
   padding: 15px;
   width:100px;
   background-image: url(../imagenes/cargadrop.gif);
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 30px 30px ;
   border: none;
}

.histuser {
   position: absolute;
   margin-top:-40px;
   margin-left: 10px;
}



.boton {
  display: block;
  width: auto;
  height: 25px;
  padding: 6px 10px 0 35px;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 10px;
  float: left;
  background-color: #2c344b;
  border: 1px solid #66646d;
  background-repeat: no-repeat;
  background-position: left center;
  margin: 0 2px 0 2px;
  font-family: 'Gotham Medium';
  -webkit-transition-property: all;
 -moz-transition-property: all;
 -o-transition-property: all;
 transition-property: all;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.boton:hover { border: 1px solid #858488; background-color: #222123; }
























.controles1 {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 8px 17px 7px 21px;
  background-color: #1f222b;
  border-top:1px solid #5E5E5E;
  border-bottom:1px solid #4C4F3F;
}

.controles1 {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 8px 17px 7px 21px;
  background-color: #1f222b;
  border-top:1px solid #5E5E5E;
  border-bottom:1px solid #4C4F3F;
}
.controles2 {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 8px 17px 7px 40%;
  background-color: #434343;
  border-bottom:1px solid #4A4B40;
}

.controles_cont {
  width: auto;
  height: auto;
  padding: 3px;
  border-radius: 3px;
  background-color: transparent;
  border: transparent;
}

.ico_abrir { background-image: url(../imagenes/ico_abrir.png); }
.ico_eliminar { background-image: url(../imagenes/ico_eliminar.png); }
.ico_guardar { background-image: url(../imagenes/ico_guardar.png); }
.ico_xml { background-image: url(../imagenes/ico_xml.png); }
.ico_orden { background-image: url(../imagenes/ico_orden.png); }
.ico_intervencion { background-image: url(../imagenes/ico_intervencion.png); }
.ico_votacion { background-image: url(../imagenes/ico_votacion.png); }
.ico_observacion { background-image: url(../imagenes/ico_observacion.png); }
.ico_incidencia { background-image: url(../imagenes/ico_incidencia.png); }
.ico_todos { background-image: url(../imagenes/ico_todos.png); }
.ico_ninguno { background-image: url(../imagenes/ico_ninguno.png); }
.ico_time_1 { background-image: url(../imagenes/time_1.png); }
.ico_time_2 { background-image: url(../imagenes/time_2.png); }

.cl_neutro { color: #FFFFFF; }
.cl_todos { color: #ff0000; }
.cl_orden { color: #99E4FF; }
.cl_votacion { color: #F2B409; }
.cl_observacion { color: #C1ED23; }
.cl_incidencia { color: #CC1A1A; }

.boton {
  display: block;
  width: auto;
  height: 25px;
  padding: 6px 10px 0 35px;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 10px;
  float: left;
  background-color: #2c344b;
  border: 1px solid #66646d;
  background-repeat: no-repeat;
  background-position: left center;
  margin: 0 2px 0 2px;
  font-family: 'Gotham Medium';
  -webkit-transition-property: all;
 -moz-transition-property: all;
 -o-transition-property: all;
 transition-property: all;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.boton:hover { border: 1px solid #858488; background-color: #222123; }

.franja_indexa {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 25px 25px 0 25px;
  background-color: #939393;
  border-bottom: 1px solid #716f6f;
  padding-bottom: 16px;
}


.franja_indexa2 {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 25px 25px 0 25px;
  border-bottom: 1px solid #716f6f;
  padding-bottom: 16px;
}

.videoplayer {
  width: 40%;
  height: 370px;
  overflow: hidden;
  float: left;
  background-color: #000;
  border-radius: 6px;
}

.videoplayer video{
  width: 100%;
  height: 320px !important;
}

.timecontrol {
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #414925;
  background-color: #1f222b;
}
.timecontrol {
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #414925;
  background-color: #1f222b;
}
.timeset_pre {
  float: left;
  width: 25%;
  padding-top: 12px;
}
.timeset {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.botontime {
  display: block;
  width: auto;
  height: 25px;
  padding: 6px 15px;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 10px;
  float: left;
  background-color: #333135;
  border: 1px solid #66646d;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 0 2px 0 2px;
  font-family: 'Gotham Medium';
  -webkit-transition-property: all;
 -moz-transition-property: all;
 -o-transition-property: all;
 transition-property: all;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.botontime:hover { border: 1px solid #858488; background-color: #222123; }

.timeset span {
  font-family: 'Gotham Medium';
  color: #C1ED23;
  font-size: 9px;
  padding: 0 6px;
}

.separa {
  width: 40px;
  background-image: url(../imagenes/separa.png);
  background-repeat: repeat-y;
  background-position: center center;
}



.res_edit {
  display: block;
  width: auto;
  height: auto;
  overflow: hidden;
  border-top: 1px solid #414141;
  padding: 18px 0 0 0;
}

.res_time {
  width: 140px;
  float: left;
  margin-right:10px;
  height: auto:
  background-color: #110b3e !important;
}
.res_time2 {
  width: 290px;
  float: left;
  height: auto:
  background-color: #110b3e !important;
}

.res_time input {
	width: 100%;
  height: 35px;
  font-family: 'd-din_condensedregular';
  background-color: #110b3e !important;
  text-align: center;
  font-size: 20px;
  color: #D4D4D4;;
  text-transform: uppercase;
	padding: 10px 0;
  margin-top: 8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #2B2A2B;
	border: 1px solid #4A494A;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition: all 0.2s ease;
	-moz-transition: afll 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.res_time input:focus {	border: 1px solid #5F64E3; background-color: #1f222b !important;}
.res_time input:hover {	border: 1px solid #5F64E3; background-color: #1f222b !important;}

.res_time_idi input {
    font-family: 'd-din_condensedregular';
    font-size: 30px;
    width: auto;
    color: #b2b2b2;
    text-transform: uppercase;
}

.res_time_idi input {
    font-family: 'd-din_condensedregular';
    font-size: 30px;
    width: auto;
    color: #b2b2b2;
    text-transform: uppercase;
}

.res_time2input {
	width: 150px;;
  height: 45px;
  float: left;
  font-family: 'd-din_condensedregular' !important;
  text-align: left;
  font-size: 23px;
  color: #B0D234;;
  text-transform: uppercase;
	padding: 1px 5px;
  text-align: center;
  margin-top: 9px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #2B2A2B;
	border: 1px solid #4A494A;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.res_time2input:focus {	border: 1px solid #ffffff; background-color: #1f222b !important;}
.res_time2input:hover {	border: 1px solid #ffffff; background-color: #1f222b !important;}


.res_time2inputb {
	width: 130px!important;
  height: 39px!important;
  float: left;
  font-family: 'd-din_condensedregular' !important;
  text-align: left !important;
  font-size: 23px!important;
  color: #B0D234!important;
  text-transform: uppercase!important;
	padding: 1px 5px!important;
  text-align: center!important;
  margin-top: 0 !important;
  background-color: #000 !important;
	-webkit-border-radius: 4px!important;
	-moz-border-radius: 4px!important;
	border-radius: 4px!important;
	background-color: #000!important;
	border: 1px solid #000!important;
}

.res_timepal {
	display: block;
	position: absolute;
	top:775px;
	left:190px;
	width: 110px!important;
  height: 39px!important;
  font-family: 'd-din_condensedregular' !important;
  text-align: left !important;
  font-size: 23px!important;
  color: #c1ed23!important;
  text-transform: uppercase!important;
	padding: 1px 5px!important;
  text-align: center!important;
  background-color: #c1ed23 !important;
	-webkit-border-radius: 6px!important;
	-moz-border-radius: 6px!important;
	border-radius: 6px!important;
	background-color: #333!important;
	border: 0 !important;
}

.restime_id {
  display: block;
  font-family: 'd-din_condensedregular' !important;
  font-size: 30px !important;
  width: auto;
  color: #b2b2b2;
  text-transform: uppercase;
}


.res_time_w input {
	width: 100%;
  height: 45px;
  flex-grow: 1;
  font-family: 'Gotham Medium',sans-serif;
  text-align: left;
  font-size: 11px;
  color: #D4D4D4;;
  text-transform: uppercase;
	padding: 10px 13px;
  letter-spacing: -1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #2B2A2B;
	border: 1px solid #4A494A;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.res_time_w input:focus {	border: 1px solid #5F64E3; background-color: #1f222b !important;}
.res_time_w input:hover {	border: 1px solid #5F64E3; background-color: #1f222b !important;}

.videoplayer_marcas {
  width: 60%;
  height: auto;
  overflow: hidden;
  float: right;
  padding-left:30px;
}


.generarvideo {
   width: 100%;
   height: 450px;
   display: flex;
   justify-content: center;
   align-items: center;
   background-image: url(../imagenes/cargadrop.gif);
   background-repeat: no-repeat;
   background-position: center center;
}

.generarvideo video {
   width: 660px;
   height: 370px;
   display: flex;
   justify-content: center;
   align-items: center;
   background-image: url(../imagenes/cargadrop.gif);
   background-repeat: no-repeat;
   background-position: center center;
}