@font-face {
     font-family: 'Century Gothic';
     src: local('Century Gothic Bold'), local('Century-Gothic-Bold'), url('../fonts/centurygothic-bold.woff2') format('woff2'), url('../fonts/centurygothic-bold.woff') format('woff'), url('../fonts/centurygothic-bold.ttf') format('truetype');
     font-weight: 700;
     font-style: normal;
}
@font-face {
     font-family: 'gothic';
     src: url('../fonts/gothic.eot');
     src: local('gothic'), url('../fonts/gothic.woff') format('woff'), url('../fonts/gothic.ttf') format('truetype');
}
@font-face {
     font-family: 'Century Gothic Normal';
     src: url('../fonts/gothic.eot');
     src: local('gothic'), url('../fonts/gothic.woff') format('woff'), url('../fonts/gothic.ttf') format('truetype');
}
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_9785">Text with this font applied</p> */
.fontsforweb_fontid_9785 {
     font-family: 'gothic' !important;
}
/**/
::selection {
     color: #fff;
     text-shadow: none;
     background-color: #8f8f8f;
}

.columna_izquierda h1{
 /* padding:0; */
 margin: 0 0 -20px;
}

.audio-player {
  height: 50px;
  width: 350px;
  background: #444;
  box-shadow: 0 0 20px 0 #000a;
  font-family: arial;
  color: white;
  font-size: 0.75em;
  overflow: hidden;
  display: grid;
  grid-template-rows: 6px auto;
}
.audio-player .timeline {
  background: white;
  width: 100%;
  position: relative;
  cursor: pointer;
  box-shadow: 0 2px 10px 0 #0008;
}
.audio-player .timeline .progress {
  background: coral;
  width: 0%;
  height: 100%;
  transition: 0.25s;
}
.audio-player .controls {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding: 0 20px;
}
.audio-player .controls > * {
  display: flex;
  justify-content: center;
  align-items: center;
}
.audio-player .controls .toggle-play.play {
  cursor: pointer;
  position: relative;
  left: 0;
  height: 0;
  width: 0;
  border: 7px solid #0000;
  border-left: 13px solid white;
}
.audio-player .controls .toggle-play.play:hover {
  transform: scale(1.1);
}
.audio-player .controls .toggle-play.pause {
  height: 15px;
  width: 20px;
  cursor: pointer;
  position: relative;
}
.audio-player .controls .toggle-play.pause:before {
  position: absolute;
  top: 0;
  left: 0px;
  background: white;
  content: "";
  height: 15px;
  width: 3px;
}
.audio-player .controls .toggle-play.pause:after {
  position: absolute;
  top: 0;
  right: 8px;
  background: white;
  content: "";
  height: 15px;
  width: 3px;
}
.audio-player .controls .toggle-play.pause:hover {
  transform: scale(1.1);
}
.audio-player .controls .time {
  display: flex;
}
.audio-player .controls .time > * {
  padding: 2px;
}
.audio-player .controls .volume-container {
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.audio-player .controls .volume-container .volume-button {
  height: 26px;
  display: flex;
  align-items: center;
}
.audio-player .controls .volume-container .volume-button .volume {
  transform: scale(0.7);
}
.audio-player .controls .volume-container .volume-slider {
  position: absolute;
  left: -3px;
  top: 15px;
  z-index: -1;
  width: 0;
  height: 15px;
  background: white;
  box-shadow: 0 0 20px #000a;
  transition: 0.25s;
}
.audio-player .controls .volume-container .volume-slider .volume-percentage {
  background: coral;
  height: 100%;
  width: 75%;
}
.audio-player .controls .volume-container:hover .volume-slider {
  left: -123px;
  width: 120px;
}

.fixed{
    position:fixed;
    top: 40px;
    width: 18.5%;
}
table.ficha tbody {
     background-color: transparent;
     width: 100%;
     display: block;
    /* position: absolute;
    */
}
.ficha thead,.ficha tfoot {
     display: none;
}
table.ficha td {
     border:0;
     text-align:center;
     color:#fff;
}
table.ficha tr {
     display:inline-block;
     float: left;
     width: 32%;
    /*border-top: solid 1px #d5d358;
    */
     min-width: 266px;
     background-color: transparent;
     margin-right: 0%;
    /* margin-top: 2%;
     */
     margin-bottom: 2%;
     margin-left: 1%;
    /* border: solid 1px #eee;
    */
}
.limiteaviso{
     border-radius:6px;
     overflow:hidden;
     background-color:#ffffff87
}
table.avisos{
}
table.avisos thead th{
    /* background-color:#53c750;
     */
    /* color:#fff;
     */
}
table.avisos tr {
     border-bottom: solid 1px #5959596e;
}
table.avisos td {
}
table.publicaciones tbody {
     background-color: transparent;
     width: 100%;
     display: block;
    /* position: absolute;
    */
}
.publicaciones thead,.publicaciones tfoot {
     display: none;
}
table.publicaciones td.ocultar{
     display:none;
}
table.publicaciones td {
     border: solid 0px #ff0000;
     text-align:center;
    /* margin: auto;
     */
    /* width: 100%;
     */
    /*height:300px;
    */
     vertical-align:bottom;
     color: #656565;
     display: block;
}
.imagenaviso{
    box-shadow:1px 1px 10px #aaa;
    width:100%;
    height:400px;
    object-fit:cover;
}
.headaviso{
     position:relative
}
.pieaviso{
     display:block;
     background-color: #ffffff80;
     padding: 10px;
     text-align: left;
     box-shadow: 1px 1px 10px #aaaaaa45;
     border-radius: 6px;
}
.pieaviso div{
     display:inline-block;
     cursor: pointer;
    /* width: 150px;
     */
    /* float: left;
     */
     margin-right: 25px;
     background-color: #fff;
     padding: 7px 10px;
     border-radius: 5px;
}
.pieaviso div img {
    /* width: 25px;
     */
     height: 25px;
     margin-bottom: -8px;
     margin-right: 5px;
}
table.publicaciones tr {
     display:inline-block;
     float: left;
     width: 100%;
    /* border: solid 1px #d5d358;
     */
     min-width: 200px;
     background-color: transparent;
     margin-right: 0%;
    /* margin-top: 2%;
     */
     margin-bottom: 20px;
     margin-left: 0;
    /* border: solid 1px #eee;
    */
}
.fondoform{
     background-color:#fff;
     padding:30px;
}
.cabecera{
    width: calc(100% - 442px);
    position: fixed;
    /* top: 35px;
     */
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 8;
    box-shadow: 1px 1px 9px #555;
    /* margin-top: -10px;
     */
    height: 125px;
    object-fit: cover;
    clip-path: circle(94.5% at 67% 190%);
    background: #595959;
}
.calendario{
    display:inline-block;
    border: solid 2px #f55757;
    border-radius: 6px;
    position: absolute;
    top: -10px;
    right: 0;
}
.mesnombre{
    background-color: #f55757;
    color:#fff;
    font-size:9px;
    overflow: hidden;
    padding:3px 0;
    /* margin-top: -5px;
     */
    width: 36px;
}
.anio{
    background-color: #f55757;
    color:#fff;
    font-size:9px;
    overflow: hidden;
    padding:0px 0;
    margin-bottom: -5px;
    width: 36px;
}
.dia{
    padding:3px 0;
    background-color: #fff;
    font-size: 12px;
    font-weight:600;
    border-radius: 0 0px 6px 6px;
}
table.libro tbody {
     background-color: transparent;
     width: 100%;
     display: block;
    /* position: absolute;
    */
}
.libro thead,.libro tfoot {
     display: none;
}
.Bloques thead,.Lista thead {
     display: none;
}
.Bloques td a{
    color:#fff;
}
.Lista td a{
    color: #000;
    font-size: 15px;
    font-weight: 500;
    text-shadow: 1px 1px 4px #fff;
}
.Lista td a:hover{
    color: #34c138;
}
.Lista td a img{
    margin-right:15px;
    margin-bottom: 5px;
    height: 7px;
}
table.libro td span{
     color:#444;
     padding-top:5px;
     display:block;
}
table.libro td {
    /* border: solid 1px #ff0000;
     */
     text-align:center;
    /* margin: auto;
     */
     width: 100%;
     height: 260px;
     vertical-align:bottom;
     color:#fff;
    /* display: inline;
     */
}
table.libro td img{
    box-shadow:1px 1px 10px #aaa;
    display: block;
}
table.libro tr {
     display:inline-block;
     float: left;
     width: 20%;
     /* border: solid 1px #d5d358; */
     min-height: 270px;
     min-width: 200px;
     background-color: transparent;
     margin-right: 0%;
     /* margin-top: 2%;
     */
     margin-bottom: 40px;
     margin-left: 0;
     /* border: solid 1px #eee;
    */
}
table.Bloques tbody {
    /* background-color: transparent;
     */
    /* width: 100%;
     */
    /* display: block;
     */
     padding: 0;
}
.libro thead,.libro tfoot {
     display: none;
}
.Bloques th{
     color:#fff;
     font-weight:300;
     background-color:#444;
     border-radius:30px;
     font-size:11px;
     cursor:pointer;
}
table.Bloques td {
    /* border: solid 1px #ff0000;
     */
     text-align:center;
    /* margin: auto;
     */
    /* width: 100%;
     */
     padding: 0;
    /*height:300px;
    */
     vertical-align:bottom;
     color:#fff;
     display: block;
}
table.Bloques tr {
     display:inline-block;
     float: left;
     width: 33.33%;
    /* border: solid 1px #d5d358;
     */
     min-width: 200px;
     background-color: transparent;
     margin-right: 0%;
    /* margin-top: 2%;
     */
     padding: 0;
    /* margin-bottom: 40px;
     */
     margin-left: 0;
    /* border: solid 1px #eee;
    */
}
table.Lista tr {
     display:inline-block;
     float: left;
     width: 100%;
    /* border: solid 1px #d5d358;
     */
     min-width: 200px;
     background-color: transparent;
     margin-right: 0%;
    /* margin-top: 2%;
     */
     padding: 0;
    /* margin-bottom: 40px;
     */
     margin-left: 10%;
    /* border: solid 1px #eee;
    */
}
.Lista div.boxcolor{
     background-color:transparent;
}
.Bloques .boxcolor{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;
    Brown+Red+3D */
     background: #a90329;
    /* Old browsers */
     background: -moz-radial-gradient(center, ellipse cover, #a90329 0%, #8f0222 44%, #6d0019 100%);
    /* FF3.6-15 */
    /* background: -webkit-radial-gradient(center, ellipse cover, #a90329 0%,#8f0222 44%,#6d0019 100%);
     */
    /* Chrome10-25,Safari5.1-6 */
    /* background: radial-gradient(ellipse at center, #a90329 0%,#8f0222 44%,#6d0019 100%);
     */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
    /* height:120px;
     */
     line-height: 120px;
     color: #fff;
    /* margin-top: 15px;
     */
    /* vertical-align:middle;
     */
    /* white-space: break-spaces;
     */
     overflow: hidden;
     margin-right: 0px;
     width: calc(100% - 15px);
}
.boxcolor span{
     display: inline-block;
     vertical-align: middle;
     line-height: normal;
     cursor: pointer;
}
table.galeria tbody {
     background-color: transparent;
     width: 100%;
     display: block;
    /* position: absolute;
    */
}
.galeria thead,.galeria tfoot {
     display: none;
}
.borderojo{
    border:solid 1px #f557579e;
}
.descripcionfoto,.fototitulo{
     font-weight:600;
     color:#595959
}
.fototitulo{
     font-size:15px;
     color:#000;
}
.descripcionfoto{
     height: 42px;
    /* border:solid 1px;
     */
     font-size: 12px;
     line-height: 15px;
}
table.galeria td {
    /* border: solid 1px #ff0000;
     */
     text-align:center;
    /* width: 100%;
     */
     display: block;
    /* height:300px;
     */
     vertical-align: middle;
    /* color:#fff;
     */
}
table.galeria td img{
    /* box-shadow:1px 1px 10px #aaa;
     */
    width: 98%;
}
table.galeria tr {
     display:inline-block;
    /* float: left;
     */
     width: 25%;
    /* border: solid 1px #d5d358;
     */
     min-width: 200px;
     overflow: hidden;
     min-height: 205px;
     background-color: transparent;
     margin-right: 0%;
    /* margin-top: 2%;
     */
    /* margin-bottom: 2%;
     */
     margin-left: 0;
    /* border: solid 1px #eee;
    */
}
.menu_bar,.menu_bar2 {
     display:none;
}
table{
     border-collapse: collapse;
}
table tbody td{
    /* min-height:50px;
     */
}

.home_testimonio{
 width: 350px;
 padding:20px;
 font-size:14px;
}
.home_bloque{
 max-width: 600px;
 padding: 20px;
 margin: auto;
 font-size:14px;
}


.bloque_medio{
 padding: 20px;
 margin: auto;
 /* margin-left: calc(100% - 643px); */
 /* margin-right: 4%; */
}
.propuesta_margen{
   margin-left: calc(100% - 643px); 
  margin-right: 4%; 
}
 .fr-fic{
    /* float:left;
     */
    /* margin:5px 5px 5px 0; */
}

.columnas-4{
 display: inline-block;
 width: 20%;
 vertical-align: middle;
 margin: 2.5%;
}
.columnas-4 img{
 max-width:100%;
 margin:auto;
 display:block
}


.columnas-6{
 display: inline-block;
 width: 14%;
 vertical-align: middle;
 margin: 1.33%;
}
.columnas-6 img{
 max-width:100%;
 margin:auto;
  opacity: 0; 
}

.logos_animados div{
opacity:0
}


html, body {
     height: 100%;
     width: 100%;
}
html, input, select, textarea {
    /* color: #222;
     */
    /* line-height: 1.5;
     */
    /* font-family: Cambria, Georgia, serif;
     */
    /* word-spacing: .1em;
     */
}
html, form, .button {
    /* Remove user-select for easer debugging */
    /* -webkit-user-select: none;
     */
     -moz-user-select: none;
     -ms-user-select: none;
    /* user-select: none;
     */
}
html {
     overflow-x: hidden;
     overflow-y: HIDDEN;
     -webkit-overflow-scrolling: touch;
    /* iOS 7 legacy http://barrow.io/overflow-scrolling */
    /* font-size: 62.45%;
     */
    /* Make 1em = 10px = 2.5rem */
    /* background-color: #ffffff;
     */
    /* Old Webkit smooth text rendering issue */
    /* -webkit-font-smoothing: antialiased;
     */
     font-smoothing: antialiased;
    /* -webkit-text-size-adjust: 100%;
     */
    /* width: 100%;
     */
     -ms-text-size-adjust: 100%;
    /* cursor: default;
     */
    /* position: fixed;
     */
}
body, h4, ul, ol, dl, dd, blockquote, figure, input, select, textarea {
    /* margin: 0;
     */
}
.dropbtn {
    /* background-color: #4CAF50;
     */
    /* color: white;
     */
    /* padding: 16px;
     */
    /* font-size: 16px;
     */
     border: none;
     cursor: pointer;
}
.dropdown {
     position: relative;
     display: inline-block;
}
.dropdown-content {
     display: none;
     position: absolute;
     background-color: #ffffff;
     border-radius: 8px;
     overflow: hidden;
     min-width: 220px;
     box-shadow: 5px 4px 13px 3px rgb(0 0 0 / 20%);
     z-index: 1;
}
.dropdown-content a {
     text-align:left;
     color: black;
     padding: 0px 10px;
     text-decoration: none;
     display: block;
}
.dropdown-content a:hover {
    background-color: #f1f1f1
}
.dropdown:hover .dropdown-content {
     display: block;
}
.dropdown:hover .dropbtn {
    /* background-color: #3e8e41;
    */
}
body {
     font-size: 14px;
    /* The optional font-size REM http://snook.ca/archives/html_and_css/font-size-with-rem, buggy on various browsers */
    /* CSS4 hyphenation http://generatedcontent.org/post/44751461516/finer-grained-control-of-hyphenation-with-css4-text */
     -webkit-hyphens: auto;
     -moz-hyphens: auto;
     -ms-hyphens: auto;
     hyphens: none;
}
.menu-usuario{
    text-align:right;
    height:40px;
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
    line-height: 40px;
    padding-right: 20px;
    /* border: solid 1px;
     */
    float: right;
}
.menu-usuario img{
     margin: 5px 0px -2px 10px;
     display: inline-block;
     height: 14px;
}
.fondointranet{
    background-image:url(../img/fondo-menu.png), url(../img/fondo-intranet-launion.jpg);
    background-position: -60px,right;
    background-size:auto;
    background-repeat: no-repeat;
    background-attachment:fixed;
    overflow: hidden;
}
.bloque3{
     border:solid 0px;
     width:32.5%;
     display:inline-block;
     text-align:center;
     vertical-align: top;
     margin-bottom: 25px;
}
main, input, textarea {
     -webkit-user-select: text;
     -moz-user-select: text;
     -ms-user-select: text;
     user-select: text;
}
main {
     display: block;
    /* IE10, Opera 12.16 and old WebKit legacy */
}
h1, h2, h3 {
    /* margin-top: .2em;
     */
    /* margin-bottom: .2em;
     */
    /* font-weight: normal;
     */
    /* font-family: 'Times New Roman', serif;
     */
    /* IE fallback 'Times New Roman' */
    /* line-height: 1.1;
     */
}
h1 {
     font-size: 2.1em;
     font-family: "Montserrat", serif;
     margin: 25px 0;
     font-weight: 600;
     color: #79c151;
     text-align: center;
}

.mensaje_final h1 {
     font-size: 2.1em;
     font-family: "Montserrat", serif;
     margin: 10px 0 0;
     font-weight: 600;
     padding: 0;
     color: #79c151;
     text-align: center;
}
.tituloestadodatos label {
 display:block;
 font-family: "Montserrat", serif;
 font-size:11px;
 color: #141C2D;
}
.header_limite{
 border:solid 0;
 max-width:1280px;
 margin:auto;
}

.pasosdelregistro>div>div{
 border: solid 3px #aaa;
 border-radius:20px;
 color: #aaa;
 text-align:center;
 display:block;
 width:40px;
 height:40px;
 font-size:26px;
 margin: 15px auto;
 font-family:'montserrat';
 }


.pasosdelregistro>div:hover{
 color:#000;
 cursor:pointer
}
.pasosdelregistro>div{
 border: solid 0px;
 border-radius:20px;
 text-align:center;
 display:inline-block;
 text-transform:uppercase;
 color: #aaa;
 width: 250px;
 font-size: 15px;
 font-weight:500;
 font-family:'montserrat';
 vertical-align: top;
 }


.header_limite>div:first-child{
 text-align:left
}
.header_limite>div{
 width: 33.1%;
 border: solid 0px;
 display:inline-block;
 text-align: center;
 vertical-align:middle;
}
.header_limite>div:nth-child(4){
 width:100%;
 height: 50px;
 padding-top: 25px;
 vertical-align: middle;
 display: table;
}

.tituloestadodatos{
 color: #4f85af;
 font-family: "Montserrat", serif;
 text-align:left;
 max-width:300px;
 margin: 20px auto 0px;
 padding:15px 5px 15px 70px;
 font-size:16px;
 font-weight: 600;
 background: url(https://cdn-icons-png.flaticon.com/512/2991/2991106.png) no-repeat 8% 50%, linear-gradient(#d7d7d7, #efefef);
 /*background-image:url(https://cdn-icons-png.flaticon.com/512/2991/2991106.png);*/
 background-size:40px;
 /*background-repeat:no-repeat;*/
 border-radius:35px
}
.datosusuario{
 border:solid 0px;
 /* height:70px; */
 text-align: right;
 /* vertical-align:middle; */
 /* display:table-cell; */
 /* float:right; */
 font-family:arial;
 width: 100%;
}

.datosusuario a{
 font-family:arial;
 color:#607ce;
}
.titulodatos{
            color:#f4f4f4;
            text-align:left;
            font-family: "Montserrat", serif;
            max-width:1280px;
            margin: 20px auto 0px;
            padding:15px 25px;
            font-size:16px;
            background: linear-gradient(#79c151, #68a545);
            border-radius:5px
            }
.titulo_colegio{
 text-align:left;
 color:#000;
 font-family:  Montserrat, sans-serif;
 font-weight: 800;
 font-size: 22px;
 margin-bottom: -21px;
 text-transform: uppercase;
}
.subtitulo_colegio{
 font-size: 16px;
 font-family:  Montserrat, sans-serif;
 color:#000;
 text-align:left;
 font-weight:700;
 margin: 25px 0 -25px 0;
}
.limite_colegio h1 {
     font-size: 2.1em;
     font-family: 'lato';
     margin: 30px 0 5px;
     font-weight: 500;
     color: #79c151;
     text-align: center;
}


.medio{
    display:inline-block;
    width:50%;
    position:relative;
    border: solid 0px;
    vertical-align:top;
}


.imagenfija{
 background-color: #ffffff00;
 height: 210vh;
 width: 100%;
 position: relative;
}

#section1{
    height:100vh;
}

.persiana{
 height: 70vh;
 width: 50%;
 background-size: cover;
 position: fixed;
 background-position: center;
 /* top:0; */
 display: block;
 z-index: -1;
}

.bloquefull{
    border:solid 0px #ff0;
    height: 70vh;
    display: table-cell;
    vertical-align: middle;
    width: 130vh;
}


.intranet .titulodocumento{
     margin: 20px 0 20px;
     text-align:left;
     padding-bottom: 0;
     font-size: 24px;
     cursor: pointer;
    /* line-height: 7px;
     */
     text-shadow: 2px 2px 4px #fff;
}
.intranet .titulodocumento img{
     margin-bottom: -13px;
}
h1 small {
     font-size: 60%;
}
h2 {
     color: #777;
     font-size: 1.5em;
     margin: 5px 0 -10px;
     font-family: 'gothic';
     text-shadow: 1px 1px 2px #fff;
}

div.DTE_Body h2 {
     color: #aa8de2;
     font-size: 1.5em;
     margin: 5px 0 -10px;
 float:left;
 width:100%;
 font-weight:500;
 font-family:  Montserrat, sans-serif;
     text-shadow: 1px 1px 2px #fff;
}


div.DTE_Body .formalumno h2 {
     color: #aa8de2;
     font-size: 1.5em;
     margin: 5px 10px 0px;
 float:left;
 width:100%;
 font-weight:500;
 font-family:  Montserrat, sans-serif;
 letter-spacing:-0.8px;
     text-shadow: 1px 1px 2px #fff;
}


h3 {
     color: #aaa;
     font-size: 1.4em;
}
h1 + h2,h2 + h3 {
     /* margin-top: -.2em; */
}
br {
     word-spacing: 0;
}
code, pre {
     font-family: Consolas, 'Liberation Mono', Courier, monospace;
     white-space: pre-wrap;
     -moz-tab-size: 4;
     tab-size: 4;
}
ul, ol {
    /* padding: 0;
     */
    /* list-style: none inside;
     */
}
a img, abbr, iframe {
     /* border: 0; */
}
a, input, select, textarea {
     outline: none;
     pointer-events: auto;
}
a, img {
     -webkit-user-drag: none;
     user-drag: none;
}
a {
     /* color: #79c151; */
     text-decoration: none;
     touch-action: none;
    /* Disable double-tap-zoom http://msdn.microsoft.com/en-us/library/windows/apps/Hh767313.aspx */
     cursor: default;
}
a:hover, a:focus {
     color: #444444;
     text-decoration: none;
     cursor:pointer;
}
.linkdescarga{
     text-align: center;
     width: 274px;
     border: solid 2px #b5b5b5;
     display: block;
     border-radius: 6px;
     line-height: 40px;
     text-decoration: none;
     padding:5px;
     margin-right:auto;
     margin-left:auto;
}
.linkdescarga img{
     vertical-align:middle;
     margin-right:10px
}
#politicas{
    position: absolute;
     bottom: 0;
     width: 100%;
     text-align: center;
}
.logointranet{
    /* margin-top:40px;
     */
     margin-bottom: 20px;
     margin-left: auto;
     margin-right: auto;
     max-width: 320px;
     display: block;
}
.mensaje1{
    color:#fff;
    width: 400px;
    text-align: left;
    font-size: 34px;
    font-weight: 700;
    line-height: 48px;
    padding-left: 50px;
    margin-top: 45px;
}

.icosetting{
   filter: invert(100%);
   display: inline-block;
   vertical-align: middle;
}
.proteccion{
 float: right;
    height: 310px;
    margin: 0 60px;
}
img {
    /* Image scaling http://www.456bereastreet.com/lab/scaling-images-proportionally/ */
    /* width: auto;
     */
    /* max-width: 100%; */
    /* height: auto; */
    /* vertical-align: top;
     */
    -ms-interpolation-mode: bicubic;
}
hr {
     margin-top: 20px;
     margin-bottom: 20px;
     float: left;
     border-bottom: 1px solid #eee;
     display: block;
     position: relative;
     width: 100%;
}
.fondosolido{
    /* border:solid 1px #ff0000;
     */
    width: 100%;
    margin-left: -40px;
    height: 100%;
    z-index: -1;
    background-color: #f9f9f9;
    position: absolute;
}
.fondoleft {
     background-image: url(../img/fondo-left.png);
     width: 100%;
     height: 593px;
     position: fixed;
     background-repeat: no-repeat;
     background-size: 40%;
     background-position: bottom left;
    /* background-attachment: fixed;
     */
     left: 0;
     bottom: 0%;
    /* display: block;
     */
     z-index: -1;
}
.fullbanner{
     background-color: #1a4321;
     margin-top:-0px;
     padding: 1px 20px 30px 20px;
     color: #fff;
     min-height: 300px;
     position: relative;
}
.fotoperfil {
     width: 150px;
     height:150px;
     display:block;
     margin:auto;
    /* border:solid;
     */
     position:relative;
}
.fotoperfil img {
     height: 100%;
     max-width: 100%;
     object-fit: cover;
    /* vertical-align: top;
     */
}
.profile-pic {
     max-width: 200px;
     max-height: 200px;
     display: block;
}
.file-upload {
     display: none;
}
.circle {
     border-radius: 1000px !important;
     overflow: hidden;
     width: 150px;
     height: 150px;
     border: 8px solid rgb(121 193 81);
     position: absolute;
     box-shadow: 0px 0px 6px #999;
    /* top: 72px;
     */
}
img {
}
.p-image {
     position: absolute;
     top: 120px;
     right: 10px;
     color: #666666;
     transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.p-image:hover {
     transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.upload-button {
     font-size: 1.2em;
}
.upload-button:hover {
     transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
     color: #999;
}
.detallecuenta .limite{
    width:100%
}
.detallecuenta .limiteform{
    width:100%;
    max-width: 700px;
    margin: auto;
    padding: 25px;
    background-color: #ffffff87;
    border: solid 1px #0002;
    border-radius: 5px;
}
.intranet-login .limite{
    /* max-width: 1360px;
     */
    margin-left: 20px;
    /* margin-right: auto;
     */
    width: 352px;
    /* z-index: 7;
     */
    /* position: relative;
     */
    height: 100%;
    /* border: solid;
     */
    padding-top: 40px;
}

.limite_full{
width: 100%;
background-image:url(../img/back_inicio.png);
height:536px;
}

.limite_full2{
              width: 100%;
              /* background-image:url(../img/back_inicio.png); */
              background-size: cover;
              height: 800px;
              position:relative
              }

.limite_logos_inicio{
              width: 100%;
              /* background-image:url(../img/back_inicio.png); */
              background-size: cover;
              height: 70vh;
              background-color: #fff;
              position:relative
              }
.centrado_logos{text-align: center;position: absolute;top: 45%;left: 50%;min-width: 1360px;/* min-height: 700px; *//* padding-bottom: 100px; */transform: translate(-50%, -50%);}


.limite_full_colegio{
              width: 100%;
              background-color:#DADBD5;

              
              position:relative;
              /* margin-bottom:-120px; */
              }

.fondo_inicio2{
 
background-image:url(../img/background-iconos.jpg);
}
#bloqueadmision{
 opacity:0;
}
.centrado{
  /* text-align: center; */
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 1360px;
  min-height: 700px;
  background-color: #ffffffed;
  /* padding-bottom: 100px; */
  transform: translate(-50%, -50%);
 }

.ib_franja1{
 color: rgb(255, 255, 255);font-family: Montserrat,sans-serif; font-size: 30px; background-color: #01909e;padding:40px 20px;display:block;font-weight:600;position:relative;z-index:9;margin-top:-3px
}

.ib_franja2{
 color: #fff;font-family: Montserrat,sans-serif; font-size: 30px; background-color:#77b230;padding:40px 20px;display:block;font-weight:600;
}


.ib_franja3{

 color: rgb(255, 255, 255);font-family: Montserrat,sans-serif; font-size: 20px; background-color: #018d9b;padding:40px 20px;display:block;font-weight:600;position:relative;z-index:9;margin-top:-3px
}

.centrado h1{text-align:center}
.centrado p{text-align:justify;max-width:800px;margin:auto;padding-top:20px}
.fondo_inicio3{
 background: url(https://coopselaunion.edu.pe/colegio-la-union-/images/inicio4.jpg) #000;
 height: 100vh;
 /* height: auto; */
 background-size: cover;
}
.limite_colegio{
    max-width: 1360px;
    width: 100%;
    padding: 0;
    z-index: 7;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.limite_colegio h4{
 padding-bottom:0;
 margin-bottom:0;
 font-size:14px;
 font-family:lato;
 color: #000;
}

.home_testimonio h3{
 padding-bottom:0;
 margin-bottom:0;
 font-size:18px;
 font-family:lato;
 font-weight: 900;
 color: #000;
}
.home_bloque h3{
 padding-bottom:0;
 margin-bottom:0;
 font-size:18px;
 font-family:lato;
 font-weight: 900;
 color: #000;
}

.limite_colegio p{
 font-family:lato;
 font-size:12px;
 padding:0;
 line-height: 0px;
}

.limite{
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
    width: 86%;
    z-index: 7;
    position: relative;
    bottom: 0;
    vertical-align: top;
}


.limite_100{
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    z-index: 7;
    position: relative;
    bottom: 0;
    vertical-align: top;
}

.limite_logos{
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    
    z-index: 7;
    position: relative;
    bottom: 0;
    vertical-align: top;
}


.limite3{
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
    width: 69%;
    z-index: 7;
    position: relative;
    bottom: 0;
    vertical-align: bottom;
}
.limite0{
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
    width: 86%;
    z-index: 7;
    position: relative;
    bottom: 0;
    vertical-align: bottom;
}
.limite2{
     width:60%;
     min-width:290px;
     margin-left:auto;
     margin-right:auto;
     text-align: left;
}





.bloque_centrado{
    /* height: 100%; */
    height: calc(100vh - 152px);
    /* border: solid; */
    display: table-cell;
    vertical-align: middle;
    /* margin-right: 7%; */
    /* width: 90%; */
    /* max-width: 560px; */
}

.bloque_centrado_pilares{
    height: 440px;
    display: table-cell;
    vertical-align: middle;
    
}

legend {
     display: table;
    /* IE line-wrapping issue */
}
.formulario{
    /* padding-top: 20px;
     */
     position:relative;
    /* width: 70%;
     */
}
.nuevoregistro{
     text-decoration:none;
}
.opcionescuenta{
     display:inline-block;
    /* border:solid 1px #ddd;
     */
     width: 20%;
     min-width: 180px;
     margin-top: 40px;
     margin-right: 3%;
     margin-left: 3%;
     position: relative;
    /* border-left: solid 3px #79c151;
     */
     z-index: 8;
}
.opcionescuentaintranet{
    /* position:fixed;
     */
     display: block;
    /* border:solid 1px #ddd;
     */
     width: 341px;
     height: 100%;
     min-width: 180px;
     margin-top: 40px;
     margin-right: 0;
     margin-left: 0;
     position: fixed;
    /* border-left: solid 3px #79c151;
     */
     z-index: 8;
}
.opcionescuenta img {
    /* width:48px;
     */
     margin-right:20px;
     -webkit-filter: brightness(100%);
    /* filter: invert(100%);
     */
}
.opcionescuenta ul{
     list-style:none;
     padding-left:10px;
     padding-right:10px;
}
.opcionescuenta a{
     color: #888;
     text-decoration:none;
}
.opcionescuenta ul li{
     margin-bottom:0px;
     border-bottom: solid 0.1px #8c8c8c47;
    /* text-shadow: 1px 1px 0px #fff;
     */
     padding-bottom:0px;
}
.opcionescuentaintranet ul{
     list-style:none;
     padding-left:10px;
     padding-right:10px;
     margin: auto;
     width: 240px;
}
.opcionescuentaintranet a{
     color: #888;
     text-decoration:none;
     text-align: left;
}
.opcionescuentaintranet ul li{
     margin-bottom:0px;
     border-bottom: solid 0.1px #8c8c8c26;
    /* text-shadow: 1px 1px 0px #fff;
     */
     padding: 8px 0;
     text-align: left;
}
.active a div {
     color:#79c151;
     background-color: #595959;
     text-shadow: none;
     background-image: url(../img/right-chevron.svg);
     background-repeat: no-repeat;
     background-size: 16px;
     background-position: calc(100% - 10px) center;
}
.opcionescuenta ul li:last-child{
     margin-bottom:0px;
     border-bottom:solid 0px #ddd;
     padding-bottom:0px
}
.opcionescuenta li div{
     display: flex;
     padding: 7px;
     align-items:center;
}
.opcionescuenta li div:hover{
     display: flex;
     background-color:#595959;
     text-shadow:none;
     align-items:center;
     cursor:pointer;
     color:#fff;
     background-image: url(../img/right-chevron-white.svg);
     background-repeat: no-repeat;
     background-size: 16px;
     background-position: calc(100% - 10px) center;
    /*-webkit-filter: brightness(100%);
     filter:invert(100%);
    */
}
.vista{
    position:absolute;
     margin-left: -57px;
     margin-top: -24px;
}
.vista2{
    position:absolute;
    right: 10px;
    top: 29px;
    /* margin-top: -24px;
     */
}
#campoOK,#campoOK2{
    position:absolute;
    font-size: 15px;
    font-family: 'gothic';
    /* background-color: aqua;
     */
    padding-left: 15px;
    margin-top: -16px;
}
.detallecuenta,.detallepedidos {
     display:inline-block;
     vertical-align:top;
     background-color: #eeeeee5c;
    /* border-top: solid 3px #79c151;
     */
    /* border: solid 1px #fffbfb;
     */
     width: calc(74% - 130px);
     padding: 0 40px 20px 40px;
     margin-top: 40px;
     margin-bottom: 40px;
     position: relative;
     z-index: 0;
    /* white-space: pre-wrap;
     */
}
.detallecuenta hr,.detallepedidos hr{
     border-top:0;
     border-bottom: solid 1px #ffcecf;
     margin-bottom:20px;
     margin-top: -10px;
}
.mensajefinal{
     text-align:center;
     padding: 20px 0;
     border: solid 1px #bfbfbf;
     max-width: 400px;
     margin: 5% auto;
}
.mensaje_final img{
 height:50px;
 margin:auto;
 display:block;
}
.mensaje_final{
     /* text-align:center; */
     padding: 20px;
     border: solid 1px #bfbfbf;
     max-width: 600px;
     margin: 0% auto 10px ;
     border-radius: 5px;
}

.resumen{
    width:30%
}
label{
    padding 20px;
    /* margin: 20px 20px 20px 0;
     */
    display:inline-block;
}
.field span{
 font-size:10px;
 margin-top: -18px;
 color: #f00;
 margin-bottom: 10px;
 display: block;
}

.field {
     width: calc(46.8% - 2px); 
     display: inline-block;
 
}
 .oculto{
     display: none;
}
.infoinput{
    position:absolute;
    margin-top: -20px;
    color: red;
    font-size: 9px;
}
.spaciobottom{
    margin-bottom:20px
}
.spacioderecha{
    margin-right: 6%;
}
 .full{
     width: 86%;
    /* margin-bottom:20px;
     */
}
 .full2{
     width: 100%;
    /* margin-bottom:20px;
     */
     position: relative;
}
.field input{
     display:block;
     width: 100%;
     border: solid 1px #ddd;
     padding: 9px 12px;
     outline: none;
    /* font-size: 20px;
     */
     border-radius: 5px;
     margin: 5px 0 20px 0;
    /* font-family: 'gothic';
     */
     font-family: Poppins, sans-serif, Arial, Helvetica;
     font-size: 14px;
     font-weight: 400;
}
.agregar {
     transition: all 0.5s ease;
     color: #f3f6fa !important;
     /* text-transform: uppercase;
     */
     background: #79c151;
     margin: auto;
     text-shadow: none;
     border: 0;
     box-shadow: none;
     text-decoration: none;
     text-align: center;
     border-radius: 6px;
     font-size: 16px;
     font-family: "Montserrat", serif;
     padding: 10px 15px;
     cursor: pointer;
     /* line-height: 17px;
     */
     /* border-color: #f6b93b;
     */
     display: inline-block;
     /* font-family: 'gothic'; */
     font-weight: 600;
     /* display: block;
     */
     /* margin-top: 20px;
     */
     outline: none;
     /* margin-bottom: 20px;
     */
     box-shadow: 0px 0px 6px #999;
     /* display: flex; */
     /* align-items:
     center; */
     /* text-transform:uppercase;
     */
}

.agergarsugerencia{
    background-color: #51952b;
}

.agregar img{
    filter:
    invert(100%);
    vertical-align: middle;
    /* margin: -6px 10px -5px; */
    padding: 0;
    height: 18px;
    float: right;
}
.agregar:disabled {
     background-color:#a6a6a6;
}
.agregar:hover:not(:disabled)  {
     background-color:#6ead4b;
}
.agregar:active:not(:disabled) {
     position:relative;
     top:1px;
}
.seccionservicio h1{
     font-size:20px;
     text-align:center;
     font-family: 'Century Gothic';
     color: #79c151;
}
.seccionservicio{
     width: calc(29%);
     border: solid 1px #79c151;
     display:inline-block;
     margin-right: 2%;
     padding: 20px;
     /* float:left */
     margin-left: 2%;
     vertical-align: top;
}
.backicono{
     padding-top: 40px;
     background-color: #79c151;
     border-radius: 150px;
     text-align: center;
     margin: auto;
     width: 200px;
     height: 200px;
}
.seccionservicio:last-child{
     margin-right:0;
}
input[type="radio" i] {
     display:inherit;
     width:auto;
     background-color: initial;
     cursor: default;
     appearance: radio;
     box-sizing: border-box;
     margin: 3px 10px 0px 5px;
     padding: initial;
     border: initial;
}
input.borderojo{
    border-color:red;
}
.field input:disabled,.field select:disabled{
     background-color: #f5f5f5;
     color: #a0a0a0;
     border: solid 1px #e0e0e0;
}
.field select{
     display:block;
     width: calc(100%);
     border: solid 1px #ddd;
     appearance: none;
     padding: 12px 12px 12px 8px;
     margin: 5px 0 20px 0;
     background-image: url(https://coopselaunion.edu.pe/admin/images/arrow-select2.png);
     background-repeat: no-repeat;
     background-size: 14px;
     background-position: calc(100% - 8px);
}
label {
     display: inline-block;
     padding-bottom: .2em;
     padding-top: .2em;
     margin-top: .2em;
}
.formradio{
    border:solid 0px;
    margin:0;
}
#metodo{
     display:none;
}
select {
     border-radius: 0px;
}
input, textarea {
     font-size: 1em;
     line-height: 1;
     vertical-align: middle;
     background-color: #fff;
     border: 1px solid #ccc;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
input:not([type]), [type^=date], [type=email], [type=month],[type=number], [type=password], [type=tel], [type=text], [type=time],[type=url], [type=week], [type=submit], select, textarea, input.button {
    /* width: 20em;
     */
    /* height: 2.85em;
     */
    /* padding: .6em .7em;
     */
}
input:hover, input:focus,select:hover, select:focus,textarea:hover, textarea:focus {
     border-color: #ababab;
     box-shadow: inset 1px 1px 3px #d6d6d6, 1px 1px 0 #fff;
}
:-ms-input-placeholder {
     color: #ddd;
}
textarea {
     overflow: auto;
     -webkit-overflow-scrolling: touch;
    /* iOS 7 legacy */
     height: auto;
     min-height: 7.5em;
     line-height: inherit;
     vertical-align: top;
     word-wrap: break-word;
     resize: vertical;
}
/* Design-------------------------------------------------- */
body, .tab {
     margin: 0;
     font-family: 'Century Gothic Normal';
     position: inherit;
     /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
}
.loading{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: #fff radial-gradient(circle, #ffffff 50%, #c9c9c9 100%) 20% 10% no-repeat;
    /* background-color: #fef8ff;
     */
    /* background: -webkit-linear-gradient(top, #ffffff 0%,#ececec 100%);
     */
    /* background: linear-gradient(to bottom, #ffffff 0%,#fdefef 100%);
     */
    /* text-align: center;
     */
    /* vertical-align: middle;
     */
    display: BLOCK;
}
.loading img {
    /* max-height: 100%;
     */
    /* min-width: 400px;
     */
     width: 300px;
    /* height: auto;
     */
     position: absolute;
     top: 50%;
    /* height: 180px;
     */
    /* margin-top: -160px;
     */
    /* margin-left: -129px;
     */
    /* bottom: 0;
     */
     left: 50%;
     transform: translate(-50%, -60%);
    /* right: 0;
     */
    /* margin: auto;
     */
}
.loading span {
     font-family: 'gothic';
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     border-top: solid 5px #79c151;
     text-align: center;
     /* padding: 15px;
     */
     color: #ffffff;
     background: #595959;
     font-size: 14px;
     padding: 8px 0 15px;
}
.progress {
     position: fixed;
     z-index: 999;
     left: 0;
     width: 0%;
    /* IE transition issue */
     height: 3px;
     background-color: #79c151;
}
.status.start .progress {
     width: 70%;
     -webkit-transition-duration: 5s;
    /* Safari and Android legacy */
     transition-duration: 5s;
}
.status.done .progress {
     width: 100%;
     background-color: rgba(34,153,221,0);
     -webkit-transition-duration: .2s;
    /* Safari and Android legacy */
     transition-duration: .2s;
}


.nav_colegio{
 display: inline-block;
 /* max-width: 646px; */
 /* margin-left: auto; */
 float: right;
 margin-top: 63px;
 vertical-align: bottom;
}

.nav_colegio2{
 display: inline-block;
 /* max-width: 646px; */
 /* margin-left: auto; */
 float: right;
 /* margin-right: 150px; */
 margin-top: 33px;
 vertical-align: bottom;
}

.tab_colegio {
    /* position: fixed;
     */
    /* height: 100px;
     */
    /* transition: all 0.5s ease;
     */
    z-index: 100;
    /* width: 100%;
     */
    /* position: relative;
     */
    /* top: 0;
     */
    /* overflow: hidden;
     */
    /* right: 0;
     */
    /* background-color: #f5f5f5d1; */
    /* left: 0;
     */
    line-height: 1.2;
    /* font-family: 'Myriad Pro','Open Sans';
     */
    text-align: center;
    /* white-space: nowrap;
     */
}

.tab_colegio2 {
    /* position: fixed; */
    height: 150px;
    width: 100%;
    /* transition: all 0.5s ease;
     */
    /* transition: all .3s; */
    z-index: 100;
    /* width: 100%;
     */
    /* position: relative;
     */
    /* top: 0;
     */
    /* overflow: hidden;
     */
    /* right: 0;
     */
    background-color: #ffffff;
    /* left: 0;
     */
    line-height: 1.2;
    /* font-family: 'Myriad Pro','Open Sans';
     */
    text-align: center;
    /* white-space: nowrap;
     */
}


.menufijo{
 position: fixed;
 height: 47px;
 background-color: #ffffff;
}
.menufijo .header_colegio {
 height: 38px;
}

.menufijo .nav_colegio2{
 margin-top: 5px;
}

.menufijo .top_colegio2{
 display:none
}
.tab {
    /* position: fixed; */
    /* height: 100px; */
    /* transition: all 0.5s ease;
     */
    z-index: 100;
    /* width: 100%; */
    /* position: relative; */
    /* top: 0;
     */
    overflow: hidden;
    /* right: 0;
     */
    background-color: #eeeeeed1;
    /* left: 0;
     */
    line-height: 1.2;
    /* font-family: 'Myriad Pro','Open Sans';
     */
    text-align: center;
    /* white-space: nowrap;
     */
}
.titulo-quienes-somos{
    color:#fff;
    font-weight: 600;
}
.texto-quienes-somos{
    width: 60%;
    font-size: 18px;
    line-height:18px;
    text-align:left;
    hyphens: none;
}
.izquierda{
    float:right;
    color: #fff;
    padding: 0px 20px 0px 20px;
    /* font-family: 'Open Sans';
     */
    background-color: #79c151;
}
.izquierda a{
     color:#fff
}
.top_colegio{
    width: 100%;
    max-width: 1280px;
    height: 30px;
    /* display: block;
     */
    margin-left: auto;
    margin-right: auto;
    max-width: 1366px;
    line-height: 30px;
    text-align: right;
    padding: 0 20px;
    /* overflow: hidden;
     */
    font-size: 11px;
    font-family: 'Century Gothic Normal';
    color: #191919;
    /* background-color: #595959; */
    /* position: fixed;
     */
    /* margin-bottom: 30px;
     */
}

.top_colegio2{
    width: 100%;
    /*max-width: 1280px;*/
    height: 45px;
    /* display: block;
     */
    border-bottom: solid 1px #98be686b;
    margin-left: auto;
    margin-right: auto;
    /*max-width: 1366px;*/
    line-height: 42px;
    text-align: right;
    padding: 0 20px;
    /* overflow: hidden;
     */
    font-size: 11px;
    font-family: 'Century Gothic Normal';
    color: #191919;
    /* background-color: #595959; */
    /* position: fixed;
     */
    /* margin-bottom: 30px;
     */
}
.top{
    width: 100%;
    height: 30px;
    /* display: block;
     */
    /* max-width: 1366px;
     */
    line-height: 30px;
    /* overflow: hidden;
     */
    font-size: 11px;
    font-family: 'Century Gothic Normal';
    color: #ffffff;
    background-color: #595959;
    /* position: fixed;
     */
    /* margin-bottom: 30px;
     */
}
.top img {
    filter:invert(100%);
    height:18px;
    margin: 4px 5px 5px 20px;
    vertical-align:middle;
}
.top_colegio img {
    filter:invert(50%);
    height:18px;
    margin: 4px 5px 5px 50px;
    vertical-align:middle;
}
.top_colegio2 img {
    filter:invert(50%);
    height:18px;
    margin: 4px 5px 5px 50px;
    vertical-align:middle;
}

.top_colegio2 img.redessoliales{
 height:28px;
}

.logo{
    height: 100%;
    width: 25%;
    text-align: center;
    min-width: 180px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
 
    /* padding: 10px 20px;
     */
    /* background-color: #ffffff;
     */
    /* position: absolute;
     */
    z-index: 9;
    /* border-radius: 7px;
     */
    /* box-shadow: 5px 5px 5px #797676;
     */
}

.header_colegio .logo{
     height: 100%;
     width: 25%;
     float: left;
     text-align: center;
     min-width: 180px;
     display: inline-block;
     vertical-align: middle;
     overflow: hidden;
     /* padding: 10px 20px; */
     /* background-color: #ffffff;
     */
     /* position: absolute;
     */
     z-index: 9;
     /* border-radius: 7px;
     */
     /* box-shadow: 5px 5px 5px #797676;
     */
}

.logo img{
    height: 83%;
    object-fit: contain;
    vertical-align: middle;
    /* display: block;
     */
    margin-top: 8px;
    /* min-width: 180px;
     */
    /* margin-top: 1%;
     */
}
.tab a, .footer a {
     color: inherit;
     text-decoration: none;
}
.item {
     display: none;
}
.header, .main, .footer {
    /* width: 96%;
     */
     min-width: 26em;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
.header {
    /* transition: all 0.5s ease;
     */
    /* display: inline-block;
     */
     vertical-align: bottom;
     position: relative;
    /* padding: 0 .4em;
     */
     max-width: 1366px;
     z-index: 8;
     background-color: #eeeeeea1;
     height: 100px;
     margin: auto;
    /* border: solid 0.1px #eee0;
     */
    /* text-align: center;
     */
    /* background-color: #fff;
     */
    /* background-clip: content-box;
     */
}
.header_colegio {
    /* transition: all 0.5s ease;
     */
    /* display: inline-block; */
    /* vertical-align: bottom; */
    position: relative;
    /* padding: 0 .4em;
     */
    max-width: 1366px;
    z-index: 8;
    /* background-color: #ffffffa1; */
    height: 100px;
    margin: auto;
    /* border: solid 0.1px #c4090996; */
    /* text-align: center;
     */
    /* background-color: #fff;
     */
    /* background-clip: content-box;
     */
}
/*.header:after {
     content: '';
     position: absolute;
     left: .4em;
     right: .4em;
     height: 1.5em;
     background-image: -webkit-linear-gradient(#fff, rgba(255,255,255,0));
     background-image: linear-gradient(#fff, rgba(255,255,255,0));
     pointer-events: none;
}
*/

nav.nav_colegio div {
  /* padding: 0.6em; */
  background: #e3e3e3;
  display: none;
  cursor: pointer;
  color: #292929;
  font-size: 24px;
}

nav.nav_colegio ul {
  margin: 0px;
  padding: 0px;
  /* background: #e3e3e3; */
  list-style-type: none;
  position: relative;
}

nav.nav_colegio ul li {
  display: inline-block;
}

nav.nav_colegio ul li a {
  padding: 10px 20px;
  color: #858181;
  text-decoration: none;
  display: block;
}

nav.nav_colegio ul li:hover {
  background: #e2dedea6;
 color:#444;
}

nav.nav_colegio ul ul {
  position: absolute;
  min-width: 280px;
  /* background: lightgrey; */
  background-image: linear-gradient(to bottom, #545454d1 50%, #424542fc 100%);
  display: none;
}

nav.nav_colegio ul ul li {
  display: block;
  /*background: #e3e3e3;*/
  text-align: left;
 
}
nav.nav_colegio ul ul li a{
  display: block;
  /*background: #e3e3e3;*/
  text-align: left;
 color:#ddd;
}
nav.nav_colegio ul ul li a:hover{
 
 color:#000;
}



nav.nav_colegio ul li:hover ul {
  display: block;
}




nav.nav_colegio2 div {
  padding: 5px 20px;
  /* background: #e3e3e3; */
  display: none;
  cursor: pointer;
  color: #292929;
  font-size: 24;
}

nav.nav_colegio2 ul {
  margin: 0px;
  padding: 0px;
  /* background: #e3e3e3; */
  list-style-type: none;
  position: relative;
}

nav.nav_colegio2 ul li {
  display: inline-block;
}

nav.nav_colegio2 ul li a {
  padding: 10px 15px;
  /* color: #f7f7f7; */
  text-decoration: none;
  display: block;
}
nav.nav_colegio2>ul>li>a {
  padding: 10px 25px;
  /* color: #dd2323; */
  text-decoration: none;
  display: block;
}

nav.nav_colegio2>ul>li:last-child >a {
  padding: 10px 0px 10px  25px; 
 border:solid 0;
}


 

nav.nav_colegio2>ul>li>a>img {
  margin-left:10px;
  height:15px;
}

nav.nav_colegio2>ul>li:hover {
  /* background: #e2dedea6; */
  color: #67b935;
}
nav.nav_colegio2>ul>li>a:hover {
  /* background: #e2dedea6; */
  color: #b8b8b8;
}
nav.nav_colegio2>ul>li>ul>li:hover {
  background: #79b72f;
 color:#444;
}

nav.nav_colegio2 ul ul {
  position: absolute;
  width: 280px;
  /* background: lightgrey; */
  background-image: linear-gradient(to bottom, #1e1e1eb0 50%, #1e1e1e 100%);
  display: none;
  text-align: left;
}

nav.nav_colegio2 ul ul li {
  display: inline-block;
  /*background: #e3e3e3;*/
  text-align: left;
  width: 100%;
}
nav.nav_colegio2 ul ul li a{
  display: block;
  /*background: #e3e3e3;*/
  text-align: left;
  color:#ddd;
  /* white-space: nowrap; */
  text-overflow: ellipsis;
}


nav.nav_colegio2 ul ul li a:hover{
color: #fff;
}

nav.nav_colegio2 ul ul li a.active{
color: #fff;
 background-color:#79b72f
}

nav.nav_colegio2 ul li a.active{color: #fff;background-color: #79b72f;/* border: solid 1px #cdcdcd; */}



nav.nav_colegio2 ul li:has(ul li a.active)
{color: #fff;
 background-color: #79b72f;
 border: solid 0px #cdcdcd;
}

nav.nav_colegio2 ul li a img:has(> ul li a.active)
{
 border: solid 5px #050404;
 height:60px;
}


nav.nav_colegio2 ul li:hover ul {
  display: block;
}

@media (max-width: 768px) {

 .top_colegio2 img.redessoliales{
 height:18px;
}
.top_colegio2 img {
    filter:invert(50%);
    height:18px;
    margin: 4px 5px 5px 10px;
    vertical-align:middle;
}
 .textcontacto{
  display:none;
 }

  nav.nav_colegio div {
    display: block;
    background-color: transparent;
  }
  nav.nav_colegio ul {
    display: none;
    position: static;
    background: #e3e3e3;
  }
  nav.nav_colegio ul li {
    display: block;
  }
  nav.nav_colegio ul ul {
    position: static;
    background: #e3e3e3;
  }
}

.sonidofondo{
 position:fixed;
 right:20px;
 bottom:15px;
 height:40px
}
.infopie{
 position:relative;
 color: #adadad;
 text-align: center;
 background-color: #3d3c3c;
 line-height: 20px;
 border-top: solid 1px #ffffff14;
 margin-bottom:0;
 font-family: "Montserrat", serif;
 font-size: 11px;
 padding: 10px 0;
}
.nav, .footer {
     line-height: 2.1;
}
.nav {
    /* display: inline-block;
     */
    /* display: -webkit-box;
     */
    /* Android 2.3 legacy */
    /* display: flex;
     */
     display: inline-block;
    /* margin-top: 65px;
     */
     width: 70%;
     text-align: end;
    /* padding-right: 20px;
     */
     vertical-align: bottom;
    /* margin: .2em auto;
     */
    /* background-color: #f1f1f1;
     */
    /* background-image: -webkit-linear-gradient(#f8f8f8, rgba(248,248,248,0));
     */
    /* Safari and Android legacy */
    /* background-image: linear-gradient(#f8f8f8, rgba(248,248,248,0));
     */
    /* border: 1px solid #ddd;
     */
    /* border-bottom-color: #ccc;
     */
    /* border-radius: .2em;
     */
    /* box-shadow: 0 1px 1px rgba(0,0,0,.1), inset 0 0 0 1px rgba(255,255,255,.5);
     */
     -moz-box-sizing: border-box;
    /* box-sizing: border-box;
     */
}
.nav a:hover {
     color:#79c151
}
.nav a {
    /* transition: all 0.5s ease;
     */
    /* overflow: hidden;
     */
     display: inline-block;
     position: relative;
    /* Old Webkit visibility issue */
     -webkit-box-flex: 1;
    /* Android 2.3 legacy */
     -ms-flex: 1;
     text-transform: uppercase;
     flex: 1;
     cursor: pointer;
     min-width: 0;
    /* Implied Minimum Size of Flex Items http://dev.w3.org/csswg/css3-flexbox/#min-size-auto */
     font-family: 'gothic';
     max-height: 2.2em;
    /* Old Webkit legacy */
     padding: 0 .9em;
    /* Firefox flexbox padding percentage issue https://bugzilla.mozilla.org/show_bug.cgi?id=529761 */
     text-overflow: ellipsis;
    /* border: 0 solid #ddd;
     */
    /* border-left-width: 1px;
     */
}
.nav a:first-child {
     border-left: none;
     border-radius: .2em 0 0 .2em;
}
.nav a:last-child {
     border-radius: 0 .2em .2em 0;
}
.nav a:hover, .nav a:focus,.item:hover, .item:focus {
     color: #79c151;
    /* background-color: #fcfcfc;
     */
}
.nav a.selected {
     background-color: #ebebeb;
}
.nav a.active {
     position: relative;
     z-index: 1;
    /* margin: -5px auto;
     */
     color: #afcb08;
    /* border-bottom: solid 4px #79c151;
     */
     line-height: 2.2;
    /* background-color: #0c63bc;
     */
    /* border-color: transparent;
     */
}
.nav .active + a {
    /* border-color: transparent;
     */
}
.footer a {
    /* display: inline-block;
     */
     color: #f7f4f4;
    /* padding: 0 .4em;
     */
}
.footer a:hover, .footer a:focus {
     color: #87b61a;
     text-decoration: none;
}
.visitas{
    float:left;
    position:absolute;
    left:20px
}
.bannerprincipal{
    /* background-color:#aaa;
     */
     width:100%;
    /* height: 430px;
     */
    /* position:absolute;
     */
     margin-bottom: 30px;
    /* margin-top: -1px;
     */
     left:0;
}
.seccion2 {
    width:100%;
    padding:0;
    /* margin-top: 450px;
     */
    /* display:inline-block;
     */
    /* height:200px;
     */
}
.seccion2 div{
     background-color:#eee;
     display:inline-block;
     border-radius: 5px;
     width: 24.25%;
     float: left;
     min-height: 160px;
     margin: 0.5%;
     position: relative;
}
div.backpaso{
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    width:100%;
    top: 0;
    background-image: url(/img/auth-bg.jpg);
    background-position: -400px bottom;
    background-size: cover;
    opacity: 0.09;
    z-index: 02;
}
div.backquienessomos{
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    width:100%;
    top: 0;
    background-image: url(/img/fondo-quienes-somos.jpg);
    background-position: 50% 80%;
    background-size: cover;
    /* opacity: 0.5;
     */
    z-index: 01;
}
div.backquienessomos h1{
    color:#fff;
}
.pasocontenido{
     position:relative;
     z-index:3;
}
.seccion2 div:first-child{
     margin-left:0;
}
.seccion2 div:last-child{
     margin-right:0;
}
div.paso1{
     background-color:#7abb53;
     border-radius:0;
     margin-right: 2.5%;
     position: relative;
     min-height: 500px;
     display: inline-block;
     width: 22%;
     vertical-align: top;
}
div.paso2{
     background-color:#6f6f6f;
     border-radius:0;
     min-height:500px;
     margin-right: 2.5%;
     position: relative;
     width: 22%;
     display: inline-block;
     vertical-align: top;
}
div.paso1 p,div.paso2 p{
     width:80%;
     margin:20px auto;
     color:#fff;
     z-index: 3;
}
div.paso1 h1,div.paso1 h2,div.paso2 h1,div.paso2 h2{
     color:#fff;
     text-align:center;
     margin: 0;
}
div.paso1 h2,div.paso2 h2{
    font-family: 'Century Gothic';
    font-size:60px;
    font-weight: 700;
    line-height: 110px;
    margin: 0;
}
div.paso1 h1,div.paso2 h1{
    font-size: 80px;
    line-height: 100px;
    font-family: 'Century Gothic';
}
.seccion3{
     background-color:#eee;
     width:100%;
     border-radius:7px;
     height:350px;
}


.seccion-4{
 display: inline-block;
 width:25%;
 border: solid 0px #eee;
 min-height: 145px;
 vertical-align: top;
 text-align: center;
 position:relative
}


.seccion-3{
 display: inline-block;
 border: solid 0px #eee;
 width: 33%;
 min-height: 150px;
 text-align: center;
 vertical-align: top;
 position:relative
}

.seccion-3 img,.seccion-4 img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 240px;
}

.main, .footer {
    /* position: relative;
     */
    /* padding: 0 5%;
     */
     margin: auto;
}
.part2{
     margin: 2% 2%;
     vertical-align:top;
     width:45.7%;
     display: inline-block;
    /* border: solid 1px #ff0000;
     */
}
.mapa{
    overflow:hidden;
    height:300px;
    border-radius:10px;
    border:solid 1px #ccc;
}
.mapa div{
     margin-top:-140px
}
#sesion{
     margin-right:auto;
     margin-left:auto;
     border: solid 0px;
     font-size: 13px;
     width: 320px;
}
.informacion{
     hyphens:none;
}
p{
    hyphens:none
}
.centro{
    text-align:center
}
#verifica_login{
 width:300px;
 text-align: center;
 margin-left:auto;
 margin-right:auto;
}

a.gbutton {
    position: relative;
    text-align: center;
    display: block;
    margin-top: 0;
    font-family: "Segoe UI";
    padding: 5px 5px 5px;
    cursor: pointer;
    float: right;
    margin-left: 0.75em;
    color: #ffffff;
    font-size: 23px;
    text-decoration:none;
    width:100%;
    border-radius: 10px;
    border: 0px solid #5d5b5b;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 3px #ccc;
    -moz-box-shadow: 1px 1px 3px #ccc;
    box-shadow: 1px 1px 3px #ccc;
    background-image: linear-gradient(
310deg
, #f14545, #ed7c7c);
}

a.gbutton img{
  height:30px;
  margin-bottom:0;
  width:30px;
  background-color:#fff;
  padding:5px;
  border-radius:3px;
  position:absolute;
  left:5px;
}
.DTE_Body {max-width:1280px;margin:auto}
.DTE_Body button {
     position: relative;
     display: block;
     padding: 10px 40px 10px;
     border: 1px solid #3f612c;
     border-radius: 5px;
     cursor: pointer;
    margin:50px auto;
     font-size: 16px;
     color: #eaeaea;
     white-space: nowrap;
     overflow: hidden;
     background-color: #e9e9e9;
          background-image: linear-gradient(to bottom, #79c151 0%, #4e8a2e 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='white', EndColorStr='#e9e9e9');
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     text-decoration: none;
     outline: none;
     text-overflow: ellipsis;
 
}
.DTE_Body div:not(.formalumno,.formpadre,.formmadre,#mashijos,.picture){
              width: 25%;
              display:inline-block;
              padding: 5px 10px 0;
              border: solid 0px #ddd;
              float: left;
              vertical-align: text-top;
             }

.DTE_Body div>label:not(.lradio){
    font-size:11px;
    color: #000000;
    border: solid 0px;
    height: 35px;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    /* vertical-align:top; */
}


.DTE_Body div label.label_adjunto{
 color:#5f5cf5;
 font-size:10px;
 font-family:'arial';
 height:25px;
 padding-top:7px;
 border:solid 0px;
  white-space: nowrap; /* Prevents text from wrapping */
  overflow: hidden; /* Hides overflowing content */
 display:block;
  text-overflow: ellipsis; /* Adds the ellipsis */
  width: 100%; /* Set a fixed width for the container */
}

.obligatorio{
 color:#ff0000;
 font-size: 18px;
 line-height: 1px;
}

#image-preview {
  width: 400px;
  height: 400px;
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
  color: #ecf0f1;
}
#image-preview input {
  line-height: 200px;
  font-size: 200px;
  position: absolute;
  opacity: 0;
  z-index: 10;
}
#image-preview label {
  position: absolute;
  z-index: 5;
  opacity: 0.8;
  cursor: pointer;
  background-color: #bdc3c7;
  width: 200px;
  height: 50px;
  font-size: 20px;
  line-height: 50px;
  text-transform: uppercase;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
}

.DTE_Body  .picture{
    border: solid 1px #bbb;
    position: relative;
    display: block;
    height: 200px;
    border-radius: 5px;
    background-image: url(../socios/img/found.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #f3f4f6;
}

.DTE_Body  div>input{
   padding: 5px 4px;
   width: 100%;
   border: solid 1px #d8d7d7;
   border-radius: 5px;
   outline: none;
   padding: 7px 0 7px 10px;
   /* box-shadow: inset 1px 1px 2px rgb(86 74 74 / 40%), 0 -1px 1px #fff, 0 1px 0 #fff; */
}


#image-preview {
  width: 400px;
  height: 400px;
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
  color: #ecf0f1;
}
.picture>input[type=file] {
  /* line-height: 200px; */
  font-size: 200px;
  position: absolute;
  height: 40px;
  bottom: 0;
  opacity: 0;
  z-index: 10;
  width: 100%;
  /* cursor: copy; */
}
.picture label {
  position: absolute;
  z-index: 5;
  /* opacity: 0.5; */
  cursor: pointer;
  background-color: #cbcbcb96;
  /* width: 200px; */
  height: 50px;
  color: #000;
  font-size: 20px;
  line-height: 35px;
  text-transform: uppercase;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
}
.DTE_Body div select {
    /* margin-top: -4px; */
    width: 100%;
    border: solid 1px #d8d7d7;
    border-radius: 5px;
    outline: none;
    padding: 7px 0 7px 10px;
    display: block;
    /*   width: calc(100%);
    border: solid 1px #ddd;
   padding: 7px 11px 8px 17px;
    margin: 5px 0 20px 0;*/
    background-image: url(../../../admin/img/download.png);
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: calc(100% - 12px);
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 7px 34px 7px 10px;
    outline: none;
    }


.mensaje_centrado{
 border:solid 0;
 width:360px;
 margin:auto;
 text-align:center
}


.botones_pie{
 border:solid 0;
 max-width:1280px;
 margin:auto;
 text-align:right;
 padding:30px;
}

.botones_pie a{
 margin-left:20px
}


.barra{
    width:100px;
    background-color:#bbbbbb;
    border-radius:4px;
    overflow:hidden;
    font-size:10px;
    text-align:center;
    line-height:20px;
    margin: auto;
    color:#fff;
    border: solid 1px #00000054;
    background-image: linear-gradient(to bottom, #e2dcdc 0%, #b7b7b7 100%);
}


.barra2{
    width: 250px;
    background-color:#bbbbbb;
    border-radius: 13px;
    overflow:hidden;
    font-size:10px;
    vertical-align: middle;
    text-align:center;
    position: relative;
    line-height:20px;
    margin: auto;
    color:#fff;
    border: solid 1px #00000054;
    background-image: linear-gradient(to bottom, #e2dcdc 0%, #b7b7b7 100%);
}

.barraporcentaje{
    position:absolute;
    margin-left: -15px;
    text-shadow: 1px 1px 1px #0000005c;
}
.barravalor{
background-image: linear-gradient(to bottom, #8ee601 0%, #259a0f 100%); 
}
.formmadre{
 display:none
}
.main {
    /* overflow: auto;
    */
     -webkit-overflow-scrolling: touch;
    /* iOS 7 legacy */
     min-height: calc(100% - 355px);
     padding-top: 0;
     padding-bottom: 0em;
    /* max-width: 1366px;
     */
     text-align: justify;
     background-image: url(../img/marca-de-agua.png);
     background-size: 40%;
     background-attachment: fixed;
     background-position: 96% bottom;
    /* background-color: #fff;
     */
     background-repeat: no-repeat;
    /* white-space: pre-line;
     */
     z-index: -2;
    /* border: 0 solid #d9e0e2;
     */
    /* border-width: 0 1px;
     */
    /* box-shadow: 2px 0 8px #ddd;
     */
}

#terminos div .close img{
 height:12px;
 filter:invert(100%)
}

#terminos div .close{
 position:absolute;
 padding-top:2px;
 background-color:#444;
 width:30px;
 height:30px;
 border-radius:30px;
 top:10px;
 right:10px;
 color:#fff;
 text-align:center;
 font-size:16px;
  font-family: "Lato", serif;
 
}
#terminos{
 background-color: #0000006b;
 /* filter: blur(1px); */
 position: absolute;
 top: 0;
 height: 100%;
 z-index: 11;
 width:100%
}
#terminos img{
 border-radius:10px 10px 0 0;
 width:calc(100% + 60px);
 margin-top:-30px;
 margin-left:-30px
}

#terminos>div {
 position:relative;
 max-width: 930px;
 background: linear-gradient(180deg, white 90%, #d2f9d2);
 padding: 30px 30px;
 border-radius:10px;
 margin: 100px auto;
 box-shadow: 3px 3px 10px 0px #1a1a1a5e;
}
#terminos p{
 font-size:13px;
 line-height:18px;
  font-family: "Montserrat", serif;
 font-weight:500
}
#terminos label{
 display:block;
 text-align:center;
}
#terminos hr{
 float:none;
}
#terminos input[type="checkbox"]{
 position:relative;
 left:0;
}

