@charset "UTF-8";/* CSS Document */

@import url('https: //fonts.googleapis.com/css?family=Open+Sans:400,600,700');

/* SEMS - GENERALES */

main p {font-size: 16px;}
#subenlaces .navbar-nav > li > a {font-size: 14px;padding-right: 8px;} 
.sr-only {border: 0 none;clip: rect(0px, 0px, 0px, 0px);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
#navbarMainCollapse ul.navbar-right > li:last-child > a {padding: 15px;}
#subenlaces .navbar-nav > li > a {font-size: 14px;padding-right: 8px;}
.sub-navbar .navbar-brand {font-size: 16px !important;}
.dropdown-menu > li > a {font-size: 15px !important;padding: 6px 20px !important;text-decoration: none !important;white-space: normal !important;}
.navbar-right .dropdown-menu {left: 0 !important;right: auto !important;}
.dropdown-menu {min-width: 300px !important;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color: #ddd !important;}
#searchForm label, #searchForm #buscar_main {display: none;}
#searchForm #search {width: 80%}
#subscribete fieldset {border: none !important;padding: 0 !important;}
#subscribe {text-decoration: none !important;}
.main-footer .list-info {margin-bottom: 10px;}
.vbox-close {background-color: #a71c19 !important;}
.clearfix {clear: both;}
.smallest {font-size: 10%;}
.center {text-align: center !important;}
strong {font-weight: 600 !important;}
.buffer-section {margin-bottom:20px;}
#interior2 {padding: 0 !important;}

/* SIGUE ESTUDIANDO - GENERALES */

.topSigue {background-image: url('../topbanner/Header.jpg') !important;height: 300px !important;}    
.menusec {background-color: #393C3E;color: #FFF;font-size: 21px;font-weight: 400 !important;margin-bottom: 0 !important;margin-top: 0 !important;padding: 0;position: relative;}
.nav-sigue {background-color: #393C3E !important;color: #FFF !important;}
.nav-sigue .navbar-nav > li > a {color: #FFF !important;font-weight: 500;}
.nav-sigue .navbar-nav > li > a:hover, .nav-sigue > li > a:focus {color: #D6DF22 !important;}
.nav-sigue .navbar-nav > .open > a, .nav-sigue .navbar-nav > .open > a:hover, .nav-sigue .navbar-nav > .open > a:focus {background-color: #2E3032 !important;}
.oscuro {background-color: #2E3032 !important;border: 1px solid rgb(0, 0, 0) !important;}
.oscuro > li > a {color: #fff !important;font-weight: 300 !important;}
.oscuro > li > a:hover {color: #000 !important;font-weight: 500 !important;}
.hamb {padding-right: 3px;}
.bg-white {background-color: transparent;}
h2.titulosecc {border-bottom: 2px solid #f19800;color: #525252;font-size: 22px;font-weight: 800;margin: 30px 20% 40px !important;padding-bottom: 24px;text-align: center;width: 60%;}
h2.titulosecc img.sests {width: 450px;height: auto;}
h3.titulotab {border-bottom: 2px solid #F19800;color: #525252;font-size: 20px;font-weight: 800;margin: 45px 20% 35px !important;padding-bottom: 20px;text-align: center;width: 60%;}
h3.titulotab a {color: #525252;}
h3.titulotab a:hover {color: #F19800;text-decoration: none;}
h3.titulovid {border-bottom: 2px solid #f19800;color: #525252;font-size: 20px;font-weight: 800;margin: 70px 25% 40px !important;padding-bottom: 20px;text-align: center;width: 60%;}
h3.titulosimple {color: #525252;font-size: 20px;font-weight: 800;margin: 60px 10% 30px !important;text-align: center;width: 80%;}
p.textoft {color: #525252;font-size: 18px;font-weight: 800;margin: 60px 10% 45px !important;text-align: center;width: 80%;}
.modal {z-index: 1050 !important;}
.modal-dialog {width: 882px !important;}
.modal-title {font-size: 20px;margin: 0 !important;}
#videosbg .carousel-inner img {border: 4px solid #F8F8F8 !important;border-radius: 8px !important;}


/*         SECCIÓN HOME        */
#banners-becas {display: block;margin:0 0 1.5%;width: 100%;}
#banners-becas .carousel .carousel-inner .item a img {width: 100% !important;}
#puzzle {background-image: url("../img/se_bg_puzzle.jpg");background-position: center top;background-repeat: no-repeat;min-height: 700px;width: 100%;}
#frases-home {display: block;margin:0 23%;width: 54%;}
#frases-secc {display: block;margin:0 18%;width: 64%;}
#frasesAmarillo, #frasesAzul, #frasesRosa {display: block;margin:0;width: 100%;}
#videosHome {margin-top: 80px;padding: 0 !important;}
#videosbg {background-image: url("../img/Fondo_bajo.jpg");background-position: center top;background-repeat: no-repeat;min-height: 580px;padding: 40px 6% 20px;width: 100%;}


/*          Slider HOME        */
.carousel-control {width: 8% !important;}
.carousel-control.left, .carousel-control.right {background-image: none !important;}
.carousel-control.left span, .carousel-control.right span {height: 70px;position: relative;top: 44%;width: 40px;}
.carousel-indicators {bottom: 2px !important;margin-bottom: -5px;margin-top: 0;}
.carousel-indicators li, .carousel-indicators li.active {height: 12px !important;margin: 1px 8px !important;width: 12px !important;}


/*          Tabs HOME        */
.board {margin: 20px auto;width: 85%;}
.board .nav-tabs {box-sizing: border-box;position: relative;}
li.tab1.active::after, li.tab2.active::after, li.tab3.active::after {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-image: none;border-style: solid;border-width: 10px;bottom: 0;content: " ";margin: 0 auto;opacity: 1;position: absolute;}
li.tab1.active::after {border-color: transparent transparent #D28400 !important;border-width: 34px !important;left: 34% !important;transition: all 0.1s ease-in-out 0s;}
li.tab2.active::after {border-color: transparent transparent #385176 !important;border-width: 34px !important;left: 40% !important;transition: all 0.1s ease-in-out 0s;}
li.tab3.active::after {border-color: transparent transparent #C01D66 !important;border-width: 34px !important;left: 44% !important;transition: all 0.1s ease-in-out 0s;}
.nav-tabs > li {width: 33%;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: currentcolor currentcolor transparent;border-image: none;border-style: none;border-width: 0;cursor: default;text-shadow: 1px 1px 3px #000;}
.nav-tabs > li a {margin: 20px auto;text-shadow: 1px 1px 3px #000;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {cursor: default;}
.tab-pane {padding-top: 50px;position: relative;}
.tab-content {border: medium none !important;padding: 0 !important;}
a.t3 {border: none !important;color: #FFF !important;font-size: 22px !important;font-weight:400 !important;height: 130px !important;line-height: 1.3 !important;padding: 20px 44px !important;text-align: center !important;}
a.t3 strong {font-weight: 700 !important}
a.tamarillo {background-color: #F19800 !important;margin-right: 6% !important;padding: 34px 48px !important;width: 94% !important;}
a.tamarillo:hover {background-color: #D28400 !important;}
a.tazul {background-color: #43608D !important;margin-left: 3% !important;margin-right: 3% !important;padding: 34px 48px !important;width: 94% !important;}
a.tazul:hover {background-color: #385176 !important;}
a.trosa {background-color: #DE2178 !important;margin-left: 6% !important;padding: 20px 36px !important;width: 94% !important;}
a.trosa:hover {background-color: #C01D66 !important;}
.tab-pane.amarillo {border: 4px solid #D28400 !important;padding: 0 !important;}
.tab-pane.azul {border: 4px solid #385176 !important;padding: 0 !important;}
.tab-pane.rosa {border: 4px solid #C01D66 !important;padding: 0 !important;}
a.btn-danger {background-color: #BE1E2D !important;border-color: #8A1521 !important;border-radius: 5px !important;color: #fff;font-size: 16px !important;font-weight: 400 !important;margin-bottom: 12px;margin-top: 22px;text-decoration: none;text-shadow: 1px 1px 3px #000;}
a.btn-danger:hover {background-color: #8A1521 !important;}
.video-inside {display: block;height: auto;margin: 0 15% 10px;position: relative;width: 70%;}
.video-inside img {width: 100%}
		

/*          Puzzle HOME        */
.puzzle-cont {padding: 0 50px !important;}
.placahome-bg {background-color: rgba(0, 0, 0, 0.4);margin: 20px 4%;padding: 20px 25px 4px;width: 92%;}
.placahome-izq {border-right: 2px solid #FFF;color: #FFF;float:left;width:35%;}
.placahome-txt1 {font-size:40px;font-weight:200;line-height:55px;margin:0 !important;padding-bottom: 14px;text-shadow: 3px 3px 4px #000;}
.placahome-txt1 span {font-size:90px;font-weight:600;line-height: 58px;padding-left: 10px;}
.placahome-der {color: #FFF;float:left;width:65%;}
.placahome-txt2 {font-size:41px;font-weight:200;line-height:60px;margin:0 !important;text-shadow: 3px 3px 4px #000;}
.placahome-txt2 span {font-size:60px;padding-left: 5px;}
.plandevidatxt {color: #FFF;font-size: 22px;font-weight: 600;margin: 0px;padding-left: 20px;text-shadow: 3px 3px 2px #000;}
.btn-success, .btn-primary {font-size: 16px !important;text-decoration: none !important;text-shadow: 2px 2px 2px #000;width: 135px !important;} 
.btn-success {box-shadow: 3px 3px 0 0 #357935 !important;}
.btn-primary {box-shadow: 3px 3px 0 0 #1b5dab !important;}
.borde {border-top: 4px solid #FFF;margin-top: 4px;position: relative;right: -100px;}
.tabla1 {right: -140px;position: relative;}
.tabla2 {position: relative;left: 40px;margin-left: 20px;top: 0px;width: 88%;}
.tabla2 td {width: 20%;}

#redips-drag {display: table;}
#table1 {background-color: transparent;border-collapse: collapse;}
#table1 td {height: 151px;width: 100px;}
.cont {-webkit-border-radius: 13px;-moz-border-radius: 13px;background-color: rgba(50, 50, 50, 0.9);border-radius: 13px;box-shadow: 0 4px 12px #000;height: 300px;width: 800px;}
.redips-mark {background-color: rgba(0,0,0,0);}
#aa, #ab, #ac, #ad, #ae, #af, #ag, #ah, #ai, #aj, #ak, #al {filter: drop-shadow(4px 4px 3px #222);height: 95px;}

.imgl {display:none;}
.primero{left: 0px;position: relative;z-index: 1;}
.segundo{left: -25px;position: relative;z-index: 1;}
.tercero{position: relative;left: -51px;z-index: 1;}
.cuarto {position: relative;left: -76px;z-index: 1;}
.quinto{position: relative;left: -100px;z-index: 1;}
.sexto{position: relative;left: -124px;z-index: 1;}
.septimo{position: relative;left: -148px;z-index: 1;}
.img_fijo{filter: drop-shadow(4px 4px 3px #222);height: 95px;margin-top: 26px;}
.imgdsegundo {-ms-transform: rotate(50deg);-webkit-transform: rotate(50deg);top: 0px;left: 1px;position: relative;transform: rotate(50deg);}
.img_contenedor {width: 100px;}
.clear_fix {height: 55px;}
.clear_row{height: 80px;}
.tabla2 tbody td {height: 100px;}
.tabla2 tbody td img {filter: drop-shadow(4px 4px 3px #222);height: 95px;} 

/*         SECCIÓN BECAS        */
.beca {background-color: #F4F4F4;display: inline-block;margin: 0 1% 40px !important;padding: 20px 30px !important;text-align: center;vertical-align: top;width: 30% !important;}
.beca img {width: 125px;}
.beca p {font-size: 16px;font-weight: 800;}
.beca p.alert-warning {color: #fff;font-weight: 500;font-size: 14px;padding: 8px 10px;background-color: #662483;margin: 10px 2%;border: none;opacity: 0.8;}
.beca p.alert-danger {color: #fff;font-weight: 500;font-size: 14px;padding: 8px 10px;background-color: #E94E1F;margin: 10px 3%;border: none;opacity: 0.8;}
.beca p.alert-success {color: #fff;font-weight: 500;font-size: 14px;padding: 8px 10px;background-color: #118116;margin: 10px 2%;border: none;opacity: 0.8;}
.beca a {border-left: 2px solid #ff9d19;border-right: 2px solid #ff9d19;color: #F19800;font-size: 14px !important;font-weight: 600 !important;padding: 0 10px;text-decoration: none;}
.beca a:hover {color: #BE1E2D;text-decoration: underline;}
a.liga {border-left: 2px solid #ff9d19;border-right: 2px solid #ff9d19;color: #F19800;font-size: 16px !important;font-weight: 800 !important;padding: 0 10px;text-decoration: none;}
a.liga:hover {color: #BE1E2D;text-decoration: underline;}


/*         SECCIÓN APRENDER MEJOR        */
.aprende {background-color: #F4F4F4;display: inline-block;margin: 0 1% 40px !important;padding: 20px 30px !important;text-align: center;vertical-align: top;width: 31% !important;}
.aprende img {border: 4px solid #004A85;border-radius: 8px;width: 100%;}
.aprende p {font-size: 16px;font-weight: 800;}
.aprende a {border-left: 2px solid #ff9d19;border-right: 2px solid #ff9d19;color: #F19800;font-size: 14px !important;font-weight: 600 !important;padding: 0 10px;text-decoration: none;}
.aprende a:hover {color: #BE1E2D;text-decoration: underline;}
.tutoria {border-color: #DF6769 !important;}
.decide {border-color: #569F33 !important;}
.videosclases {border-color: #D9A300 !important;}


/*         SECCIÓN MANEJO DE EMOCIONES        */
.manejo {background-color: #F4F4F4;display: inline-block;margin: 0 2% 30px !important;min-height: 315px !important;padding: 20px 30px !important;text-align: center;vertical-align: top;width: 46% !important;}
.manejo img {width: 28%;}
.manejo p {font-size: 17px;font-weight: 800;}
.manejo span.small {font-size: 14px !important;font-weight: 600 !important;}
.manejo a {border-left: 2px solid #ff9d19;border-right: 2px solid #ff9d19;color: #F19800;font-size: 14px !important;font-weight: 600 !important;padding: 0 10px;text-decoration: none;}
.manejo a:hover {color: #BE1E2D;text-decoration: underline;}



@media (min-width: 320px) and (max-width: 414px) {
	
.topSigue {height: 190px !important;}
h2.titulosecc img.sests {width: 270px !important;}
h2.titulosecc {font-size: 18px;font-weight: 600;line-height: 26px;margin: 20px 0 14px !important;padding-bottom: 15px;width: 100%;}
h3.titulovid {font-size: 18px;font-weight: 600;margin: 40px 5% !important;padding-bottom: 15px;width: 90%;}
.board {margin: 0 auto;width: 100% !important;}
a.t3 {font-size: 14px !important;height: 135px !important;padding: 12px 10px !important;}
a.tazul, a.trosa {padding: 12px 10px !important;}
li.tab1.active::after {border-width: 30px !important;left: 17% !important;}
li.tab2.active::after {border-width: 30px !important;left: 20% !important;}
li.tab3.active::after {border-width: 30px !important;left: 22% !important;}
h3.titulotab {font-size: 16px;font-weight: 600;margin: 25px 10% !important;width: 80%;}
.video-inside {margin: 0 7% 10px;position: relative;width: 86%;}
a.btn-danger {font-size: 14px !important;margin-bottom: 6px;padding: 10px 12px !important;white-space: normal;}
.carousel-control img {width: 50%}
.carousel-indicators {bottom: -4px !important;}
.carousel-indicators li, .carousel-indicators li.active {height: 10px !important;margin: 1px 2px !important;width: 10px !important;}

h3.titulosimple {font-size: 16px;font-weight: 600;margin: 28px 0 !important;width: 100%;}
p.textoft {font-size: 16px;font-weight: 600;margin: 30px 0 45px !important;width: 100%;}
#frases-home, #frases-secc {margin:0 5%;width: 90%;}
.beca {margin: 0 0 25px !important;padding: 10px 25px !important;width: 100% !important;}
.beca img {width: 110px;}
a.liga {border-left: 0 none;border-right: 0 none;font-weight: 600 !important;padding: 0;}
a.liga:hover {color: #BE1E2D;text-decoration: underline;}
.manejo  {margin: 0 1% 25px !important;min-height: 50px !important;padding: 20px 25px !important;width: 98% !important;}
.manejo img {width: 40%;}
.aprende {margin: 0 1% 25px !important;min-height: 50px !important;padding: 20px 25px !important;width: 98% !important;}
#videosbg {min-height: 100px;padding: 20px 4%;}
	
.hidden-xs, #puzzle {display: none;}
	
}

@media (min-width: 414px) and (max-width: 1023px) {
.hidden-xs {display: none;}
	
}

@media (min-width: 1024px)  and (max-width: 1279px) {
main p {font-size: 16px;}

}

@media (min-width: 1280px)  and (max-width: 1280px) {

}