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:#dcdbe0;
  width: 100%;
  height: 100%;
  background-image: url(../imagenes/bk.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto 100%;
}

.fondo2 {
  background-color: #BFBFD7 !important;
  background-size: 0 0 !important;
}

.corte { page-break-after: always; }

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

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

b,
strong {
  font-weight: bold;
}
@font-face {
  font-family: 'Oswald Regular';
  font-style: normal;
  font-weight: 300;
  src: url('oswald-v26-latin-300.eot');
  src: local(''),
       url('oswald-v26-latin-300.eot?#iefix') format('embedded-opentype'),
       url('oswald-v26-latin-300.woff2') format('woff2'),
       url('oswald-v26-latin-300.woff') format('woff'),
       url('oswald-v26-latin-300.ttf') format('truetype'),
       url('oswald-v26-latin-300.svg#Oswald') format('svg');
}
@font-face {
  font-family: 'Montserrat Thin';
  font-style: normal;
  src: url("Montserrat-Thin.otf");
}
@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 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 Black';
  src: url('gotham-black-webfont.eot');
  src: url('gotham-black-webfont.eot.eot?#iefix') format('embedded-opentype'),
  url('gotham-black-webfont.woff') format('woff'),
  url('gotham-black-webfont.ttf') format('truetype'),
  url('gotham-black-webfont.svg') format('svg');
  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 #ffffff inset;
    -moz-box-shadow: 0 0 0px 1000px #ffffff inset;
    background-color: #ffffff !important;

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

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;
}

.inhabilitado {
  display: block !important;
  cursor: default !important;
  background-color: #adadad !important;
  border: 0 !important;;
}

.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);
}


.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;
}



#main { display: flex; min-height: calc(100vh - 20vh); }

