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

body {
	font-family: 'Lato', sans-serif;;
	margin:0;
	padding:0;

}

img {
    width: 100%;
    height: auto;
	border-radius: 1rem 1rem 1rem 1rem;
    margin: 0;
    padding: 0;
}
h1 {
    font-size: 1.5rem;
    margin: auto;
    
}

h2 {
    letter-spacing: .05rem;
    font-weight: 700;
    padding-left: 1rem;
    color: white;
  border-radius: 1.2rem 1.2rem  1.2rem 1.2rem;

}
h3 {
    margin: 0;
}


a {
    text-decoration: none;
}

h4 {
    font-weight:400;
}
   
iframe {
    padding: 0;
    margin: 0;
    width: 100%;
}  
main h5 {
    font-weight: 300;
    margin: 0;
    padding: 0;
}
#titulo{
    letter-spacing: .05rem;
    font-weight: 700;
    padding-left: 1rem;
    color: white;
    border-radius: .6rem .6rem .6rem .6rem;
    margin-bottom: 1rem;
    margin-top: 2rem;
    text-align: center;

} 
.naranja {
        background-color: #eeaa2d;
    }                                          
        
.celeste {
    background-color: #6cf;
}

.verde {
    background-color: #a2e2c5;
}

.rojo {
    background-color: #c33;
}
.verde {
    background-color: #a2e2c5;
}


                                       /*CONTENEDOR*/

#contenedor {
	margin:auto;
	width:960px;
	padding:0;
    height: auto;
}

									/* HEADER */
header {
   	margin-top:2.5rem;
	width: 100%;
	height: 10rem;
    padding-bottom: 0;
   
}

#logo {
    width: 33%;
    height: auto;
    margin-bottom: 3.5%;   
    float: left;
 
}

								                           	/* NAV */
nav {
      background-color: #c33;
    margin-top: 6.6rem;
    border-radius: 1.2rem 1.2rem  1.2rem 1.2rem;
    float: right;
    width: 65%;
    height: 2.1rem;
    padding: 0;
}
nav a {
    color: white;
}
.menu >li>a{
    text-align: center;
}

.menu {
    list-style: none;
    margin: 0;
}

.menu >li {
    float: left
}

.menu li a{
    float: left;
    display: block;
    width: 90%;
    margin-right: .6rem;
    padding: .5rem;
    margin-top: 0;

}
.submenu {
    list-style: none;
    float: left;
    display: none;
    overflow:visible;
    
}

                                        /*MENU DESPLEGABLE*/


.menu > li:hover >.submenu {
    display: block;
    position: absolute;
    float: left;
    background-color: #c33;
    margin-top: 2.1rem;
    padding: .3rem;
    border-radius: 0 0  1.2rem 1.2rem;
   
}

.submenu:hover >.menu{
    display: block
}
    
.menu li a:hover {
    background-color: white;
    color: #c33;
     
}
.submenu a:hover {
    border-radius: 1.2rem 1.2rem  1.2rem 1.2rem;
}

                                                         /*MAIN*/



main {
    margin-bottom:1.5rem;
    clear: both;
    height: 23rem;
}


#brochero img{
   	float:left;
    width: 75%;
	border-radius: 1.2rem 0 0 1.2rem;
   height: 22.7rem;
    
}


section {

    color: white;
    float:left;
	background-color:#c33;
	width:25%;
	border-radius: 0 1rem 1rem 0;
    height: 22.7rem;
    display: block;
    
}
section ul {
    padding-top: 1.5rem;
    padding-left: 0;
    list-style: none;
}

section ul li {
       text-align: center;
   
     
}
section ul li a {
    text-decoration: none;
    color: white; 
    display: block;
}

section ul li a:hover {
    color: #c33;
	background-color: white;
    width:100%;
	border-radius:  .4rem .4rem .4rem .4rem;
}
                                                 /*CIERRA MAIN*/


						                  	/*ASIDE*/
.titulohome {
    padding-bottom: .3rem;
    padding-top: .3rem;
}
#entrevistas {
	width:100%;
    height: 20rem;
	padding:0; 
}
#entrevistas h2 {
    background-color: #eeaa2b;
}
	
.videos {
    margin-left: .2rem;
    padding: 0;
    float: left;
    width: 33%;
    height: 16rem;
    margin-top: 0;
    border-bottom-color: #eeaa2b;
    border-bottom-style: solid;
    border-bottom-width: .4rem;
        
}

#entrevistas p {
    
    font-weight: 700;
    text-align: left;
    padding-left: .5rem;
    padding-top: 0;
    margin-top: 0;
}

#proyectos h2{
    background-color: #a2e2c5;
}
    
#proyectos {
    width: 100%;
    height: 17rem;
   
}

.video {
    height: auto;    
    padding: 0;
    margin: 0;
    float: left;
    border-left-color: #a2e2c5;
    border-left-style: solid;
    border-left-width: 1rem;
 
}

.video iframe {
    height: 13rem;
}

.principal {
    width: 17rem;
}

