@font-face {
  font-family:"Free Sans";
  src:url("../fonts/FreeSans.eot?") format("eot"),
  url("../fonts/FreeSans.woff") format("woff"),
  url("../fonts/FreeSans.ttf") format("truetype"),
  url("../fonts/FreeSans.svg#FreeSans") format("svg");
  font-weight:normal;
  font-style:normal;
  }

 @font-face {
   font-family:"Free Sans Bold";
   src:url("../fonts/FreeSansBold.eot?") format("eot"),
   url("../fonts/FreeSansBold.woff") format("woff"),
   url("../fonts/FreeSansBold.ttf") format("truetype"),
   url("../fonts/FreeSansBold.svg#FreeSansBold") format("svg");
   font-weight:normal;
   font-style:normal;
}

@font-face {
    font-family: 'bebas_neueregular';
    src: url("../fonts//bebasneue-webfont.eot");
    src: url("../fonts//bebasneue-webfont.eot?#iefix") format('embedded-opentype'),
         url("../fonts//bebasneue-webfont.woff") format('woff'),
         url("../fonts//bebasneue-webfont.ttf") format('truetype'),
         url("../fonts//bebasneue-webfont.svg#bebas_neueregular") format('svg');
    font-weight: normal;
    font-style: normal;
}



body{
  font-family:"Free Sans";
  font-size: 22px;
  color:#243842;
  background-image: url(../img/fondo.jpg);
}

#container{
  height:100%;
  overflow:auto;
}

#contenido{
  margin-top: 18%;
}

.pad{
  padding-left:0px;
  padding-right:0px;
}

.clear{
  clear:both;
}

#datos-head {
  background-color: #F1F2F4;
}

#header{
  background-color: #fff;
}

#menu{
  padding-bottom: none;
  background: transparent;
  width: 100%;
  margin-bottom:0;
  border: none;
}

#navbar li{
  display: inline-block;
  margin:8px 30px;
}

.navbar{
  min-height: 0px;
}

#navbar a{
  font-weight: normal;
  color: #003C71;
  display: block;
  font-size: 21px;
  font-family:"Free Sans Bold";
}

#navbar a:hover{
  color: #BDBFC1;
  text-decoration: none;
}

#navbar .selec{
  color: #BDBFC1;
  text-decoration: none;
}

#barra-menu{
  background-color:#ECEDED;
  padding: 15px 0px;
}

.rojo{
  color: #fff;
  text-transform:uppercase;
  background-color: #fd0000;
  padding: 8px
}

.rojo:hover{
  background-color: #000;
}

.telefono {
  background: url(../img/ico.png) no-repeat center;
  text-align: center;
  padding-bottom: 15px;
  background-size: contain;
  float: right;
  width: 185px;
  margin-right: 6px;
}

.telefono p{
  color: #FFF;
  text-shadow: 2px 1px 1px #00000080;
  font-size: 18px;
  padding-top: 16px;
}

#link_home {
  background-color: #11356A;
  text-align: center;
  padding: 10px 29px;
  background-size: contain;
  float: right;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border:2px solid #fff;
}

#link_home:hover{
  background-color: #fff;
  color: #11356A;
  text-decoration: none;
  border:2px solid #11356A ;
}

#datos-head a{
  color: #FFF;
  font-family: 'bebas_neueregular';
  font-size: 27px;
  margin-left: 6px;
  font-weight: normal;
  text-transform: uppercase;
}

.bg_header{
  background:url(../img/bg_header.png) repeat-x;
  background-color: #fff;
}

.redes {
  float: right;
  margin-top: 35px;
  padding-bottom: 15px;
}

#radio{
  display: inline-block;
  background: url(../img/redes.png) -70px 0px no-repeat;
  width: 97px;
  height: 94px;
}

#radio-2{
  display: inline-block;
  background: url(../img/redes.png) left top no-repeat;
  width: 74px;
  height: 94px;
}

#fc{
  display: inline-block;
  background: url(../img/redes.png) -171px 2px no-repeat;
  width: 71px;
  height: 95px;
}

#you{
  display: inline-block;
  background: url(../img/redes.png) -244px 2px no-repeat;
  width: 56px;
  height: 95px;
}

#ins{
  display: inline-block;
  background: url(../img/redes.png) -305px 2px no-repeat;
  width:54px;
  height: 95px;
}

#pint{
  display: inline-block;
  background: url(../img/redes.png) top 2px right no-repeat;
  width:62px;
  height: 95px;
}

.redes2{
  float: left;
}

#radio-22{
  display: inline-block;
  background: url(../img/redes2.png) left 2px no-repeat;
  width: 46px;
  height: 49px;
}

#radio2{
  display: inline-block;
  background: url(../img/redes2.png) -45px 2px no-repeat;
  width:63px;
  height:49px; 
}

#fc2{
  display: inline-block;
  background: url(../img/redes2.png) -110px 2px no-repeat;
  width: 45px;
  height: 49px;
}

#you2{
  display: inline-block;
  background: url(../img/redes2.png) -156px 2px no-repeat;
  width: 37px;
  height: 49px;
}

#ins2{
  display: inline-block;
  background: url(../img/redes2.png) -192px 2px no-repeat;
  width:38px;
  height: 49px;
}

#pint2{
  display: inline-block;
  background: url(../img/redes2.png) -234px 2px no-repeat;
  width:38px;
  height: 49px;
}

.redes3{
  float: left;
}

#radio-33{
  display: inline-block;
  background: url(../img/redes3.png) left 1px no-repeat;
  width:55px;
  height: 64px;
}

#radio3{
  display: inline-block;
  background: url(../img/redes3.png) -55px 1px no-repeat;
  width:72px;
  height:64px; 
}

#fc3{
  display: inline-block;
  background: url(../img/redes3.png) -129px 1px no-repeat;
  width: 54px;
  height: 64px;
}

#you3{
  display: inline-block;
  background: url(../img/redes3.png) -180px 1px no-repeat;
  width: 47px;
  height: 64px;
}

#ins3{
  display: inline-block;
  background: url(../img/redes3.png) -227px 1px no-repeat;
  width:38px;
  height: 64px;
}

#pint3{
  display: inline-block;
  background: url(../img/redes3.png) -271px 1px no-repeat;
  width:38px;
  height: 64px;
}

#pbx{
  display: inline-block;
  background: url(../img/pbx.png) -3px 3px no-repeat;
  width:58px;
  height:63px; 
}

#pagos{
  display: inline-block;
  background: url(../img/pbx.png) -122px 0px no-repeat;
  width:61px;
  height:60px; 
}

#version{
  display: inline-block;
  background: url(../img/pbx.png) -63px 0px no-repeat;
  width:61px;
  height:60px;
}

#pbx_in{
  display: inline-block;
  background: url(../ingles/img/pbx.png) -3px 6px no-repeat;
  width:78px;
  height:42px; 
  border-right: 1px dotted #fff;
}

#pagos_in{
  display: inline-block;
  background: url(../ingles/img/pagos.png) -2px 5px no-repeat;
  width:133px;
  height:42px; 
  border-right: 1px dotted #fff;
}

#version_in{
  display: inline-block;
  background: url(../ingles/img/version.png) -4px 6px no-repeat;
  width:131px;
  height:42px;
  border-right: 1px dotted #fff;
}

.line{
  border-right: 1px solid #003C71;
}

#banner{
  margin-top: 19%;
}

#carousel-home{
  padding: 56px 0px;
}

#carousel-home .carousel-indicators li{
  width: 18px;
  height: 18px;
  background: #BDBFC1;
  border:0px;
}

#carousel-home .carousel-indicators .active{
  background: #ED1B24;
  border:0px;
}

#texto-anuncios {
  float: left;
  height: 61px;
  margin-top: 10px;
  font-family:"Free Sans Bold";
  font-size: 24px;
  padding-top: 17px;
  color: #fff;
  background-color: #12336D;
}

#item_home {
  margin: 45px 0px;
}

.h_productos{
  width: 100%;
  float: left;
  position: relative;
  margin-bottom:45px;
}

.hover{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  display: none;
}

.h_productos:hover .hover{
  display: block;
}

#fundamentos {
  padding: 25px 0px;
  color: #023b70;
}

.triangulo {
  border-style: solid;
  border-width: 34px;
  width: 0;
  height: 0;
  position: absolute;
  left: 2px;
  top: 13%;
}

.triangulo>div {
  border-style: solid;
  border-width:32px;
  width: 0;
  height: 0;
  position:relative;
}

.triangulo.left {
  border-color: transparent #003C71 transparent transparent;
}

.triangulo.left>div {
  border-color: transparent white transparent transparent;
  top:-32px;
  left:-29px;
}

#fundamentos p {
  padding: 63px;
  line-height: 26px;
  font-size: 23px;
  text-align: justify;
  margin: 0px 54px;
  color: #1D3441;
  border: 2px solid #003C71;
}

.fundamentos2 {
  background-color: #fff;
  border-radius: 40px;
  border: 3px solid #d1d2d4;
  padding: 59px 0px;
}

.nombres {
  padding: 45px 0px;
  margin-top: 123px;
  border-right: 2px solid #1E3641;
}

.nombres h1 {
  text-align: right;
  font-size: 39px;
  font-family: 'bebas_neueregular';
  color: #1D3242;
}