@media only screen and (max-width: 1400px) { #main { min-height: calc(100vh - 18vh); } }
@media only screen and (max-height: 900px) { #main { min-height: calc(100vh - 18vh); } }

#main > article { flex: 1; }

.header_busc { height: 6vh; background-image: url(../imagenes/menutop_busc_bk.png);}

@media only screen and (max-width: 1400px) { header_busc { height: 5vh; } }
@media only screen and (max-height: 900px) { header_busc { height: 5vh; } }

header { height: 6vh; background-image: url(../imagenes/menutop_bk.png);}

@media only screen and (max-width: 1400px) { header { height: 5vh; } }
@media only screen and (max-height: 900px) { header { height: 5vh; } }

footer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 14vh;
  background-image: url(../imagenes/footer_bk.png);
  border-top: 1px solid #BEBFD1;
}
@media only screen and (max-width: 1400px) { footer { height: 13vh; } }
@media only screen and (max-height: 900px) { footer { height: 13vh; } }


.secciones {
  display: flex;
  justify-content: center;
  height: 100%;
  width: auto;
  list-style: none;
}
.secciones li {
  display: flex;
  align-items: center;
  height: 100%;
  width: auto;
  list-style: none;
  margin: 0 11px;
}
.secciones li a {
  font-family: 'Gotham Medium',sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  color: #fff;
}
@media only screen and (max-width: 1400px) { .secciones li a { font-size: 11px;} }
@media only screen and (max-height: 900px) { .secciones li a { font-size: 11px;} }

.secciones li a:hover { color: #343559; }

.lion { color: #343559 !important; border-bottom: 1px solid #343559;}
.liona { color: #343559 !important;}

.logo {
  height: auto;
  width: 130px;
  margin: 0 auto;
}
@media only screen and (max-width: 1400px) { .logo { width: 100px; } }
@media only screen and (max-height: 900px) { .logo { width: 100px; } }
@media only screen and (max-width:  900px) { .logo { width: 80px; } }

.logo img {
  height: auto;
  width: 130px;
  margin: 30px 0;
}
@media only screen and (max-width: 1400px) { .logo img { width: 100px; margin: 20px 0;} }
@media only screen and (max-height: 900px) { .logo img { width: 100px; margin: 20px 0;} }
@media only screen and (max-width:  900px) { .logo img { width: 80px; margin:  15px 0;} }

.cab1 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 70%;
  margin: 0 auto;
}
@media only screen and (max-width: 1400px) { .cab1 { height: 30px; width: 80%;} }
@media only screen and (max-height: 900px) { .cab1 { height: 30px; width: 80%;} }

.cab1lin {
  display: flex;
  justify-content: center;
  height: 40px;
  width: auto;
  flex-grow: 1;
  background-image: url(../imagenes/cablin.png);
  background-repeat: repeat-x;
  background-position: center;
}
@media only screen and (max-width: 1400px) { .cab1lin { height: 30px; } }
@media only screen and (max-height: 900px) { .cab1 { height: 30px; width: 80%;} }

.cab1txt {
  font-family: 'Montserrat Bold',sans-serif;
  font-size: 22px;
  text-transform: lowercase;
  color: #343559;
  letter-spacing: -1px;
  padding: 0 15px;
}
@media only screen and (max-width: 1400px) { .cab1txt { font-size: 17px; } }
@media only screen and (max-height: 900px) { .cab1txt { font-size: 17px; } }

.langSelect {
  display: flex;
  justify-content: right;
  height: 40px;
  width: auto;
  flex-grow: 1;
}
@media only screen and (max-width: 1400px) { .langSelect { height: 30px; } }

.preconjuntos {
  display: flex;
  justify-content: center;
  width: 70%;
  list-style: none;
  margin: 0 auto;
}
@media only screen and (max-width: 1400px) { .preconjuntos { width: 90%; } }
@media only screen and (max-height: 900px) { .preconjuntos { width: 90%; } }

.redsup {
  display: flex;
  justify-content: center;
  width: auto;
  flex-grow: 1;
  list-style: none;
  margin: 25px 0;
  cursor: pointer;
}
@media only screen and (max-width: 1400px) { .redsup { margin: 20px 0; } }
@media only screen and (max-height: 900px) { .preconjuntos { width: 90%; } }

.redsup li {
  display: flex;
  justify-content: center;
  flex-grow: 1;
  align-items: center;
  list-style: none;
  width: 20%;
  background-color: #8487E2;
  border-radius: 20px;
  padding: 10px;
  font-family: 'Gotham Medium',sans-serif;
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
  color: #fff;
  margin: 0 5px;
  -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;
}
.redsup li:hover { background-color: #333456; }

@media only screen and (max-width: 1400px) { .redsup li { padding: 6px; font-size: 10px; } }
@media only screen and (max-height: 900px) { .redsup li { padding: 6px; font-size: 10px; } }
@media only screen and (max-height: 800px) { .redsup li { padding: 6px; font-size: 9px; } }

.buscabox {
  display: flex;
  justify-content: center;
  width: 80%;
  list-style: none;
  margin: 0 auto;
}
.buscabox {
  width: 97%;
  margin: 0 auto;
}
.buscabox_item {
  width: 25%;
  margin: 0 auto;
  float: left;
}
.ico_busca {
  width: 100%;
  height: 75px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 75px ;
}
@media only screen and (max-width: 1400px) { .ico_busca { height: 55px; background-size: auto 55px ;} }
@media only screen and (max-height: 900px) { .ico_busca { height: 55px; background-size: auto 55px ;} }
@media only screen and (max-height: 800px) { .ico_busca { height: 50px; background-size: auto 50px ;} }
@media only screen and (max-height: 700px) { .ico_busca { height: 45px; background-size: auto 45px ;} }

.buscatit {
  font-family: 'Gotham book',sans-serif;
  text-align: center;
  font-size: 30px;
  letter-spacing: -2px;
  color: #333456;
  margin: 10px 0 5px 0;
}
@media only screen and (max-width: 1400px) { .buscatit { font-size: 25px; } }
@media only screen and (max-width: 1300px) { .buscatit { font-size: 22px; } }
@media only screen and (max-width: 1200px) { .buscatit { font-size: 20px; } }
@media only screen and (max-width: 1100px) { .buscatit { font-size: 18px; } }
@media only screen and (max-width: 1000px) { .buscatit { font-size: 16px; } }
@media only screen and (max-height: 900px) { .buscatit { font-size: 25px; } }
@media only screen and (max-height: 800px) { .buscatit { font-size: 22px; } }
@media only screen and (max-height: 700px) { .buscatit { font-size: 20px; } }
@media only screen and (max-height: 600px) { .buscatit { font-size: 18px; } }

.buscamostrar {
  display: block;
  font-family: 'Gotham Medium',sans-serif;
  text-align: center;
  font-size: 13px;
  letter-spacing: -1px;
  color: #8588E2;
  margin: 0 0 20px 0;
}
@media only screen and (max-width: 1400px) { .buscamostrar { font-size: 12px; margin: 0 0 15px 0; } }
@media only screen and (max-width: 1200px) { .buscamostrar { font-size: 11px; margin: 0 0 12px 0;} }

.buscainput {
  display: block;
	width: 85%;
	font-family: 'Gotham book';
	font-size: 20px;
	color: #333456;
	text-align: left;
	padding: 25px 20px;
  letter-spacing: -1px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	background-color: #ECECEE;
	border: 1px solid #CBCBD0;
  margin: 0 auto;
  background-image: url(../imagenes/ico_input.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: auto 50% ;
	-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;
}
@media only screen and (max-width: 1400px) { .buscainput { padding: 20px 15px; font-size: 17px;} }
@media only screen and (max-width: 1200px) { .buscainput { padding: 12px 8px;  font-size: 13px;} }
@media only screen and (max-height: 900px) { .buscainput { padding: 20px 15px; font-size: 17px;} }
@media only screen and (max-height: 800px) { .buscainput { padding: 12px 8px;  font-size: 13px;} }

.buscainput:focus {
	color: #8083DE;
  border: 1px solid #8083DE;
  background-color: #ECECEE !important;
  background-size: 0 0 ;
  letter-spacing: -1px;
}
.resultados_msg {
  display: block;
  width: 90%;
  margin: 10px auto 10px auto;
}
@media only screen and (max-width: 1400px) { .resultados_msg { width: 80%; margin: 10px auto; } }

.resultados_msg img {
  height: 30px;
  width: auto;
  padding-left: 17px;
}
@media only screen and (max-width: 1400px) { .resultados_msg img { height: 25px; padding-left: 8px; } }
@media only screen and (max-width: 1200px) { .resultados_msg img { height: 20px; padding-left: 8px; } }

.smart_res {
  display: block;
	width: 85%;
  color: #fff;
  margin: 0 auto;
  list-style: none;
  height: 30vh;
  overflow-y: auto;
  padding-right: 15px;
  -webkit-overflow-scrolling: touch;
}
.smart_resin {
  display: block;
	width: 100%;
  background-color: #9192AB;
  border-radius: 20px;
  padding: 13px;
  font-family: 'Gotham Medium',sans-serif;
  text-align: left;
  font-size: 13px;
  color: #fff;
  margin: 2px 0;
  cursor: pointer;
	-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;
}
@media only screen and (max-width: 1400px) { .smart_resin { font-size: 11px; padding: 10px;} }
@media only screen and (max-width: 1200px) { .smart_resin { font-size: 10px; padding:  8px;} }
@media only screen and (max-height: 700px) { .smart_resin { font-size: 10px; padding: 10px;} }
@media only screen and (max-height: 650px) { .smart_resin { font-size: 10px; padding:  8px;} }

.smart_resin:hover { background-color: #444567; }


.smart_resin img{
  float: right;
  height: 15px;
  width: auto;
  margin: -2px 10px;
  display: block;
  z-index:99999;
}
.smart_resin a{
  float: right;
  height: 15px;
  width: auto;
  margin: 0 3px;
  display: block;
  z-index:99999;
}
.smart_resin_info {
  display: flex;
	width: 100%;
  background-color: #9192AB;
  border-radius: 20px;
  font-family: 'Gotham Medium',sans-serif;
  text-align: left;
  font-size: 13px;
  color: #fff;
  margin: 2px 0;
  cursor: pointer;
	-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;
}
@media only screen and (max-width: 1400px) { .smart_resin_info { font-size: 11px; padding: 10px;} }
@media only screen and (max-width: 1200px) { .smart_resin_info { font-size: 10px; padding:  8px;} }
@media only screen and (max-height: 700px) { .smart_resin_info { font-size: 10px; padding: 10px;} }
@media only screen and (max-height: 650px) { .smart_resin_info { font-size: 10px; padding:  8px;} }

.smart_resin_info:hover { background-color: #444567; }

.infoitm_1 {
	width: 88%;
  height: auto;
  display: flex;
  padding: 13px;
  font-family: 'Gotham Medium',sans-serif;
  text-align: left;
  font-size: 13px;
  color: #fff;
}
.infoitm_2 {
	width: 12%;
  height: auto;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  align-content: center;
  justify-content: center;
  z-index: 1000;
}
.infoitm_2 img {
	width: 23px;
  height: auto;
  display: flex;
  z-index: 2000;
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
}
.infoitm_2 img:hover {
	width: 23px;
  height: auto;
  display: flex;
  z-index: 2000;
  -webkit-filter: brightness(135%);
  filter: brightness(135%);
}
.infoitm_2 a {
  display: block;
  z-index: 3000;
}

.resinon { background-color: #444567 !important; }

.logo_c {
  display: flex;
  justify-content: flex-start;
  align-items: center;
	height: 100%;
  width: auto;
  padding: 0 30px;
}
.logo_c img {
	height: 40%;
  width: auto;
}
.user_c {
  display: flex;
  justify-content: flex-start;
  align-items: center;
	height: 100%;
  width: auto;
  padding: 0 10px;
}
.user_c img {
	height: 35%;
  width: auto;
}
.user_dat {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
	height: auto;
  padding-right: 18px;
}
.user_dat_1 {
  width: 100%;
  font-family: 'Montserrat Bold',sans-serif;
  text-align: left;
  font-size: 12px;
  text-transform: uppercase;
  color: #343559;
  padding: 3px 0;
}
@media only screen and (max-width: 1400px) { .user_dat_1 { font-size: 11px; padding: 2px 0;} }

.user_dat_2 {
  width: 100%;
  font-family: 'Gotham Book',sans-serif;
  text-align: left;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: -1px;
  color: #4E4E4E;
  padding: 3px 0;
}
@media only screen and (max-width: 1400px) { .user_dat_2 { font-size: 13px; padding: 2px 0;} }

.user_dat_3 {
  display: block;
  width: 100%;
  font-family: 'Gotham Medium',sans-serif;
  text-align: left;
  font-size: 11px;
  letter-spacing: -1px;
  color: #8588E2;
  padding: 3px 0;
}
@media only screen and (max-width: 1400px) { .user_dat_3 { font-size: 10px; padding: 2px 0; letter-spacing: 0px;} }

.addit {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  align-items: center;
	height: 100%;
  width: auto;
}

.altomax { height: 65vh !important; }

.addit2 {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  align-items: center;
	height: 65%;
  padding-left: 18px;
  border-left: 1px solid #BBBCCE;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 1400px) { .addit2 { height: 75%;} }

.addit_cab {
  width: 100%;
  font-family: 'Montserrat Bold',sans-serif;
  text-align: left;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: -1px;
  color: #5F64E3;
  padding: 3px 0;
}
@media only screen and (max-width: 1400px) { .addit_cab { font-size: 11px; padding: 2px 0;} }

.addit_item {
  width: 100%;
  font-family: 'Gotham Medium',sans-serif;
  text-align: left;
  font-size: 12px;
  letter-spacing: -1px;
  color: #333456;
  padding: 3px 15px 3px 23px;
  background-image: url(../imagenes/delete.png);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 17px 17px ;
}
@media only screen and (max-width: 1400px) { .addit_item { font-size: 10px; padding: 2px 8px 2px 20px;} }

.addit_item:hover { color: #A60329; }

.siguiente {
	height: 80px;
  width: 80px;
  background-color: #5F64E3;
  border-radius: 50%;
  margin-left: 80px;
  background-image: url(../imagenes/siguiente.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 45% ;
}
@media only screen and (max-width: 1400px) { .siguiente { height: 60px; width: 60px; margin-left: 60px;} }
@media only screen and (max-width: 1200px) { .siguiente { height: 50px; width: 50px; margin-left: 40px;} }

.siguiente:hover { background-color: #333456; }

.bkd {
	height: 100%;
  width: 100%;
  background-color: #343559;
}
.cerrar {
  display: flex;
  align-items: center;
  height: 28px;
  float:right;
  margin: 15px 45px 10px 0;
  font-family: 'Gotham Medium',sans-serif;
  text-align: left;
  font-size: 11px;
  color: #fff;
  padding: 0 0 0 25px;
  background-image: url(../imagenes/cerrar.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 70% ;
}
@media only screen and (max-width: 1400px) { .cerrar { height: 20px; font-size: 10px; padding: 0 0 0 20px; margin: 15px 45px 5px 0;} }

.cerrar2 {
  display: flex;
  align-items: center;
  height: 28px;
  float:right;
  margin: 15px 45px 10px 0;
  font-family: 'Gotham Medium',sans-serif;
  text-align: left;
  font-size: 11px;
  color: #B30001;
  padding: 0 0 0 25px;
  background-image: url(../imagenes/cerrar2.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 70% ;
}
@media only screen and (max-width: 1400px) { .cerrar { height: 20px; font-size: 10px; padding: 0 0 0 20px; margin: 15px 45px 5px 0;} }


.ico_info {
  width: 100%;
  height: 75px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100% ;
}

.cont_info {
  width: 70%;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
}
@media only screen and (max-width: 1400px) { .cont_info { width: 80%; } }
@media only screen and (max-width: 1200px) { .cont_info { width: 90%; } }

.infotit {
  font-family: 'Gotham book',sans-serif;
  text-align: center;
  font-size: 30px;
  letter-spacing: -2px;
  color: #fff;
  border-bottom: 1px solid #4E4F6E;
  padding: 10px 0 10px 0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 1400px) { .infotit { font-size: 25px; padding: 7px 0 7px 0;} }



.infotit20 {
  font-family: 'Gotham book',sans-serif;
  text-align: center;
  font-size: 18px;
  letter-spacing: -1px;
  color: #fff;
  border-bottom: 1px solid #4E4F6E;
  padding: 20px 0 10px 0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow: ellipsis;
}


.cont_cols {
  display: flex;
  justify-content: space-around;
  height: auto;
  overflow: hidden;
  margin: 35px 0 10px 0;
}
@media only screen and (max-width: 1400px) { .cont_cols { margin: 25px 0 10px 0; } }
@media only screen and (max-width: 1200px) { .cont_cols { margin: 20px 0 10px 0; } }

.colsin { width: 31%; }
@media only screen and (max-width: 1200px) { .colsin { width: 32%; } }

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

.treecont {
  width: 70%;
  height: 60vh;
  margin: 0 auto;
  margin-bottom: 60px;
}

.treecont_lis {
  width: 70%;
  height: 60vh;
  float: left;
  padding-bottom: 50px;
  overflow-x: hidden;
  overflow-y: auto;
}
.treecont_info {
  width: 27%;
  height: 55vh;
  float: right;
  padding: 25px;
  margin-left:20px;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #464768;
  border-radius: 6px;
  margin-top:20px;
}

.migacat2 {
  width: 100%;
  height: auto;
  padding: 0 0 15px 0;
  font-family: 'Gotham Medium',sans-serif;
  color: #6A6EEB;
  text-align: left;
  font-size: 15px;
  letter-spacing: -1px;
  border-bottom:1px solid #9796A8;
  margin-bottom:12px;
}

.info41b {
  font-family: 'Gotham Medium',sans-serif;
  text-align: left;
  font-size: 20px;
  letter-spacing: -2px;
  color: #fff;
}
.info42b {
  font-family: 'Montserrat Thin';
  text-align: left;
  font-size: 45px;
  letter-spacing: -3px;
  color: #6A6EEB;
  border-bottom: 1px solid #9796A8;
}
.info43b {
  display: block;
  width: 100%;
  background-color: #8487E2;
  border-radius: 50px;
  padding: 13px;
  font-family: 'Gotham Medium',sans-serif;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  margin: 15px 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;
}
.info43b:hover {  background-color: #A09B1C; }

.info44b {
  font-family: 'Gotham book',sans-serif;
  text-align: left;
  font-size: 15px;
  letter-spacing: -1px;
  color: #fff;
  line-height: 25px;
}

.colsin ul li {
  display: block;
	width: 100%;
	font-family: 'Gotham book';
  background-color: #5F64E3;
  border-radius: 25px;
  padding: 16px;
  font-family: 'Gotham Medium',sans-serif;
  text-align: center;
  font-size: 13px;
  color: #fff;
  margin: 3px 0;
  cursor: pointer;
	-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;
}
@media only screen and (max-width: 1400px) { .colsin ul li { padding: 14px; font-size: 12px;} }
@media only screen and (max-width: 1300px) { .colsin ul li { padding: 10px; font-size: 11px;} }

.colsin ul li:hover { background-color: #0A0B1F; }

.selconj { background-color: #A09B1C !important; }

.cab2txt {
  width: 100%;
  text-align: center;
  font-family: 'Montserrat Bold',sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  color: #5F64E3;
  letter-spacing: 0px;
  padding: 0 15px;
}

.cont_cnjlis {
  width: 70%;
  height: 49vh;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 20px auto 0 auto;
}
@media only screen and (max-width: 1400px) { .cont_cnjlis { width: 80%; height: 48vh;} }
@media only screen and (max-width: 1100px) { .cont_cnjlis { width: 92%; height: 47vh;} }

.cont_cnjlis ul {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 25px auto 0 auto;
  list-style: none;
  padding: 0 20px 40px 0;
}
@media only screen and (max-width: 1200px) { .cont_cnjlis ul { margin: 5px auto 0 auto;} }

.cont_cnjlis li {
  width: 100%;
  height: auto;
  overflow: hidden;
  border-bottom: 1px solid #BBBBC9;
  padding: 4px 0 7px 15px;
  background-image: url(../imagenes/seloff.png);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 15px 15px;
}
@media only screen and (max-width: 1400px) { .cont_cnjlis li { padding: 4px 0 5px 17px; background-size: auto 18px;} }

.cont_cnjlis li a { color:#960808; display:inline;;}

.selon { background-image: url(../imagenes/selon.png) !important; }

.cont_cod {
  width: auto;
  height: auto;
  float: left;
  font-family: 'Gotham Medium',sans-serif;
  text-align: left;
  font-size: 15px;
  color: #5F64E3;
  margin-left: 10px;
}
@media only screen and (max-width: 1400px) { .cont_cod { font-size: 14px;} }
@media only screen and (max-width: 1100px) { .cont_cod { font-size: 13px;} }

.cont_cod2 {
  font-family: 'Gotham Book',sans-serif;
  font-size: 16px;
  color: #343559;
  margin-left: 8px;
  letter-spacing: -1px;
}
@media only screen and (max-width: 1400px) { .cont_cod2 { font-size: 15px;} }
@media only screen and (max-width: 1100px) { .cont_cod2 { font-size: 13px;} }

.finbox {
  display: flex;
  justify-content: center;
  width: 60%;
  list-style: none;
  margin: 6% auto 0 auto;
}
.finbox_item {
  width: 35%;
  margin: 0 auto;
  float: left;
}
.finbox_op {
  display: block;
  width: 180px;
  background-color: #8487E2;
  border-radius: 20px;
  padding: 10px;
  font-family: 'Gotham Medium',sans-serif;
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
  color: #fff;
  margin: 15px auto 0 auto;
  -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;
}
.finbox_op:hover {  background-color: #343559; }

.finbox_ope {
  display: block;
  width: 180px;
  background-color: #8487E2;
  border-radius: 20px;
  padding: 10px;
  font-family: 'Gotham Medium',sans-serif;
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
  color: #fff;
  margin: 15px auto 0 auto;
  -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;
}
.finbox_ope:hover {  background-color: #343559; }

.addres {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  align-items: center;
  width: 200px
	height: 65%;
  padding-left: 18px;
  border-left: 1px solid #BBBCCE;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 1400px) { .addres { height: 75%;} }

.addres_num {
  width: 100%;
  font-family: 'Montserrat Thin';
  text-align: left;
  font-size: 60px;
  text-transform: uppercase;
  letter-spacing: -4px;
  color: #5F64E3;
  padding: 0 5px;
  margin-top: -6px;
}
@media only screen and (max-width: 1400px) { .addres_num { font-size: 50px;} }
@media only screen and (max-width: 1200px) { .addres_num { font-size: 45px;} }

.addres_sub {
  width: 100%;
  font-family: 'Gotham Medium',sans-serif;
  text-align: center;
  font-size: 12px;
  letter-spacing: -1px;
  color: #333456;
  padding: 0 5px 3px 5px;
  margin-top: -10px;
}
@media only screen and (max-width: 1400px) { .addres_sub { font-size: 11px;} }
@media only screen and (max-width: 1200px) { .addres_sub { font-size: 10px;} }

.addedit {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  align-items: center;
  width: auto;
	height: 70%;
  padding-left: 18px;
}
.addedit img {
  width: auto;
	height: 90%;
  cursor: pointer;
}

.buscainput2 {
  display: block;
	width: 460px;
	font-family: 'Gotham book';
	font-size: 20px;
	color: #333456;
	text-align: left;
	padding: 25px 20px;
  letter-spacing: -1px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	background-color: #ECECEE;
	border: 1px solid #CBCBD0;
  margin: 6px auto 0 auto;
  background-image: url(../imagenes/ico_input.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: auto 50% ;
	-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;
}
@media only screen and (max-width: 1400px) { .buscainput2 { padding: 20px 15px; font-size: 17px;} }
@media only screen and (max-width: 1200px) { .buscainput2 { padding: 12px 8px;  font-size: 13px;} }
@media only screen and (max-height: 900px) { .buscainput2 { padding: 20px 15px; font-size: 17px;} }
@media only screen and (max-height: 800px) { .buscainput2 { padding: 12px 8px;  font-size: 13px;} }

.buscainput2:focus {
	color: #8083DE;
  border: 1px solid #8083DE;
  background-color: #ECECEE !important;
  background-size: 0 0 ;
  letter-spacing: -1px;
}

.misconjuntos {
  display: block;
	width: 430px;
	font-family: 'Gotham book';
  background-color: #5F64E3;
  border-radius: 25px;
  padding: 16px;
  font-family: 'Gotham Medium',sans-serif;
  text-align: center;
  font-size: 13px;
  color: #fff;
  margin: 10px auto 0 auto;
  cursor: pointer;
	-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;
}
.misconjuntos:hover { background-color: #0A0B1F; }

@media only screen and (max-width: 1400px) { .misconjuntos { padding: 14px;} }
@media only screen and (max-width: 1200px) { .misconjuntos { padding: 13px;} }
@media only screen and (max-height: 900px) { .misconjuntos { padding: 12px; font-size: 12px;} }
@media only screen and (max-height: 800px) { .misconjuntos { padding: 11px; font-size: 11px;} }

.misconinput {
  display: block;
	width: 400px;
	font-family: 'Gotham book';
	font-size: 20px;
	color: #333456;
	text-align: left;
	padding: 20px 15px;
  letter-spacing: -1px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	background-color: #ECECEE;
	border: 1px solid #CBCBD0;
  margin: 25px auto 0 auto;
	-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;
}
@media only screen and (max-width: 1400px) { .misconinput { padding: 20px 15px; font-size: 17px;} }
@media only screen and (max-width: 1200px) { .misconinput { padding: 12px 8px;  font-size: 13px;} }
@media only screen and (max-height: 900px) { .misconinput { padding: 20px 15px; font-size: 17px;} }
@media only screen and (max-height: 800px) { .misconinput { padding: 12px 8px;  font-size: 13px;} }

.misconinput:focus {
	color: #8083DE;
  border: 1px solid #8083DE;
  background-color: #ECECEE !important;
  background-size: 0 0 ;
  letter-spacing: -1px;
}

.infocols {
  width: 100%;
  height: 42vh;
  margin: 35px 0;
  display: flex;
}

.infocol1 {
  width: 17%;
  height: 100%;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #4E4F6E;
  align-items: center;
  justify-content: center;
  padding: 0 25px 0 0;
}
.infocol1 img {
  width: 80px;
}
.infocol1 h4 {
  font-family: 'Gotham book',sans-serif;
  text-align: center;
  font-size: 16px;
  letter-spacing: -1px;
  color: #fff;
  padding: 10px 0 10px 0;
}
.infocol2 {
  width: 28%;
  height: 100%;
  border-right: 1px solid #4E4F6E;
  justify-content: flex-start;
  padding: 0 25px 0 25px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.migacat {
  width: 100%;
  height: auto;
  padding: 8px 0 18px 0;
  font-family: 'Gotham book',sans-serif;
  text-align: left;
  font-size: 15px;
  letter-spacing: -1px;
  color: #fff;
  background-image: url(../imagenes/subcat.png);
  background-repeat: no-repeat;
  background-position: center bottom;
}
.migaon {
  font-family: 'Gotham Medium',sans-serif !important;
  color: #6A6EEB !important;
}
.infocol3 {
  width: 28%;
  height: 100%;
  border-right: 1px solid #4E4F6E;
  justify-content: flex-start;
  padding: 0 25px 0 25px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.infocol3 p {
  font-family: 'Gotham book',sans-serif;
  text-align: left;
  font-size: 15px;
  letter-spacing: -1px;
  color: #fff;
  line-height: 25px;
}
.infocol4 {
  width: 27%;
  height: 100%;
  justify-content: flex-start;
  padding: 0 25px 0 25px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.info41 {
  font-family: 'Gotham Medium',sans-serif;
  text-align: left;
  font-size: 25px;
  letter-spacing: -2px;
  color: #fff;
}
.info42 {
  font-family: 'Montserrat Thin';
  text-align: left;
  font-size: 60px;
  letter-spacing: -4px;
  color: #6A6EEB;
  border-bottom: 1px solid #4E4F6E;
}
.info43 {
  display: block;
  width: 100%;
  background-color: #8487E2;
  border-radius: 50px;
  padding: 30px;
  font-family: 'Gotham Medium',sans-serif;
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  margin: 25px 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;
}
.info43:hover {  background-color: #A09B1C; }

.ampliar { width: 90% !important; }

.aviso18 {
  width: 100%;
  height: 100vh;
  background-image: url(../imagenes/18.png);
  display: flex;
  position: fixed; /* absolute; */
}
.aviso18_in {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  z-index:999999;
}
.aviso18_in h4 {
  font-family: 'Gotham Medium',sans-serif;
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
  color: #5F64E3;
  padding: 15px 0;
}
.aviso18_in p {
  font-family: 'Gotham Book',sans-serif;
  text-align: center;
  line-height: 25px;
  font-size: 16px;
  color: #fff;
  padding: 0 0 15px 0;
}

.aviso18s {
  width: 100%;
  height: 100vh;
  background-image: url(../imagenes/18.png);
  position: fixed; /* absolute; */
}
.aviso18_ins {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  z-index:999999;
  margin-top:-40px;
}
.aviso18_ins h4 {
  font-family: 'Gotham Medium',sans-serif;
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
  color: #5F64E3;
  padding: 15px 0;
}
.aviso18_ins p {
  font-family: 'Gotham Book',sans-serif;
  text-align: center;
  line-height: 25px;
  font-size: 16px;
  color: #fff;
  padding: 0 0 15px 0;
}



.seltodo {
  display: block;
  width: 230px;
  background-color: #8487E2;
  border-radius: 20px;
  padding: 10px;
  font-family: 'Gotham Medium',sans-serif;
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
  color: #fff;
  margin: 15px auto 0 auto;
  -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;
}
.seltodo:hover {  background-color: #343559; }



.htmlform { background-color: #BFBFD7 !important; background-size: 0 0 !important; }

.headerform {
  height: 45px;
  z-index: 999;
  background-color: #6065E4;
  position: fixed;
  width: 100%;
  top:0;
}

@media only screen and (max-width: 1400px) { headerform { height: 4vh; } }
@media only screen and (max-height: 900px) { headerform { height: 4vh; } }

.seccionesform {
  display: flex;
  justify-content: center;
  height: 100%;
  width: auto;
  list-style: none;
  background-color: #6065E4;
}
.seccionesform li {
  display: flex;
  align-items: center;
  height: 100%;
  width: auto;
  list-style: none;
  margin: 0 11px;
}
.seccionesform li a {
  font-family: 'Gotham Medium',sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
}
@media only screen and (max-width: 1400px) { .seccionesform li a { font-size: 11px;} }
@media only screen and (max-height: 900px) { .seccionesform li a { font-size: 11px;} }

.seccionesform li a:hover { color: #343559; }

.seccioneslangform {
  display: flex;
  justify-content: center;
  height: 100%;
  width: auto;
  list-style: none;
  /*background-color: #6065E4;*/
}
.seccioneslangform li {
  display: flex;
  align-items: center;
  height: 100%;
  width: auto;
  list-style: none;
  margin: 0 11px;
}
.seccioneslangform li a {
  font-family: 'Gotham Medium',sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
}
@media only screen and (max-width: 1400px) { .seccioneslangform li a { font-size: 11px;} }
@media only screen and (max-height: 900px) { .seccioneslangform li a { font-size: 11px;} }

.seccioneslangform li a:hover { color: #343559; }

.cabform {
  display: flex;
  justify-content: center;
  height: auto;
  overflow: hidden;
  width: auto;
  list-style: none;
  background-color: #DBDBE9;
  padding: 60px 10px 10px 10px;
}

.formlogo_c {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding: 0 30px;
}
.formlogo_c img {
	height: 40px;
  width: auto;
}
.formico {
	height: 85px;
  width: auto;
}
.formuser_dat {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
	height: auto;
  padding: 25px 0 0 20px;
}
.formcab1_c {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  background-color: #DBDBE9;
  border-bottom: 1px solid #8A8AA3;
  padding-bottom: 10px;
}

.formcab1 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin: 0 auto;
}
@media only screen and (max-width: 1400px) { .formcab1 { height: 30px; width: 80%;} }
@media only screen and (max-height: 900px) { .formcab1 { height: 30px; width: 80%;} }

.anchoform { width: 1000px; }





.formulario {
  width: 1000px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  margin-top: 45px;
  padding-bottom:100px;
}

.paciente {
  width: 100%;
  height: auto;
  overflow: hidden;
  background-color: #E7E7F6;
  padding: 5px 20px 20px 20px;
}

.paciente h2 {
    font-family: 'Gotham book',sans-serif;
    text-align: left;
    font-size: 20px;
    letter-spacing: -1px;
    color: #8589E2;
    margin: 10px 0 5px 0;
}
.formarea {
  display: block;
	width: 95%;
  min-height: 20px;
	font-family: 'Gotham book';
	font-size: 15px;
	color: #333456;
	text-align: left;
	padding: 10px 15px;
  letter-spacing: -1px;
	background-color: #F5F5FC;
	border: 1px solid #BFBFD7;
	-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;
}
.formareaseg {
  display: block;
	width: 95%;
	height: 350px;
  min-height: 20px;
	font-family: 'Gotham book';
	font-size: 15px;
	color: #333456;
	text-align: left;
	padding: 10px 15px;
  letter-spacing: -1px;
	background-color: #F5F5FC;
	border: 1px solid #BFBFD7;
	-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;
}
.formsepara {
  width: 100%;
  height: 45px;
  display: inline-block;
  background-image: url(../imagenes/formsepara.png);
  background-position: center;
  background-repeat: repeat-x;
}

.formtop {
  width: 100%;
  height: 130px;
  background-color: #E7E7F6;
}
.form1 {
  width: 60%;
  height: auto;
  overflow: hidden;
  float: left;
}
.form11 {
  width: 30%;
  height: auto;
  overflow: hidden;
  float: left;
}
.form111 {
  width: 25%; /* 25%; -> 41,66  42*/
  height: auto;
  overflow: hidden;
  float: left;
}
.form12 {
  width: 64.29%; /*30%; 14.28%;*/100-5.71-30
  height: auto;
  overflow: hidden;
  float: left;
}
.form121 {
  width: 5%; /* 5%; -> 8,33 */
  height: auto;
  overflow: hidden;
  float: left;
}
.form122 {
  width: 30%; /* 30%; -> 50 */
  height: auto;
  overflow: hidden;
  float: left;
}
.form123 {
  width: 35%;
  height: auto;
  overflow: hidden;
  float: left;
}
.form2 {
  width: 40%;
  height: auto;
  overflow: hidden;
  float: left;
}

.cnpic {
  width: 60px;
  height: auto;
  overflow: hidden;
  float: left;
}
.cnpic img {
  width: 60px;
  height: auto;
}

.frmico {
  width: 80px;
  height: 110px;
  overflow: hidden;
  float: left;
}
.frmico_in {
  width: auto;
  position: absolute;
  height: auto;
  overflow: hidden;
}
.pos1 { margin-left: -20px; margin-top: 20px; }

.formdef {
  width: 440px;
  height: auto;
  overflow: hidden;
  float: left;
}
.formdef h3 {
    font-family: 'Gotham book',sans-serif;
    text-align: left;
    font-size: 20px;
    letter-spacing: -1px;
    color: #8589E2;
    margin: 20px 0 5px 0;
    padding: 0 0 8px 0;
    border-bottom: 1px solid #BEBED1;
}
.formdef p {
    font-family: 'Gotham book',sans-serif;
    text-align: left;
    font-size: 15px;
    letter-spacing: -1px;
    color: #3E3F62;
    padding: 6px 0 0 0;
}

.formop7 {
  width: 14.28%;
  height: 130px;
  float: left;
  border-left: 1px solid #BEBED1;
}
.formop7 span {
  height: 10px;
  width: 100px;
  display: inline-block;
  transform: rotate(-90deg);
  transform-origin: left;
  font-family: 'Gotham Book',sans-serif;
  text-align: left;
  font-size: 15px;
  letter-spacing: -1px;
  color: #3E3F62;
  text-align: left;
  transform-origin: left;
  margin-top: 125px;
  padding: 25px;
}

.separador {
  border-bottom: 1px solid #BEBED1;
  width: 100%;
  height: 1px;
  display: inline-block;
}

.formgrad {
  width: 100%;
  height: 45px;
  background-color: #DADAD3;
  font-family: 'Gotham Medium',sans-serif;
  text-align: left;
  font-size: 15px;
  letter-spacing: -1px;
  color: #5F64E3;
  text-align: left;
  padding: 13px 0 0 20px;
}
.formgrad7 {
  width: 14.28%;
  height: 45px;
  float: left;
  background-color: #DADAD3;
  border-left: 1px solid #BEBED1;
  font-family: 'Gotham Medium',sans-serif;
  text-align: left;
  font-size: 15px;
  letter-spacing: -1px;
  color: #5F64E3;
  text-align: center;
  padding: 13px 0 0 0;
}
.formgrad8 {
  width: 12.50%;
  height: 45px;
  float: left;
  background-color: #DADAD3;
  border-left: 1px solid #BEBED1;
  font-family: 'Gotham Medium',sans-serif;
  text-align: left;
  font-size: 15px;
  letter-spacing: -1px;
  color: #5F64E3;
  text-align: center;
  padding: 13px 0 0 0;
}
.formgrad9 {
  width: 11.11%;
  height: 45px;
  float: left;
  background-color: #DADAD3;
  border-left: 1px solid #BEBED1;
  font-family: 'Gotham Medium',sans-serif;
  text-align: left;
  font-size: 15px;
  letter-spacing: -1px;
  color: #5F64E3;
  text-align: center;
  padding: 13px 0 0 0;
}

.formcif {
  width: 100%;
  height: 50px;
  background-color: #424266;
  float: left;
}
.formcif span {
  height: 50px;
  display: block;
  float: left;
  background-color: #424266;
  font-family: 'Gotham Black',sans-serif;
  text-align: left;
  font-size: 20px;
  letter-spacing: -1px;
  color: #8589E2;
  text-align: left;
  padding: 13px 10px 0 20px;
}
.formcif p {
  height: 50px;
  display: flex;
  align-content: flex-start;
  align-items: center;
  font-family: 'Gotham Book',sans-serif;
  text-align: left;
  font-size: 15px;
  letter-spacing: -1px;
  color: #fff;
  text-align: left;
  padding-right: 20px;
}
.formcif_ti {
  width: 100%; /* 60% 100%; */ 
  height: auto; /* 50px; */
  min-height: 50px;
  background-color: #424266;
  float: left;
}
.formcif_ti span {
  height: auto; /* 110px; */
  min-height: 50px;
  display: block;
  float: left;
  background-color: #424266;
  font-family: 'Gotham Black',sans-serif;
  text-align: left;
  font-size: 20px;
  letter-spacing: -1px;
  color: #8589E2;
  text-align: left;
  padding: 13px 10px 0 20px;
}
.formcif_ti p {
  height: auto; /* 50px; */
  min-height: 50px;
  display: flex;
  align-content: flex-start;
  align-items: center;
  font-family: 'Gotham Book',sans-serif;
  text-align: left;
  font-size: 15px;
  letter-spacing: -1px;
  color: #fff;
  text-align: left;
  padding-right: 20px;
}
.formarea2 {
  display: block;
	width: 95%;
  min-height: 20px;
	font-family: 'Gotham book';
	font-size: 15px;
	/*color: #333456;*/
	text-align: left;
	padding: 10px 15px;
  letter-spacing: -1px;
		  background-color: #424266;
		  color: #fff;  
	border: 1px solid #BFBFD7;
	-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;  
}
.formsel1 {
  width: 5.71%;
  height: auto;/*50px;*/
  min-height: 50px;
  float: left;
  background-color: #fff;
  border-left: 1px solid #BEBED1;
  cursor: pointer;
}
.formsel1_1 {
  width: 5.71%;
  height: auto;/*50px;*/
  min-height: 50px;
  float: left;
  background-color: #fff;
  border-left: 1px solid #BEBED1;
  cursor: pointer;
}
.formsel1_2 {
  width: 5.71%;
  height: auto;/*50px;*/
  min-height: 50px;
  float: left;
  background-color: blue;
  border-left: 1px solid #BEBED1;
  cursor: pointer;
}
.formsel1_3 {
  width: 5.71%;
  height: auto;/*50px;*/
  min-height: 50px;
  float: left;
  background-color: red;
  border-left: 1px solid #BEBED1;
  cursor: pointer;
}
.formsel7 {
  width: 14.28%;
  height: auto;/*50px;*/
  min-height: 50px;
  float: left;
  background-color: #fff;
  border-left: 1px solid #BEBED1;
  cursor: pointer;
}
.formsel7_1 {
  width: 14.28%; /* 14.28%; 5.71% */
  height: auto;/*50px;*/
  min-height: 50px;
  float: left;
  background-color: #fff;
  border-left: 1px solid #BEBED1;
  cursor: pointer;
}
.formsel7_2 {
  width: 14.28%;
  height: auto;/*50px;*/
  min-height: 50px;
  float: left;
  background-color: #fff;
  border-left: 1px solid #BEBED1;
  cursor: pointer;
}
.formsel7_3 {
  width: 14.28%;
  height: auto;/*50px;*/
  min-height: 50px;
  float: left;
  background-color: #fff;
  border-left: 1px solid #BEBED1;
  cursor: pointer;
}
.formsel7_4 {
  width: 14.28%;
  height: auto;/*50px;*/
  min-height: 50px;
  float: left;
  background-color: #fff;
  border-left: 1px solid #BEBED1;
  cursor: pointer;
}
.formsel7_5 {
  width: 14.28%;
  height: auto;/*50px;*/
  min-height: 50px;
  float: left;
  background-color: #fff;
  border-left: 1px solid #BEBED1;
  cursor: pointer;
}
.formsel7_11 {
  width: 14.28%;
  height: auto;/*50px;*/
  min-height: 50px;
  float: left;
  background-color: #fff;
  border-left: 1px solid #BEBED1;
  cursor: pointer;
}
.formsel7_12 {
  width: 14.28%;
  height: auto;/*50px;*/
  min-height: 50px;
  float: left;
  background-color: #fff;
  border-left: 1px solid #BEBED1;
  cursor: pointer;
}
.formsel7_13 {
  width: 14.28%;
  height: 50px;
  float: left;
  background-color: #fff;
  border-left: 1px solid #BEBED1;
  cursor: pointer;
}
.formsel7_14 {
  width: 14.28%;
  height: 50px;
  float: left;
  background-color: #fff;
  border-left: 1px solid #BEBED1;
  cursor: pointer;
}
.formsel7_15 {
  width: 14.28%;
  height: 50px;
  float: left;
  background-color: #fff;
  border-left: 1px solid #BEBED1;
  cursor: pointer;
}
.formsel7_21 {
  width: 14.28%;
  height: 50px;
  float: left;
  background-color: #fff;
  border-left: 1px solid #BEBED1;
  cursor: pointer;
}
.formsel7_22 {
  width: 14.28%;
  height: 50px;
  float: left;
  background-color: #fff;
  border-left: 1px solid #BEBED1;
  cursor: pointer;
}
.formsel7_23 {
  width: 14.28%;
  height: 50px;
  float: left;
  background-color: #fff;
  border-left: 1px solid #BEBED1;
  cursor: pointer;
}
.formsel7_24 {
  width: 14.28%;
  height: 50px;
  float: left;
  background-color: #fff;
  border-left: 1px solid #BEBED1;
  cursor: pointer;
}
.formsel7_25 {
  width: 14.28%;
  height: 50px;
  float: left;
  background-color: #fff;
  border-left: 1px solid #BEBED1;
  cursor: pointer;
}
.formsel7_1_sel {
  width: 14.28%;
  height: auto;/*50px;*/
  min-height: 50px;
  float: left;
  background-color: #fff;
  border-left: 1px solid #BEBED1;
  cursor: pointer;
}
.formsel7_2_sel {
  width: 14.28%;
  height: auto;/*50px;*/
  min-height: 50px;
  float: left;
  background-color: #fff;
  border-left: 1px solid #BEBED1;
  cursor: pointer;
}
.formsel7_3_sel {
  width: 14.28%;
  height: auto;/*50px;*/
  min-height: 50px;
  float: left;
  background-color: #fff;
  border-left: 1px solid #BEBED1;
  cursor: pointer;
}
.formsel7_4_sel {
  width: 14.28%;
  height: auto;/*50px;*/
  min-height: 50px;
  float: left;
  background-color: #fff;
  border-left: 1px solid #BEBED1;
  cursor: pointer;
}
.formsel7_5_sel {
  width: 14.28%;
  height: auto;/*50px;*/
  min-height: 50px;
  float: left;
  background-color: #fff;
  border-left: 1px solid #BEBED1;
  cursor: pointer;
}

.check:before {
    content: "\2713 ";


    padding: 19px;
    line-height: 40px;
    font-size: 32px;
}
.check_1:before {
    content: "\2713 ";


    padding: 19px;
    line-height: 40px;
    font-size: 32px;
}
.check_2:before {
    content: "\2713 ";


    padding: 19px;
    line-height: 40px;
    font-size: 32px;
}
.check_3:before {
    content: "\2713 ";


    padding: 19px;
    line-height: 40px;
    font-size: 32px;
}
.check_4:before {
    content: "\2713 ";


    padding: 19px;
    line-height: 40px;
    font-size: 32px;
}
.check_5:before {
    content: "\2713 ";


    padding: 19px;
    line-height: 40px;
    font-size: 32px;
}
.check_11:before {
    content: "\2713 ";


    padding: 19px;
    line-height: 40px;
    font-size: 32px;
}
.check_12:before {
    content: "\2713 ";


    padding: 19px;
    line-height: 40px;
    font-size: 32px;
}
.check_13:before {
    content: "\2713 ";


    padding: 19px;
    line-height: 40px;
    font-size: 32px;
}
.check_14:before {
    content: "\2713 ";


    padding: 19px;
    line-height: 40px;
    font-size: 32px;
}
.check_15:before {
    content: "\2713 ";


    padding: 19px;
    line-height: 40px;
    font-size: 32px;
}
.check_21:before {
    content: "\2713 ";


    padding: 19px;
    line-height: 40px;
    font-size: 32px;
}
.check_22:before {
    content: "\2713 ";


    padding: 19px;
    line-height: 40px;
    font-size: 32px;
}
.check_23:before {
    content: "\2713 ";


    padding: 19px;
    line-height: 40px;
    font-size: 32px;
}
.check_24:before {
    content: "\2713 ";


    padding: 19px;
    line-height: 40px;
    font-size: 32px;
}
.check_25:before {
    content: "\2713 ";


    padding: 19px;
    line-height: 40px;
    font-size: 32px;
}
.check_OLD {
  background-image: url(../imagenes/check.png) !important;
  background-position: center center;
  background-size: 40px auto;
}

.check2 { background-color: #F4F6D9 !important; font-family: 'Gotham Black',sans-serif !important; font-size:13px !important}

.check3 { background-color: #F4C688 !important; font-family: 'Gotham Black',sans-serif !important; font-size:13px !important}

@media print { 
	.no-imprimir { display: none !important; }
	
	.formsel7_print {
		width: 14.28%;
		height: auto;/*50px;*/
		min-height: 50px;
		float: left;
		background-color: #fff;
		border-left: 1px solid #BEBED1;
		cursor: pointer;
	}
	.formsel11_print {
		width: 9.090%;
		height: 50px;
		float: left;
		background-color: #fff;
		border-left: 1px solid #BEBED1;
		cursor: pointer;
	}
	.check_print:before {
		content: "X ";
		padding: 14px;
		line-height: 40px;
		font-size: 32px;
	}
	
}

.formsel8 {
  width: 12.50%;
  height: 50px;
  float: left;
  background-color: #fff;
  border-left: 1px solid #BEBED1;
  cursor: pointer;
}
.formsel9 {
  width: 11.11%;
  height: 50px;
  float: left;
  background-color: #fff;
  border-left: 1px solid #BEBED1;
  cursor: pointer;
}

.formdefine {
  width: 100%;
  height: auto;
  overflow: hidden;
  background-color: #E7E7F6;
  font-family: 'Gotham Medium',sans-serif;
  text-align: left;
  font-size: 13px;
  letter-spacing: -0.5px;
  color: #343557;
  padding: 13px 10px 15px 20px;
}

.forminclus {
  min-height: 40px;
  width: 100%;
  overflow: hidden;
  display: flex;
  background-color: #E7E7F6;
  align-content: flex-start;
  align-items: center;
  font-family: 'Gotham Book',sans-serif;
  text-align: left;
  font-size: 14px;
  letter-spacing: -1px;
  color: #343557;
  text-align: left;
  padding-right: 20px;
  padding: 6px 25px 6px 50px;
}

.forminclus strong { font-family: 'Gotham Black',sans-serif; display: inline-block; margin-right: 10px;}
.incluye {
  background-image: url(../imagenes/icn_nt_001.png) !important;
  background-position: left center;
  background-size: 40px auto;
  background-repeat: no-repeat;
}
.excluye {
  background-image: url(../imagenes/icn_nt_002.png) !important;
  background-position: left center;
  background-size: 44px auto;
  background-repeat: no-repeat;
}

.formfuentes {
  width: 100%;
  height: auto;
  overflow: hidden;
  background-color: #E7E7F6;
  font-family: 'Gotham Book',sans-serif;
  font-size: 12px;
  letter-spacing: -0.5px;
  color: #696EE6;
  text-align: left;
  padding: 7px 10px 7px 20px;
  text-transform: uppercase;
}
.formfuentes strong {
  font-family: 'Gotham Black',sans-serif;
  color: #343557;
}

.formfuentes_ops {
  width: 25%;
  height: auto;
  overflow: hidden;
  float: left;
  border-left: 1px solid #BEBED1;
  background-color: #fff;
  font-family: 'Gotham Book',sans-serif;
  text-align: center;
  font-size: 11px;
  letter-spacing: -0.5px;
  color: #343557;
  padding: 13px 0;
  cursor: pointer;
  text-transform: uppercase;
}

.formdespro1 {
  width: 25%;
  height: 90px;
  overflow: hidden;
  background-color: #E7E7F6;
  float: left;
  font-family: 'Gotham Black',sans-serif;
  text-align: center;
  font-size: 12px;
  letter-spacing: -0.5px;
  color: #343557;
  padding-top: 33px;
  cursor: pointer;
}
.formdespro2 {
  width: 75%;
  height: 90px;
  overflow: hidden;
  background-color: #E7E7F6;
  float: left;
  padding-top: 17px
}
.formdespro2 textarea { width: 93% !important; }

.formdesseg1 {
  width: 25%;
  height: 400px;
  overflow: hidden;
  /*background-color: #E7E7F6;*/
  float: left;
  font-family: 'Gotham Black',sans-serif;
  text-align: center;
  font-size: 12px;
  letter-spacing: -0.5px;
  color: #343557;
  padding-top: 33px;
  cursor: pointer;
}
.formdesseg2 {
  width: 75%;
  height: 400px;
  overflow: hidden;
  /*background-color: #E7E7F6;*/
  float: left;
  padding-top: 17px
}
.formdesseg2 textarea { width: 93% !important; }

.formdessegprint1 {
  width: 25%;
  /*height: auto;*/
  overflow: hidden;
  /*background-color: #E7E7F6;*/
  float: left;
  font-family: 'Gotham Black',sans-serif;
  text-align: center;
  font-size: 12px;
  letter-spacing: -0.5px;
  color: #343557;
  /*padding-top: 33px;*/
  padding-top: 17px;
  cursor: pointer;
}
.formdessegprint2 {
  width: 75%;
  /*height: auto;*/
  /*overflow: hidden;*/
  /*background-color: #E7E7F6;*/
  float: left;
  padding-top: 17px;
  border: 2px solid;
  border-radius: 8px;
  padding: 5px;
}
.formdessegprint2 textarea { width: 93% !important; }

.formsegprint1 {
  width: 100%;
  /*height: auto;*/
  overflow: hidden;
  /*background-color: #E7E7F6;*/
  float: left;
  font-family: 'Gotham Black',sans-serif;
  text-align: center;
  font-size: 12px;
  letter-spacing: -0.5px;
  color: #343557;
  /*padding-top: 33px;*/
  padding-top: 17px;
  cursor: pointer;
}
.formsegprint2 {
  width: 100%;
  /*height: auto;*/
  /*overflow: hidden;*/
  /*background-color: #E7E7F6;*/
  float: left;
  padding-top: 17px;
  border: 2px solid;
  border-radius: 8px;
  padding: 5px;
}
.formsegprint2 textarea { width: 93% !important; }

.formnatlocs {
  width: 50%;
  height: auto;
  overflow: hidden;
  float: left;
  background-color: #E7E7F6;
  border-left: 1px solid #BEBED1;
  padding: 18px 15px 40px 15px;
}
.cabnatlocs {
  width: 100%;
  border-bottom: 1px solid #5F64E3;
  font-family: 'Gotham Black',sans-serif;
  text-align: center;
  font-size: 12px;
  letter-spacing: -0.5px;
  color: #5F64E3;
  padding: 6px 0;
}
.natlocs {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.formgrad10 {
  width: 10%;
  height: auto;
  overflow: hidden;
  float: left;
  background-color: #E7E7F6;
  font-family: 'Gotham Medium',sans-serif;
  text-align: center;
  font-size: 13px;
  letter-spacing: -1px;
  color: #5F64E3;
  padding: 9px 0 9px 0;
}
.natloc10 {
  width: 100%;
  height: 40px;
  background-color: #E7E7F6;
  border-left: 1px solid #BEBED1;
  border-top: 1px solid #BEBED1;
  border-bottom: 1px solid #BEBED1;
}
.natloc10_itm {
  width: 10%;
  height: 38px;
  float: left;
  background-color: #fff;
  border-right: 1px solid #BEBED1;
  cursor: pointer;
}
.natloc_guia {
  width: 100%;
  height: auto;
  overflow: hidden;
  background-color: #B3B3CC;
  border-bottom: 1px solid #9C9CB7;
  padding: 15px 0;
}
.natloc_guia_in {
  width: 50%;
  height: 145px;
  overflow: hidden;
  float: left;
}
.natloc_guia_in h6 {
  display: inline-block;
  float: left;
  font-family: 'Gotham Black',sans-serif;
  text-align: center;
  font-size: 12px;
  letter-spacing: -0.5px;
  color: #5F64E3;
  padding: 60px 15px 0 80px;
}
.natloc_guia_in p {
  display: inline-block;
  float: left;
  border-left: 1px solid #9C9CB7;
  font-family: 'Gotham Book',sans-serif;
  text-align: left;
  font-size: 13px;
  letter-spacing: -0.5px;
  color: #343557;
  padding: 5px 5px 0 15px;
}

.formactiv {
  width: 100%;
  height: 50px;
  background-color: #E7E7F6;
  float: left;
}
.formactiv span {
  height: 50px;
  display: block;
  font-family: 'Gotham Black',sans-serif;
  text-align: right;
  font-size: 12px;
  letter-spacing: -0.5px;
  color: #6065E4;
  text-align: right;
  padding: 18px 20px 0 10px;
}
.alto4 { height: 215px !important; }

.formop11 {
  width: 9.090%;
  height: 215px;
  float: left;
  border-left: 1px solid #BEBED1;
}
.formop11 span {
  height: 10px;
  width: 230px;
  display: inline-block;
  transform: rotate(-90deg);
  transform-origin: left;
  font-family: 'Gotham Book',sans-serif;
  text-align: left;
  font-size: 15px;
  letter-spacing: -1px;
  color: #3E3F62;
  text-align: left;
  transform-origin: left;
  margin-top: 200px;
  padding: 25px;
}
.formgrad11 {
  width: 9.090%;
  height: 45px;
  float: left;
  background-color: #DADAD3;
  border-left: 1px solid #BEBED1;
  font-family: 'Gotham Medium',sans-serif;
  text-align: left;
  font-size: 15px;
  letter-spacing: -1px;
  color: #5F64E3;
  text-align: center;
  padding: 13px 0 0 0;
}
.formsel11 {
  width: 9.090%;
  height: 50px;
  float: left;
  background-color: #fff;
  border-left: 1px solid #BEBED1;
  cursor: pointer;
}

.listlat {
  display: block;
  width: fix-;
  height: 80vh;
  position: absolute;
  z-index:9999999;
  background-color: #F5F5F7;
  border-right: 1px solid #BEBFD1;
  border-BOTTOM: 1px solid #BEBFD1;
  padding: 20px 20px;
}
.cerrar3 {
  display: block;
  height: 28px;
  margin: 0 0 20px 20px;
  font-family: 'Gotham Medium',sans-serif;
  text-align: left;
  font-size: 11px;
  color: #B30001;
  padding: 7px 0 0 25px;
  background-image: url(../imagenes/cerrar2.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 70% ;
}
@media only screen and (max-width: 1400px) { .cerrar { height: 20px; font-size: 10px; padding: 0 0 0 20px; margin: 15px 45px 5px 0;} }

.subirpop {
	height: 30px;
  width: 30px;
  background-color: #5F64E3;
  border-radius: 50%;
  margin-left: 20px;
  margin-right: 7px;
  margin-top: 25px;
  align-self: flex-start;
  background-image: url(../imagenes/subirpop.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 55% ;
}
@media only screen and (max-width: 1400px) { .subirpop { height: 25px; width: 25px; } }
@media only screen and (max-width: 1200px) { .subirpop { height: 20px; width: 20px; } }

.subirpop:hover { background-color: #333456; }

.adm_header {
  width: 100%;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.adm_usr {
  width: auto;
  height: 150px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding-right: 30px;
  border-right: 1px solid #A4A4B3;
  margin-right: 30px;
}
.adm_usr img { height: 55px; }

.adm_usr_id {
  font-family: 'Gotham Medium',sans-serif;
  text-align: left;
  font-size: 11px;
  text-transform: uppercase;
  color: #363233;
  margin-top: 6px;
}
.adm_usr_ss {
  display: block;
  font-family: 'Gotham Medium',sans-serif;
  text-align: left;
  font-size: 10px;
  color: #5F64E3;
  margin-top: 6px;
}
.preadm_sec {
  display: flex;
  width: auto;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  margin-right: 30px;
}
.adm_sec {
  display: flex;
  width: auto;
  height: 150px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 40px;
}
.adm_sec img { height: 75px; }

.adm_sec_tx {
  font-family: 'Gotham Book',sans-serif;
  letter-spacing: -0.5px;
  text-align: center;
  font-size: 16px;
  margin-top: 6px;
  padding-bottom: 6px;
  color: #5F64E3;
}
.adm_sec_tx a { color: #5F64E3; }

.csecoff { color: #85909C; }
.cpicoff { opacity: 0.3; }

.csecon { color: #5F64E3; border-bottom: 1px solid #5F64E3; }
.cpicon { opacity: 1.0; }
.csecaon { color: #5F64E3 !important; cursor: default;}

.adm_content {
  display: flex;
  width: 70%;
  height: auto;
  overflow: hidden;
  margin: 20px auto 0 auto;
  padding-bottom: 130px;
}
@media only screen and (max-width: 1700px) { .adm_content { width: 80%; } }
@media only screen and (max-width: 1500px) { .adm_content { width: 90%; } }
@media only screen and (max-width: 1200px) { .adm_content { width: 95%; } }

.adm_content_lat {
  width: 270px;
  height: auto;
  overflow: hidden;
  padding-right: 40px;
  border-right: 1px solid #9D9DAC;
  margin-top: 7px;
}
.adm_content_lat h3 {
  width: 100%;
  display: block;
  font-family: 'Gotham Medium',sans-serif;
  text-align: left;
  font-size: 13px;
  text-transform: uppercase;
  color: #5F64E3;
  border-bottom: 1px solid #9D9DAC;
  padding-bottom: 12px;
  margin-bottom: 12px;
}
.adm_content_lat a {
  width: 100%;
  display: block;
  font-family: 'Gotham Medium',sans-serif;
  text-align: left;
  font-size: 11px;
  text-transform: uppercase;
  color: #363233;
  padding: 4px 0;
}
.adm_content_lat a:hover { color: #5F64E3; }

.adm_separa { margin-bottom: 35px;}

.adm_content_ops {
  overflow: hidden;
  flex-grow: 1;
  padding: 0 20px 0 40px;
  border-left: 1px solid #9D9DAC;
  margin-left: -1px;
}
.adm_content_ops h2 {
  width: 100%;
  display: block;
  font-family: 'Gotham Book',sans-serif;
  text-align: left;
  font-size: 20px;
  float: left;
  letter-spacing: -1px;
  color: #5F64E3;
  border-bottom: 1px solid #9D9DAC;
  padding-bottom: 12px;
  margin-bottom: 25px;
}
.adm_content_ops span {
  display: inline-block;
  font-family: 'Gotham Black',sans-serif;
  text-align: left;
  font-size: 17px;
  letter-spacing: -1px;
  color: #333456;
  float: right;
}
.adm_content_ops span a {
  width: 100%;
  display: block;
  font-family: 'Gotham Black',sans-serif;
  text-align: left;
  font-size: 17px;
  letter-spacing: -1px;
  color: #333456;
}

.adm_content_item {
  width: 100%;
  height: auto;
  overflow: hidden;
  display:flex;
  padding: 0 0 12px 0;
  border-bottom: 1px solid #9D9DAC;
  margin-bottom: 12px;
}
.aditem_dni {
  width: 135px;
  height: auto;
  overflow: hidden;
  display:flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  margin-right: 15px;
}
.dncab {
  font-family: 'Gotham Medium',sans-serif;
  text-align: left;
  font-size: 10px;
  text-transform: uppercase;
  color: #363233;
}
.dnum {
  font-family: 'Gotham Book',sans-serif;
  text-align: left;
  font-size: 20px;
  letter-spacing: -1px;
  color: #5F64E3;
}
.aditem_numpac {
  width: 80px;
  height: auto;
  overflow: hidden;
  display:flex;
  flex-direction: column;
  align-content: flex-end;
  border-left: 1px solid #9D9DAC;
  border-right: 1px solid #9D9DAC;
  margin-right: 15px;
  font-family: 'Oswald Regular';
  justify-content: center;
  font-size: 24px;
  letter-spacing: -1px;
  text-align: right;
  padding-right: 40px;
  color: #363233;
  background-image: url(../imagenes/ssc_pacientes2.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: auto 25px;
}
.iteminfo {
  width: auto;
  height: auto;
  overflow: hidden;
  display:flex;
  flex-grow: 1;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  margin-right: 15px;
}
.iteminfo_cod {
/*  width: 290px;*/
  width: 150px;;
  height: auto;
  overflow: hidden;
  display:flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  margin-right: 15px;
}
.iteminfo_fecha {
/*  width: 290px;*/
  width: 120px;;
  height: auto;
  overflow: hidden;
  display:flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  margin-right: 15px;
}

.iteminfo_recursos {
  width: 90%;
  height: auto;
  overflow: hidden;
  display:flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  margin-right: 15px;
}



.iteminfo_a {
  font-family: 'Gotham Medium',sans-serif;
  text-align: left;
  font-size: 11px;
  text-transform: uppercase;
  color: #363233;
  padding: 1px 6px 1px 0;
}
.iteminfo_b {
  font-family: 'Gotham Medium',sans-serif;
  text-align: left;
  font-size: 11px;
  text-transform: uppercase;
  color: #5F64E3;
  padding: 1px 6px 1px 0;
}
.iteminfo_c {
  font-family: 'Gotham Medium',sans-serif;
  text-align: left;
  font-size: 12px;
  text-transform: uppercase;
  color: #363233;
  padding: 1px 6px 1px 0;
}
.item_accion {
  width: auto;
  height: auto;
  overflow: hidden;
  display:flex;
  align-self: center;
  justify-content: center;
}

.item_accion a {
  display: block;
  float: left;
  width: 35px;
  height: 35px;
  border-radius: 4px;
  margin-left: 4px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 65%;
}
.item_accion_ev {
  width: 300px;
  height: auto;
  overflow: hidden;
  display:flex;
  align-self: center;
  justify-content: flex-end;
}

.item_accion_ev a {
  display: block;
  float: left;
  width: 35px;
  height: 35px;
  border-radius: 4px;
  margin-left: 4px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 65%;
}

.item_orden_ev {
/*  width: 300px;*/
  width: 450px;
  height: auto;
  overflow: hidden;
  margin: 30px 0 15px;
}

.item_orden_ev a {
  display: block;
  float: left;
  width: 35px;
  height: 35px;
  border-radius: 4px;
  margin-left: 4px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 65%;
}

.mueveselect {
  display: block;
	width: 370px;
	height:55px;
	font-family: 'Gotham book';
	font-size: 20px;
	color: #333456;
	text-align: left;
	padding: 15px;
  letter-spacing: -1px;
	-webkit-border-radius: 40px;
	text-align: center;
	-moz-border-radius: 40px;
	border-radius: 6px;
	background-color: #ECECEE;
	border: 1px solid #CBCBD0;
	margin: 6px auto 6px auto;
	-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;
}
@media only screen and (max-width: 1400px) { .mueveselect { padding: 20px 15px; font-size: 17px;} }
@media only screen and (max-width: 1200px) { .mueveselect { padding: 12px 8px;  font-size: 13px;} }
@media only screen and (max-height: 900px) { .mueveselect { padding: 20px 15px; font-size: 17px;} }
@media only screen and (max-height: 800px) { .mueveselect { padding: 12px 8px;  font-size: 13px;} }

.mueveselect:focus {
  color: #8083DE;
  border: 1px solid #8083DE;
  background-color: #ECECEE !important;
}

.acc_cl1 { background-color: #5F64E3; }
.acc_cl2 { background-color: #787678; }
.acc_cl3 { background-color: #71AB15; }
.acc_cl4 { background-color: #940A0A; }
.acc_cl5 { background-color: #188c6c; }

.rojo { color: #940A0A !important; }
.gris { color: #333333 !important; }
.app { color: #5F64E3 !important; }

.acc_editar { background-image: url(../imagenes/acc_editar.png); }
.acc_asignar { background-image: url(../imagenes/acc_asignar.png); }
.acc_deshabilitar { background-image: url(../imagenes/acc_deshabilitar.png); }
.acc_paciente { background-image: url(../imagenes/acc_paciente.png); }
.acc_restaurar { background-image: url(../imagenes/acc_restaurar.png); }
.acc_descargar { background-image: url(../imagenes/acc_descargar.png); }
.acc_cargando { background-image: url(../imagenes/spin.svg);background-size: auto 95% !important; }
.acc_paciente_asignar { background-image: url(../imagenes/acc_asignar.png); }
.acc_paciente_desasig { background-image: url(../imagenes/acc_paciente.png); }

.deshabilitado { color: #787678 !important; }
.right { float: right !important; }

.top_op {
  width: 100%;
  height: 50px;
  overflow: hidden;
  display: flex;
  align-content: center;
  align-items: center;
  background-image: url(../imagenes/top_op.png);
  border-radius: 4px;
  margin-bottom: 25px;
  padding: 0 10px 0 30px;
}

.top_op a {
  display: block;
  font-family: 'Gotham Medium',sans-serif;
  text-align: left;
  font-size: 11px;
  margin-right: 25px;
  text-transform: uppercase;
  padding: 15px 0;
}
.top_op a img { height: 20px; align-self: flex-end !important;}

.negrita { font-family: 'Gotham Black',sans-serif !important; text-decoration: underline !important;}

.frm_cont {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 10px;
  display: flex;
}
.frm_item {
  height: auto;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  margin-right: 8px;
}
.frm_item_tx {
  font-family: 'Gotham Medium',sans-serif;
  text-align: left;
  font-size: 10px;
  text-transform: uppercase;
  color: #363233;
  padding: 0 0 5px 0;
}

.k20 { width: 19%; }
.k30 { width: 31.46%; }
.k50 { width: 47.50%; }
.k70 { width: 63.34%; }
.k100 { width: 95%; }

.frm_item input,select {
  display: flex;
	width: auto;
  flex-grow: 1;
	font-family: 'Gotham book';
	font-size: 15px;
	color: #333456;
	text-align: left;
	padding: 10px 13px;
  letter-spacing: -1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #ECECEE;
	border: 1px solid #CBCBD0;
	-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;
}
.frm_item input:focus {	border: 1px solid #5F64E3; background-color: #ECECEE !important;}
.frm_item input:hover {	border: 1px solid #5F64E3; background-color: #ECECEE !important;}

.btsol { margin-top:20px !important; margin-bottom:0 !important;}

.login {
  width: 100%;
  height: auto;
  padding-top: 5%;
  flex-direction: column;
  overflow: hidden;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.login_in {
  width: 100%;
  height: auto;
  overflow: hidden;
  flex-direction: column;
  display: flex;
}

.logininput {
  display: block;
	width: 370px;
	font-family: 'Gotham book';
	font-size: 20px;
	color: #333456;
	text-align: left;
	padding: 25px 20px;
  letter-spacing: -1px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	background-color: #ECECEE;
	border: 1px solid #CBCBD0;
  margin: 6px auto 6px auto;
	-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;
}
@media only screen and (max-width: 1400px) { .logininput { padding: 20px 15px; font-size: 17px;} }
@media only screen and (max-width: 1200px) { .logininput { padding: 12px 8px;  font-size: 13px;} }
@media only screen and (max-height: 900px) { .logininput { padding: 20px 15px; font-size: 17px;} }
@media only screen and (max-height: 800px) { .logininput { padding: 12px 8px;  font-size: 13px;} }

.logininput:focus {
	color: #8083DE;
  border: 1px solid #8083DE;
  background-color: #ECECEE !important;
}

.login_tx {
  margin: 0 auto;
  width: auto;
  font-family: 'Gotham Medium',sans-serif;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  color: #5F64E3;
  padding: 8px 0 4px 0;
}
.btlogin {
  display: block;
  width: 400px;
  background-color: #8487E2;
  border-radius: 50px;
  padding: 13px;
  font-family: 'Gotham Medium',sans-serif;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  margin: 15px auto;
  -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;
}
.btlogin:hover {  background-color: #A09B1C; }

.mr30 { margin: 0 25px 30px 0 !important;}

.login_rec {
  display: block;
  margin: 0 auto;
  width: auto;
  font-family: 'Gotham Medium',sans-serif;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  color: #333;
  padding: 8px 0 4px 0;
}

.btn_carga {
  background-image: url(../imagenes/spin.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 95%;
  overflow: hidden;
}

.form_btn {
  width: auto;
  float: left;
  background-color: #8487E2;
  border-radius: 20px;
  padding: 10px 35px;
  font-family: 'Gotham Medium',sans-serif;
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
  color: #fff;
  margin: 10px 25px 20px 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;
}
.form_btn:hover {  background-color: #343559; }

.form_btn2 {
  width: auto;
  float: left;
  background-color: #8487E2;
  border-radius: 20px;
  padding: 10px 35px;
  font-family: 'Gotham Medium',sans-serif;
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
  color: #8487E2;
  margin: 10px 25px 20px 0;
  background-image: url(../imagenes/spin.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 95%;
}

.form_btn3 {
  width: auto;
  float: right;
  background-color: #8487E2;
  border-radius: 20px;
  padding: 10px 35px;
  font-family: 'Gotham Medium',sans-serif;
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
  color: #fff;
  margin: 10px 25px 20px 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;
}
.form_btn3:hover {  background-color: #343559; }

.cargando {
  width: 100%;
  height: 240px;
  background-image: url(../imagenes/spin.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 95%;
}

.cargalista {
  width: 100%;
  height: 80px;
  margin-bottom: 80px;
  background-image: url(../imagenes/spin.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 95%;
}

.intervenciones {
  width: 75%;
  height: auto;
  border-collapse: collapse;
  margin: 0 auto;
  margin-top: 45px;
  padding-bottom:100px;
}

.gentab {
  width: 100%;
  border: 0px;
  overflow: hidden;
  margin: 0 auto;
  margin-top: 45px;
  padding-bottom:100px;
  padding: 0;
}
.gentab td {
  border-top: 1px solid #BFBFD7;
  border-right: 1px solid #BFBFD7;
}

.ta1 { height: 70px; }
.an1 { width: 40%; }
.an3 { width: 11%; }

.tbcab1 {
  background-color: #363659;
  text-transform: uppercase;
  vertical-align: middle;
  text-align: center;
  font-family: 'Gotham Medium',sans-serif;
  font-size: 12px;
  color: #5F64E3;
}
.tbcab2 {
  background-color: #DADAD3;
  text-transform: uppercase;
  vertical-align: middle;
}
.s2a {
  height: 33px;
  font-family: 'Gotham Medium',sans-serif;
  font-size: 11px;
  color: #333333;
  text-align: center;
  text-transform: uppercase;
  border-top: 1px solid #DADAD3 !important;
  border-right: 1px solid #DADAD3 !important;
  vertical-align: middle;
  text-align: center;
}
.tbcab3 {
  background-color: #A4A4BF;
  text-transform: uppercase;
  vertical-align: middle;
  text-align: center;
  font-family: 'Gotham Medium',sans-serif;
  font-size: 12px;
  color: #27273D;
}
.tbcab4 {
  background-color: #989ADD;
  text-transform: uppercase;
  vertical-align: middle;
  text-align: center;
  font-family: 'Gotham Medium',sans-serif;
  font-size: 12px;
  color: #27273D;
}
.s2b {
  height: 34px;
  font-family: 'Gotham Medium',sans-serif;
  font-size: 10px;
  color: #FFFFFF;
  background-color: #A0A091;
  text-align: center;
  text-transform: uppercase;
  border-right: 1px solid #DADAD3 !important;
  vertical-align: middle;
}

.n1{ width:100%; }
.n2{ width:50%; }
.n3{ width:33%; }
.n4{ width:25%; }
.n5{ width:20%; }
.n6{ width:16.6%; }
.n7{ width:14.2%; }
.n8{ width:12.5%; }
.n9{ width:11.1%; }
.n10{ width:10%; }
.n11{ width:9.09%; }
.n12{ width:8.33%; }
.n13{ width:7.69%; }
.n14{ width:7.14%; }
.n15{ width:6.66%; }
.n16{ width:6.25%; }
.n17{ width:5.88%; }
.n18{ width:5.55%; }
.n19{ width:5.26%; }
.n20{ width:5%; }

.tepig {
  height: 33px;
  background-color: #E1E1ED;
  text-transform: uppercase;
  vertical-align: middle;
  text-align: left;
  padding-left: 15px;
  font-family: 'Gotham Medium',sans-serif;
  font-size: 10.5px;
  color: #23233D;
}
.tcif {
  height: 33px;
  background-color: #AEAEC8;
  vertical-align: middle;
  text-align: left;
  padding-left: 15px;
  font-family: 'Gotham Medium',sans-serif;
  font-size: 10px;
  color: #272A82;
  text-overflow: ellipsis;
}
.s2c {
  height: 33px;
  background-color: #8B8B93;
  text-align: center;
  text-transform: uppercase;
  border-right: 1px solid #DADAD3 !important;
  vertical-align: middle;
}

.pron {
  background-image: url(../imagenes/cruz.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 80%;
}
.tareas {
  height: 33px;
  background-color: #B3B3CC;
  cursor: pointer;
  background-image: url(../imagenes/vertarea.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 50%;
  -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;
}
.tareas:hover { background-color: #9E9EB8; }

.objetivos {
  height: 33px;
  background-color: #ABACDA;
  cursor: pointer;
  background-image: url(../imagenes/objetivos.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 50%;
  -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;
}
.objetivos:hover { background-color: #9091DE; }

.bkd2 {
    height: auto;
    width: 100%;
    overflow: hidden;
    background-color: #343559;
}

.objetivos_tx {
  height: 33px;
  background-color: #ABACDA;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  font-size: 13px;
  color: #ffffff;
}
.objetivos_edit {
  height: 33px;
  background-color: #ABACDA;
  cursor: pointer;
  background-image: url(../imagenes/ico_edit.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 70%;
  -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;
}
.objetivos_edit:hover { background-color: #9091DE; }

.topb2 { border-left: 1px solid:#343559 !important; }

.form20_btn {
  width: auto;
  float: left;
  background-color: #8487E2;
  border-radius: 6px;
  padding: 6px 10px;
  font-family: 'Gotham Medium',sans-serif;
  text-align: center;
  font-size: 9px;
  text-transform: uppercase;
  color: #fff;
  margin: 0 1px;
  border: 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;
}
.form20_btn:hover {  background-color: #343559; }

.form20_orden {
  width: auto;
  float: left;
  display: block;
  background-color: #333456;
  border-radius: 6px;
  padding: 6px 10px;
  font-family: 'Gotham Medium',sans-serif;
  text-align: center;
  font-size: 9px;
  text-transform: uppercase;
  color: #fff;
  margin: 0 1px;
  border: 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;
}
.form20_orden:hover {  background-color: #676abd; }

.form20_seg_btn {
  width: 100px;
  float: left;
  background-color: #8487E2;
  border-radius: 6px;
  padding: 6px 10px;
  font-family: 'Gotham Medium',sans-serif;
  text-align: center;
  font-size: 9px;
  text-transform: uppercase;
  color: #fff;
  margin: 0 1px;
  border: 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;
}
.form20_seg_btn:hover {  background-color: #343559; }

.ordenactivo {  background-color: #8487e2 !important; color: #fff !important;}


.dnum20 {
  font-family: 'Gotham Book',sans-serif;
  text-align: left;
  font-size: 14px;
  letter-spacing: -1px;
  color: #5F64E3;
}
.iteminfo_a20 {
  font-family: 'Gotham Medium',sans-serif;
  text-align: left;
  font-size: 11px;
  text-transform: uppercase;
  color: #363233;
  padding: 11px 6px 1px 0;
  width: 90%;
}


.paginacion {
   width: 500px;
   margin-top: 20px;
   margin-bottom: 40px;
   height: auto;
   overflow: hidden;
   margin-right: 30px;
   list-style: none;
   display: block;
}

.pag_anterior {
   width: 15px;
   height: 36px;
   margin-right: 15px;
   float: left;
}
.pag_anterior img{
   margin-top: 7px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	-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;
}
.pag_anterior img:hover{
   cursor: pointer;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

.pag_item {
   width: 38px;
   height: 38px;
   display: block;
   margin-right: 4px;
   float: left;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   border: 1px solid #5f64e3;
   -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;
}
.pag_item:hover {
   cursor: pointer;
   border: 1px solid #333456;
}

.pag_item_on {
   width: 38px;
   height: 38px;
   display: block;
   margin-right: 4px;
   float: left;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   border: 1px solid #333456;
   cursor: default !important;
   background-color: #ffffff;
}
.pag_item_on a {
   font-family: 'Gotham Medium',sans-serif;
   display: block;
   font-size: 12px;
   color: #676767;
   text-align: center;
   line-height: 38px;
   text-decoration: none;
}


.pag_item a {
   font-family: 'Gotham Medium',sans-serif;
   display: block;
   font-size: 12px;
   color: #676767;
   text-align: center;
   line-height: 38px;
   text-decoration: none;
}

.pag_siguiente {
   width: 15px;
   height: 36px;
   margin-left: 12px;
   float: left;
}
.pag_siguiente img{
   margin-top: 7px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	-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;
}
.pag_siguiente img:hover{
   cursor: pointer;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
.buscav2 {
	float: left;
   margin-top: 15px;
   margin-left: 5px;
}

.fin { }