.secundario {
    margin: 0;
    width: 13rem;
    padding: 0;
    height: 13rem;
}

 #programas {
    clear: both;
    height: 15.6rem;
	width:100%;
	margin-top:1rem;
    padding: 0;
    margin-bottom: 1rem;
}

#programas h2 {
       background-color: #6CF;
         
}
.adicional a img {
    margin: .3rem;
    width: 90%;
    margin: 5%;
}
.adicional {
    border-radius:.5rem .5rem .5rem .5rem;
    float: left;
    background-color: #6CF;
    height: 12rem;
    width: 19.5%;
    margin-right: .5%;
   
}

.adicional:hover {
    background-color: #1289cd;
}

.adicional h4{
    color: white;
    text-align: center;
    margin-top: 0;
   margin-bottom: .6rem;  
}

                                                 /*HTML DE GRILLA*/
#grilla a {text-decoration: none;
    color: white;
}
#horas {
    float: left;
    width: 5%;
    height: 55rem;
    margin: 2.25rem 1rem 0 0;
    padding: 0;
}
#horas ul li {
    list-style: none;
    display: block;
    margin: .3rem 0;
    padding: 0;
}
#horas h3 ul {
    font-size: 1.1rem;
    padding: 0;
}
.dias {
    width: 93%;
    float: right;
    padding: 0;
    margin-bottom: 1rem;
}
.dias ul li {
    list-style: none;
    display: block;
    float: left;
   margin-left: 1.7rem;
    margin-right: 1.7rem;
}
#lunavier {
    float: left;
    width: 65%;
    height: 53rem;
   
    margin: 0 0  0 1rem;
}
#sab {
    width: 13%;
    height: 53rem;
    float: left;
    margin: 0;
    padding: 0;
   
}
#dom {
    float: left;
    margin: 0;
    width: 13%;
    height: 53rem;
  
}
#grilla {
    float: left;
    margin:  .1rem;
    text-align: center;
    border-radius: .6rem .6rem .6rem .6rem;
}
#grilla h4, #grilla h5 {
    margin: 0;
}

.min {
    height: .9rem;
}
.min h5 {
    padding: 0;
}
.medhora {
    height: 1.5rem;
}
.medhora h4{
     padding: .3rem;
}
.medhora h6 {
    padding: .25rem 0 .25rem 0;
    margin: 0;
}

.cuamin {
    height: 2.1rem;
}
.cuamin h4, .pad {
    margin: 0;
    padding: .5rem;
}
.unahora {
    height: 3.1rem;
}
.unahora h4 {
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.unahora h5 {
       padding: .5rem
}
.unahora2 {
    height: 3.1rem;
}
.unahora2 h4 {
   
    padding: .5rem;
}

.doshoras {
    height: 6.5rem;
}
.doshorastop {
    height: 6.5rem;
    padding: 0;
}
.doshoras h4 {
    padding-top: 2.5rem;
   
}

.doshoras h5 {
   
    padding-top: .5rem;
}
.treshoras {
    height: 9.8rem;
}
.treshoras h4 {
    padding-top: 2rem;
}
.cuahoras {
    height: 12.4rem;
}
.cuatrohoras {
      height: 15.5rem;
}
.cuatrohoras h4 {
    padding-top: 5rem;
}

.undia {
    width: 19.45%;
}
.tresdias {
    width: 59.5%
}

.cuadias {
    width: 79.4%
}
.cindias {
    width: 99.5%
}

.seisdias {
    width: 110%
}
.full {
    width: 95%;
}
   
                                                 /*HTML DE PROGRAMACION*/
.programacion h3 {
    text-align: center;
    color: white;
    margin-top: 0;
       
}

.programacion .adicional {
    width: 23%;
    margin: 1%;
    height: 14rem;
}
.info {
    position: relative;
    padding: .5rem;
    display: none;
    color: white;
    background-color: #1289cd;
    border-radius:0 0 .5rem .5rem;
    margin-top: .3rem;
        
}

.programacion .adicional:hover >.info {
    display: block;
  
}

#ventana {
    padding-right: 1rem;
    text-align: left;
     border-radius: 1rem .5rem .5rem 1rem;
     background-color: #6CF;  
    float: left;
    margin: .7rem;
}
#ventana img {
    padding-right: 1rem;
    width: 45%;
    float: left;
    margin: 0;
}
#ventana h1 {
    text-decoration: none;
    padding: 0;
    border-color: white;
    border-style: solid;
    border-radius: .5rem .5rem .5rem .5rem;
    width: 10%;
    margin-top: 9.5rem;
    position: absolute;
    margin-left: -.4rem;
}

#ventana a {
    width: 100%;
    height: 3rem;;
    text-align: center;
    color: white;
}
#ventana p {
    text-align: left
    width: 45%;
    margin: 1rem;    
    float: right;
  
}
#ventana >h3 {
  margin-top: 1rem;
    text-align: left;
    margin-bottom: .5rem;
}
.spanpagcompl {
    font-size: 1.5rem;
}
                                   /*HTML DE ENTREVISTAS*/


