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

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

/* SEMS - GENERALES */

main p {font-size: 16px;}
#subenlaces .navbar-nav > li > a {font-size: 14px;padding-right: 8px;}
.flag-banner {margin-bottom: 0 !important;margin-top: 26px !important;}  
.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;}


/* VIDEOCLASES - GENERALES */

.topVideoclases {background-image: url('../topbanner/videoclases.jpg') !important;height: 300px !important;}    
.flag-banner > img {height: 1px !important;margin: 0 !important;left: 0 !important;top: 0 !important;width: 1px !important;}
h1.site-title {background: #393c3e none repeat scroll 0 0;color: #FFF;font-size: 21px;font-weight: 400 !important;margin-bottom: 0 !important;margin-top: 0 !important;padding: 6px;position: relative;text-align: center;top: 18px;}
#introvideoclases {margin-top: 0;background-color: #F6F6F6;padding-top: 20px;padding-bottom: 32px;}
#introvideoclases h2 {color: #238175 !important;font-family: 'Montserrat', sans-serif;font-size: 22px;font-weight: 500;}
#introvideoclases .col-md-8 {padding-right: 5% !important;}
img.sep {width: 80%;margin-top: 36px;margin-bottom: 60px;}
img.instr {background-color: #238175;padding: 6px 0 18px;width: 86%;}

.tituloBach {background-color: rgba(0, 0, 0, 0.3);margin-bottom: 10px;padding: 6px;width: 100%;}
.tituloBach img {width: 100%;}
.tituloBach h2 {border-bottom: #FFF 2px solid;color: #FFF;font-family: 'Montserrat', sans-serif;font-size: 26px;font-weight: 400 !important;margin: 12px 0 6px 0 !important;padding-bottom: 5px !important;}
.tituloBach p {color: #FFF;font-family: 'Montserrat', sans-serif;font-size: 22px;margin: 0;}
.logoBach {float: left;padding: 4px 6px;width: 10%;}
.textoBach {float: left;margin: 0 1%;width: 88%;}
#BachilleratoGeneral .row, #BachilleratoTecnologico .row {margin: 1% 3% 2%;width: 94%;}
h4.materia {color: #333 !important;font-family: 'Montserrat', sans-serif;font-size: 18px !important;font-weight: 500 !important;}
h4.materia a:hover, h4.materia a:focus {color: #FFF !important;text-decoration: none;}
ul.listado {list-style-type: square;margin: 0 !important;}
ul.listado a {color: #1C006F;font-size: 16px;font-weight: 400 !important;}
ul.listado a:hover, ul.listado a:focus {color: #FF8000 !important}
.panel-body {background-color: #F5F5F5 !important;}


/* VIDEOCLASES - MATERIAS */

#BachilleratoTecnologico {background: #238175 url("../img/bg_bach.png");margin-bottom: 40px;padding-bottom: 30px;padding-top: 20px;}
#BachilleratoTecnologico .container .row .semestre .panel-group .panel .panel-heading {background-color: #749C97 !important;border-color: #144B46 !important;}
#BachilleratoTecnologico .container .row div.tab button.active {background-color: #185A52;color: #FFF;}

#BachilleratoGeneral {background: #71307A url("../img/bg_bach.png");padding-bottom: 30px;padding-top: 20px;}
#BachilleratoGeneral .container .row .semestre .panel-group .panel .panel-heading {background-color: #957A99 !important;border-color: #38183D !important;}
#BachilleratoGeneral .container .row div.tab button.active {background-color: #4F2255;color: #FFF;}

.listaSemBG, .listaSemBT button {color: #FFF;}
.semestre {background-color: rgba(0, 0, 0, 0.3);}
.semestre h3 {font-family: 'Montserrat', sans-serif;color: #FFF;font-size: 22px;font-weight: 400;margin: 14px 0 24px !important;}
.semestre .panel {margin-bottom: 15px;}
div.tab {float: left;border: 1px solid #ccc;background-color: #f1f1f1;width: 22%;height: auto;}
div.tab button {background-color: inherit;border: none;color: #333;cursor: pointer;display: block;font-family: 'Montserrat', sans-serif;font-size: 16px;font-weight: 400;outline: none;padding: 22px 16px;text-align: left;transition: 0.3s;width: 100%;}
div.tab button:hover {background-color: #ddd;}
.tabcontent, .tabcontent2 {float: left;padding: 0px 26px;border: 1px solid #ccc !important;width: 78%;border-left: none;min-height: 420px;}
.vbox-content iframe {background: rgb(100, 100, 100) none repeat scroll 0% 0%;padding: 4px !important;}	


/* MODAL */
.modal {z-index: 10000 !important;}
.modal-header {padding: 10px !important;}
.modal-dialog {margin-top: 10px !important;}
.modal-title {font-family: 'Montserrat', sans-serif;font-size: 18px !important;font-weight: 500 !important;}
.modal-body {background-color: #F5F5F5 !important;padding-top: 4px !important;padding-right: 25px !important;padding-left: 25px !important;}
.modal-body p {font-size: 15px !important;}
.modal-footer {background-color: #F5F5F5 !important;}
.modal-footer .btn {background-color: #ccc !important;font-family: 'Montserrat', sans-serif;font-size: 14px !important;padding: 5px 22px !important;}
.modal-footer .btn:hover {background-color: #888 !important;color: #FFF !important;}
.btn-success {background-color: #4AAA4A !important;font-family: 'Montserrat', sans-serif;font-size: 15px !important;margin-top: 20px !important;padding: 5px 22px !important;}
	

/* BrkPnt Smartphone */
@media (min-width: 320px) and (max-width: 414px) {
	
.topVideoclases {top: 20px !important;height: 70px !important;}
h1.site-title {padding: 3px !important;top: 20px !important;}
#introvideoclases h2 {font-size: 18px;margin-top: 8px;}	
#introvideoclases .col-md-8 {padding-right: 0 !important;}	
img.sep {margin-bottom: 50px;margin-top: 26px;width: 90%;}
img.instr {width: 100%;}	
.logoBach {float: right;padding: 2px;width: 18%;}	
.textoBach {margin: 0 3% 2% 2%;width: 75%;}	
.tituloBach h2 {font-size: 22px;margin: 4px 0 6px;padding-bottom: 8px;}	
.tituloBach p {font-size: 14px;}	
#BachilleratoGeneral .row, #BachilleratoTecnologico .row {margin: 1% 0 4%;width: 100%;}	
div.tab {width: 100%;}	
div.tab button {font-size: 17px;padding: 10px 20px;}	
.tabcontent, .tabcontent2 {min-height: auto;padding: 0 14px;width: 100%;}
.semestre h3 {font-size: 20px;margin: 20px 0 !important;}	
.panel-heading {padding: 10px !important;}	
h4.materia {font-size: 17px;font-weight: 400;}	
.panel-body {padding: 10px;}
ul.listado {padding: 0 0 0 22px !important;}	
ul.listado a {font-size: 15px;}	
.vbox-content {margin-top: 100px !important;}	
.vbox-content iframe {padding: 2px !important;}	
.hidden-xs {display: none;}
}

/* BrkPnt Tablet */
@media (min-width: 415px) and (max-width: 1100px) {
	
.topVideoclases {height: 225px !important;margin-top: 55px !important;}
#introvideoclases h2 {font-size: 20px;}
#introvideoclases .col-md-8 {padding-right: 2% !important;}	
img.instr {width: 96%;}	
#BachilleratoGeneral .row, #BachilleratoTecnologico .row {margin: 1% 0;width: 100%;}	
.tabcontent, .tabcontent2 {min-height: 350px;}
.tituloBach h2 {font-size: 24px;}
.tituloBach p {font-size: 20px;}	
div.tab button {padding: 16px !important;}
ul.listado a {font-size: 15px;}	
.vbox-content {margin-top: 100px !important;}	
.vbox-content iframe {padding: 2px !important;}		
.hidden-xs {display: none;}	
}