.nombres h2 {
  font-size: 31px;
  text-align: right;
  font-family: 'bebas_neueregular';
  color: #1D3242;
}

.nombres h3 {
  font-size: 18px;
  text-align: right;
  position: relative;
  border-bottom: 1px solid #8ED8F8;
  padding-bottom: 12px;
  margin-bottom: 20px;
  color: #243842;
}

#trabajo{
  background: url(../img/trabajo.jpg) no-repeat center right;
  background-size: auto;
  background-size: auto auto;
  background-size: cover;
  padding: 51px 0px;
  text-align: center;
}

#trabajo h1{
  font-size: 44px;
  color: #fff;
  text-transform: uppercase;
  text-align:left;
  text-shadow: 2px 6px 3px  #000000b3;
  padding-bottom: 20px;
}

#aliados {
  padding: 18px 0px;
}

#aliados p{
  font-size: 16px;
  text-align: center;
  padding-top: 20px;
  text-decoration: none;
}

.aliados{
  border-radius: 40px;
  border: 3px solid #d1d2d4;
  padding: 59px 0px;
  background-color: #fff;
}

.aliados-a{
  padding: 57px 2px;
  text-decoration: none !important;
}

.aliados-a a p{ 
  color: #113662 !important;
  border-left: 2px solid #003e6f ;
}

.aliados-b{
  padding: 57px 2px;
  text-decoration: none !important;
}

.aliados-b a p{ 
  color: #113662 !important;
  border-left: none;
}

#aliados a{
  text-decoration: none;
} 

.aliados-a:hover{
  background-color: #b0b0b01a;
}

.logos{
  width: 20%;
  float: left;
}

footer{
  color: #243842;
}

.footer{
  padding-top: 17px;
  background-color: #fff;
}

footer h1{
  font-family:"Free Sans Bold";
  font-size:24px;
  background-size: contain;
}

footer p{
  display: inline-block;
  width: 95%;
}

footer p span{
  float: left;
  width: 22px;
  height: 20px;
}

footer .well{
  background:transparent;
  box-shadow: inherit;
  border: none;
  padding:14 0px;
  text-align: right;
  border-bottom: 1px solid #0098DA;
  border-radius: none !important;
}

footer .well2{
  background:transparent;
  box-shadow: inherit;
  border: none;
  padding: 2px;
  text-align: left;
}

#footer2 p{
  font-family:"Free Sans Bold";
  padding-bottom: 6px;
  padding-top: 6px;
  border-bottom: 1px solid #0098DA;
}

#footer2 h1{
  padding-top: 35px;
  font-size: 20px;
}

#footer2 h3{
  font-size: 17px;
}

#web {
  margin-top: 30px;
  text-align: center;
}

#web p {
  display: inline-block;
  font-size: 14px;
  margin-right: 100px;
}

#web a {
  color: #ffffff38;
  background: url(../img/web.png) no-repeat right;
  padding-right: 150px;
  padding-left: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  border-top-left-radius: 10px 10px;
  border-top-right-radius: 10px 10px;
  background-color:#12336D;
  font-size: 11px;
}

#web a:hover{
  background-color: #000;
}

#footer_line{
  border-left: 1px solid #000;
  margin-bottom: 26px;
}

.tit_footer{
  float: left;
  position: relative;
  width: 100%;
  text-align: center;
  margin-bottom:  45px;
}

.tit_footer h1{
  padding: 10px 55px;
  display: inline-block;
  border:2px solid ;
  border-radius: 40px;
  font-family:"Free Sans Bold" !important;
  font-size: 27px !important;
}

.bg_blanco{
  background-color: #fff;
}

.h_colegio{
  width: 100%;
  float: left;
  position: relative;
}

.hover{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  display: none;
}

.h_colegio:hover .hover{
  display: block;
}

.ico_colegio{
  margin-top:115px;
  margin-bottom: 72px;
}

.soporte{
  padding: 65px 0px;
}

.soporte h1{  
  font-family:"Free Sans Bold";
  color: #1B3540;
  text-align: right;
  font-size: 27px;
}

.soporte h2{
  text-align: center;
  font-family:"Free Sans Bold";
  font-size: 27px;
  padding: 23px 0px;
}

.soporte p{
  color: #243842;
  font-size: 27px;
}

.line_soporte{
  padding: 12px;
  border-bottom: 1px solid #0098DA54;
}

.mision{
  padding-top: 55px;
}

.mision p{
  background-color: #fff;
  border-radius: 48px;
  border: 2px solid #1E3641;
  padding: 43px 52px;
  line-height: 31px;
  text-align: justify;
  font-size: 24px;
  margin-bottom: 28px;
}

.simbolos{
  padding-top: 55px;
}

.simbolos h1{
  font-family: 'bebas_neueregular';
  padding-top: 35px;
  padding-bottom: 15px;
  font-size: 54px;
  text-align: center;
}

.simbolos p{
  padding-top: 15px;
  line-height: 24px;
  text-align: justify;
}

.simbolos .caja{
  border:2px solid #112F47;
  border-radius: 15px;
  width: 32%;
  margin-left: 18px;
  min-height: 650px;
}

.scrollbars{
  width: 100%;
  margin-top: 20px;
  margin-bottom: 30px;
}

.scrollbars .viewport {
  width:93%;
  height:445px;
  overflow: hidden;
  position: relative;
}

.scrollbars .overview {
  list-style: none;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
}

.scrollbars .scrollbar{
  background:#ccc;
  position: relative;
  background-position: 0 0;
  float: right;
  width: 17px;
  border-radius: 6px;
}

.scrollbars .thumb {
  background:#263940;
  height: 20px;
  width: 17px;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  top: 0;
  left:0px;
  border-radius: 6px;
}

.scrollbars .thumb .end {
  overflow: hidden;
  height: 5px;
  width: 25px;
}

.scrollbars .disable {
  display: none;
}

.scrollbars p{
  line-height: 20px;
  margin-top: 0 !important;
  text-align: right;
}

.scrollbars h2{
  font-family: 'bebas_neueregular';
  font-size: 50px;
  text-align: right;
}

.caja audio{
  width: 100%;
}

.vision p{
  margin-top:30px;
  border-radius: 50px;
  border:2px solid #243842;
  padding:45px 46px;
  line-height: 28px;
  font-size: 24px;
  text-align: justify;
}

#filosofia{
  padding-top: 55px;
}

#filosofia p{
  padding: 22px 65px;
  line-height: 27px;
  border-radius: 30px;
  font-size: 24px;
  text-align: justify;
  border:2px solid #243842;
}

#filosofia h1{
  text-align: center;
  font-family: 'bebas_neueregular';
  padding-top: 25px;
  padding-bottom: 35px;
  font-size: 50px;
}

#filosofia h4{
  position: relative;
  float: left;
  padding-top: 25px;
  text-align: justify;
  padding-bottom: 35px;
  font-size: 23px;
  border-top: 2px dotted;
  margin-top: 24px;
}

.filosofia_caja{
  border-right: 2px dotted;
}

.filosofia_caja h2{
  font-family: 'bebas_neueregular' !important;
  text-align: center !important;
  font-size:48px !important;
}

.filosofia_caja h3{
  padding-bottom: 16px;
  line-height: 31px;
  position: relative;
  text-align: right;
  font-size: 27px;
}

#filosofia_valores h1{
  padding-top: 55px;
  padding-bottom: 25px;
  font-size: 24px;
  color: #fff;
  text-shadow: 2px 3px 1px #00000080;
}

#filosofia_valores p{
  color: #fff;
  line-height: 27px;
  text-align: justify;
}

#filosofia_valores h1{
  padding-top: 55px;
  padding-bottom: 25px;
  font-size: 24px;
  color: #fff;
  text-shadow: 2px 3px 1px #00000080;
}

#filosofia_valores p{
  color: #fff;
  line-height: 27px;
  text-align: justify;
}

.arrows {
  float: left;
  position: relative;
  text-align: center;
  width: 100%;
  padding-top: 17px;
}

#prev1 {
  background: url(../img/filosofia/flechas.png);
  color: #fff;
  display: inline-block;
  width: 80px;
  height: 23px;
  opacity: 1;
  position: relative;
  top: auto;
}

#prev1:hover{
  background: url(../img/filosofia/flechas-h.png);
}

#next1 {
  background: url(../img/filosofia/flechas.png) right;
  color: #fff;
  display: inline-block;
  width: 71px;
  height: 23px;
  left: auto;
  opacity: 1;
  position: relative;
  right: auto;
  top: auto;
}

#next1:hover{
  background: url(../img/filosofia/flechas-h.png) right;
}

.historia p{
  padding: 15px 25px;
  line-height: 27px;
  text-align: justify;
}

.historia span{
  font-family: 'bebas_neueregular' !important;
}

.certificacion{
  margin-top: 55px;
  margin-bottom: 45px;
}

.certificacion p{
  padding: 22px 43px;
  line-height: 30px;
  border-radius: 30px;
  font-size: 24px;
  text-align: justify;
  border: 2px solid #243842;
  margin-bottom: 75px;
}

.fundadores{
  padding-top: 85px;
}

.fundadores p{
  padding: 22px 43px;
  line-height: 30px;
  border-radius: 30px;
  font-size: 24px;
  text-align: justify;
  border: 2px solid #243842;
}

.patrono{
  padding-top: 65px;
  padding-bottom: 45px;
}

