@font-face {

font-family: Adobe JensenProSemiboldItDisp;

src: url(../fonts/AJensonPro-SemiboldItDisp.otf) format(‘truetype’);

}



@font-face {

font-family: Adobe JensenProCapt;

src: url(../fonts/AJensonPro-Capt.otf) format(‘truetype’);

}



@font-face {

font-family: Adobe JensenProIt;

src: url(../fonts/AJensonPro-It.otf) format(‘truetype’);

}



@font-face {

font-family: Adobe JensenProItCapt;

src: url(../fonts/AJensonPro-ItCapt.otf) format(‘truetype’);

}



@font-face {

font-family: Adobe JensenProSemiboldDisp;

src: url(../fonts/AJensonPro-SemiboldDisp.otf) format(‘truetype’);

}



@font-face {

font-family: Adobe JensenProSemiboldIt;

src: url(../fonts/AJensonPro-SemiboldIt.otf) format(‘truetype’);

}



@font-face {

font-family: Adobe JensenProSemiboldItDisp;

src: url(../fonts/AJensonPro-SemiboldItDisp.otf) format(‘truetype’);

}



body {

  width: 100%;

  height: 100%;

  font-family: "Adobe JensenProCapt", Palatino, serif;

  font-weight: 300;

  padding-top: 70px;

  color: #666;

  background-color: #fff;

  font-size: 15px !important;

  line-height: 1.6em;

  font-weight: 400;

  overflow-x: hidden;

}



html {

    width: 100%;

    height: 100%;

}



.clearfix:after {

    visibility: hidden;

    display: block;

    font-size: 0;

    content: " ";

    clear: both;

    height: 0;

}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/

* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* End hide from IE-mac */



/* ============= ABRE ESTILOS NAVBAR ============= */



.navbar-brand {

  width: 150%;

}



@media (max-width: 992px){

  .navbar-brand {

  width: 250% !important;

  }

}



@media (max-width: 768px){

  .navbar-brand {

  width: 60% !important;

  }

}



@media (max-width: 480px){

  .navbar-brand {

  width: 70% !important;

  }

}



.navbar-right {

  margin-top: 10px;

}

.navbar {

  padding: 20px 0;

  min-height: 80px;

  -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;

  -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;

  transition: background .5s ease-in-out,padding .5s ease-in-out;

}

.navbar-default {

  background-color: rgba(255, 255, 255, 0.001);

  /*border-bottom: none !important;*/

  background: #ffffff;

  border-color: #ffffff;

}

.navbar-default ul.nav li a {

    font-size: 12px;

    letter-spacing: 1px;

    color: #444;

    text-transform: uppercase;

    /* AQUI */ /* SAQUE EL BOLD */

    text-align: right;

    padding: 0;

    font-family: Arial, Geneva, 'sans-serif'; /* AQUI */

}

.navbar-default.top-nav-collapse {

  padding: 10px 0;

  color: #FFF !important;

  background: #ffffff;

  min-height: 60px;

  border-bottom: 1px solid #e7e7e7;

}

.navbar-default .navbar-nav>li>a {

  color:#231f20;

}

.navbar-default.top-nav-collapse .navbar-nav>li>a {

  color:#444;

  font-size: 11px; /* AQUI */

}

.navbar-default .navbar-nav>li>a:hover {

  color:#932b30;

}

.navbar-nav>li>a {

  padding-top: 10px;

  padding-bottom: 10px;

}

.navbar-nav>li {

    float: none !important;

    text-align: right;

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {

    color: #aa272d;

    background-color: #FFFFFF;

}

@media (max-width: 768px){
  .navbar-default ul.nav li a{
    text-align: left;
  }
}


#masthead { 

 min-height:150px;

}



#masthead h1 {

 font-size: 30px;

 line-height: 1;

 padding-top:20px;

}



#masthead .well {

 margin-top:8%;

}



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

  #masthead h1 {

    font-size: 50px;

  }

}

@media (max-width: 768px){

  .nav-topfix{
  margin-top: -8px; 
  
  }

  .navbar-collapse{
    margin-top: 60px;
  }
}