.lateral {
    float: left;
    width: 25%;
    margin: 0;
}

.videolateral p {
    margin-top: 0;
    font-weight: 300;
}
.videolateral p a {
    color: black;
}

#principal {
    width: 72%;
    float: right;
    margin-bottom: 1rem;
}

#principal iframe {
    height: 25rem;
}

#principal h2 {margin: 0}

#texto {
    color: white;
    background-color: #eeaa2b;
     border-radius: 0 0 1.2rem 1.2em;
    padding: .5rem;
}

.lateral img {
    width: 100%;
    height: 50%;
    margin-bottom: .2rem; 
}

 /*HTML DE DOCUMENTALES*/ 
    #titulo{
    margin-bottom: 2rem;
    }


#patri h2{
    margin-left: -0.6rem;
color:#eeaa2b;
}

#documental{
    width: 100%;
    float: left;
      margin-left: 17.5rem;
    margin-top: 0.4rem;
    }

#textopatrimonio {
        text-align: left;
    }
#patrimonio iframe{
    float:none;
    width: 70.3%;
    height: 22.6rem;
    margin-top: -0.8rem;
}

#documental h3{
    width: 25%;
    margin-top: -22.7rem;
    margin-left: -17.4rem;
    color: white;
    height: 2rem;
       background-color: #eeaa2b;
        padding-left: 1.2rem;
     padding-right: 1.5rem;
     padding-top: 0.8rem;
             
            border-radius: 1.2rem 0rem  0rem 0rem;
    float: left;
}

#documental p{
    float: left;
    padding-bottom: 0.16rem;
        width: 26%;
      height: 19.98rem; 
        margin-left: -17.4rem;
         color: white;
     background-color: #eeaa2b;
        padding-left: 1rem;
     padding-right: 1rem;
           border-radius: 0rem 0rem  0rem 1.2rem;
      margin-top: -20.2rem;
    }

#avelino h2{
    float: none;
    margin-bottom: 1rem;
    margin-top: 23rem;
 color: #6CF;
}

#calle h2{
    margin-bottom: -0.1rem;
    margin-left: -0.6rem;
color:  #6CF;
    }


#textocalle{
     margin-top: -0.2rem;
      
    padding-bottom: 0.1rem;
      padding-top: 0.1rem;
      padding-left: 0.8rem;
    width: 63.8%;
       color: white;
    border-radius: 0rem 0rem  1.2rem 1.2rem;
     background-color: #6CF;
    float:none;
}
#avelino h2{
margin-left: -0.7rem;
}

#textoavelino{
        width: 62.4%;
     margin-top: -0.4rem;
          padding-right: 0.8rem;
      padding-top: -0.1rem;
      padding-left: 0.8rem;
       color: white;
    border-radius: 0rem 0rem  1.2rem 1.2rem;
     background-color:#6CF;  
    margin-bottom: 1.2rem;
    float: left;
}


#años iframe{
width: 65.1%;
    height: 18rem;
    margin-top: 1rem;
}

#ave iframe{
width:65.1%;
    height: 19rem;
}

#pdocumentales h3{
   margin-top: -24rem;
    margin-left: 41.3rem;
    font-size: 1.1rem;
color: #71c49e;   
}

#sere{
    float: left;
    
    width: 30.8%;
    height: 10rem;
    margin-left: 41.3rem;
    margin-top:0.9rem;

}

#millones{
     border-radius: 0rem 0rem  1.2rem 1.2rem;
        padding-right: 0.7rem;
      padding-left: 0.6rem;
    margin-top: -0.4rem;
    width: 28.5%;
    background-color: #71c49e;
 padding-top: 0.7rem;
   margin-right: 0.26rem;
 color:white;
    padding-bottom: 1.6rem;
    float: right;
    
}

#millones h5{
   font-weight: 700;
    padding-bottom: 0.2rem;
    margin-bottom:0.2rem;
   
}

#millones p{
        
    margin-top: -1rem;
    
    float: left;
}

#doc{
 width: 30.8%;
    float: right;
    height:11.6rem;
    margin-top: -19.1rem;
    margin-right: 0.21rem;
}

#doctango{
   margin-top: -17.1rem;
    color:white;
    width: 28.8%;
float: left;
margin-left:41.3rem;
    padding-top:1.3rem;
  height: 12.6rem;
     background-color:#71c49e;
        border-radius: 0rem 0rem  1.2rem 1.2rem;
     padding-left: 0.71rem;
      padding-right: 0.5rem;
  margin-bottom: 3rem;
    padding-bottom: 2rem;
}

#doctango h6{

    margin-top: 0.6rem;
    color: white;
float: left;
font-size: 0.8rem; 
    padding-bottom: 9.4rem;
    margin-bottom: -9rem;
    padding-top: 0.7rem;
 width: 97%;
}

#doctango p{    
    padding-right: 22rem;
        margin-top: -3rem;
}




                                                              /*HTML NOTICIAS*/