.patrono p{
  padding: 22px 43px;
  line-height: 30px;
  border-radius: 30px;
  font-size: 24px;
  text-align: justify;
  border: 2px solid #243842;
  margin-bottom: 75px;
}

#carousel-emp1 .carousel-indicators{
  position: relative;
  top: 15px;
}

#carousel-emp1 .carousel-indicators li{
  width:16px;
  height:16px;
  background:#A5A6AA;
  border: none;
}

#carousel-emp1 .carousel-indicators .active{
  background:#FE141E;
  border: none;
}

#comunidad{
  padding-top: 45px;
}

#comunidad p{
  padding: 22px 43px;
  line-height: 30px;
  margin-top: 23%;
  border-radius: 30px;
  font-size: 23px;
  text-align: justify;
  border: 2px solid #243842;
}

.comunidad {
  width: 15%;
  margin-left: 14px;
  padding-top: 65px;
  position: relative;
  float: left;
}

.plataforma{
  padding-top: 75px;
}

#normatividad{
  padding-top: 95px;
}

#normatividad h1{
  font-family:"Free Sans Bold";
  font-size: 28px;
  color: #132F6C;
  float: right;
  padding-bottom: 35px;
  text-align: right;
}

.normatividad{
  padding-bottom: 84px;
  padding-top: 51px;
}

.normatividad a{
  text-decoration: none;
  position: relative;
}

.normatividad h2{
  font-family:"Free Sans Bold";
  font-size: 23px;
  text-align: center;
  color: #153679;
  padding-bottom: 15px;
  padding-top: 13px;
}

.normatividad h3{
  border: 1px solid #153679;
  font-family:"Free Sans Bold";
  border-radius: 17px;
  text-align: center;
  font-size: 17px;
  color: #153679;
  padding: 7px;
}

.informacion h1 {
  font-family: "Free Sans Bold";
  font-size: 28px;
  color: #132F6C;
  float: right;
  padding-bottom: 63px;
  text-align: right;
}

.normatividad h3:hover{
  color: #f00;
  border: 1px solid #f00;
}

.inscripciones{
  padding-top: 45px;
}

.inscripciones p{
  background-color: #fff;
  border-radius: 48px;
  border: 2px solid #1E3641;
  padding: 39px 37px;
  line-height: 28px;
  text-align: justify;
  margin-bottom: 28px;
}

.inscripciones h1{
  color: #f00;
  text-align: center;
  font-size: 30px;
  font-family: 'bebas_neueregular';
  padding-bottom: 48px;
}

.inscripciones span{
  font-family: 'bebas_neueregular';
  font-size: 35px;
  width: 100%;
  float: left;
  text-align: center;
  letter-spacing: 28px;
  padding: 20px 0px;
}

#img_incripciones{
  float: right;
}

#btn_costos{
  margin-bottom: 4%;
  position: relative;
}

.publicaciones{
  padding-top: 85px;
}

.h_publicaciones{
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 34px;
}

.hover{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  display: none;
}

.h_publicaciones:hover .hover{
  display: block;
}

#album_fotos{
  padding: 65px 0px;
}

.album{
  float: left;
  position: relative;
  width: 100%;
  padding-top: 41px;
}

.album span{
  position: relative;
  width: 100%;
}

.album span .text2{
  padding: 25px 45px;
  border:3px solid #0098DA;
  border-radius: 8px;
}

.album span{
  width: 100%;
  color: #243842;
  font-size: 26px;
  font-family:"Free Sans Bold";
  float: left;
  position: relative;
  text-align: right;
}

.album span p{
  width: 100%;
  color: #243842;
  font-size: 16px;
  float: left;
  position: relative;
  font-family:"Free Sans" !important;
  text-align: right;
}

.album:hover span .text2{
  background-color: #0098da1f;
 }

.album a:hover{
  text-decoration: none !important;
}

/*Box*/
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp{
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
  z-index:9999;
  }

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999999;
  }

.fancybox-skin {
  position: relative;
  background: #FFF;
  color: #444;
  text-shadow: none;
  }

.fancybox-opened {
  z-index: 999999;
  }

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  }

.fancybox-outer, .fancybox-inner {
  position: relative;
  }

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url('../img/fancybox_sprite.png');
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 9999;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('../img/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 99999;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 999999;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 99999;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
  overflow: hidden;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index:9999;
  background: rgba(0, 0, 0, 0.9);
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
  visibility: hidden;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-bottom: -25px;
  margin-left: -15px;
  z-index:99999;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  width: 100%;
  float: left;
  position: relative;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: #000;
  color: #4286b0;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}

.galeria-foto {
  float: left;
  position: relative;
  border: 4px solid #ccc;
  margin-top: 32px;
}

#contacto{
  padding: 45px 0px;
}

#contacto p{
  margin-top: 30px;
  border-radius: 25px;
  border: 2px solid #243842;
  padding: 44px 46px;
  line-height: 28px;
  font-size: 24px;
  text-align: justify;
}

#contacto h1{
  padding-top: 15px;
  line-height: 28px;
}

#contacto h1 span{
  color: #f00;
}

#ver_video{
  background-image: url(../img/nuestra_granja/ver_video.png);
  position: relative;
  float: right;
  width: 131px;
  height: 94px;
}

#contacto span{
  font-family:"Roboto Black";
}

#formulario{
  margin-top: 30px;
  border-radius: 25px;
  border: 2px solid #243842;
  padding: 45px 46px;
  line-height: 28px;
  font-size: 24px;
  text-align: justify;
}

#formulario h2{
  width: 25%;
  float: left;
  font-family:"Free Sans Bold";
}

#formulario h3{
  float: left;
  font-size: 18px;
  text-align: right;
  margin-top: 10px;
  padding: 13px 10px;
  color: #243842 !important;
  border-right: 1px solid #243842;
}

#formulario h4{
  float: left;
  font-size: 24px;
  text-align: right;
  margin-top: -14px;
  padding: 13px 10px;
  color: #243842 !important;
  font-family:"Free Sans Bold";
}

#formulario .check{
  text-align: left;
  float: none;
  display: inline-block;
  width: auto;
  margin-top: 39px;
}

#formulario input{
  width:75%;
  background-color:#E8E9ED;
  border:none;
  border-radius: 35px;
  font-size:18px;
  margin-bottom: 14px;
  padding:8px;
  margin-top: 5px;
}

#formulario textarea{
  width:100%;
  background-color:#E8E9ED;
  color:#000;
  border:none;
  font-size:18px;
  padding:10px;
  border-radius: 35px;
  margin-top: 5px;
  height: 198px;
}

/*formulario inscripciones*/

#formulario_inscripciones{
  margin-top: 30px;
  border-radius: 27px;
  line-height: 28px;
  font-size: 24px;
  text-align: justify;
  border: 1px solid #2a3b4f;
  padding-bottom: 28px;
}

#formulario_inscripciones h1{
  text-align: center;
  margin-bottom: 25px;
  font-size: 30px;
  padding-bottom: 10px;
  font-family:"Free Sans Bold";
  border-bottom: 1px solid #1e3641;
}

#formulario_inscripciones h2{
  width: 100%;
  float: left;
  font-family:"Free Sans Bold";
  padding-bottom: 5px;
  font-size: 20px;
}

.form-control {
    font-family: "Roboto Regular";
    height: 42px;
    padding: 8px 10px;
    font-size: 20px;
    color: #000;
    border: none;
    margin-bottom: 14px;
}

#formulario_inscripciones h3{
  float: left;
  font-size: 18px;
  text-align: right;
  margin-top: 10px;
  padding: 13px 10px;
  color: #243842 !important;
  border-right: 1px solid #243842;
}

#formulario_inscripciones h4{
  float: left;
  font-size: 24px;
  text-align: right;
  margin-top: -14px;
  padding: 13px 10px;
  color: #243842 !important;
  font-family:"Free Sans Bold";
}

#formulario_inscripciones .check{
  text-align: left;
  float: none;
  display: inline-block;
  width: auto;
  margin-top: 39px;
}

#formulario_inscripciones input{
  width:100%;
  background-color:#e3e4e6;
  border:none;
  border-radius: 35px;
  font-size:18px;
  margin-bottom: 14px;
  padding:3px 17px;
  margin-top: 5px;
}

#formulario_inscripciones textarea{
  width:100%;
  background-color:#0f0;
  color:#000;
  border:none;
  font-size:18px;
  padding:10px;
  border-radius: 35px;
  margin-top: 5px;
  height: 198px;
}

.form-control {
  font-family: "Roboto Regular";
  height: 42px;
  padding: 8px 10px;
  font-size: 20px;
  color: #000;
  border: none;
}

.form-control:hover {
  background-color: #e3e4e6;
  color: #243842;
}

.select2{
  float: left;
  position: relative;
  clear: both;
  margin-top: 5px;
  margin-bottom: 15px;
}

.select2 select{
  background: #fff;
  font-size:30px;
  color: #000;
  width: 60%;
  display: inline-block;
  vertical-align: middle;
  border-radius: 0px;
  border:none;
}

.form{
  padding: 40px 55px;
}

.btn_polit{
  float: left;
  position: relative;
  text-align: left;
}

.btn_polit a{
  display: inline-block;
  padding: 16px 36px;
  color: #243842;
  font-family:"Free Sans Bold";
  font-size: 23px;
  border: 2px solid #0098DA;
  border-radius: 10px;
  text-align: right;
  margin-top: 25%;
}