.columna_izquierda{
 width: 33%;
 display:inline-block;
 /* border: solid; */
}
.historia_imagen{
    width: 100%;
    margin-top: 20px;
    height: 100%;
    min-height: 550px;
    object-fit: cover;
    object-position: right;
}

.historia_fotos{
    width: 327px;
    height: 221px;
    margin-left: auto;
 
}

.coordinacion_texto{
 width:23%;
 padding: 67px 48px;
 text-align: left;
 background: url(https://coopselaunion.edu.pe/colegio-la-union/images/ola2.png);
 background-color: #D7D8D2;
 min-height: calc(100vh - 162px);
 background-repeat: repeat-x;
 background-position: bottom;
 background-size: 100px;
}
.coordinacion_imagen{
 width:73%;
}
.coordinacion_imagen img{
 margin-left:auto;margin-right:auto
}

.instalaciones_texto{
 width:43%;height: calc(100vh - 152px);
}

.propuesta_texto{
 width: 50%;
 height: calc(100vh - 152px);
}

.pilares_texto{
 height: 440px;
}

.pilares_imagen{
 display:block;margin:auto;width:600px;
}

.columna_derecha{
 width: 65%;
 display:inline-block;
 /* border:solid; */
 vertical-align: top;
 margin-left: 2%;
}

.instalaciones_fotos{
 width:56.6%;
 margin-left:0;
 height: calc(100vh - 152px);
 overflow: hidden;
}

.propuesta_fotos{
 width:50%;
 margin-left:0;
 height: calc(100vh - 152px);
 overflow: hidden;
}

.side1{
 width: 50%;
 display:inline-block;
 vertical-align: top;
}

.side2{
 width: 50%;
 display:inline-block;
 vertical-align: top;
 }




.columna_derecha p{
 font-family: "Montserrat", serif;
 font-weight:500;
 color:#000
}

.columna_izquierda p{
 font-family: "Montserrat", serif;
 font-weight:500;
 line-height: 18px;
 color:#000
}

.side1 p,.side2 p, .parrafo_ib{
 font-family: "Montserrat", serif;
 font-weight:500;
 line-height: 22px;
 color: #978585;
 font-size: 17px;
}


.columna_derecha img
{
 display:block
}
.circulo{
 padding-top:35px;
 font-family: "Montserrat", serif;
 background-color:#014a8e;
 color:#fff;
 border-radius:100px;
 height:150px;
 width:150px;
 text-align:center;
 margin: 0px auto 30px;
 font-size:22px;
 font-weight:400
 }
.circulo span{
font-size:75px;
 display:block;
 margin: -14px auto 0;
 width:40px;
 font-weight:700
}
.pie_ib{
 background-color:#014a8e;
 color:#fff;
 font-size: 31px;
 height: 75px;
 padding: 15px 20px;
 border-radius: 0 0 37px 37px;
 font-weight: 700;
 font-family: "Montserrat", serif;
}
.pie_ib span{
  font-size: 16px;
  display:inline-block;
  vertical-align:top;
  color:#fff;
  padding: 12px  10px;
 }
.logoib,.textib {
 display: inline-block;
    vertical-align: middle
}
.pie_ib a{
 color:#fff;
 font-weight:500;
}
.tres_columnas{
 display:inline-block;
 width:33.33%;
 margin: 30px 0;
 border:solid 0px;
 padding: 20px 35px;
 font-family: "Montserrat", serif;
 height: 100%;
 min-height:550px;
 border-right: solid #014a8e 2px;
 vertical-align:top
}

.franja{
 background-color: #00b9df;
    display: block;
    height: 559px;
    top: 100px;
    width: 100%;
    position: absolute;
}

.item-ib img{
 display:inline-block;
 vertical-align: middle;
 margin-right: 10px;
 }

.item-ib {
 width:500px;
 /* border:solid 1px; */
 vertical-align:top;
 margin-bottom: 20px;
 }
.item-ib div{
  vertical-align: middle;
  display:inline-block;
  max-width: 400px;
 }

.item-ib h3{
 font-family: "Montserrat", serif;
 color:#029dd6;
 margin-bottom:0;
 padding: 0;
 vertical-align:top;
 }

.item-ib p{
 /* display:inline-block; */
 font-family: "Montserrat", serif;
 color:#686868;
 margin-bottom:0;
 margin-top:0;
 padding: 0;
 }

.pie-ib{
 background-color: #014a8e;
 color: #fff;
 min-height: 93px;
 border-radius: 50px 50px 0px  0px;
 font-size: 19px;
 text-align: left;
 font-family: 'Montserrat';
 padding: 10px 60px;
 vertical-align: middle;
 margin-top: 70px;
 line-height: 35px;
 max-width: 1376px;
 margin: auto;
}

.pie-ib a{
 color:#fff;
 font-weight:600
}
.franja_ib{
 background: linear-gradient(90deg, #00b9df, #77b230);
 display: block;
 width: 100%;
 position: relative;
 margin-top: -3px;
 padding: 40px 0px;
 z-index: 9;
}
.franja_ib div div{
 display:inline-block;
 width:33%;
 text-align:center
}

.tres_columnas:nth-child(3){
 
 border-right:none
}

.titulo_ib{
 background-color:#00b9df;
 color:#fff;
  font-family: "Montserrat", serif;
 font-size:22px;
 font-weight:700;
 border-radius: 10px 10px 0 0;
 padding:10px 40px;
 display:inline-block
}

.proposito{
 border:solid 2px #004a8e;
 border-radius:0 40px 40px;
 padding: 0px;
 background-color: #fff;
 z-index: 9999;
}

.recuadro{
 background-color:#DADBD5;
 position:absolute;
 width: 800px;
 height: 550px;
 right: -400px;
 bottom: 0;
}


.full_video{
 
width: 100%;
 
height: calc(100vh - 340px);
 
position: relative;
 
overflow: hidden;
 
background-color:#ff0;
}

.full_video video{
 
width: 100%;
 
height: 100%;
 
position: relative;
 
overflow: hidden;
 
object-fit:cover;
 
background-color: #ededed;
}
.link_coopse{
 width:30%;
 display:inline-block;
 margin:10px 20px 60px 20px;
 position:relative
}
.link_coopse img{
 width: 100%;
 max-height: 250px;
 object-fit: cover;
 object-position: top;
}
.link_coopse span{
 color:#fff;
 border:solid 0px #ff0000;
 width:100%;
 display:block;
 position:absolute;
 top:0;
 height:100%;
 background: linear-gradient(0deg, #79b72f 10%, #79b72f00 40%);
 vertical-align:bottom;
    transition: all 0.5s ease;
}

.link_coopse span:hover{ 
 background: linear-gradient(0deg, #79b72f 0%, #79b72f00 100%);
 transition: all 0.5s ease;
}

.link_coopse span:hover label{ 
 color:#ffffff;
 font-size:26px;
 line-height:240px;
 transition: all 0.5s ease;
}


.link_coopse:nth-child(2) span{
 
    transition: all 0.5s ease;
 background: linear-gradient(0deg, #01909e 10%, #79b72f00 40%);
}

.link_coopse:nth-child(2) span:hover{
 background: linear-gradient(0deg, #01909e 10%, #79b72f00 100%);
 
    transition: all 0.5s ease;
}

.link_coopse span label{
 position:absolute;
 bottom:0;
 width:100%;
 left:0%;
 font-size:18px;
 font-weight:600;
 line-height:24px;
}
.union{
     border: solid 0px;
     height: 100%;
     position: absolute;
     top: 0;
     left: 49%;
     width: 220px;
     background: linear-gradient(90deg, #ffffff, transparent);
     z-index: 2;
}
.main_colegio2 {
    /* overflow: auto;
    */
    -webkit-overflow-scrolling: touch;
    /* iOS 7 legacy */
    min-height: calc(100% - 377px);
    padding-top: 0;
    /* margin-top: 150px; */
    padding-bottom: 0em;
    /* max-width: 1366px;
     */
    text-align: justify;
    /* background-image: url(../img/marca-de-agua.png); */
    background-size: 40%;
    background-attachment: fixed;
    background-position: 96% bottom;
    /* background-color: #fff;
     */
    background-repeat: no-repeat;
    /* white-space: pre-line;
     */
    z-index: -2;
    /* border: 1px solid #9e9e9e33; */
    /* border-width: 0 1px;
     */
    /* box-shadow: 2px 0 8px #ddd;
     */
    /* transition: all .3s; */
}
.mainfijo{
 margin-top: 155px;
 /* transition: all .3s; */
}
.main_colegio {
    /* overflow: auto;
    */
    -webkit-overflow-scrolling: touch;
    /* iOS 7 legacy */
    min-height: calc(100% - 355px);
    padding-top: 0;
    padding-bottom: 0em;
    /* max-width: 1366px;
     */
    text-align: justify;
    /* background-image: url(../img/marca-de-agua.png); */
    background-size: 40%;
    background-attachment: fixed;
    background-position: 96% bottom;
    /* background-color: #fff;
     */
    background-repeat: no-repeat;
    /* white-space: pre-line;
     */
    z-index: -2;
    /* border: 1px solid #9e9e9e33; */
    /* border-width: 0 1px;
     */
    /* box-shadow: 2px 0 8px #ddd;
     */
}
.tour{
     position:
     absolute;
     bottom:5%;
     right:5%;
     background-color: #59595982;
     padding: 5px 10px;
     line-height: 30px;color:#ffffff;
     vertical-align: middle;border-radius:10px;
}
.intranet{
    height: calc(100% - 40px);
    width: calc(100% - 367px);
    /* border: solid 1px;
     */
    /* position: absolute;
     */
    overflow:scroll;
    /* left: 0;
     */
    margin-left: 367px;
    background: no-repeat;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 30px;
}
.intranet h1{
     color:#595959;
    /* border-bottom: solid 1px #00000024;
     */
    /* padding-bottom: 25px;
     */
}
.intranet-login{
    background-image:url(../img/fondo-menu.png), url(../img/fondo-colegio-launion.jpg);
    background-position:left,right;
    background-size:auto;
    height:100%;
    background-attachment:fixed;
    overflow:scroll;
}
.content{
     width:1000px;
     margin-top:50px;
     min-height:600px;
     background:#fff;
     margin:0 auto;
     padding:20px;
}
.contenedor-cookiehome{
     background: rgba(0, 0, 0, 0.71);
     position: absolute;
     width: 100%;
     z-index: 999999;
     display: block;
}

.configura-cookie{
    background-color:#fff;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    display: none;
    /* padding-bottom: 100px; */
    transform: translate(-50%, -50%);
}
.cookiehome {
     background: #fff;
     width: 800px;
     padding: 20px;
     margin: 0 auto;
     opacity:0;
     display: block;
     background: url(../img/fondo-blanco.jpg);
     background-size: inherit;
     background-position-y: 24%;
     position: absolute;
     border-radius: 5px;
    top:50%;
    left:50%;
     /* width: 100%; */
     */
     transform: translate(-50%, -50%);
     bottom: -250px;
     /* height: 327px; */
     /* border-top: solid 6px #79c151; */
     text-align: center;
     transform: translate(-50%, -50%);
}
.cerrar-cookiehome {
     position: absolute;
     right: 12px;
    /* margin-left: 720px;
     */
     cursor: pointer;
}

.cookiehome .tab{
    width: calc(100%);
    position: relative;
    background-color: transparent;
}

.detalle-botones{
    border: solid 0px;
    position:
    absolute;
    bottom:0
    
;
    width: calc(100% - 40px);
    border-top: solid 1px #0002;
    padding-top: 20px;
}

.cookiehome .tab div{
    width: 32.5%;
    display:
    inline-block;
    border-bottom: solid 1px #0002;
    padding: 15px;
    background-color: transparent;
    border-radius: 10px 10px 0px 0px;
    margin-right: 0.8%;
    cursor: pointer;
    margin-top: -10px;
    transition: all 0.5s ease;
}

.cookiehome .tab .tabselect{
    border-bottom:solid 5px #79c151
}

.vercookie{
    background:
    none;
    color:#fff;
    vertical-align: middle;
    cursor:
    pointer;
    line-height: 30px;
}

:root {
  --white: #e8e9ed;
  --gray: #434257;
  --blue: #18172c;
  --green: #00d084;
  --pink: #ff4b77;
}
ol {
  list-style: none;
  padding-left: 15px;
}

label {
  cursor: pointer;
}

[type="checkbox"] {
  position: absolute;
  left: -9999px;
}

.switches {
  /* max-width: 640px; */
  /* width: 95%; */
  margin: 0px auto 20px;
  /* border-radius: 5px; */
  color: #3c3c3c;
  /* background: #cbcbcb; */
}

.switches li {
  position: relative;
  counter-increment: switchCounter;
}

.switches li:not(:last-child) {
  border-bottom: 1px solid #cbcbcd;
}

.switches li::before {
  content: counter(switchCounter);
  position: absolute;
  top: 50%;
  left: -6px;
  transform: translateY(-50%);
  font-size: 13px;
  font-weight: bold;
  color: var(--pink);
}

.switches label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 15px;
  text-align: left;
}

.switches span:last-child {
  position: relative;
  width: 59px;
  max-width: 51px;
  height: 26px;
  border-radius: 15px;
  box-shadow: inset 0 0 5px rgb(0 0 0 / 40%);
  background: #a8a7a9;
  transition: all 0.3s;
}

.switches span:last-child::before,
.switches span:last-child::after {
  content: "";
  position: absolute;
}

.switches span:last-child::before {
  left: 1px;
  top: 1px;
  width: 24px;
  height: 24px;
  background: var(--white);
  border-radius: 50%;
  z-index: 1;
  transition: transform 0.3s;
}

.switches span:last-child::after {
  top: 50%;
  right: 8px;
  width: 12px;
  height: 12px;
  transform: translateY(-50%);
  background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/uncheck-switcher.svg);
  background-size: 12px 12px;
}

.switches [type="checkbox"]:checked + label span:last-child {
  background: var(--green);
}

.switches [type="checkbox"]:checked + label span:last-child::before {
  transform: translateX(24px);
}

.switches [type="checkbox"]:checked + label span:last-child::after {
  width: 14px;
  height: 14px;
  /*right: auto;*/
  left: 8px;
  background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/checkmark-switcher.svg);
  background-size: 14px 14px;
}

@media screen and (max-width: 600px) {
  .switches li::before {
    display: none;
  }
}








.menuintranet{
     background-color: #eeeeee5c;
     padding: 30px 10px;
}
.detalle-videos{
     background-color: #595959;
     width: 108%;
     position: relative;
     left: -34%;
     top: -20px;
     padding-left: 31%;
     z-index: 0;
     margin-bottom: -49PX;
     padding-top: 20px;
}
.video{
    display:inline-block;
    width: 234px;
    height: 312px;
    border: outset 10px #3a3939;
    vertical-align: top;
    margin: 0 66px 70px 32px;
    box-shadow: 5px 5px 15px #000000;
}
.video img {
     width:100%;
     height: 100%;
     object-fit: none;
}
.video a{
     text-decoration:none;
     cursor:pointer
}
.video span{
    text-align:center;
    margin-top: 18px;
    display:block;
    color: #eee;
    line-height: 10px;
}
.video label{
     font-size:11px;
     color:#aaa;
     line-height:15px
}
 .bloque2{
    /* border: solid 1px #79c151;
     */
     padding: 25px 45px 25px 25px;
     width: calc(50% - 75px);
    /* float:left;
     */
     text-align: center;
    /* line-height: 1.2;
     */
     display:inline-block;
     vertical-align: middle;
    /* margin-right: 4%;
     */
     hyphens: none;
}
.detallemisaviso{
     color: #7d7d7d;
    /* text-align:justify;
     */
     max-width: 400px;
     font-size:12px;
     height: 162px;
     border: solid 1px #0002;
     border-radius: 0px;
    /* overflow: hidden;
     */
     vertical-align: top;
     background-color: #fff;
     white-space: pre-wrap;
     overflow: auto;
     padding: 20px;
}
.detallemismensajes{
     color: #3a3a3a;
    /* text-align:justify;
     */
     font-size:12px;
     height: 84px;
     border-radius: 5px;
    /* overflow: hidden;
     */
     vertical-align: top;
     background-color: #fff;
     white-space: pre-wrap;
     overflow: auto;
     padding: 10px;
}
.fechamensaje{
     position:absolute;
     top: 10px;
     right: 15px;
     font-size:10px;
     color: #aaa;
     width: 80px;
     text-align:right;
}
div.detalleaviso{
     color: #7d7d7d;
     text-align:justify;
     font-size:12px;
     padding-top: 30px;
     vertical-align: top;
     white-space: pre-wrap;
}
div.full{
     width:50%;
     padding: 0 40px 0 0;
     text-align: left;
}
div.full:last-child{
    /* padding:0;
     */
}
.respuestas{
     background-color: #ffffff80;
    /* margin-left: 10%;
     */
     border-radius:5px;
     padding: 10px;
    /* padding-bottom:15px;
     */
     box-shadow: 1px 1px 10px #aaaaaa45;
}
.topeavisos{
     max-height:280px;
     overflow:auto;
     margin-bottom: 15px;
     padding-right:10px;
     text-align: left;
}
.comment-form-container {
     background: #F0F0F0;
     border: #e0dfdf 1px solid;
     padding: 20px;
     border-radius: 2px;
}
.input-row {
     margin-bottom: 20px;
}
.input-field {
     width: 100%;
     border-radius: 2px;
     padding: 10px;
     border: #e0dfdf 1px solid;
}
.btn-submit {
     padding: 10px 20px;
     background: #333;
     border: #1d1d1d 1px solid;
     color: #f0f0f0;
     font-size: 0.9em;
     width: 100px;
     border-radius: 2px;
     cursor:pointer;
}
ul {
     list-style-type: none;
}
.comment-row {
    /* border-bottom: #e0dfdf 1px solid;
     */
    /* margin-bottom: 15px;
     */
     padding: 9px;
}
.outer-comment {
    /* background: #F0F0F0;
     */
     padding: 0 0px;
     margin: 0;
    /* border: #dedddd 1px solid;
     */
}
span.commet-row-label {
     font-style: italic;
}
span.posted-by {
     color: #595959;
     font-weight: 600;
}
.comment-info {
     font-size: 0.8em;
     color: #34c138;
    /* border: solid 1px #000;
     */
     border-radius: 6px 6px 0px 0;
     background-color: #ffffff;
     padding: 10px;
}
span.posted-at{
     color:#595959;
     font-weight:300;
}
.comment-text {
    /* margin: 10px 0px;
     */
     color: #000000;
    /* border: solid 1px #000;
     */
     border-radius: 0 0 6px 6px;
     background-color: #ffffff;
     padding: 0 10px 10px 10px;
}
.btn-reply {
     font-size: 0.8em;
     text-decoration: underline;
     color: #888787;
     margin-left: 10px;
     cursor:pointer;
}
#comment-message {
     margin-left: 20px;
     color: #189a18;
     display: none;
}
.usuariocomentario{
     color:#74c047;
    /* border: solid 1px #000;
     */
     border-radius: 6px;
     background-color: #ffffff;
     padding: 10px;
}
.usuariocomentario,.responder {
    text-align:left;
    font-weight:600;
    font-size: 11px;
}
.responder span{
    font-weight:300
}
.responder {
     margin: 5px 0 20px 20px;
}
.responder:last-child{
     margin: 5px 0 0px 20px;
}
.respuestas p{
    /* border-bottom:solid 1px #ddd;
     */
    /* width:90%;
     */
     margin:auto;
     text-align:left;
     font-weight: 100;
     color:#444;
     padding-bottom: -3px;
     padding-top: 1px;
     font-size: 13px;
}
.textcomentario{
     border: 0;
     text-align: left;
     margin-top: 10px;
}
.textcomentario button{
     width:20%;
     border-radius: 6px;
}
.textcomentario input{
     border:0;
     width: 79.2%;
     margin-right: 0.8%;
     border-radius: 6px;
     height:40px;
     box-shadow: inset 1px 1px 4px #ccc;
}
.avisoimagen img{
     width:100%;
}
.avisoimagen{
    /* border-radius: 6px;
     */
     overflow:hidden;
    /* border: solid;
     */
}
.imageaviso{
    border-radius:6px
}
.bloque2:last-child{
    margin-right:0
}
.bloque2 li {
     line-height:16px;
     margin-bottom:20px
}
.bloque2 h2{
     margin-bottom:20px;
     font-family:'century gothic'
}
.button {
     overflow: hidden;
     display: inline-block;
     padding: .65em .7em;
     margin: .6em auto;
     color: inherit;
     line-height: 1;
     vertical-align: middle;
     white-space: nowrap;
     text-overflow: ellipsis;
     background-color: #fff;
     border: 1px solid #ccc;
     box-shadow: inset 0 -3em 6em -3em #ececec, 1px 1px 0 #fff;
}
.button:hover, .button:focus {
     color: inherit;
     text-decoration: none;
     border-color: #ababab;
     box-shadow: inset 0 0 0 1px #fff, inset 0 -3em 6em -3em #ececec, 1px 1px .3em #d6d6d6;
}
.button:active, .button.selected {
     box-shadow: inset 0 -3em 6em -3em #d6d6d6, inset 1px 1px .3em #d6d6d6, 1px 1px 0 #fff;
}
.ladoisquierdo{
    float:left;
    width:50%;
    margin-right:30px
}
.footerlogo{
     transition: all 0.5s ease;
     -webkit-filter: grayscale(0%) brightness(0) invert(1) saturate(0%) hue-rotate(0deg) blur(0px);
     opacity: 0.2;
     margin-top: 30px;
     /* height: 143px; */
     vertical-align: middle;
}
.footerlogo_colegio{
     transition: all 0.5s ease;
     -webkit-filter: grayscale(0%) brightness(0) invert(1) saturate(0%) hue-rotate(0deg) blur(0px);
     /* opacity: 0.2; */
     /* margin-top: 30px; */
     height: 200px;
     /* border: solid; */
     font-family: lato;
     /* vertical-align: middle; */
     font-size: 13px;
}

.footerlogo_colegio img
{
 position: absolute;
 top: 50%;
 left: 50%;
 /* min-height: 700px; */
 /* padding-bottom: 100px; */
 transform: translate(-50%, -50%);
}

.pie_link{
 border:solid 0;
 color:#fff;
 text-align:center;
 padding-top: 55px;
}
.pie_link li{
 border:solid 0px;
 color: #ededed;
 text-align:left;
 font-family: "Montserrat", serif;
 font-size: 11px;
 list-style: disc;
}
.pie_link label{
display:block;
 margin-top:-30px
}

.footerlogo:hover{
     -webkit-filter: grayscale(0%) brightness(100%);
     opacity: 1;
}
 .footerlogo img{
    /*transform: translate(-50%, -50%);
    top: 50%;
     position: absolute;
    left: 50%;
    */
     max-width: 300px;
}
.footer {
    /* overflow: hidden;
     */
    min-height: 200px;
    /* IE11 issue */
    margin-left: 0px;
    width: calc(100% + 40px);
    /* margin-top: 2.1em;
     */
    /* line-height: 2.1;
     */
    background-color: #444;
    /* background-image: url(https://www.america.edu.pe/wp-content/uploads/2018/12/bluepat.jpg); */
    text-overflow: ellipsis;
    border-top: solid 5px #79c151;
    /* white-space: nowrap;
     */
    /* border-top: 1px solid #eee;
     */
    z-index: 2;
}
.footer-map{
     display:inline-block;
     vertical-align:top;
     width:20%;
}
/* Handlers-------------------------------------------------- */
[hidden], template {
    /* Unsupported attribute http://dev.w3.org/html5/spec/single-page.html#the-hidden-attribute */
     display: none;
}
.visible {
     visibility: visible;
}
.hidden {
     visibility: hidden;
     pointer-events: none;
}
.touchstart {
     opacity: .55;
}
.disabled, .disabled a {
     pointer-events: none;
}
.disabled {
     opacity: .3;
}
/* Cross-browser compatibility-------------------------------------------------- */
@media \0screen\,screen\9 {
    /* IE6-8 */
    /* Remove IE7 black border on converting any black color to transparent. Be sure that input[type=submit] has not specified #000000 for any property. Unfortunately it is casing remove properties filter:progid:DXImageTransform.Microsoft.gradient(), box-shadow. input[type=submit], input[type=submit]:hover {
         *filter: chroma(color=#000000);
    }
     */
     html {
         *overflow: auto;
    }
     ul, ol {
         *list-style-position: outside;
    }
     hr {
         *display: block;
         *height: auto;
    }
     form {
         *margin: auto;
    }
     input, select, textarea {
         width: 20em;
         padding: .65em .7em;
         vertical-align: middle;
    }
     .tab:before {
         background-color: #f7f7f7;
    }
     .header {
         overflow: hidden;
    }
     .nav {
         display: table;
         width: 100%;
         border-collapse: collapse;
         table-layout: fixed;
    }
     .nav a {
         display: table-cell;
    }
}
@media (min-width:0\0) {
    /* IE9-10 http://www.impressivewebs.com/ie10-css-hacks/ */
     a {
         background-color: inherit;
        /* Remove IE10 :active gray background-color */
    }
     .tab:before {
         background-color: #f7f7f7;
    }
     .header {
         overflow: hidden;
    }
     .nav {
         display: table;
         width: 100%;
         table-layout: fixed;
    }
     .nav a {
         display: table-cell;
    }
     .show .nav a {
         display: block;
    }
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE10+ */
     .tab:before {
         background-color: rgba(247,247,247,0);
    }
     .header {
         overflow: visible;
    }
     .nav {
         display: -ms-flexbox;
         display: flex;
    }
     .nav a {
         display: block;
    }
}
@media (-webkit-min-device-pixel-ratio: 0) {
    /* Webkit */
    /* Android version issues -------------------------------------------------- all - slow click/hover state on any element except <a> 2.3 - @keyframes flicker http://georgehess.com/post/2054803814/css-keyframe-animation-flicker 2.3 - unknown appearance of visibility:hidden on new DOM elements on scroll while using -webkit-transform:translate3d(0,0,0), -webkit-backface-visibility:hidden or -webkit-perspective:1000 */
     a, input, select, textarea {
        /* <select> shadow DOM issue https://code.google.com/p/chromium/issues/detail?id=234871 */
        /* Remove outline and highlight-color from click-able elements on Android and iOS */
         -webkit-tap-highlight-color: rgba(0,0,0,0);
    }
     a {
         -webkit-touch-callout: none;
        /* iOS remove bubble dialog on tap-holding */
    }
     [type=search], input::-webkit-clear-button, input::-webkit-inner-spin-button, input::-webkit-file-upload-button, input::-webkit-search-cancel-button {
         -webkit-appearance: none;
        /* Firefox issue https://bugzilla.mozilla.org/show_bug.cgi?id=605985 */
    }
     input::-webkit-inner-spin-button {
         height: inherit;
    }
     input::-webkit-file-upload-button {
         margin: auto;
         font: inherit;
         border: 0;
    }
     textarea::-webkit-scrollbar {
         width: 8px;
         background-color: rgba(250,250,250,0);
    }
     textarea::-webkit-scrollbar-thumb {
         background-color: #8e8f91;
    }
     textarea::-webkit-scrollbar-thumb:hover {
         background-color: #666;
    }
     ::-webkit-input-placeholder {
         color: #ddd;
    }
}
@-moz-document url-prefix() {
    /* Firefox */
     ::-moz-selection {
         color: #fff;
         text-shadow: none;
         background-color: #8f8f8f;
    }
     label:active {
         background-color: transparent;
    }
     input, select, textarea {
         background-image: none;
         border-radius: 0;
    }
     input {
         -moz-appearance: none;
        /* Hack for appearance:none https://bugzilla.mozilla.org/show_bug.cgi?id=649849 */
         text-indent: .01px;
         text-overflow: '';
    }
     input::-moz-focus-inner {
        /* Firefox input height issue http://davidwalsh.name/firefox-buttons, line-height issue https://bugzilla.mozilla.org/show_bug.cgi?id=697451 */
         padding: 0;
         border: 0;
    }
     :-moz-placeholder {
         color: #ddd;
    }
}
/* Device optimization-------------------------------------------------- */
/* CSS Device Adaptation http://dev.w3.org/csswg/css-device-adapt/ */
@viewport {
     width: device-width;
     max-zoom: 1;
}
@media (max-width: 1600px) {
    .detallecuenta table.libro tr {
         display:inline-block;
         width: 20%;
    }
}
@media (max-width: 1400px) {
    .detallecuenta table.libro tr {
         display:inline-block;
         width: 25%;
    }
}
@media (max-width: 1280px) {
    table.libro tr {
         display:inline-block;
         width: 25%;
    }
     
     .seccionservicio{
          width: 80%;
          margin-left: 10%;
          margin-bottom: 10%
     }
}
@media (max-width: 1024px) {



.seccion-4{
 display: inline-block;
 width:100%;
 border: solid 0px #eee;
 min-height: 145px;
 vertical-align: top;
 text-align: center;
 position:relative
}


.seccion-3{
 display: inline-block;
 border: solid 0px #eee;
 width: 100%;
 min-height: 150px;
 text-align: center;
 vertical-align: top;
 position:relative
}


.side1{width:100%}
.side2{width:100%}
 
.ib_franja1{
 font-size:14px;
 text-align: center;
}

 .coordinacion_imagen img{width:100%;margin-top: 30px;}
 .columna_derecha{width: 90%;padding-right: 0;margin: auto;display: block;} 
 .columna_izquierda{ width:100%; }
.propuesta_fotos{ height:450px}
 .instalaciones_fotos{ height:450px;width:94%}
 .bloque_centrado{  height:auto; }
 .bloque_centrado_pilares{  height:auto; }
 .pie-ib{font-size:14px;line-height: 20px;border-radius:15px 15px 0 0px;padding: 12px;}
 .coordinacion_texto{
  padding:10px 20px;
  height: auto;
  min-height: auto;
 }
 
.ib_franja2{
font-size:14px;
 text-align: center;
 
}
.ib_franja3{
font-size:14px;
text-align: center;
}
 .franja_ib div div{
 display:block;
 width:100%;
 text-align:center;
  margin-bottom:40px;
}
 .franja_ib div div:last-child{
  margin-bottom:0
  
 }
.instalaciones_texto{ height:auto}
 .subtitulo_colegio{
  font-size: 18px;
 }

 .pilares_texto {
 height:auto;
}
 .pilares_imagen{
  width:100%
 }
 .union{
  display:none;
 }
 
.propuesta_texto{ 
 height: auto
}
 .propuesta_margen{
  margin:2%;
 }
 
.historia_imagen{
 margin-top:0;
}

 .historia_fotos{
  width:100%;
  height:300px;
 }
 
 .tres_columnas{width:100%;
               border-right:0}


 .columnas-6 {
  width: 100%;
  margin: 40px 0;
 }

 
.medio{width:100%}
 
.medio:nth-child(3){
  border:solid;
  display:none
  }

 .fondo_inicio3{
  height:130vh;
 }
 .centrado {
  min-width:90%;
  padding:0;
 }

 .link_coopse{
 width:80%;
 display:inline-block;
 margin:10px 20px 60px 20px;
 position:relative
}

 .bloquefull{
  /* height:100vh; */
 }

 .limite_logos_inicio {height: 130vh;}

.centrado h1 {font-size: 18px;width: 90%;margin: auto;}
.centrado p {text-align:justify;
            max-width:800px;
            margin:auto;
            padding:20px 30px}

 .columnas-4{
               width:80%;
               margin: 15% 10%;
               border: solid 0px;
               text-align:center
               }
 
    table.libro tr {
         display:inline-block;
         width: 33%;
    }
    table.galeria tr {
         display:inline-block;
         float: left;
         width: 33%;
    }
}
@media (max-width: 800px) {


 
.DTE_Body div:not(.formalumno,#mashijos,.picture){
              width: 50%;
              display:inline-block;
              padding: 5px 10px 0;
              border: solid 0px #ddd;
              float: left;
              vertical-align: text-top;
             }


    
.cookiehome {width:100%;
            }
    .detallecuenta table.libro tr, table.libro tr {
         display:inline-block;
         width: 33%;
    }
    table.galeria tr {
         display:inline-block;
         float: left;
         width: 49%;
    }
}


@media (max-width: 460px) {


.cookiehome .tab div{
width:100%;
    padding:10px;
    margin:0;
    font-size:12px
}
}

@media (max-width: 600px) {


 
.DTE_Body div:not(.formalumno,#mashijos,.picture){
              width: 100%;
              display:inline-block;
              padding: 5px 10px 0;
              border: solid 0px #ddd;
              float: left;
              vertical-align: text-top;
             }


 
     .intranet-login{
         background:none;
    }
     .tour{
        display: none;
    }
    .cabecera{
         height:95px;
         width:100%;
    }
    .intranet-login .limite {
        width:100%;
        margin-left: 0
    }
    div.full{
        width: 100%;
        padding: 0;
    }
    .limiteaviso{
         display: flex;
        flex-direction: column-reverse;
        width:100%;
        padding:0
    }
    div.full:first-child{
         padding-top:30px;
         max-width: 100%;
    }
    .field{
         width:100%;
    }
    .detallecuenta table.libro tr,table.libro tr {
         display:inline-block;
         width:100%;
    }
    table.galeria tr {
         display:inline-block;
         float: left;
         width: 100%;
    }
}
@media (max-width: 1279px) {
nav.nav_colegio2 ul ul li a:hover{
 
 color:#7bb32e;
}
 nav.nav_colegio2 ul ul {
  position: absolute;
  width: 100%;
  /* background: lightgrey; */
  background-image: linear-gradient(to bottom, #545454d1 50%, #424542fc 100%);
  display: none;
  text-align: left;
}
 
nav.nav_colegio2 ul ul li {
  display: inline-block;
  /*background: #e3e3e3;*/
  text-align: center;
  width: 100%;
}

 nav.nav_colegio2 ul ul li a{
  display: block;
  background: #5f5f5f;
  border-bottom: solid 1px #6f6a6a;
  text-align: left;
  color: #e1e1e1;
}

  nav.nav_colegio2 div {
    display: block;
    /* background-color: #eee5e5; */
    width:100%;
  }
  nav.nav_colegio2 ul {
    display: none;
    position: absolute;
    left: 0;
    background: #e3e3e3;
    width: 100%;
    /* height: 800px; */
  }
  nav.nav_colegio2 ul li {
    display: block;
  }
  nav.nav_colegio2 ul ul {
    position: static;
    background: #e3e3e3;
  }
 
    .cabecera{
         width:calc(100% - 40px);
         clip-path: none;
    }
    .limite2{
         margin-bottom:20px;
    }
     .limite3{
         width:100% 
    }
    .texto-quienes-somos{
         width:100%;
         font-size: 14px;
        /* border: solid;
         */
    }
     table td{
         font-size:11px;
        /* line-height:2.5 */
    }
     table td span,table th {
         font-size:14px;
    }
     table th{
         font-size:11px;
         line-height:2.5;
    }
    p span{
         font-size:14px;
    }
    .opcionescuenta{
         margin-top:0;
    }
    h1{
        font-size:20px;
        /* margin:25px 0; */
        padding-top: 15px;
    }
    .detallecuenta{
         width: calc(100% - 40px);
         display:block;
         margin-left: 0;
         padding: 0 20px;
    }
    .intranet{
         margin-left:auto;
         margin-right:auto;
         width: 100%;
    }
    .opcionescuenta li div {
         padding:10px;
    }
     .menu_bar {
         display:block;
         width: 60px;
         position: absolute;
         left: 20px;
         /* float: left;
         */
         /* border: solid 1px #fff;
         */
         top: 36px;
    }
     .menu_exalumnos {
         display:block;
         width: 60px;
         position: absolute;
         left: 20px;
         /* float: left;
         */
         /* border: solid 1px #fff;
         */
         top: 10px;
    }
     .menu_bar2 {
         display:block;
         width: 60px;
         position: absolute;
         left: 5%;
        /* float: left;
         */
        /* border: solid 1px #fff;
         */
        /* top: 15%;
         */
         margin-top: 15px;
         z-index: 5;
    }
     .menu_bar .bt-menu,.menu_bar2 .bt-menu {
         display:block;
        /* padding: 10px;
         */
        /* float: right;
         */
        /* background: #000000;
         */
         color:#fff;
         text-decoration:none;
        /* font-weight: bold;
         */
         font-size: 14px;
        /* width: 100px;
         */
         cursor: pointer;
         -webkit-box-sizing:border-box;
         -moz-box-sizing:border-box;
         box-sizing:border-box;
    }
     .menu_bar span img, .menu_bar2 span img {
         height: 25px;
         margin-bottom: -7px;
         margin-right: 5px;
    }
     .header nav {
         width: calc(100% - 20px);
         height: 100%;
         left: -105%;
         margin:0;
         position: fixed;
         top: 0;
         z-index: 99;
         background-color: rgba(255, 255, 255, 0.95);
         background-image: url(../img/marca-de-agua.png);
         /* filter: blur(4px);
         */
         background-repeat: no-repeat;
         background-position: bottom right;
         background-size: 70%;
    }

      .header_colegio nav {
         /*display:inline-block;*/
         margin-right:auto;
         float:right;
         z-index: 99;
         background-color: rgb(255 255 255 / 95%);
         /* background-image: url(../img/marca-de-agua.png); */
         /* filter: blur(4px);
         */
         /* background-repeat: no-repeat; */
         /* background-position: bottom right; */
         /* background-size: 70%; */
    }
     .menuintranet {
         width: calc(100% - 20px);
         height: calc(100% - 60px);
         left: -105%;
         margin:0;
         position: fixed;
         top: 0;
         z-index: 99;
         background-color: rgba(255, 255, 255, 0.95);
         background-image: url(../img/fondo-left.png);
        /* filter: blur(4px);
         */
         background-repeat: no-repeat;
         background-position: bottom left;
         background-size: 70%;
    }
     .opcionescuentaintranet {
         width: calc(100% - 0px);
         height: calc(100% - 0px);
         left: -105%;
         margin:0;
         position: fixed;
         text-align: center;
         top: 0;
         z-index: 99;
         background-color: rgba(255, 255, 255, 0.95);
         background-image: url(../img/fondo-left.png);
        /* filter: blur(4px);
         */
         background-repeat: no-repeat;
         background-position: bottom left;
         background-size: 70%;
    }
     .fondointranet{
         background-position:-500px,right;
    }
     header .nav {
         width: 100%;
         float:none;
    }
     .footerlogo img{
         max-width: 280px;
    }
     img{
        /* max-width:100%;
         */
    }
     header .nav a {
         color: #1c1b1b;
         padding: 10px 20px 10px;
         display: block;
        /* font-family: 'gothic';
         */
         background-image:none;
         text-decoration: none;
         border-bottom: solid 1px #ddd;
        /* font-family: Lato;
         */
         text-align: left;
         font-size: 15px;
    }
     header .nav a.selected {
         padding: 10px 20px 10px;
         display: block;
         text-decoration: none;
         background-position:95% top;
         font-family: Lato;
         text-align: left;
         font-size: 15px;
    }
     .header, .main, .footer {
         width: 100%;
         -webkit-transition: width .5s;
         transition: width .5s;
         height: auto;
    }
    .limite{
        width: 92%;
        padding:0;
    }
    .limite0{
         display: flex;
        flex-direction: column-reverse;
        width:100%;
        padding:0
    }
    .bloque2 {
         width: calc(100% - 20px);
         padding: 10px;
    }
    .bloque3{
         width: calc(95% + 40px);
         margin-left:-20px;
         padding: 0px 0;
         display: block;
         height: 120px;
    }

 .pie_link {
  height:180px; border:solid 0px;
  width:80%;
  text-align:center;
  margin:auto
 }
     .bloque2 span{
        font-size:14px
    }
}
::-webkit-scrollbar {
     width: 5px;
     height: 10px;
}
::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.8);
     */
     -webkit-border-radius: 0px;
     border-radius: 0px;
     background-color: transparent;
     position: absolute;
     float: right;
}
::-webkit-scrollbar-thumb {
     -webkit-border-radius: 10px;
     border-radius: 0px;
    /* background: rgb(0 0 0 / 47%);
     */
     -webkit-box-shadow: inset 0 0 6px rgb(154 154 156);
}
::-webkit-scrollbar-thumb:window-inactive {
     background: rgba(221,221,221,0.4);
}
@media (min-width: 1400px) {
    table.ficha tr {
         width:23%;
    }
}
@media (min-width: 1910px) {
    table.ficha tr {
         width:19%;
    }
}