#titulo{
margin-top: 3rem;
}

#imagfesti{
width:45%;
    float:left;
  margin-top: 1rem;
}


#festivalter p{
    color: white;
 height: 17.08rem;
  width: 29%;
    float: left;
     padding-top: 0.7rem;
      padding-left: 0.7rem;
     padding-right: 0.7rem;
    margin-left: -1rem;
      background-color: #eeaa2b;
     border-radius: 0rem 1.2rem  1.2rem 0rem; 
}

#texcentrocultural p{
float: left;
     width: 30%;
}

#texcentrocultural p{
width: 21%;
  float: right;  
    color: white;
        padding-top: 0.7rem;
      padding-left: 0.7rem;
     padding-right: 0.7rem;
      padding-bottom: 0.7rem;
background-color: #eeaa2b;
       margin-left: -0.5rem;
     border-radius: 1.2rem 1.2rem 1.2rem  1.2rem
    
}


#imagjoseph{
width: 41.6%;
    float: left;
    margin-top: 0.rem;
     margin-left: 19.3rem;
}

#textojoseph p{
float: left;
    background-color: #eeaa2b;
      border-radius: 1.2rem 0rem 0rem  1.2rem;
     width: 30%;
    color: white;
        padding-top: 0.7rem;
      padding-left: 0.7rem;
     padding-right: 1.4rem;
      padding-bottom: 0.7rem;
    margin-top: -14.77rem;
}


#entrevistareali h3{
color:#6CF;
  margin-top: 0.5rem;  
     margin-left: -19.8rem; 
    float: left;   
}

#imagilsa {
width:34%;
float: left;
     margin-left: 40rem;
      margin-bottom: -0.7rem;
}

#entreilsa{
float: left;
    background-color: #6cf;
      border-radius: 1.2rem 0rem 0rem  1.2rem;
     width: 65%;
    height: 11.5rem;
    color: white;
      padding-left: 0.7rem;
     padding-right: 1.2rem;
     margin-bottom: 3rem;
      padding-bottom: 0.2rem;
    margin-top: -11.2em;
}

                                                  /*HTML DE PRODUCCIONES EXCLUSIVAS*/ 

#broche h1{
margin-bottom: 0.6rem;
    color:#eeaa2b;
}

#fotto1{
width: 65%;
    float: left;
}

#textofotto1{
width: 63.1%;
    float: left;
    background-color:#eeaa2b;
    margin-top: -1rem;
     border-radius: 0rem 0rem  1.2rem 1.2rem; 
             padding-left: 0.7rem;
      padding-right: 0.5rem;
    color: white;
}

#bueveci h1{
float: left;
    color:#eeaa2b;
margin-bottom: 0.6rem;
    margin-left: -39.19rem;
    margin-top: 5.6rem;
}

#buenos iframe{
width: 65%;
    float: left;
    height: 27rem;
    margin-left: -12.7rem;
    margin-top: 3.3rem;
}

#textovidd1{
width: 63%;
    float: left;
       background-color:#eeaa2b;
    margin-top: -0.2rem;
     border-radius: 0rem 0rem  1.2rem 1.2rem; 
             padding-left: 0.7rem;
      padding-right: 0.5rem;
    padding-bottom: 0.4rem;
    margin-left: 0.1rem;
    color: white;
}

#pano{
    color:#6CF;
float: right;
    margin-top: -63.1rem;
    margin-right: 2.7rem;
}

#panoramainf{
float: right;
    width: 30%;
       margin-top: -61.1rem;
    margin-right: 0.2rem;
}

#textovidd2{
float: right;
     width: 28%;
    margin-top: -52.1rem;
    margin-right: 0.2rem;
    background-color: #6CF;
    border-radius: 0rem 0rem  1.2rem 1.2rem; 
             padding-left: 0.7rem;
      padding-right: 0.5rem;
    color: white;
}

#res{
color: #6CF;
float: right;
    margin-top: -41.9rem;
    margin-right: 6.9rem;
}

#ressem{
float: right;
     width: 30%;
    margin-top: -40.2rem;
    margin-right: -0.3rem;
             padding-left: 0.7rem;
      padding-right: 0.5rem;
}

#textovidd3{
    color: white;
    background-color: #6CF;
      border-radius: 0rem 0rem  1.2rem 1.2rem; 
float: right;
     width: 28%;
     margin-top: -31rem;
    margin-right: 0.2rem;
     padding-left: 0.7rem;
      padding-right: 0.5rem;
}

#proxproy h3{
font-size: 1.03rem;
    font-weight: 600;
    float: right;
    color: #71c49e;
    margin-top: -19.29rem;
     margin-right: 6.4rem;
}

#fotto2{
width: 30%;
    float: right;
    margin-top: -17.6rem;
    margin-right: 0.2rem;
}
#vac h5{
float: right;
      color: white;
    margin-top: -6rem;
   margin-right: -15.3rem;
   
}