.btn_polit a:hover{
  text-decoration: underline;
}

.form-control{
  background-color: #e3e4e6;
  color: #243842;
  font-size: 17px;
  padding: 0px;
  height: 43px;
  border-radius: 0px;
  font-family:"Free Sans Bold";
}

#enviar{
  width:121px !important;
  cursor:pointer;
  position:relative;
  font-family:"Free Sans Bold";
  float:right;
  font-size:24px !important;
  text-align:center;
  margin-top:20px !important;
  background-color: transparent !important; 
  border-radius:5px !important;
  border:2px solid #009ACC !important;
}

#borrar{
  width:121px !important;
  cursor:pointer;
  position:relative;
  margin-right: 15px;
  float:right;
  font-family:"Free Sans Bold";
  border-radius:5px !important;
  font-size:24px !important;
  text-align:center;
  margin-top:20px!important;
  background-color: transparent !important; 
  border:2px solid #009ACC !important;
}

#sucursal{
  margin-top: 75px;
}

.sucursal{
  margin-top: 71px;
}

.sucursal h1 {
  font-family:"Free Sans Bold";
  text-align: right !important;
}

.sucursal h2{
  font-size: 18px;
  padding-bottom: 20px;
  text-align: right !important;
  border-radius: 0px !important;
  border:none !important;
  border-bottom: 1px solid #0098DA !important;
}

.map {
  height: 250px;
  margin-top: 20px;
}

#bogota{
    padding-right: 70px;
    position: relative;
    clear: both;
    font-size: 24px;
    float: right;
    text-align: right;
    font-family:"Free Sans Bold";
}

#bogota .ico{
  width:59px;
  height: 59px;
  position: absolute;
  right: 0px;
}

.ico-1 {
  background: url(../img/localizacion.png) 0px;
}

#ampliar {
  width: 83px !important;
  border: none;
  height: 83px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 21px !important;
  color: #FFF !important;
  text-transform: uppercase;
  text-align: center;
  top: 287px;
  text-decoration: none !important;
  font-family: 'bebas_neueregular' !important;
  background: #FF0000 !important;
  padding: 24px 0px !important;
  position: absolute;
  bottom: 14px;
  right: 10px;
}


.ti_entretenimiento{
  float: left;
  position: relative;
  width: 100%;
  text-align: center;
}

.entretenimiento h1{
  display: inline-block;
  border-radius: 15px;
  border: 2px solid #11336B;
  color:#11336B;
  font-size: 28px;
  padding:20px 66px;
  text-decoration: none;
}

.entretenimiento h2{
  font-family:"Free Sans Bold";
  text-align: right;
  font-size: 29px;
  color: #113069;
  padding-bottom: 9px;
}

.entretenimiento p{
  text-align: justify;
  color: #113069;
  font-size: 23px;
  line-height: 28px;
  min-height: 211px;
}

.mandala{
  padding-top: 45px;
}

.mandala .line{
  border-right: 1px solid #113069 !important;
  padding-right:22px !important;
}

.link_mandalas{
  float: right;
  padding-top: 9px;
  position: relative;
}

.link_mandalas h2{
  font-family:"Free Sans Bold";
  text-align: right;
  font-size: 26px;
  color: #113069;
  padding-top: 2px;
  float: left;
  padding-right: 7px;
}

.link_mandalas h3{
  float: left;
  color: #f00;
  padding: 6px 19px;
  font-size: 19px;
  border-radius: 35px;
  font-family:"Free Sans Bold";
  border:1px solid #f00;
}

.modal-open .modal{
  background:rgba(0, 0, 0, 0.8);
  z-index:9999999999;
}

.modal-content{
  background-color:transparent;
  box-shadow:none;
  border:none;
}

.close {
  float: right;
  font-size: 65px;
  font-weight: 700;
  line-height: 1;
  color: #f00 !important;
  text-shadow: 0 1px 0 #fff;
  opacity: 3.2;
}

#back-top {
  background-image: url(../img/what.png);
  width: 51px;
  height: 51px;
  position: fixed;
  left: 15px;
  z-index: 999999;
  bottom: 18px;
}

.sticky-container{
  /*background-color: #333;*/
  padding: 0px;
  margin: 0px;
  position: fixed;
  right: -222px;
  top:230px;
  width: 292px;
  z-index: 99999999;
}

.sticky li{
  border-radius: 45px;
  list-style-type: none;
  /*background-color:#008cd3;
  color: #efefef;*/
  height: 109px;
  padding: 0px;
  margin: 0px 0px 1px 0px;
  -webkit-transition:all 0.25s ease-in-out;
  -moz-transition:all 0.25s ease-in-out;
  -o-transition:all 0.25s ease-in-out;
  transition:all 0.25s ease-in-out;
  cursor: pointer;
}

.sticky li:hover{
  margin-left: -160px;
    /*-webkit-transform: translateX(-115px);
    -moz-transform: translateX(-115px);
    -o-transform: translateX(-115px);
    -ms-transform: translateX(-115px);
    transform:translateX(-115px);*/
    /*background-color: #8e44ad;*/
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
     text-decoration: none !important;
}

.sticky li a{
  text-decoration: none;
}

.sticky li img{
  float: left;
  margin: 0px;
}

.sticky li p{
  padding-top: 15px;
  margin: 0px;
  text-transform: uppercase;
  line-height: 43px;
  font-size: 17px !important;
  font-family: "Open Sans Bold";
}

.sticky p{
  color: #ecf0f1;
  font-family: "Lato";
  line-height: 28px;
  font-size: 15px;
  padding-top: 50px;
}

.sticky-container2{
  /*background-color: #333;*/
  padding: 0px;
  margin: 0px;
  position: fixed;
  right: -158px;
  top:230px;
  width: 227px;
  z-index: 99999999;
}

.sticky2 li{
  border-radius: 45px;
  list-style-type: none;
  /*background-color:#008cd3;
  color: #efefef;*/
  height: 109px;
  padding: 0px;
  margin: 96px 0px 1px 0px;
  -webkit-transition:all 0.25s ease-in-out;
  -moz-transition:all 0.25s ease-in-out;
  -o-transition:all 0.25s ease-in-out;
  transition:all 0.25s ease-in-out;
  cursor: pointer;
}

.sticky2 li:hover{
  margin-left: -180px;
    /*-webkit-transform: translateX(-115px);
    -moz-transform: translateX(-115px);
    -o-transform: translateX(-115px);
    -ms-transform: translateX(-115px);
    transform:translateX(-115px);*/
    /*background-color: #8e44ad;*/
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
     text-decoration: none !important;
}

.sticky2  li a{
  text-decoration: none;
}

.sticky2 li img{
  float: left;
  margin: 0px;
}

.sticky2 li p{
  padding-top: 15px;
  margin: 0px;
  text-transform: uppercase;
  line-height: 43px;
  font-size: 17px !important;
  font-family: "Open Sans Bold";
}

.sticky2 p{
  color: #ecf0f1;
  font-family: "Lato";
  line-height: 28px;
  font-size: 15px;
  padding-top: 50px;
}

.sticky-container3{
  /*background-color: #333;*/
  padding: 0px;
  margin: 0px;
  position: fixed;
  right: -158px;
  top:230px;
  width: 227px;
  z-index: 99999999;
}


.sticky3 li{
  border-radius: 45px;
  list-style-type: none;
  /*background-color:#008cd3;
  color: #efefef;*/
  height: 109px;
  padding: 0px;
  margin: 200px 0px 1px 0px;
  -webkit-transition:all 0.25s ease-in-out;
  -moz-transition:all 0.25s ease-in-out;
  -o-transition:all 0.25s ease-in-out;
  transition:all 0.25s ease-in-out;
  cursor: pointer;
}

.sticky3 li:hover{
  margin-left: -180px;
    /*-webkit-transform: translateX(-115px);
    -moz-transform: translateX(-115px);
    -o-transform: translateX(-115px);
    -ms-transform: translateX(-115px);
    transform:translateX(-115px);*/
    /*background-color: #8e44ad;*/
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
     text-decoration: none !important;
}

.sticky3  li a{
  text-decoration: none;
}

.sticky3 li img{
  float: left;
  margin: 0px;
}

.sticky3 li p{
  padding-top: 15px;
  margin: 0px;
  text-transform: uppercase;
  line-height: 43px;
  font-size: 17px !important;
  font-family: "Open Sans Bold";
}

.sticky3 p{
  color: #ecf0f1;
  font-family: "Lato";
  line-height: 28px;
  font-size: 15px;
  padding-top: 50px;
}


.video1 {
  width: 100%;
  height: 410px;
  margin-bottom: 45px;
}

#pdf{
  margin-top: 7%;
}

.videoWrapper {
  height: 0;
  padding-bottom: 36.25%;
  position: relative;
}

.videoWrapper iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.video-responsive2 {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 30px;
  position: relative;
  }
.video-responsive2 iframe, .video-responsive2 object, .video-responsive2 embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  }


/*-------------------------------------------------------------------------------------------*/