@media (min-width: 979px) {

  #sidebar.affix-top {

    position: static;

  	margin-top:30px;

  	width:228px;

    font-family: Arial, Geneva, 'sans-serif';

    font-size: 11px;

  }

  

  #sidebar.affix {

    position: fixed;

    /*top:70px;*/

    top: 120px;

    width:228px;

  }

  .nav-stacked>li {

    float: none;

    font-size: 14px;

    border-bottom: dotted 0.6px;

  }

  .nav-stacked>li+li i {

    padding-top: 6px;

    font-size: 10px;

    padding-right: 5px;

  }

  .nav-stacked>li>a {

    padding: 0;

    color: #808080;

    font-family: Arial, Geneva, 'sans-serif';

    font-size: 11px;

  }

  .nav-stacked>li.active >a{

    padding: 0;

    color: #333;

    font-family: Arial, Geneva, 'sans-serif';

    font-size: 11px;

  }

  .nav-show li a {

    color: #333;

  }

  .nav-show li {

    border-bottom: dotted 0.6px;

  }

  .nav-show li:last-child {

    border-bottom: none;

  }

  .nav-show li a:last-child {

    padding-bottom: 0;

  }

}

.affix-top,.affix{

 position: static;

}

#leftCol .nav .nav {

  display: none;

  /*margin-bottom: 8px;*/

}

#leftCol .nav .nav > li > a {

  font-family: Arial, Geneva, 'sans-serif';

  font-size: 11px;

  padding-top: 3px;

  padding-bottom: 3px;

  padding-left: 30px;

  color: #666;

}





/* ============= CUERPO ============= */

.no-padding {

  padding: 0 !important;

}

.saltoTop {

  margin-top: 30px;

}

.saltoTop2 {

  margin-top: 60px;

}



.container.cuerpo {

	margin-top: 80px;

}



.sectionHead {

  margin-bottom: 60px;

}

.pie_foto {

  margin-bottom: 60px;
  text-align: right;
  line-height: 1em;

}

.pie_foto small {

  font-family: "Adobe JensenProIt", Palatino, serif;

  font-style: italic;

  font-size: 11px;

  color: #9a9a9a;

}

p.bajadaHead {

  font-family: "Adobe JensenProItCapt", Palatino, serif;

  font-style: italic;

  font-size: 19px;

  color: #a8272d;

  letter-spacing: 1.0px;

  margin-bottom: 40px;

}



p.bajadaVideo {

  font-family: "Adobe JensenProItCapt", Palatino, serif;

  font-style: italic;

  font-size: 19px;

  color: #a8272d;

  letter-spacing: 1.0px;

}



p.bajadaHead span.cl {

  font-family: "Adobe JensenProSemiboldItDisp", Palatino, serif;

  font-style: italic;

  color: #a8272d;

  float:left;

  background:white;

  font-size:60px;

  line-height:40px;

  padding:2px;

  margin-right: 5px;

}



p.item-p {

  font-family: "Adobe JensenProCapt", Palatino, serif;

  font-size: 15px;

  color: #666666;

  line-height: 1.5;

}



p.item-p span.cl {

  font-family: "Adobe JensenProCapt", Palatino, serif;

  color: #a8272d;

  float:left;

  background:white;

  font-size:74px;

  line-height:40px;

  padding:2px;

  margin-right: 4px;

  margin-top: 17px;

}

p.smallpull {

  font-family: "Adobe JensenProItCapt", Palatino, serif;

  font-style: italic;

  font-size: 13px;

  color: #666666;

  margin: 30px 0 30px 40px;

  line-height: 1.4;

}

p.leyendaImg {

  font-family: "Adobe JensenProItCapt", Palatino, serif;

  font-style: italic;

  font-size: 17px;

  color: #a8272d;

  text-align: center;

  letter-spacing: 1.0px;

  margin-top: 20px;

  padding-bottom: 25px;

  border-bottom: solid 1px #000000;

}



p.leyendaImg2 {

  font-family: "Adobe JensenProItCapt", Palatino, serif;

  font-style: italic;

  font-size: 17px;

  color: #a8272d;

  text-align: center;

  letter-spacing: 1.0px;

  margin-top: 20px;

  padding-bottom: 25px;

}



p.leyendaVideo {

  font-family: "Adobe JensenProItCapt", Palatino, serif;

  font-style: italic;

  font-size: 17px;

  color: #a8272d;

  text-align: right;

  letter-spacing: 1.0px;

  margin-top: 20px;

  padding-bottom: 25px;

  border-bottom: solid 1px #000000;

}