#textofotto2{
       color: white;
    background-color: #71c49e;
      border-radius: 0rem 0rem  1.2rem 1.2rem; 
float: right;
     width: 27.7%;
     margin-top: -6.7rem;
    margin-right: 0.2rem;
     padding-left: 0.7rem;
      padding-right: 0.7rem;
    margin-bottom: 3rem;
    padding-top: 1.1rem;
}




                                                /*HTML EVENTOS*/

#solidario h1{
   color: #eeaa2b;
width: 100%;
     float: left;
    text-align: left;
    margin-bottom: 0.6rem;
}

#titulo{
margin-top: 0.1rem;
}

#foto1{
width: 65%;
    float: left;
    height: 21rem;
}

#textofoto1{
background-color:#eeaa2b;
width: 63.1%;
     float: left;
    height: 6.6rem;
     border-radius: 0rem 0rem  1.2rem 1.2rem;   
    color: white;
    margin-top: -0.7rem;
         padding-left: 0.7rem;
      padding-right: 0.5rem;
    padding-bottom: 1.2rem;
}

#muestra h1{
float: right;
    margin-top: -23.4rem;
 color: #eeaa2b;
    width: 32%;
}

#foto2{
float: right;
    margin-top: -21.1rem;
    width: 32%;
}

#textofoto2{
float: right;
    width: 30%;
    margin-top: -8rem;
    background-color: #eeaa2b;
    color: white;
       border-radius: 0rem 0rem  1.2rem 1.2rem;  
         padding-left: 0.71rem;
      padding-right: 0.5rem;
}

#titulo2 h1{
color: #6CF;
    margin-top: 12.7rem;
    margin-bottom: 0.5rem;
    font-size: 1.3rem;
}

#titulo3 h1{
font-size: 1.2rem;
     margin-bottom: 0.6rem;
}

#rally iframe{
width: 65%;
    height: 16rem;
}

#textovid1{
 border-radius: 0rem 0rem  1.2rem 1.2rem;  
background-color:#6CF;
    width: 63.1%;
    margin-top: -0.7rem;
    padding-top: 0.1rem;
      padding-left: 0.7rem;
      padding-right: 0.5rem;
         padding-bottom: 0.1rem;
    margin-bottom: 1rem;
     color: white;
}

#cabalgata h1{
    margin-right: 4.6rem;
 margin-bottom: 0.6rem;
  float: right;
color:#eeaa2b;
float: right;
    margin-top: -27rem;
}

#foto3{
width: 32%;
    float: right;
     margin-top: -24.7rem;
}

#textofoto3{
float: right;
    width: 30%;
         margin-top: -10.8rem;
    background-color: #eeaa2b;
     border-radius: 0rem 0rem  1.2rem 1.2rem; 
    margin-top: -11.1rem;
     padding-left: 0.7rem;
      padding-right: 0.5rem;
    color: white;
}

#titulo4 h1{
    font-size: 1.1rem;
    margin-bottom: 0.6rem; 
    margin-top: 1.2rem; 
}

#fatima iframe{
width: 65%;
    height: 16rem;
    float: left;
}


#textovid2{
width: 65%;
    float: left;
    background-color:#6CF;
      padding-left: 0.7rem;
      padding-right: 0.5rem;
     width: 63.1%;
     border-radius: 0rem 0rem  1.2rem 1.2rem;  
    color: white;
}

#titulo5 h3{
 font-size: 1.1rem;
    color:#71c49e;
    width: 30%;
    float: left;
    margin-top: -18.1rem;
    margin-left: 1.7rem;
}

#titulo6 h3{
      font-size: 1.1rem;
margin-left: 1.7rem;
 width: 30%;
float: left;
 margin-top: -16.1rem;
}

#textoultimocuadro{
 width: 30%;
float: right;
     margin-top: -14.5rem;
      background-color:#71c49e;
      padding-left: 0.7rem;
      padding-right: 0.5rem;
     width: 30%;
     border-radius: 1.2rem 1.2rem  1.2rem 1.2rem;  
    color: white;
    padding-bottom: 0.27rem;
margin-bottom: 3rem;
}

                                                 /*HTML CINE CORDOBÉS*/

#titulo{
margin-top: 3rem;
}
#ciencias h1{
color:#eeaa2b;
width: 65%;
     float: left;
    text-align: left;
    margin-bottom: 0.6rem;
    margin-top: 0.5rem;
}

#fotoo1{
float: left;
    width: 65%;
}

#textofotoo1{
    background-color: #eeaa2b;
float: right;
    width: 30%;
        border-radius: 1.2rem 1.2rem  1.2rem 1.2rem;  
    height: 15rem;
    margin-top: 0rem; 
    color: white;
      padding-left: 0.7rem;
      padding-right: 0.7rem;
         padding-bottom: 1.2rem;
    margin-bottom: 0.8rem;
}

#texto2fotoo1{
background-color: #eeaa2b;
    float: right;
    color: white;
      padding-left: 0.7rem;
      padding-right: 0.7rem;
         padding-bottom: 0.1rem;
       border-radius: 1.2rem 1.2rem  1.2rem 1.2rem;
    width: 30%;
}