@media only screen and (max-width: 400px) {

  #navbar a {
    padding: 5px;
    font-size: 17px;
  }

  .navbar-header {
    float: none;
  }

  .menu{
    margin-top: 0px;
  }

  .telefono{
    margin-right: 0px;
  }

  .navbar-left,.navbar-right {
    float: none !important;
  }

  .navbar-toggle {
    display: block;
    border: 1px !important;
    margin-top: -114px;
    margin-right: 0px;
  }

   nav .me{
    font-family: 'bebas_neueregular';
    color:#fff;
    font-size: 20px;
  }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }

  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
    
  .navbar-collapse.collapse {
    display: none!important;
  }

  .navbar-default .navbar-toggle .icon-bar{
    background-color: #fff;
  }

  .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
    background-color: transparent;
  }

  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
    background-color: transparent;
  }

  .navbar-toggle .icon-bar{
    width: 36px;
    height: 4px;
  }

  .navbar-nav {
    float: none!important;
    margin-top: 7.5px;
    margin-left: 0;
  }

  #navbar li{
    margin: 0px;
  }

  .navbar-nav>li {
    float: none;
  }

  .navbar-nav>li>a {
    padding-top: 10px ;
    padding-bottom: 10px;
  }

  .collapse.in{
    display:block !important;
  }

  #carousel-example-generic{
    margin-top: 63%;
  }

  .img2 {
    width: 308px;
  }

  #navbar li {
    width: 100%;
  }

  #datos-head{
    background-color:#ed1b24;
  }

  #datos-head a{
    margin-left: 0px;
  }

  #contenido{
    margin-top: 47%;
  }

  .nombres{
    margin-top: 0px;
  }

  #fundamentos p{
    margin: 0px;
    padding: 11px;
    font-size: 16px;
    line-height: 18px;
  }

  .tit_footer h1{
    padding: 8px 13px;
    font-size: 19px !important;
  }

  .aliados-a{
    padding: 0px;
  }

  #texto-anuncios{
    font-size: 19px;
  }

  #barra-menu{
    padding: 0px;
  }

  .comunidad{
    width: 45%;
  }

  .inscripciones p{
    padding: 21px 13px;
    font-size: 17px;
    line-height: 23px;
  }

  .inscripciones span{
    letter-spacing: 0px;
  }

  .album span .text2{
    padding: 12px 13px;
  }

  .btn_polit a{
    margin-top: 7%;
    padding: 16px 17px;
  }

  #formulario{
    padding: 26px 17px;
  }

  #formulario h2{
    width: 100%;
  }

  #formulario input{
    width: 100%;
    padding: 5px;
  }

  #formulario h3{
    padding: 13px 4px;
    font-size: 15px;
  }

  #formulario h4{
    font-size: 20px;
  }

  #enviar{
    width: 110px !important;
  }

  #borrar{
    width: 110px !important;
  }

  #bogota{
    font-size: 20px;
  }

  .entretenimiento h1{
    padding: 15px 11px;
    font-size: 22px;
  }

  .entretenimiento p{
    font-size: 18px;
    line-height: 22px;
  }

  .link_mandalas h3{
    font-size: 17px;
  }

  .entretenimiento h2{
    padding-top: 16px;
    font-size: 25px;
  }

}

/*-------------------------------------------------------------------------------------------*/

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

  #navbar a {
    width: 100%;
    text-align: left;
    padding: 6px;
    border: none;
    font-size: 17px;
  }

  .navbar-header {
    float: none;
  }

  .menu{
    margin-top: 0px;
  }

  .telefono{
    margin-right: 0px;
  }

  .navbar-left,.navbar-right {
    float: none !important;
  }

  .navbar-toggle {
    display: block;
    border: 1px !important;
    margin-top: -70px;
    margin-right: 0px;
  }

   nav .me{
    font-family: 'bebas_neueregular';
    color:#fff;
    font-size: 20px;
  }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }

  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
    
  .navbar-collapse.collapse {
    display: none!important;
  }

  .navbar-default .navbar-toggle .icon-bar{
    background-color: #fff;
  }

  .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
    background-color: transparent;
  }

  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
    background-color: transparent;
  }

  .navbar-toggle .icon-bar{
    width: 36px;
    height: 4px;
  }

  .navbar-nav {
    float: none!important;
    margin-top: 7.5px;
    margin-left: 0;
  }

  #navbar li{
    margin: 0px;
  }

  .navbar-nav>li {
    float: none;
  }

  .navbar-nav>li>a {
    padding-top: 10px ;
    padding-bottom: 10px;
  }

  .collapse.in{
    display:block !important;
  }

  #carousel-example-generic{
    margin-top: 63%;
  }

  .img2 {
    width: 361px;
  }

  #navbar li {
    width: 100%;
  }

  #datos-head{
    background-color:#f00;
  }

  #datos-head a{
    margin-left: 0px;
  }

  #contenido{
    margin-top: 54%;
  }

  .nombres{
    margin-top: 0px;
  }

  #fundamentos p{
    margin: 0px;
    padding: 11px;
    font-size: 16px;
    line-height: 18px;
  }

  .tit_footer h1{
    padding: 8px 13px;
    font-size: 19px !important;
  }

  .aliados-a{
    padding: 0px;
  }

  #texto-anuncios{
    font-size: 19px;
  }

  #barra-menu{
    padding: 0px;
  }

  .comunidad{
    width: 45%;
  }

  .inscripciones p{
    padding: 21px 13px;
    font-size: 17px;
    line-height: 23px;
  }

  .inscripciones span{
    letter-spacing: 0px;
  }

  .album span .text2{
    padding: 12px 13px;
  }

  .btn_polit a{
    margin-top: 7%;
    padding: 16px 17px;
  }

  #formulario{
    padding: 26px 17px;
  }

  #formulario h2{
    width: 100%;
  }

  #formulario input{
    width: 100%;
    padding: 5px;
  }

  #formulario h3{
    padding: 13px 4px;
    font-size: 15px;
  }

  #formulario h4{
    font-size: 20px;
  }

  #enviar{
    width: 110px !important;
  }

  #borrar{
    width: 110px !important;
  }

  #bogota{
    font-size: 20px;
  }

  .entretenimiento h1{
    padding: 15px 11px;
    font-size: 22px;
  }

  .entretenimiento p{
    font-size: 18px;
    line-height: 22px;
  }

  .link_mandalas h3{
    font-size: 17px;
  }

  .entretenimiento h2{
    padding-top: 16px;
    font-size: 25px;
  }

  .form{
    padding: 20px;
  }

  .modal-dialog {
    margin: 45px auto;
  }


}


/*-----------------------------------------------------------------------------------------------------------------------*/


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

  #navbar a {
    font-size: 18px;
    padding: 2px;
  }

  .navbar-header {
    float: none;
  }

  .menu{
    margin-top: 0px;
  }

  .telefono{
    margin-right: 0px;
  }

  .navbar-left,.navbar-right {
    float: none !important;
  }

  .navbar-toggle {
    display: block;
    border: 1px !important;
    margin-top: -70px;
    margin-right: 0px;
  }

   nav .me{
    font-family: 'bebas_neueregular';
    color:#fff;
    font-size: 20px;
  }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }

  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
    
  .navbar-collapse.collapse {
    display: none!important;
  }

  .navbar-default .navbar-toggle .icon-bar{
    background-color: #fff;
  }

  .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
    background-color: transparent;
  }

  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
    background-color: transparent;
  }

  .navbar-toggle .icon-bar{
    width: 36px;
    height: 4px;
  }

  .navbar-nav {
    float: none!important;
    margin-top: 7.5px;
    margin-left: 0;
  }

  #navbar li{
    margin: 0px;
  }

  .navbar-nav>li {
    float: none;
  }

  .navbar-nav>li>a {
    padding-top: 10px ;
    padding-bottom: 10px;
  }

  .rojo{
    font-size: 15px;
  }

  .collapse.in{
    display:block !important;
  }

  #carousel-example-generic{
    margin-top: 63%;
  }

  .img2 {
    width: 433px;
  }

  #navbar li {
    width: 100%;
  }

  #datos-head{
    background-color:#f00;
  }

  #datos-head a{
    margin-left: 0px;
  }

  #contenido{
    margin-top: 54%;
  }

  .nombres{
    margin-top: 0px;
  }

  #fundamentos p{
    margin: 0px;
    padding: 11px;
    font-size: 18px;
    line-height: 18px;
  }

  .tit_footer h1{
    padding: 8px 21px;
    font-size: 25px !important;
  }

  .aliados-a{
    padding: 0px;
  }

  #texto-anuncios{
    font-size: 19px;
  }

  #barra-menu{
    padding: 0px;
  }

  .comunidad{
    width: 45%;
  }

  .inscripciones p{
    padding: 21px 18px;
    font-size: 19px;
    line-height: 24px;
  }

  .inscripciones span{
    letter-spacing: 0px;
  }

  .album span .text2{
    padding: 12px 13px;
  }

  .btn_polit a{
    margin-top: 7%;
    padding: 16px 17px;
  }

  #formulario{
    padding: 26px 17px;
  }

  #formulario h2{
    width: 100%;
  }

  #formulario input{
    width: 100%;
    padding: 5px;
  }

  .entretenimiento h1{
    padding: 15px 11px;
    font-size: 22px;
  }

  .entretenimiento p{
    font-size:19px;
    line-height: 23px;
  }

  .link_mandalas h3{
    font-size: 17px;
  }

  .entretenimiento h2{
    padding-top: 16px;
    font-size: 25px;
  }

  .modal-dialog {
    margin: 65px auto;
  }

  

}