p.imgDescripcion {

  font-family: "Adobe JensenProIt", Palatino, serif;

  font-style: italic;

  font-size: 11px;

  color: #9a9a9a;

  text-align: right;

  line-height: 1.2em;

  margin-top: 20px;

  margin-bottom: 20px;

}



hr.finBottom {

  color: #000000;

  border-top: 1px solid #000000

}



hr.topHr {

  color: #000000;

  border-top: 1px solid #000000

}



ol.small-list {

  font-family: "Adobe JensenProItCapt", Palatino, serif;

  font-size: 12px;

  color: #666666;

  line-height: 1.5;

  font-style: italic;

  padding-left: 10px;

}



.vineta {

  margin-top: 40px;
  margin-bottom: 200px;

}

.vineta-home-cierre {

  margin-top: 40px;
  margin-bottom: 40px;

}



.cubo {

  width: 114px;

  height: 114px;

  background-color: #aa282d;

}



.borderCubo {

  width: 130px;

  height: 130px;

  border-top: 1px solid #000000;

  border-left: 1px solid #000000;

  padding: 15px 0 0 15px;

  float: left;

  margin-right: 20px;

}



.headContexto {

  padding-top: 60px;

}



.cuboHead {

  width: 114px;

  height: 114px;

  background-color: #aa282d;

}



.cuboHead p.linkCubo {

  font-family: "Adobe JensenProSemiboldIt", Palatino, serif;

  font-size: 16px;

  color: #ffffff;

  line-height: 1.3;

  font-style: italic;

  text-align: left;

  padding: 15px 15px;

}



.cubo p.linkCubo {

  font-family: "Adobe JensenProSemiboldIt", Palatino, serif;

  font-size: 16px;

  color: #ffffff;

  line-height: 1.3;

  font-style: italic;

  text-align: left;

  padding: 20px 15px;

}



.leer {

  font-family: "Adobe JensenProSemiboldIt", Palatino, serif;

  font-size: 10px;

  color: #000000;

}



/* ============= ABRE ESTILOS PROYECTO ============= */

h2.team {

  font-family: "Adobe JensenProSemiboldItDisp", Palatino, serif;

  font-size: 30px;

  color: #a9272d;

  line-height: 1.1;

  font-style: italic;

  margin-bottom: 30px;

}

.equipo h5 {

  font-family: "Adobe JensenProCapt", Palatino, serif;

  font-size: 16px;

  color: #a9272d;

  line-height: 1.1;

  font-weight: bold;

  margin-bottom: 0;

}

.equipo p {

  font-family: "Adobe JensenProCapt", Palatino, serif;

  font-size: 15px;

  color: #666666;

  line-height: 1.3;

}

.foot-home{

}

footer p {

  font-family: "Arial", Palatino, serif;

  color: #1d1d1b;

}

footer p.fondart p {

  font-family: "Arial", Palatino, serif;

  color: #808080;

  font-size: 12px;

  line-height: 1.5;

}

footer p.byFoot {

  font-family: "Arial", Palatino, serif;

  font-size: 14px;

  color: #808080;

  line-height: 1.3;

  margin-top: 20px;

}



footer p.byFoot strong {

  font-family: "Arial", Palatino, serif;

  font-size: 14px;

  color: #000000;

  line-height: 1.3;

  margin-top: 40px;

}



.derechos {

  height: 40px;

  background: #414042;

  text-align: center;

  margin-top: 30px;

}

.derechos p {

  font-family: "Arial", Palatino, serif;

  font-size: 12px;

  color: #ffffff;

  padding-top: 5px;

}

.cont-cc{

  display:block;
  margin-top: 20px;
}


/* ===========================

--- Intro Home

============================ */



#navigation {

  background: #fff;

  z-index: 9999;

  width:100%;

}



body.principal {

  padding-top: 0 !important;

}



.hero { 

  /* background-image: url(./images/home/header.jpg); */

  width: 100%;

  height: 100%;

    min-height: auto;

    text-align: center;

    color: #fff;

    background-position: center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    -o-background-size: cover;

}

.hero h1 { 

  font-size: 40px; 

  letter-spacing: 12px; 

  margin: 40px 0 10px; 

  font-weight: 900; 

  color: #fff;

}