#peliculas h1{
    width: 20%;
float: left;
    margin-left: -39rem;
    margin-top: 9rem;
    color:#eeaa2b;
}

#peli {
float: left;
    width: 100%;
    margin-left: 0rem;
}

#peli p{
width: 16%;
    background-color:#eeaa2b;
    height: 2rem;
     border-radius: 1.2rem 1.2rem  1.2rem;
         text-align: center;
    color: white;
    padding-top: 0.4rem;
}

#compañia h1{
    color:#eeaa2b;
float:right;
    margin-right: 36.6rem;
    margin-top: -23.3rem;
}

#compa{
    width: 36.4%;
    height: 12.5rem;
float: left;
    margin-left: 13rem;
    margin-top: -20.4rem;
}

#textoovid1 {
    font-weight: 100;
float: left;
      width: 34%;
    margin-top: -8rem;
    margin-left: 13rem;
    background-color:#eeaa2b;
     padding-left: 0.78rem;
      padding-right: 0.7rem;
         padding-bottom: 0.1rem;
        border-radius: 0rem 0rem  1.2rem 1.2rem; 
    color: white;
}

#caravana h1{
    color:#eeaa2b;
  margin-right: 11.1rem;
    margin-top: -23.3rem;
    float: right;
}

#cara{
 width: 36.4%;
    height: 12.5rem;
float: right;
    margin-top: -20.4rem;
}

#textoovid2{
     font-weight: 100;
    float: right;
      width: 34.1%;
    margin-top: -8rem;
    background-color:#eeaa2b;
     padding-left: 0.7rem;
      padding-right: 0.7rem;
         padding-bottom: 0.1rem;
        border-radius: 0rem 0rem  1.2rem 1.2rem; 
    color: white;
}

#estrenos h3{
float: left;
    margin-top:0.5rem;
    color:#6CF;
}

#cordoba h5{
    padding-top: 1rem;
     background-color:  #6CF;
padding-bottom: 11rem;
float: left;
    color: white;
    width: 98.5%;
    border-radius: 1.2rem 1.2rem  1.2rem;
    margin-top: 0.5rem;
   padding-left: 0.9rem;
}

#cor{
    float: left;

width: 22%;
    margin-left: -58.9rem;
    margin-top: 3.2rem;
}

#reminiscencias h5{
   float: left;
    margin-left: 15.9rem;
    color: white;
    margin-top: -13.38rem;
}

#remi{
   float: left;
width: 22%;
    margin-left: 15.9rem;
    margin-top: -11.69rem;
}

#sampa h5{
float: right;
    color: white;
      margin-right: 23.3rem;
    margin-top: -13.38rem;
}

#sam{
  float: right;
width: 22%;
    margin-right: 16.1rem;
    margin-top: -11.7rem;
}

#hipolito h5{
    color: white;
float: right;
margin-right: 10.57rem;
margin-top: -13.38rem;
}

#hipo{
float: right;
width: 22%;
    margin-right: 1.3rem;
    margin-top: -11.74rem;
}
	
#textovid{
    font-weight: 100;
    float: left;
    margin-top: -4.8rem;
margin-bottom: 3rem;
    margin-left: 1.2rem;
   color: white;
}
                                                
                                                /*HTML AIRE*/

#proavideo video{
    padding: 0;
   	float:left;
    width: 75%;
	height: 26rem;
    margin-bottom: 2rem;
}

#aire{
    margin-top: .4rem;
    height: 23.55rem;
   padding-top: 2rem;
}

#programasai h2{
    color: #6cf;
    margin:0;
    float: left;
}

#siguienteprog{
    clear: both;
    border-radius: 1rem 1rem 1rem 1rem;
    float: left;
    background-color: #6CF;
    width: 48.3%;
    height: 18.7rem;
    margin-right: 0.5%;
    margin-bottom: 2rem;
}

#brocheronline{
    width: 48.3%;
    height: 18.7rem;
    padding-left: 1rem;
    text-align: right;
    border-radius: 1rem 1rem 1rem 1rem;
    margin-left: 0.5%;
    margin-bottom: 2rem;
}

#siguienteprog img{
    height: 10rem;
    width: auto;
    margin: 0;
    padding-right: 3rem;
    padding-top: 5rem;
    float: right;
}

#brocheronline img{
 padding-left: 1rem;
    height: 18.7rem;
    width: auto;
    float: right;
    margin: 0;}

#brocheronline p{
color: white;
padding: 1rem 0.3rem 0.3rem 0.3rem;
margin: 0.5rem;
text-align: left;
padding-top: 4rem;}

#siguienteprog p{
    color: white;
    text-align: left;
    margin-top: 0;
   margin-bottom: .6rem; 
    padding-top: 9rem;
    padding-left: 2rem;
    font-size: 1.5rem;
}


                                            /*HTML GALERIA*/

.galeria{
    clear: both;
    width: 100%;
    height: 55rem;
    overflow: hidden;
     
  

}