/*----------------------------------------------------------------------------------------------------------------------*/




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

  #navbar a {
    font-size: 18px;
    padding: 4px;
  }

  .navbar-header {
    float: none;
  }

  .menu{
    margin-top: 0px;
  }

  .telefono{
    margin-right: 0px;
  }

  .navbar-left,.navbar-right {
    float: none !important;
  }

  .navbar-toggle {
    display: block;
    border: 1px !important;
    margin-top: -70px;
    margin-right: 0px;
  }

   nav .me{
    font-family: 'bebas_neueregular';
    color:#fff;
    font-size: 20px;
  }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }

  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
    
  .navbar-collapse.collapse {
    display: none!important;
  }

  .navbar-default .navbar-toggle .icon-bar{
    background-color: #fff;
  }

  .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
    background-color: transparent;
  }

  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
    background-color: transparent;
  }

  .navbar-toggle .icon-bar{
    width: 36px;
    height: 4px;
  }

  .navbar-nav {
    float: none!important;
    margin-top: 7.5px;
    margin-left: 0;
  }

  #navbar li{
    margin: 0px;
  }

  .navbar-nav>li {
    float: none;
  }

  .navbar-nav>li>a {
    padding-top: 10px ;
    padding-bottom: 10px;
  }

  .collapse.in{
    display:block !important;
  }

  #carousel-example-generic{
    margin-top: 63%;
  }

  .img2 {
    width: 433px;
  }

  #navbar li {
    width: 100%;
  }

  #datos-head{
    background-color:#f00;
  }

  #datos-head a{
    margin-left: 0px;
  }

  #contenido{
    margin-top: 30%;
  }

  .nombres{
    margin-top: 0px;
  }

  #fundamentos p{
    margin: 0px;
    padding: 11px;
    font-size: 20px;
    line-height: 24px;
  }

  .tit_footer h1{
    padding: 8px 21px;
    font-size: 25px !important;
  }

  .aliados-a{
    padding: 0px;
  }

  .soporte p{
    font-size: 22px;
    text-align: right;
  }

  .soporte h1{
    font-size: 25px;
  }

  .vision p{
    font-size: 20px;
    line-height: 25px;
  }

  #filosofia p{
    padding: 22px 43px;
    font-size: 23px;
  }

  .filosofia_caja h2{
    text-align: right !important;
    font-size: 43px !important;
  }

  .filosofia_caja h3{
    font-size: 23px;
  }

  .historia p{
    font-size: 18px;
    line-height: 24px;
  }

  .certificacion p{
    font-size: 20px;
    line-height: 26px;
  }

  .fundadores p{
    padding: 22px 33px;
    font-size: 20px;
    line-height: 26px;
  }

  .patrono p{
    padding: 22px 33px;
    font-size: 20px;
    line-height: 26px;
  }

  #barra-menu{
    padding: 0px;
  }

  .comunidad{
    width: 45%;
  }

  .mision p{
    font-size: 20px;
    line-height: 25px;
  }

  .inscripciones span{
    letter-spacing: 0px;
  }

  .simbolos .caja{
    width: 99%;
    margin-top: 19px;
  }

  .album span .text2{
    padding: 12px 13px;
  }

  .btn_polit a{
    margin-top: 7%;
  }

  #formulario{
    padding: 26px 17px;
  }

  #formulario h2{
    width: 100%;
  }

  #formulario input{
    width: 100%;
    padding: 5px;
  }

  .entretenimiento h1{
    padding: 15px 11px;
    font-size: 22px;
  }

  .entretenimiento p{
    font-size:21px;
    line-height: 26px;
  }

  .entretenimiento h2{
    padding-top: 24px !important;
  }

  .link_mandalas h2{
    padding-top: 0px !important;
  }

  .modal-dialog {
    width: 584px;
    margin: 65px auto;
  }

}


/*--------------------------------------------------------------------------*/


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

  #navbar a {
    padding: 4px;
    font-size: 18px;
  }

  .navbar-header {
    float: none;
  }

  .menu{
    margin-top: 0px;
  }

  .telefono{
    margin-right: 0px;
  }

  .navbar-left,.navbar-right {
    float: none !important;
  }

  .navbar-toggle {
    display: block;
    border: 1px !important;
    margin-top: -70px;
    margin-right: 0px;
  }

   nav .me{
    font-family: 'bebas_neueregular';
    color:#fff;
    font-size: 20px;
  }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }

  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
    
  .navbar-collapse.collapse {
    display: none!important;
  }

  .navbar-default .navbar-toggle .icon-bar{
    background-color: #fff;
  }

  .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
    background-color: transparent;
  }

  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
    background-color: transparent;
  }

  .navbar-toggle .icon-bar{
    width: 36px;
    height: 4px;
  }

  .navbar-nav {
    float: none!important;
    margin-top: 7.5px;
    margin-left: 0;
  }

  #navbar li{
    margin: 0px;
  }

  .navbar-nav>li {
    float: none;
  }

  .navbar-nav>li>a {
    padding-top: 10px ;
    padding-bottom: 10px;
  }

  .collapse.in{
    display:block !important;
  }

  #carousel-example-generic{
    margin-top: 63%;
  }

  #navbar li {
    width: 100%;
  }

  #datos-head{
    background-color:#f00;
  }

  #datos-head a{
    margin-left: 0px;
  }

  #contenido{
    margin-top: 30%;
  }

  .nombres{
    margin-top: 0px;
  }

  #fundamentos p{
    margin: 0px;
    padding: 11px;
    font-size: 20px;
    line-height: 24px;
  }

  .tit_footer h1{
    padding: 8px 21px;
    font-size: 25px !important;
  }

  .aliados-a{
    padding: 0px;
  }

  .soporte p{
    font-size: 22px;
    text-align: right;
  }

  .soporte h1{
    font-size: 25px;
  }

  .vision p{
    font-size: 20px;
    line-height: 25px;
  }

  #filosofia p{
    padding: 22px 43px;
    font-size: 23px;
  }

  .filosofia_caja h2{
    text-align: right !important;
    font-size: 43px !important;
  }

  .filosofia_caja h3{
    font-size: 23px;
  }

  .historia p{
    font-size: 18px;
    line-height: 24px;
  }

  .certificacion p{
    font-size: 20px;
    line-height: 26px;
  }

  .fundadores p{
    padding: 22px 33px;
    font-size: 20px;
    line-height: 26px;
  }

  .patrono p{
    padding: 22px 33px;
    font-size: 20px;
    line-height: 26px;
  }

  #barra-menu{
    padding: 0px;
  }

  .comunidad{
    width: 45%;
  }

  .mision p{
    font-size: 20px;
    line-height: 25px;
  }

  .inscripciones span{
    letter-spacing: 0px;
  }

  .simbolos .caja{
    width: 99%;
    margin-top: 19px;
  }

  .album span .text2{
    padding: 16px 24px;
  }

  .btn_polit a{
    margin-top: 7%;
  }

  #formulario{
    padding: 26px 17px;
  }

  #formulario h2{
    width: 100%;
  }

  #formulario input{
    width: 100%;
    padding: 5px;
  }

  .entretenimiento h1{
    padding: 15px 11px;
    font-size: 22px;
  }

  .entretenimiento p{
    font-size:21px;
    line-height: 26px;
  }

  .entretenimiento h2{
    padding-top: 24px !important;
  }

  .link_mandalas h2{
    padding-top: 0px !important;
  }

  .modal-dialog {
    width: 584px;
    margin: 65px auto;
  }
}