.hero h1 span { 

  color: #a1a9b0; 

  display: inline-block; 

}

.hero p { 

  font-size: 24px; 

  font-weight: 400; 

  color: #fefefe; 

}



.home-section {

  padding-top: 150px;

  padding-bottom: 60px;

  display:block;

  position:relative;

  z-index:120;

}

.home-section h1 {

  font-family: "Adobe JensenProSemiboldIt", Palatino, serif;

  font-size: 30px;

  color: #a8272d;

  padding-top: 0;

  margin-top: 0;

}

a.learn-more-btn {

  color: #aa282d;

  transition: color 500ms ease-in-out;

}

a.learn-more-btn:hover {

  text-decoration: none;

  color: #FFF;

}

.owl-carousel h6 {

  font-family: "Adobe JensenProSemiboldIt", Palatino, serif;

  font-size: 16px;

  color: #a8272d;

  font-style: italic;

  font-weight: bold;

}

h1.home-text  {

  font-family: "Adobe JensenProSemiboldIt", Palatino, serif;

  font-size: 30px;

  color: #a8272d;

  text-align: right;

  padding-top: 0;

  margin-top: 0;

}

.navegar-archivos i {

  font-size: 70px;

  color: #575756;

}



.navegar-archivos p {

  font-family: "Adobe JensenProSemiboldIt", Palatino, serif;

  font-size: 18px;

  color: #a8272d;

  text-align: center;

  padding-top: 40px;

  margin-top: 0;

  margin-bottom: 0;

  padding-bottom: 0;

}

.navegar-archivos a {

  font-family: "Arial", Palatino, serif;

  font-size: 12px;

  color: #1d1d1b;

  padding: 0;

  margin:0;

}

.navegar-archivos a:hover {

  text-decoration: none;

}

.proyecto-home {

  width: 450px;

  margin: 60px auto 0 auto;

  text-align: center;

}

.proyecto-home p.parrafo-proyecto {

  font-family: "Adobe JensenProItCapt", Palatino, serif;

  color: #a8272d;

  font-size: 20px;

  font-style: italic;

}

.proyecto-home p.parrafo-detalle {

  padding: 0;

  margin:0;

}

.proyecto-home a {

  font-family: "Arial", Palatino, serif;

  font-size: 12px;

  color: #1d1d1b;

  padding: 0;

  margin:0;

}

.pFloat {

  position:absolute; 

  right: 15px;

  top: 150px;

  font-family: "Adobe JensenProSemiboldIt", Palatino, serif;

  font-weight: bold;

  font-style: italic;

  color: #a8272d;

  padding: 30px 0 0 20px;

  line-height: 1.3;

}

.pFloat a {

  font-family: "Adobe JensenProSemiboldIt", Palatino, serif;

  font-weight: bold;

  font-style: italic;

  color: #ffffff;

  line-height: 1.3;

  text-decoration: none;

}

.link-cubo {

  position:absolute; 

  left:90px; 

  bottom:300px; 

  width: 115px; 

  height: 115px;

  background: #ffffff;

  font-family: "Adobe JensenProSemiboldIt", Palatino, serif;

  font-weight: bold;

  font-style: italic;

  color: #a8272d;

  padding: 30px 0 0 20px;

  line-height: 1.3;

}



.link-cubo a {

  font-family: "Adobe JensenProSemiboldIt", Palatino, serif;

  font-weight: bold;

  font-style: italic;

  color: #a8272d;

  line-height: 1.3;

  text-decoration: none;

}



.link-cubo-dos {

  position:absolute; 

  left:140px; 

  bottom:400px; 

  width: 115px; 

  height: 115px;

  background: #ffffff;

  font-family: "Adobe JensenProSemiboldIt", Palatino, serif;

  font-weight: bold;

  font-style: italic;

  color: #a8272d;

  padding: 20px 0 0 20px;

  line-height: 1.3;

}



.link-cubo-dos a {

  font-family: "Adobe JensenProSemiboldIt", Palatino, serif;

  font-weight: bold;

  font-style: italic;

  color: #a8272d;

  line-height: 1.3;

  text-decoration: none;

}