#galeriaprincipal {
    width: 100%;
    float: left;
    margin-bottom: 1rem;
    height: 50rem;
}

#slidergaleria{
    width: 90%;
    margin: auto;
    height: 33rem;

}

#galeriaprincipal h2 {margin: 0}

#textogaleria {
    color: white;
    background-color: #a2e2c5;
    border-radius: 1.2em;
    padding: 1.8rem;
}

                            /*HTML ONLINE*/

#brochonline p{
    padding: 0 0.5rem 0.5rem 0.5rem;
}

#brochonline { 
    height: 25.7rem;
    margin-bottom: 3rem;
    padding-top: 0;}

#brochonline a:hover{
    background-color:#c33;
    color: white;
}

                            /*HTML PAKAPAKA*/
#pakapaka{
    width: 63.1%;
    float: left;
    background-color:#6CF;
    margin-top: -1rem;
    border-radius: 0rem 0rem  1.2rem 1.2rem; 
    padding: 2rem;
    color: white;
    margin-bottom: 5rem;
    margin-right: 1rem;
    margin-left: 9rem;
}

#pakapakaimagen{
    width: 50%;
    margin-left: 8rem;
    
}

#tvpublica{
    width: 29%;
    float: left;
    margin-top: -17.6rem;
    margin-right: 0.2rem;
}

#textotvpublica{
    color: white;
    background-color: #71c49e;
    border-radius: 0rem 0rem  1.2rem 1.2rem; 
    float: left;
    width: 26.7%;
    margin-top: -6.7rem;
    margin-right: 0.2rem;
    padding-left: 0.7rem;
    padding-right: 0.7rem;
    margin-bottom: 3rem;
    padding-top: 1.1rem;
}

.tvpub{
    height: 20.7rem;
    float: left;
    margin-top: 1rem;
    width: 100%;
}

#tvpubaside{
    float: left;
    width: 49%;
}

#ministerioaside{
float: left;
width: 49%;}

                                                    /*HTML BROCHERO*/



.cap {
    color: #fff;
    background-color: #71c49e;
    border-radius: 10px;
    padding: 10px;
    width: 20%;
    float: left;
    margin: 1%;
    margin-bottom: 1.5rem;
}

.cap a{
    color: #fff;
}



#textobrocheropart {
    padding: 1rem;
    margin-bottom: 0;
    float: left;
    height: 24.5rem;
    background-color: #eeaa2d;
    border-radius: 0 1.2rem 1.2rem 0;
}

#brocheropart img{
    float: left;
    margin-bottom: 2rem;
    width: 71.5%;
    border-radius: 1.2rem 0 0 1.2rem;
    height: 26.5rem;
}

#capcomp h2{
    margin-left: 0.3rem;
    margin-top: 1rem;
    color:#a2e2c5;
    margin-bottom: 1rem;
    width: 40%;

}

                                    /*HTML PROXIMOS PROYECTOS*/


}
.bg-yellow:hover{
  background-color: rgb(237, 149, 33);
  color: rgb(36, 36, 36);
}

.bg-cyan{
    background-color: rgb(0, 186, 204);
    height: 500px;
    border-radius: 10px;
      color: white;
        padding: 110px 160px 0px 160px;
        position: relative;
}
.bg-white{
    margin-top: 20px;
    margin-right: 20px;
    background-color: white;
    height: 50px;
    width: 30%;
    text-align: center;
    float: right;
    text-align: right;
    border-radius: 10px;
      color: rgb(204, 51, 51);
      font-size: 18px;
    position: absolute;
      right: 40px;
        top: 20px;

}
.bafici{
    text-align: center;
    padding: 12px 0;
}
.red{
    color: rgb(208, 44, 56);
}
.fecha{
    color: rgb(76, 70, 70);
    font-size: 24px;
    text-align: center;
  font-weight: bold;

      font-size: 47px;
}
.number{
  font-size: 76px;
  font-weight: bold;
  display: inline-block;
  color: rgb(76, 70, 70);
}
.festival{
  font-weight: bold;
  color: rgb(76, 70, 70);
  font-size: 23px;
  display: inline-block;
  width: 78%;
}

.bafici-title{
    color: white;
    font-size: 200px;
  font-weight: bold;
}
.bg-img3{
    width: 45%;
    float: left;
}
.bg-img3 img{
    height: 324px;
      width: 463px;
      opacity: 0.5;
}
.bg-img3 img:hover{
      opacity: 1;
}

.bg-red img{
      opacity: 0.2;
  height: 324px;

}
.bg-red{
width: 50%;
  margin-left: 50%;
  border-radius: 10px;
  height: 324px;
  background-color: rgba(228, 45, 56, 1);
}

.margintop10{
    margin-top: 10px;
}
.margintop20{
    margin-top: 20px;
}
.margintop30{
    margin-top: 30px;
}


                                       /*HTML NOSOTROS*/