/*-----------------------------------------------------------------------------------------------------------------------*/



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

  #navbar a {
    width: 100%;
    text-align: left;
    padding: 6px;
    border: none;
  }

  .navbar-header {
    float: none;
  }

  .menu{
    margin-top: 0px;
  }

  .telefono{
    margin-right: 0px;
  }

  .navbar-left,.navbar-right {
    float: none !important;
  }

  .navbar-toggle {
    display: block;
    border: 1px !important;
    margin-top: -70px;
    margin-right: 0px;
  }

   nav .me{
    font-family: 'bebas_neueregular';
    color:#fff;
    font-size: 20px;
  }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }

  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
    
  .navbar-collapse.collapse {
    display: none!important;
  }

  .navbar-default .navbar-toggle .icon-bar{
    background-color: #fff;
  }

  .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
    background-color: transparent;
  }

  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
    background-color: transparent;
  }

  .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{
    max-height: 415px;
  }

  .navbar-toggle .icon-bar{
    width: 36px;
    height: 4px;
  }

  .navbar-nav {
    float: none!important;
    margin-top: 7.5px;
    margin-left: 0;
  }

  #navbar li{
    margin: 0px;
    width: 100%;
  }

  .navbar-nav>li {
    float: none;
  }

  .navbar-nav>li>a {
    padding-top: 10px ;
    padding-bottom: 10px;
  }

  .collapse.in{
    display:block !important;
  }

  #carousel-example-generic{
    margin-top: 63%;
  }

  .img2 {
    width:514px;
  }

  #datos-head{
    background-color:#f00;
  }

  #datos-head a{
    margin-left: 0px;
  }

  #contenido{
    margin-top: 30%;
  }

  .nombres{
    margin-top: 0px;
  }

  #fundamentos p{
    margin: 0px;
    padding: 11px;
    font-size: 20px;
    line-height: 24px;
  }

  .tit_footer h1{
    padding: 8px 21px;
    font-size: 25px !important;
  }

  .aliados-a{
    padding: 0px;
  }

  .soporte p{
    font-size: 22px;
    text-align: right;
  }

  .soporte h1{
    font-size: 25px;
  }

  .vision p{
    font-size: 20px;
    line-height: 25px;
  }

  #filosofia p{
    padding: 22px 43px;
    font-size: 23px;
  }

  .filosofia_caja h2{
    text-align: right !important;
    font-size: 43px !important;
  }

  .filosofia_caja h3{
    font-size: 23px;
  }

  .historia p{
    font-size: 18px;
    line-height: 24px;
  }

  .certificacion p{
    font-size: 20px;
    line-height: 26px;
  }

  .fundadores p{
    padding: 22px 33px;
    font-size: 20px;
    line-height: 26px;
  }

  .patrono p{
    padding: 22px 33px;
    font-size: 20px;
    line-height: 26px;
  }

  #barra-menu{
    padding: 0px;
  }

  .comunidad{
    width: 45%;
  }

  .mision p{
    font-size: 20px;
    line-height: 25px;
  }

  .inscripciones span{
    letter-spacing: 0px;
  }

  .simbolos .caja{
    width: 99%;
    margin-top: 19px;
  }

  .album span .text2{
    padding: 16px 24px;
  }

  .btn_polit a{
    margin-top: 7%;
  }

  #formulario{
    padding: 26px 17px;
  }

  #formulario h2{
    width: 100%;
  }

  #formulario input{
    width: 100%;
    padding: 5px;
  }

  .entretenimiento h1{
    padding: 15px 11px;
    font-size: 22px;
  }

  .entretenimiento p{
    font-size:21px;
    line-height: 26px;
  }

  .entretenimiento h2{
    padding-top: 24px !important;
  }

  .link_mandalas h2{
    padding-top: 0px !important;
  }

  .modal-dialog {
    width:639px;
    margin: 0px auto;
  }

}

/*-------------------------------------------------------------------*/

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

  #navbar a {
    width: 100%;
    text-align: left;
    padding: 6px;
    border: none;
  }

  .navbar-header {
    float: none;
  }

  .menu{
    margin-top: 0px;
  }

  .telefono{
    margin-right: 0px;
  }

  .navbar-left,.navbar-right {
    float: none !important;
  }

  .navbar-toggle {
    display: block;
    border: 1px !important;
    margin-top: -70px;
    margin-right: 0px;
  }

   nav .me{
    font-family: 'bebas_neueregular';
    color:#fff;
    font-size: 20px;
  }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }

  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
    
  .navbar-collapse.collapse {
    display: none!important;
  }

  .navbar-default .navbar-toggle .icon-bar{
    background-color: #fff;
  }

  .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
    background-color: transparent;
  }

  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
    background-color: transparent;
  }

  .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{
    max-height: 415px;
  }

  .navbar-toggle .icon-bar{
    width: 36px;
    height: 4px;
  }

  .navbar-nav {
    float: none!important;
    margin-top: 7.5px;
    margin-left: 0;
  }

  #navbar li{
    margin: 0px;
    width: 100%;
  }

  .navbar-nav>li {
    float: none;
  }

  .navbar-nav>li>a {
    padding-top: 10px ;
    padding-bottom: 10px;
  }

  .collapse.in{
    display:block !important;
  }

  #carousel-example-generic{
    margin-top: 63%;
  }

  .img2 {
    width:514px;
  }


  #datos-head{
    background-color:#f00;
  }

  #datos-head a{
    margin-left: 0px;
  }

  #contenido{
    margin-top: 30%;
  }

  .nombres{
    margin-top: 0px;
  }

  #fundamentos p{
    margin: 0px;
    padding: 11px;
    font-size: 20px;
    line-height: 24px;
  }

  .tit_footer h1{
    padding: 8px 21px;
    font-size: 25px !important;
  }

  .aliados-a{
    padding: 0px;
  }

  .soporte p{
    font-size: 22px;
    text-align: right;
  }

  .soporte h1{
    font-size: 25px;
  }

  .vision p{
    font-size: 20px;
    line-height: 25px;
  }

  #filosofia p{
    padding: 22px 43px;
    font-size: 23px;
  }

  .filosofia_caja h2{
    text-align: right !important;
    font-size: 43px !important;
  }

  .filosofia_caja h3{
    font-size: 23px;
  }

  .historia p{
    font-size: 18px;
    line-height: 24px;
  }

  .certificacion p{
    font-size: 20px;
    line-height: 26px;
  }

  .fundadores p{
    padding: 22px 33px;
    font-size: 20px;
    line-height: 26px;
  }

  .patrono p{
    padding: 22px 33px;
    font-size: 20px;
    line-height: 26px;
  }

  #barra-menu{
    padding: 0px;
  }

  .comunidad{
    width: 45%;
  }

  .mision p{
    font-size: 20px;
    line-height: 25px;
  }

  .inscripciones span{
    letter-spacing: 0px;
  }

  .simbolos .caja{
    width: 99%;
    margin-top: 19px;
  }

  .album span .text2{
    padding: 16px 24px;
  }

  .btn_polit a{
    margin-top: 7%;
  }

  #formulario{
    padding: 26px 17px;
  }

  #formulario h2{
    width: 100%;
  }

  #formulario input{
    width: 100%;
    padding: 5px;
  }

  .entretenimiento h1{
    padding: 15px 11px;
    font-size: 22px;
  }

  .entretenimiento p{
    font-size:21px;
    line-height: 26px;
  }

  .entretenimiento h2{
    padding-top: 24px !important;
  }

  .link_mandalas h2{
    padding-top: 0px !important;
  }

  .modal-dialog {
    width:639px;
    margin: 0px auto;
  }


}

/*------------------------------------------------------------------------------------*/

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

  #navbar a{
    font-size: 16px;
  }

  #navbar li{
    margin: 8px 12px;
  }

  #contenido{
    margin-top: 30%;
  }

  .nombres{
    margin-top: 0px;
  }
  
  .soporte p{
    font-size: 23px;
  }

  .soporte h1{
    font-size: 24px;
  }

  .simbolos .caja{
    width: 48%;
    margin-top: 15px;
  }

  .filosofia_caja h2{
    font-size: 40px !important;
  }

  .filosofia_caja h3{
    font-size: 20px;
    line-height: 20px;
  }

  .fundadores p{
    padding: 22px 23px;
    line-height: 21px;
    font-size: 18px;
  }

  .patrono p{
    padding: 22px 20px;
    font-size: 17px;
    line-height: 21px;
  }

  .comunidad{
    width: 30%;
  }

  .album span .text2{
    padding: 18px 27px;
  }

  .btn_polit a{
    padding: 16px 12px;
  }

  #formulario{
    padding: 39px 25px;
  }

  #formulario h3{
    padding: 13px 4px;
    font-size: 16px;
  }

  #formulario h4{
    font-size: 19px;
  }

  #borrar{
    width: 112px !important;
  }

  #enviar{
    width: 112px !important;
  }

  .entretenimiento p{
    font-size: 19px;
    line-height: 22px;
  }

  .link_mandalas h3{
    font-size: 18px;
  }

  .modal-dialog {
    width:639px;
    margin: 0px auto;
  }

}

/*-------------------------------------------------------------------------------------------*/

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

  #navbar a{
    font-size: 16px;
  }

  #navbar li{
    margin: 8px 16px;
  }

  #contenido{
    margin-top: 30%;
  }

  .nombres{
    margin-top: 0px;
  }
  
  .soporte p{
    font-size: 23px;
  }

  .soporte h1{
    font-size: 24px;
  }

  .simbolos .caja{
    width: 48%;
    margin-top: 15px;
  }

  .filosofia_caja h2{
    font-size: 40px !important;
  }

  .filosofia_caja h3{
    font-size: 20px;
    line-height: 20px;
  }

  .fundadores p{
    padding: 22px 23px;
    line-height: 21px;
    font-size: 18px;
  }

  .patrono p{
    padding: 22px 20px;
    font-size: 17px;
    line-height: 21px;
  }

  .comunidad{
    width: 30%;
  }

  .album span .text2{
    padding: 18px 27px;
  }

  .btn_polit a{
    padding: 16px 12px;
  }

  #formulario{
    padding: 39px 25px;
  }

  #formulario h3{
    padding: 13px 4px;
    font-size: 16px;
  }

  #formulario h4{
    font-size: 19px;
  }

  #borrar{
    width: 112px !important;
  }

  #enviar{
    width: 112px !important;
  }

  .entretenimiento p{
    font-size: 19px;
    line-height: 22px;
  }

  .link_mandalas h3{
    font-size: 18px;
  }

  #fundamentos p{
    padding: 34px;
    margin: 0px 39px;
    font-size: 21px;
    line-height: 25px;
  }

  .mision p{
    font-size: 22px;
    line-height: 30px;
  }

  #comunidad p{
    font-size: 22px;
    padding: 22px 43px;
    margin-top: 13%;
    line-height: 24px;
  }

  .modal-dialog {
    width:639px;
    margin: 0px auto;
  }


}