.link-cubo3 {

  position:absolute; 

  left:50px; 

  bottom:40px; 

  width: 115px; 

  height: 115px;

  background: #a8272d;

  font-family: "Adobe JensenProSemiboldIt", Palatino, serif;

  font-weight: bold;

  font-style: italic;

  color: #a8272d;

  padding: 20px 0 0 20px;

  line-height: 1.3;

}



.link-cubo3 a {

  font-family: "Adobe JensenProSemiboldIt", Palatino, serif;

  font-weight: bold;

  font-style: italic;

  color: #ffffff;

  line-height: 1.3;

  text-decoration: none;

}



.link-cubo4 {

  position:absolute; 

  right: 40px;

  top: 30px;

  width: 115px; 

  height: 115px;

  background: #ffffff;

  font-family: "Adobe JensenProSemiboldIt", Palatino, serif;

  font-weight: bold;

  font-style: italic;

  color: #a8272d;

  padding: 20px 0 0 20px;

  line-height: 1.3;

}



.link-cubo4 a {

  font-family: "Adobe JensenProSemiboldIt", Palatino, serif;

  font-weight: bold;

  font-style: italic;

  color: #a8272d;

  line-height: 1.3;

  text-decoration: none;

}



.link-cubo5 {

  position:absolute; 

  right: 150px;

  top: 650px; 

  width: 115px; 

  height: 115px;

  background: #a8272d;

  font-family: "Adobe JensenProSemiboldIt", Palatino, serif;

  font-weight: bold;

  font-style: italic;

  color: #a8272d;

  padding: 20px 0 0 20px;

  line-height: 1.3;

}



.link-cubo5 a {

  font-family: "Adobe JensenProSemiboldIt", Palatino, serif;

  font-weight: bold;

  font-style: italic;

  color: #ffffff;

  line-height: 1.3;

  text-decoration: none;

}



.link-cubo6 {

  position:absolute; 

  right: 340px;

  top: 240px;

  width: 115px; 

  height: 115px;

  background: #ffffff;

  font-family: "Adobe JensenProSemiboldIt", Palatino, serif;

  font-weight: bold;

  font-style: italic;

  color: #a8272d;

  padding: 20px 0 0 20px;

  line-height: 1.3;

}



.link-cubo6 a {

  font-family: "Adobe JensenProSemiboldIt", Palatino, serif;

  font-weight: bold;

  font-style: italic;

  color: #a8272d;

  line-height: 1.3;

  text-decoration: none;

}



.link-cubo7 {

  position:absolute; 

  right: 250px;

  bottom: 240px;

  width: 115px; 

  height: 115px;

  background: #ffffff;

  font-family: "Adobe JensenProSemiboldIt", Palatino, serif;

  font-weight: bold;

  font-style: italic;

  color: #a8272d;

  padding: 20px 0 0 20px;

  line-height: 1.3;

}



.link-cubo7 a {

  font-family: "Adobe JensenProSemiboldIt", Palatino, serif;

  font-weight: bold;

  font-style: italic;

  color: #a8272d;

  line-height: 1.3;

  text-decoration: none;

}



.link-cubo8 {

  position:absolute; 

  left:55px; 

  bottom:0px; 

  width: 115px; 

  height: 115px;

  background: #a8272d;

  font-family: "Adobe JensenProSemiboldIt", Palatino, serif;

  font-weight: bold;

  font-style: italic;

  color: #a8272d;

  padding: 30px 0 0 20px;

  line-height: 1.3;

}



.link-cubo8 a {

  font-family: "Adobe JensenProSemiboldIt", Palatino, serif;

  font-weight: bold;

  font-style: italic;

  color: #ffffff;

  line-height: 1.3;

  text-decoration: none;

}

.leerFlotante {

  font-family: "Adobe JensenProSemiboldIt", Palatino, serif;

  font-size: 10px;

  color: #000000;

  padding-left: 60px;

  top: 30px;

  position: relative;

}

.interviews {

  margin-top: 170px;

}

.interviews ul.gallery, .entrevistas ul.gallery {

  list-style: none;

  margin: 0;

  padding: 0;

}

.interviews h5 {

  font-family: "Adobe JensenProSemiboldIt", Palatino, serif;

  font-weight: bold;

  font-style: italic;

  font-size: 18px;

  color: #a8272d;

  padding: 10px 0 0 0;

  margin: 0;

}