#nombresrealizadores {
    width: 100%;
    padding: 0;
}
#nombresrealizadores a h1{
    padding-left: 2rem;
    margin: 0;
    width: 46%
}
    
.realizadores{
    width: 45%;
    margin: 2.5%;
    float: left;
}

.realizadores p{
    width: 38.4%;
    height: 16.3rem;
    background-color: rgba(204, 51, 51, 0);
    color: rgba(255, 255, 255, 0);
    padding: 2rem;
    border-radius: 1.2rem;
    position: absolute;
    margin-top: -20.4rem;
    margin-right: 0.5rem;
}

.realizadores p:hover{
    width: 19.4%;
    color: white;
    background-color: rgba(204, 51, 51, 0.65);
}

#textorealizadores{
    background-color: #eeaa2b;
    float: left;
    width: 95%;
    margin: 0.5rem;
    border-radius: 1.2rem;
    padding: 1rem;
    color: white;
}

.extrasrealizadores{
    background-color: #c33;
    border-radius: 1.2rem;
    float:left;
    width: 41%;
    margin: .5rem;
    color: white;
    padding: 0.5rem;
}

.extrasrealizadores a{
    color: #eeaa2b;
}

#curabro{
    height: 25rem;
    width: 50%;
    padding: 0;
    margin-right: 2rem;
    margin-bottom: 6rem;
}

#curabro p{
    padding: 2rem;
}
#curabro img{
    padding: 0;
    border-radius: 0 0 1.2rem 1.2rem;
}

#extras h1{
    width: 100%;
    float: left;
    color:#c33;
    margin: 1rem;
}

#nombresrealizadores h1{
    width: 42%;
    float: left;
    color:#c33;
    margin: 1%;
    margin-right: 4rem;
}


							                     	/*FOOTER*/
footer {
    padding: 1rem;
    margin-top: 1rem;
    clear: both;
    height: 15rem;
    font-weight: 300;
    background-color: grey;
    color: white;
    padding-top: 1rem;
    border-radius: 1rem 1rem 0 0;
}
#logoblanco {
    margin-left: 2rem;
    width: 15%;
    float: left;
    margin-top: .7rem;
}
#social {
    float: right;
    width: 50%;
   
}

#social ul li {
    float: right;
    margin: .5rem;
    list-style: none;
    display: block;
}



#columna {
    width: 100%;
    margin: 0;
     clear: both;
    height: auto;
	width:100%;
	
}

#columna >ul >li >a {
    margin-left: .5rem;
    margin-right: .5rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#columna >ul {
    list-style: none;
    
}
#columna > ul > li {
   float: left;
    margin-left: 1.5rem;
    
 }

#columna >li {
    padding: 1rem;
}
#columna ul li a {
     color: white;
     display: block;
     
}

#columna a:hover {
    color: antiquewhite;
}


#legales h5 {
    margin: 0;
    font-weight: 300;
    text-align: center;
}

                                           /*TABLETS VERTICALES*/


@media screen and (max-width: 40em) {
    
#contenedor {
        width: 38em;
    }

nav {
    float: left;
    margin-left: 2%;
    width: 44%;
    margin-top: 0;
    background-color: white;
    height: auto;
}
    
nav ul li {
    margin: .1rem;
    background-color: #c33;
    border-radius:  .4rem .4rem .4rem .4rem;
    }
    
nav ul li a {
        margin: 0;
        padding: .2rem;
        float: left;
       
}
 
nav ul {
    float: left;
    width: 40%;
}
    
#logo {
    width: 49%;
    margin-left: 5%;
}
    
nav > ul > li > ul  {
    background-color: #c33;
    position: absolute;
    display: none;
    padding: .5rem;
    float: left;
    margin-top: 1.6rem;;
    margin-left: 3rem;
}
.indexmain {
    width: 100%;
    height: 20rem;
    position: relative;
    }
#brochero {
    position: absolute;
    width: 100%;
    height: 100%;
   
}
    
#brochero img{
    width: 100%;
    border-radius: 1.2rem 1.2rem  1.2rem 1.2rem;
    height: 100%;
    
}

.adicional { 
     width: 19%;
    margin: .09rem;
    padding: .1rem;
    height: 10rem;
}

section {
    border-radius: 1.2rem 1.2rem 0 0;
    position: absolute;
    opacity: 0.7;
    padding: 1rem;
   	width:94.5%;
    height: 14%;
    
}
section ul {
        padding: 0;
        margin: 0;
        text-align: left;
     
    }
span {
        display: none;
    }

section ul li h1 {
       color: white;
       text-align: left;
   }
section ul li {
        text-align: left;
    }
#entrevistas {
    height: 40rem;
}
.dos {
    display: none;
}
.videos {
    width: 100%;
    margin: 1rem;
}
    .videos iframe {
        height: 12rem;
    }
.secundario {
        width: 25%;
        height: 50%;
    }
                                          
footer {
        height: 25rem;
    }
#social ul {
    padding: 0;
    display: inline-block;
}
    footer ul li {
        margin-top: .5rem;
    }