/*------------------------------------------------------------------------*/

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

  #navbar li{
    margin: 8px 16px;
  }

  #contenido{
    margin-top: 30%;
  }

  .soporte p{
    font-size: 18px;
  }

  .soporte h1{
    font-size: 23px;
  }

  .mision p{
    font-size: 21px;
    line-height: 29px;
  }

  .simbolos .caja{
    width: 46%;
    margin-left: 24px;
    margin-top: 15px;
  }

  .simbolos p{
    font-size: 19px;
  }

  .vision p{
    font-size: 17px;
    line-height: 22px;
    padding: 31px 32px;
  }

  .fundadores p{
    padding: 22px 25px;
    font-size: 17px;
    line-height: 21px;
  }

  .patrono p{
    font-size: 17px;
    line-height: 23px;
    padding: 21px 34px;
  }

  .filosofia_caja h3{
    font-size: 19px;
    line-height: 22px;
  }

  .filosofia_caja h2{
    font-size: 44px !important;
  }

  .comunidad{
    width: 29%;
  }

  .inscripciones p{
    font-size: 19px;
    line-height: 25px;
  }

  .album span .text2{
    padding: 17px 29px;
  }

  .btn_polit a{
    padding: 11px 16px;
    font-size: 18px;
  }

  #formulario{
    padding: 34px 22px;
  }

  #formulario h2{
    font-size: 19px;
  }

  #enviar{
    width: 81px !important;
    font-size: 21px !important;
  }

  #borrar{
    width: 81px !important;
    font-size: 21px !important;
  }

  #formulario h3{
    font-size: 13px;
    padding: 13px 1px;
  }

  #formulario h4{
    font-size: 18px;padding: 13px 6px;
  }

  footer h1{
    font-size: 20px;
  }

  footer p{
    font-size: 16px;
  }

  .entretenimiento p{
    font-size: 17px;
    line-height: 21px;
  }

  .link_mandalas h2{
    font-size: 21px;
  }

  .link_mandalas h3{
    font-size: 14px;
  }

  .modal-dialog {
    width:639px;
    margin: 0px auto;
  }

}

/*----------------------------------------------------------*/
@media (max-width: 1400px) and (min-width:1301px){

  #navbar li{
    margin: 8px 16px;
  }

  #contenido{
    margin-top: 30%;
  }

  .soporte p{
    font-size: 18px;
  }

  .soporte h1{
    font-size: 23px;
  }

  .mision p{
    font-size: 21px;
    line-height: 29px;
  }

  .simbolos .caja{
    width: 46%;
    margin-left: 24px;
    margin-top: 15px;
  }

  .simbolos p{
    font-size: 19px;
  }

  .vision p{
    font-size: 17px;
    line-height: 22px;
    padding: 31px 32px;
  }

  .fundadores p{
    padding: 22px 25px;
    font-size: 17px;
    line-height: 21px;
  }

  .patrono p{
    font-size: 17px;
    line-height: 23px;
    padding: 21px 34px;
  }

  .filosofia_caja h3{
    font-size: 19px;
    line-height: 22px;
  }

  .filosofia_caja h2{
    font-size: 44px !important;
  }

  .comunidad{
    width: 29%;
  }

  .inscripciones p{
    font-size: 19px;
    line-height: 25px;
  }

  .album span .text2{
    padding: 17px 29px;
  }

  .btn_polit a{
    padding: 11px 16px;
    font-size: 18px;
  }

  #formulario{
    padding: 34px 22px;
  }

  #formulario h2{
    font-size: 19px;
  }

  #enviar{
    width: 81px !important;
    font-size: 21px !important;
  }

  #borrar{
    width: 81px !important;
    font-size: 21px !important;
  }

  #formulario h3{
    font-size: 13px;
    padding: 13px 1px;
  }

  #formulario h4{
    font-size: 18px;padding: 13px 6px;
  }

  footer h1{
    font-size: 20px;
  }

  footer p{
    font-size: 16px;
  }

  .entretenimiento p{
    font-size: 17px;
    line-height: 21px;
  }

  .link_mandalas h2{
    font-size: 21px;
  }

  .link_mandalas h3{
    font-size: 14px;
  }

  .modal-dialog {
    width:639px;
    margin: 0px auto;
  }
  
}

/*------------------------------------------------------------------*/

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

  #navbar li{
    margin: 8px 11px;
  }

  #contenido{
    margin-top: 30%;
  }

  .soporte p{
    font-size: 18px;
  }

  .soporte h1{
    font-size: 23px;
  }

  .mision p{
    font-size: 21px;
    line-height: 29px;
  }

  .simbolos .caja{
    width: 46%;
    margin-left: 24px;
    margin-top: 15px;
  }

  .simbolos p{
    font-size: 19px;
  }

  .vision p{
    font-size: 17px;
    line-height: 22px;
    padding: 31px 32px;
  }

  .fundadores p{
    padding: 22px 25px;
    font-size: 18px;
    line-height: 21px;
  }

  .patrono p{
    font-size: 17px;
    line-height: 23px;
    padding: 21px 34px;
  }

  .filosofia_caja h3{
    font-size: 19px;
    line-height: 22px;
  }

  .filosofia_caja h2{
    font-size: 44px !important;
  }

  .comunidad{
    width: 29%;
  }

  .album span .text2{
    padding: 17px 29px;
  }

  .btn_polit a{
    padding: 11px 16px;
    font-size: 18px;
  }

  #formulario{
    padding: 34px 22px;
  }

  #formulario h2{
    font-size: 19px;
  }

  #enviar{
    width: 81px !important;
    font-size: 21px !important;
  }

  #borrar{
    width: 81px !important;
    font-size: 21px !important;
  }

  #formulario h3{
    font-size: 13px;
    padding: 13px 1px;
  }

  #formulario h4{
    font-size: 18px;padding: 13px 6px;
  }

  footer p{
    font-size: 18px;
  }

  .entretenimiento p{
    font-size: 17px;
    line-height: 21px;
  }

  .link_mandalas h2{
    font-size: 21px;
  }

  .link_mandalas h3{
    font-size: 14px;
  }

  .modal-dialog {
    width:734px;
    margin: 0px auto;
  }
  

}


/*-----------------------------------------------------------------*/

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


  #navbar li{
    margin:8px 32px;
  }

  .soporte p{
    font-size: 23px;
  }

  .soporte h1{
    font-size: 23px;
  }

  .simbolos p{
    font-size: 19px;
  }

  .simbolos .caja{
    margin-left: 11px;
  }

  .vision p{
    font-size: 20px;
    line-height: 26px;
  }

  .filosofia_caja h3{
    font-size: 23px;
    line-height: 25px;
  }

  .fundadores p{
    font-size: 21px;
    line-height: 26px;
  }

  .patrono p{
    font-size: 21px;
    line-height: 27px;
  }

  .comunidad{
    width: 18%;
  }

  #formulario h2{
    font-size: 21px;
  }

  #formulario h3{
    padding: 13px 5px;
  }

  #enviar{
    width: 107px !important;
  }

  #borrar{
    width: 107px !important;
  }

  #formulario h4{
    padding: 13px 4px;
    font-size: 22px;
  }

  .btn_polit a{
    padding: 16px 17px;
  }

  .entretenimiento p{
    font-size: 21px;
    line-height: 25px;
  }

  .link_mandalas h3{
    font-size: 17px;
  }

  .modal-dialog {
    width:734px;
    margin: 0px auto;
  }


}



/*-----------------------------------------------------------------------------*/


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

  .simbolos .caja{
    width: 30%;
  }

  .simbolos p{
    font-size: 19px;
  }

  .patrono p{
    font-size: 21px;
  }

  .fundadores p{
    font-size: 22px;
    line-height: 29px;
  }

  .filosofia_caja h3{
    font-size: 21px;
    line-height: 25px;
  }

  .vision p{
    font-size: 20px;
    line-height: 25px;
  }

  .soporte p{
    font-size: 23px;
  }

  .soporte h1{
    font-size: 25px;
  }

  .comunidad{
    margin-left: 11px;
  }

  #formulario h2{
    width: 21%;
    font-size: 21px;
  }

  #formulario input{
    width: 79%;
  }

  #formulario h3{
    font-size: 16px;
  }

  .entretenimiento p{
    font-size: 20px;
    line-height: 24px;
  }

  .link_mandalas h3{
    font-size: 18px;
  }

  .modal-dialog {
    width:794px;
    margin: 0px auto;
  }

}


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

  .simbolos .caja{
    width: 30%;
  }

  .simbolos p{
    font-size: 19px;
  }

  .patrono p{
    font-size: 21px;
  }

  .fundadores p{
    font-size: 22px;
    line-height: 29px;
  }

  .filosofia_caja h3{
    font-size: 21px;
    line-height: 25px;
  }

  .vision p{
    font-size: 20px;
    line-height: 25px;
  }

  .soporte p{
    font-size: 23px;
  }

  .soporte h1{
    font-size: 25px;
  }

  .comunidad{
    margin-left: 11px;
  }

  #formulario h2{
    width: 21%;
    font-size: 21px;
  }

  #formulario input{
    width: 79%;
  }

  #formulario h3{
    font-size: 16px;
  }

  .entretenimiento p{
    font-size: 20px;
    line-height: 24px;
  }

  .link_mandalas h3{
    font-size: 18px;
  }

  .modal-dialog {
    width:794px;
    margin: 11px auto;
  }

}


.card-header{
  background: #1488CC;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #2B32B2, #1488CC);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #2B32B2, #1488CC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */   
  color:white;
}