.interviews p{

  font-family: "Adobe JensenProSemiboldIt", Palatino, serif;

  font-style: italic;

  font-size: 14px;

  padding: 0;

  margin: 0;

}



.entrevistas h5 {

  font-family: "Adobe JensenProSemiboldIt", Palatino, serif;

  font-weight: bold;

  font-style: italic;

  font-size: 14px;

  color: #000000;

  padding: 10px 0 0 0;

  margin: 0;

}



.entrevistas p {

  font-family: "Adobe JensenProSemiboldIt", Palatino, serif;

  font-style: italic;

  font-size: 12px;

  padding: 0;

  margin: 0;

}

.archivos h2 {

  font-family: "Adobe JensenProSemiboldIt", Palatino, serif;

  font-weight: bold;

  font-style: italic;

  font-size: 21px;

  color: #a8272d;

  padding-bottom: 30px;

}

/* ===========================

--- hr.Style

============================ */



hr.style-eight {

    font-family: "Adobe JensenProItCapt", Palatino, serif;

    font-style: italic;s

    padding: 0;

    border: none;

    border-top: 1px solid #808080;

    color: #575756;

    text-align: center;

}

hr.style-eight:after {

    content: "Taller de Danzas Antiguas";

    display: inline-block;

    position: relative;

    top: -0.3em;

    padding: 0 1.5em;

    background: white;

    font-size: 30px;

}



hr.style-seven {

    font-family: "Adobe JensenProItCapt", Palatino, serif;

    font-style: italic;;

    padding: 0;

    border: none;

    border-top: 1px solid #808080;

    color: #575756;

    text-align: center;

}

hr.style-seven:after {

    content: "Revisa nuestro Archivo";

    display: inline-block;

    position: relative;

    top: -0.3em;

    padding: 0 1.5em;

    background: white;

    font-size: 30px;

}

hr.style-six {

    font-family: "Adobe JensenProItCapt", Palatino, serif;

    font-style: italic;;

    padding: 0;

    border: none;

    border-top: 1px solid #808080;

    color: #575756;

    text-align: center;

}

hr.style-six:after {

    content: "Acerca del proyecto";

    display: inline-block;

    position: relative;

    top: -0.3em;

    padding: 0 1.5em;

    background: white;

    font-size: 30px;

}



ul.gallery {

  list-style: none;

  padding-left: 0;

}

.efectoFade {

  opacity:0;

}

@media (max-width: 640px){

  .efectoFade {

  opacity:1;

  }

}

@media (max-width: 420px){

  .navbar-collapse{
    margin-top: 45px;
  }
}


/*
.btn-entrar{

  margin-top: 50%;  

}

@media (min-width: 1680px){

  .btn-entrar{

    margin-top: 80%;  

  }

}



@media (max-width: 1200px){

  .borderCubo{

    float: none;

  }

  .interviews{

    margin-top: 50px;

  }

  p.bajadaHead{

    clear: both;

  }

}



@media (max-width: 992px){

  .btn-entrar{

    margin-top: 80%;  

  }

  .nav > li > a{

    color: #808080;

  }

  .nav-stacked > li{

    border-bottom: dotted 0.6px;

  }

  .borderCubo{

    margin-top: 30px;

  }

}



@media (max-width: 560px){

  .btn-entrar{

    margin-top: 90%;  

  }

}



@media (max-width: 480px){

  .btn-entrar{

    margin-top: 80%;  

  }

}

*/

.lista-bibliografia li{

  margin-bottom: 12px;

}



a:hover{

  text-decoration: none !important;

}



.video-list{

  width: 100%;

  height: 470px;

}



.embed-container {

  position: relative;

  padding-bottom: 56.25%;

  height: 0;

  overflow: hidden;

  max-width: 100%;

} 



.embed-container iframe, .embed-container object, .embed-container embed {

  position: absolute; 

  top: 0; 

  left: 0; 

  width: 100%; 

  height: 100%;

}

.label-danger { 
  padding:.3em .4em;
  font-size: 60%;
  vertical-align: top;
  letter-spacing: .5px;
}


/* NUEVO HOME */ 

@media (max-width: 640px){

  .hero{

    display: none; 
    visibility: hidden; 

  }

  /* NUEVOS PARA HOME */

  .link-cubo{
    left: 15%;
    bottom: 35%;
  }

}

@media (max-width: 450px){

  .hero{

    display: none; 
    visibility: hidden; 

  }

  /* NUEVOS PARA HOME */

  .link-cubo{
    left: 10%;
    bottom: 46%;
  }

}

/* FRASES ROJAS */

.frase-home-sara-2{
  display: none;
}

.frase-sara-b2{
  display: none;
}

@media (max-width: 1200px){
  
  .frase-home-sara{
  margin-top: 20px;
  }
  
  .frase-home-sara p{
  position: absolute;
  top: 110px;
  }

  .home-section{
    padding-top: 40px;
  }

}

@media (max-width: 768px){
  
  .frase-home-sara{
    display: none;
  }

  .frase-home-sara-2{
    display: inline;
  }

  .frase-home-sara-2 h1{
    margin-top: 20px;
  }

  .pie_foto {
    margin-bottom: 30px;
    
  }
}

@media (max-width: 540px){

  .frase-home-sara-2 br{
    display: none;
  }

}

@media (max-width: 640px){

  .link-cubo-dos{
    left: 10%;
    bottom: 38%;
  }

  .link-cubo5{
    right: 5%;
    top: 80%;
  }

}

@media (max-width: 480px){

  .link-cubo-dos{
    bottom: 30%;
  }
  
  .link-cubo4{
    left: 0;
    right: 10%;
  }

  .link-cubo5{
    right: 10%;
    top: 70%;
  }

}

.cont-grandes-m{
  margin-top: 300px;
}

.container-entrev-home{
  margin-top: 35px;
}

.frase-sara-b{
  padding-top: 200px;
}

@media (max-width: 1200px){

  .cont-grandes-m{
    margin-top: 30px;
  }

  .link-cubo4{
    right: 0;
    left: 45%;
  }

  .frase-sara-b{
    display: none;
  }

  .frase-sara-b2{
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .container-conclave-home{
    margin-top: -160px;
  }

  .link-cubo6{
    right: 0;
    left: 14%;
    top: 40%;
  }

  .link-cubo7{
    bottom: -30%;
    right: 0;
    left: 30%;

  }

}

@media (max-width: 990px){
  
  .link-cubo4{
    left: 55%;
  }

  .link-cubo6{
    left: 18%;
    top: 36%;
  }

  .container-conclave-home{
    margin-top: 50px;
  }

  .link-cubo7{
    bottom: -40%;
    right: 0;
    left: 15%;
  }
  
  .nav-stacked{
    margin-bottom: 30px;
  }

  .nav-stacked > li > a {

    padding: 0;
    color: #808080;
    font-family: Arial, Geneva, 'sans-serif';
    font-size: 12px;
    padding: 5px 0;
    border-bottom: dotted 0.6px;
    width: 40%;

  }

}

@media (max-width: 768px){
  
  .navbar-brand img{
    width: 50%;
    margin-top: -10px;
  }

  .cont-grandes-m{
   padding-top: 250px;
  }

  .link-cubo4{
    left: 60%;
  }

  .link-cubo6{
    left: 22%;
  }

  .link-cubo7{
    bottom: -40%;
    right: 0;
    left: 30%;
  }

  .container-conclave-home{
    margin-top: 90px;
  }

  .proyecto-home {
    width: auto;
  }

  .nav-stacked > li > a {

    width: 50%;

  }

  .fix-logo-gob{
    float: left !important
  }

}

@media (max-width: 630px){
  
  .link-cubo7{
    bottom: -40%;
    right: 0;
    left: 10%;
  }

  .navbar-brand img{
    width: 70%;
    margin-top: -10px;
  }

}

@media (max-width: 480px){
  
  .navbar-brand img{
    width: 85%;
    margin-top: -10px;
  }

  .link-cubo6{
    left: 30%;
  }

  .link-cubo7{
    bottom: -75%;
    right: 0;
    left: 35%;
  }

  .proyecto-home p br{
    display: none;
  }

  .nav-stacked > li > a {

    width: 100%;

  }

}

@media (max-width: 420px){

  .link-cubo4{
    left: 54%;
  }

  .link-cubo7{
    bottom: -65%;
    right: 0;
    left: 34%;
  }

}

.fondart{
  color: #808080;
  font-size: 12px;
  line-height: 1.5em;
}

#sidebar > li > a{
  color: #666;
}