* { margin: 0; padding: 0; font-size: 100%; }
html { font-size: 14px;}


@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900);



@font-face {
    font-family: 'latoblack';
    src: url('lato-black-webfont.eot');
    src: url('lato-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-black-webfont.woff2') format('woff2'),
         url('lato-black-webfont.woff') format('woff'),
         url('lato-black-webfont.ttf') format('truetype'),
         url('lato-black-webfont.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latobold';
    src: url('lato-bold-webfont.eot');
    src: url('lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-bold-webfont.woff2') format('woff2'),
         url('lato-bold-webfont.woff') format('woff'),
         url('lato-bold-webfont.ttf') format('truetype'),
         url('lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latoregular';
    src: url('lato-regular-webfont.eot');
    src: url('lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-regular-webfont.woff2') format('woff2'),
         url('lato-regular-webfont.woff') format('woff'),
         url('lato-regular-webfont.ttf') format('truetype'),
         url('lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {background-color: #dedede;}
.contenedor {width: 960px; margin: 0 auto 0 auto;font-family: 'Lato', sans-serif;}

.separador {
    clear: both;
    width: 100%;
}

.pararesponsive {
    display: none;
}

/**PALETA**/
.rosa {
    background-color: #e86670;
}
.rosaclaro {
    background-color: #f2a1a8;
}
.celeste {
    background-color: #4b8ee9;
}
.celesteclaro {
    background-color: #91baf2;
}
.verde {
    background-color: #62dca9;
}
.verdeclaro {
    background-color: #9ee9ca;
}
.azul {
    background-color: #213d7c;
}
.azulclaro {
    background-color: #7688ae;
}
gris {
    background-color: #4d4d4d;
}
.grisclaro {
    background-color: #eaeaea;
}

.grismedio
{background:rgb(179, 179, 179);}
.blanco {
    background-color: white;
}


/** HEADER **/
header{width: 100%; background-color: #2e2e2e; float: right;padding-top: 24px; padding-bottom: 9px; height:40px; position:relative;  }


#ingresa {float: right; position: absolute; top:21px; right: 4.09%; border-style: solid; border-color: #e86670; border-radius: 5px; border-width: 2px; padding: 4px 10px 5px 10px;  }

#ingresa a {font-family:'Lato', sans-serif; font-weight: 700; text-decoration: none; color: #e86670; font-size: 0.9rem;  }
#logo{position: absolute; left: 4.09%; top: 15px;}
nav {position: absolute; left:25%; float: left; padding-left: 19px; padding-right: 19px; }
nav ul{ list-style: none; background: #2e2e2e; }
nav ul li{ display: inline; position: relative; padding: 2px;}
nav ul li a{font-weight: 700; margin-left: 15px; font-size: 0.99rem;font-family:'Lato', sans-serif; color: #fafafa; text-decoration: none;}

nav ul li a:hover{color: rgb(198, 239, 222);}

.submenu{font-size: 0.8rem; font-weight: 300; margin-top: 1px;}
nav ul li ul.submenu{ font-size: 0.8rem; font-weight: 300; margin-top: 1px;   
    width: 125px; /* Set width of the dropdown */
    background: #4e4e4e;
    
    padding: 6px; 3%; 8px; 3%;
    display: none;
    position: absolute;
    z-index: 999;
    left: -20%;}

ul li ul.submenu{ min-width: 125px; /* Set width of the dropdown */ display: none; position: absolute; z-index: 999;left: 0;background: #2e2e2e;}

ul li:hover ul.submenu{
        display: block;	/* Display the dropdown */
    }
    ul li ul.submenu li{text-align: -webkit-match-parent;
        display: block; padding-top: 3px; padding-bottom: 4px;
    }

ul li ul.submenu ul {font-size: 0.1rem; font-weight: 300; margin-top: 1px; width: 100%; display: none;background: #2e2e2e;}

ul li a:hover.submenu ul{width: 100%; display: inline; background: #2e2e2e;}

/**mapa participa**/

.contenedorprincipalrojo{
    position: relative;
    float: left;
    width: 100%; 
}
.contenedorprincipalrojo h2 {position: relative; 
    font-size: 2.5rem; 
    color: white; 
    padding: 10%;
    font-weight: 900;}
.imgcontenedorprincipal {position: relative;float: right;background: #2e2e2e; }
.contenedorprincipalrojo h3{position: relative;  font-size: 1.2rem; color: white; line-height: 2rem;}
.contenedorprincipalrojo p {position: relative; font-size: 1rem; color: white;}

.subcontenedorinfo {
    position: relative;
    float: left;
    background: black;
    width: 100%; 
}
.subcontenedorinfo p {
    color: white; 
    font-family: 'Lato', sans-serif;
    padding: 10%;
}
.subcontenedorinfo p a {
    text-decoration: none;
    color: #ff6e6e;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
}

.subtitulo {
    background-color: #d8d8d8;
    width: 100%;
    position: relative;
    float: left;
}
.subtitulo h3 {
    padding: 5% 10% 5% 10%;
    font-weight: 900;
}
.cajasubtitulo {
    background: #eaeaea;
    width: 80%;
    position: relative;
    float: left;
    padding: 5% 10% 5% 10%;;
}
.cajasubtitulo form {
    color: black;
    font-family: 'Lato', sans-serif;
}
.cajasubtitulo form label {
    position: relative;
    float: left;
    margin-bottom: 5px;
}

.cajasubtitulo form input { margin-bottom: 5px; margin-top: 2px;
    padding: 2px;
    background-color: #b2b2b2;
    border:none;
}
.cajasubtitulo form select {width: 90%;margin-bottom: 7px; background-color: #b2b2b2 }

.cajasubtitulo form input placeholder {
    color: #0f0e0e;
}

.cajasubtitulo form input {
    width: 90%;
    margin-bottom: 5px;
}
.cajasubtitulo ul li{
    list-style: none;
    margin-bottom: 5px;
}
.cajasubtitulo ul li a {
    text-decoration: none;
    color: #ff6e6e;
    font-family: 'Lato', sans-serif;
    font-weight: 900; 
    left: 10px;
}
.cajasubtitulo ul {margin-bottom: 38px;}


.contenedordemapaparticipa {
    position: relative; 
    float: right; 
}
#mapacont {
    position: relative;
    float: left;
}






/**galeria**/

#galtitulo {
    width: 50%;
    position: relative; 
    float: left;
}
#galtitulo h2 {
    
    font-size: 3rem; 
    color: white; 
    padding: 7%;
    font-weight: 900;}

#galsubtitulo {
    width: 50%;
    position: relative; 
    float: left;
}

#galsubtitulo p {
    color: white; 
    font-family: 'Lato', sans-serif;
    padding: 5% 10% 5% 0%;}

#staff{float: right;}
.imggaleria{width: 100%;  }
.tituloimg{position: relative;float: left;border-top: solid 4px white; border-right: solid 3px white;}
#fotoregistrate {
        text-decoration: none;
        font-weight: 700;
        color: #213d7c;
    }




/** PROGRAMAS **/
.sectionprogramas a {
text-decoration: none;}
main section {
    width: 100%;
}
.programasancho {
    position: relative;
    float: left;
    width: 66.66666666666667%;
}
.programasancho img { width: 100%;}
.programasancho h1 {
    color: white;
    position: absolute;
    top: 170px;
    left: 30px;
    font-weight: 900;
    font-size: 4rem;
    line-height: 4rem;
}
.programasancho p {
    color: white;
    position: absolute;
    top: 290px;
    left: 30px;
}
.programasangosto {
    position: relative;
    float: left;
    width: 33.33333333333333%;
    background-color: #213d7c;
}
#ahora {
    width: 100%;
    background-color: #213d7c;
    border-bottom: solid 1px white;
}
#ahora h3 {
    color: white;
    font-weight: 900;
    padding: 5%;
    font-size: 1.5rem;
}
.hora {
    width: 33.33333333333333%;
    background-color: #213d7c;
    position: relative;
    float: left;
}
.hora h5 {
    color: white;
    padding: 10%;
    font-size: 1.2rem;
}
#celestehora {
    width: 33.33333333333333%;
    background-color: #4b8ee9;
    position: relative;
    float: left;
    
}
#celestehora h5 {
    color: white;
    padding: 10%;
    font-size: 1.2rem;
}


.programa {
    width: 66.66666666666667%;    
    background-color: #7788af;
    position: relative;
    float: left;
}
.programa h5 {
    color: white;
    padding: 5%;
    font-size: 1.2rem;
}
#celesteprograma {
    background-color: #91baf2;
    width: 66.66666666666667%;  
    position: relative;
    float: left;
   
}
#celesteprograma h5 {
    color: white;
    padding: 5%;
    font-size: 1.2rem;
}

.envivo {
    width: 100%;
    background-color: #e8666f;
}
.envivo h3 {
    color: white;
    font-weight: 900;
    padding: 5%;
    font-size: 1.5rem;
}
.subseparadores {
    font-size: 1.3rem;
    font-weight: 900;
    padding: 1%;
    width: 98%;
    color: #4d4d4d;
}
.programas {
    width:  33.33333333333333%;
    position: relative;
    float: left;
}
.progimg {
    position: relative;
    float: left;
}
.progimg h1 {
    color: white;
    font-size: 1.3rem;
    position: absolute;
    top: 135px;
    left: 10px;
}
.progsub {
    position: relative;
    float: left;
}
.progsub p {
    position: relative;
    float: left;
    color: white;
    padding: 3%;
}
.iconoenvivo {
    margin-left: 10px;
    margin-right: 5px;
}



/** PROBLEMATICAS **/
.probconttext {
    padding: 4% 5% 5% 5%;
}
.probconttext h1 {
    color: white;
    font-size: 5rem;
    font-weight: 900;
    margin-bottom: 5px;
}
.probconttext p {
    color: white;
    font-size: 1.1rem;
}


/** CAPACITATE **/
.ancho1 { 
    width: 33.33333333333333%;
    position: relative;
    float: left;
}
.ancho2 { 
    width: 66.66666666666666%;
    position: relative;
    float: left;
}
.gris { background-color: #4d4d4d;}

#capaarticle1 h1 {
    padding: 7% 5% 7% 5%;
    color: white;
    font-size: 3.75rem;
    font-weight: 900;
}
#capaarticle2 h2 {
    padding: 8%;
    color: white;
    font-size: 2rem;
    font-weight: 900;
}
#capaarticle3 {
    position: relative;
    float: left;
    width:  27.33333333333333%;
    padding: 3%;
}
#contenedorcapav {
    width: 100%;
    position: absolute;
    bottom: 0px;
}
.capavariables {
    width: 25%;
    position: relative;
    float: left;
}
.capavariables h1 {
    color: white;
    text-align: center;
    padding: 20% 10% 20% 10%;
}
#capaarticle3 h4 {
    color: white;
    font-size: 1.5rem;
    font-weight: 900;
    margin-bottom: 10px;
}
#capaarticle3 p {
    color: white;
    margin-bottom: 15px;
}
#capaform input {
    margin-bottom: 5px;
    background-color: #4d4d4d;
    border-radius: 5px;
    border: none;
    padding: 5px;
    width: 100%;
}
#capaform textarea {
    color: white;
    font-family:'Lato', sans-serif;
    margin-bottom: 5px;
    background-color: #4d4d4d;
    border-radius: 5px;
    border: none;
    padding: 5px;
    width: 100%;
    margin-bottom: 15px;
}
.capaenviar {
    border-style: solid; 
    border-color: #fff; 
    border-radius: 5px; 
    border-width: 2px; 
    width: 25%;
    text-align: center;
    padding: 5px;
}
.capaenviar a {
    text-decoration: none;
    color: white;
}


/**LO MAS VISTO**/

#loarticle1 {
    position: relative;
    float:left;
}
#loarticle1 h1 {
    font-size: 4rem;
    font-weight: 900;
    padding: 7% 5% 7% 5%;
    line-height: 4rem;
}
span.tiporosa {
    color: #e86670;
    font-size: 5rem;
}
#loarticle2 h2 {
    position: relative;
    float:left;
    padding: 8%;
    color: white;
    font-size: 2rem;
    font-weight: 900;
}
#loarticle4 {
     border-bottom: 2px solid white;
}
#contvideo {
    padding: 15% 10% 15% 10%;
}
#contvideo h6 {
    
    margin-bottom: 12px;}
#contvideo p { margin-bottom: 3px;}

#contvideo h3 {
    color:  #e86670;
    font-size: 3rem;
    line-height: 3rem;
    margin-bottom: 12px;
    font-weight: 900;
}
.videoresponsive {
    position: relative;
    margin: 0 auto;
    height: 0;
    padding-bottom: 56.25%;
}
.videoresponsive iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    top: -20px;
    left: -20px;
}
#loarticle5 {
    width: 100%;
}
#loarticle5 {
    width: 100%;
}
.ancho3 {
    width: 16.66666666666667%;
    position: relative;
    float: left;
}
.ancho3 div {
    padding: 5%;
    border-left: solid 1px #e5e5e5;
}
.ancho3 p {    
    position: relative;
    font-family:'Lato', sans-serif;
    font-size: 0.8rem;
}
.ancho3 h3 {    
    position: relative;
    color: #e86670;
    font-family:'Lato', sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
}
.losubtitulo h3 {
    color: white;
    padding: 5%;
}
.locaja form {
    padding: 5%;
}
.locaja form input {
    margin-top: 7px;
}
.locaja ul {
    list-style: none;
}
.locaja ul li {
    margin-bottom: 15px;
}
.locaja ul li a { text-decoration: none;}
.locaja ul li h5 {
    color: white;

}
span.numerotop { 
    border: solid 1px white;
    border-radius: 5px;
    padding: 1px 3px 1px 3px;
    color: black;   
    margin-right: 5px;
}
#conttop {
    padding: 5%;
}
#pregunta {
    font-weight: 900;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
#loarticle7 {
    text-align: center;
}
#contredes {
    padding: 19% 10% 19% 10% 
}
#contredes a { 
    padding: 5%;
}
#loarticle7 h1 {
    font-size: 2rem;
    color: white;
    font-weight: 900;
    text-align: center;
    margin-bottom: 18px;
}
.loenviar {
    margin-top: 20px;
}
#losubt {
    width: 98%;
    color: white;
    padding: 1%;
    }


/** EVENTOS **/
#evarticle3 {
    border-bottom: 2px solid white;
}
#evarticle5 {
    border-bottom: 2px solid white;
}
#evarticle7 {
    border-bottom: 2px solid white;
}

#evarticle1 h1{
    color:white;
    font-size: 2.9rem;  
    font-weight: 900;
    padding: 9.8% 5% 10% 5%;
}
#evarticle2 h1 {
    color: white;
    padding: 10%;
    font-size: 1.7rem;
}
.evconttext {
    padding: 10%
}
.evconttext h1 {
    color: white;
    font-size: 1.5rem;
    margin-bottom: 7px;
}
.evconttext p {
    color: white;
    font-size: 1rem;
    margin-bottom: 46px;
}
.evconttext h2 {
    color: white;
    font-size: 1rem;
    position: relative;
    float: left;
}
.evenviar{
    border-style: solid; 
    border-color: #fff; 
    border-radius: 5px; 
    border-width: 2px; 
    width: 25%;
    text-align: center;
    padding: 5px;
    color: white;
    font-size: 1rem;
    position: relative;
    float: right;
    margin-bottom: 20px;
}
.evenviar a {
    text-decoration: none;
    color: white;
}

.alturaminima {
    min-height: 265px
}




/**TALLERES**/

#taarticle1 {
    width: 67%;
    position: relative;
    float: left;
}
#taarticle1 h1 {
    font-size: 5rem;
    font-weight: 900;
    color:white;
    padding: 7% 5% 7% 5%;
    margin-left:10px;
}
.taarticle2 {
    border-bottom: 2px solid white;
}
.taimg {
    border-bottom: 2px solid white;
}
#contp {
    width: 33%;
    position: relative;
    float: left;
}
#contp p {
    color:white;
    padding: 14% 5% 9% 5%;
}
.taconttext {
    width: 60%;
    padding: 4% 0% 4% 4% ;
    position: relative;
    float: left;
}
.taconttext h1 {
    color: white;
    font-size: 1.8rem;
    margin-bottom: 3px;
}
.taconttext p {
    color: white;
}
.diahorario {
    width:22%;
    position: relative;
    float: right;
    padding: 5%
}
.diahorario h2 {
    margin-top: 18px;
    margin-left: 10px;
    width:20px;
    background-color: #eee;
    position: relative;
    float: right;
    padding: 5px;
}
.masinfo {
    border-style: solid; 
    border-color: #fff; 
    border-radius: 5px; 
    border-width: 2px; 
    width: 100px;
    text-align: center;
    padding: 5px;
    position: relative;
    float: right;
    margin-top: 10px;
}
.masinfo p {
    color: white;
}

/** TDA **/

#tdaconttext {
    padding: 7%;
}
#tdaconttext h2 {
    color: white;
    font-weight: 900;
    font-size: 2.5rem;
    margin-bottom: 20px;
}
#tdaconttext h4 {
    color: white;
    font-size: 1rem;
    margin-bottom: 0px;
    margin-bottom: 15px;
}
#contenedorinformativotda p {
    color: white;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 1.5rem; /* Chrome, Safari, Opera */
    -moz-column-gap: 1.5rem; /* Firefox */
    column-gap: 1.5rem;
}
.anchomitad {
    width: 50%;
    position: relative;
    float: left;
    text-align: center;
}
.anchomitad h1 {
    color: white;
    font-size: 2rem;
    font-weight: 900;
    padding: 10% 5% 11% 5%;
}
#tdaacceso {
    text-align: left;
}
#tdaacceso p {
    color: white;
}
.anchomitad p {
    padding: 5%;
}
.anchomitad h2 {
    padding: 5%;
    font-size: 2rem;
    font-weight: 900;
    color: #213d7c;
}
#dudas {
    text-align: left;
}
#dudas p {
    margin-left: 50px;
}
span.tdadudas {
    font-weight: 900;
}
#tdaanchofull {
    padding: 3%;
    width: 94%;
}
#tdamasinfo {
    text-align: center;
    width: 130px;
    margin: 0 auto; 
    border-style: solid; 
    border-color: white; 
    border-radius: 5px; 
    border-width: 2px; 
    padding: 4px 10px 5px 10px; 
}
#tdamasinfo a { 
    text-decoration: none;
    color: white;
}
#beneficiostda {
    padding: 20% 10% 120% 10%;
}
#beneficiostda h4 {
    font-weight: 900;
    margin-bottom: 15px;
}
#beneficiostda ul {
    list-style: none;
}
#beneficiostda ul li p {
    font-weight: 700;
    line-height: 2.5rem;
}



/** FOOTER **/
footer {
    clear: both;
    width: 94%; 
    background-color: #2e2e2e; 
    position: relative; 
    text-align: center;
    color: white;
    padding: 2% 3% 2% 3%;
    font-size: 0.8rem;
}

/** HOME **/
#asideindex a {
    text-decoration: none;
}
.bordetop {
    border-top: 2px solid white;
}
.cuadrados {
    text-decoration: none;
    color: white;
}
.cuadrados div {
    text-align: center
}
.cuadrados h1 {
    font-size: 2.5rem;
    font-weight: 900;
    padding: 25% 5%;
}
#sephome {
    width: 100%;
    min-height: 3px;
}
.homeprog {
    position: relative;
    float: left;
    width: 50%;
}
#homecontimg {
    width:  100%;
    position: relative;
    float: left;
}
#homecontimg img {
    width:  100%;
}
#homecontimg p {
    font-size: 1.2rem;
    font-weight: 700;
    color:white;
    position: absolute;
    bottom: 15px;
    left: 20px;
}
#homecontimg h1 {
    color: white;
    position: absolute;
    bottom: 45px;
    left: 20px;
    font-size: 1.7rem;
    font-weight: 900;
}
#homeredes {
    width: 100%;
    text-align: center;
}
#homeredes img {
    width: 30px;
    padding: 15px 8px;
}
.hocontprog {
    min-height: 80px;
}
.hocontprog p {
    padding: 3% 5%;
    color: white;
}
.borderright {
    border-right: solid 1px #ededed;
}
.homenoticia {
    padding: 5%;
     min-height: 85px;
}
.homenoticia h1 {
    color: white;
    font-weight: 900;
    font-size: 1.2rem;
    margin-bottom: 5px;
}
.homenoticia p {
    color: white;
}
.hocontprog2 {
    
}
.hocontprog2 h1 {
    font-weight: 7900;
    font-size: 1.5rem;
    color:White;
    padding: 3%;
}
#contenedorcuadrados a:hover {background: #4d4d4d; }
.subseparadores img {
    margin-right: 10px;
    margin-left: 10px;
}




/** LUJAN **/

/**somos Nosotros**/

#staff { position: relative; width: 100%;}

.contenedorprincipaldosgris{position: relative;float: left;width: 29.183333333%; background-color: #b9b9b9; padding-top: 46.83px; padding-left: 4.15%; padding-bottom: 46.83;float: left;}

#staff h1 {
    color: white;
    position: absolute;
    top: 210px;
    left: 30px;
    font-weight: 900;
    font-size: 4rem;
    line-height: 4rem;
}




.contenedorredes{width: 29.18333%;  float: left; background: black; font-family: 'lato',sans-serif; color: white; padding: 41px 0 265.99px 4.15%; line-height: 25px; font-size: 1rem;}

.contenedorredes img{float: left; padding-top: 7px; padding-right: 3px;}

.contenedorinformativourbana{position: relative ;width: 58.366666%; float: left;  padding:34px 4.15% 77px 4.15%;  ; color: white; font-family: 'lato', sans-serif;}

.contenedorinformativourbana h3{ font-size: 2rem; color: white; font-weight: 700; line-height: 2.9rem;}
.contenedorinformativourbana h4{ top:108.83px; font-size: 1.2rem; padding-bottom: 1rem; }

.contenedorinformativourbana p{  font-size: 1rem; line-height: 1.333333334; text-align: left;}
.doscolumnas { 
    

 -webkit-column-count: 2; 
    -moz-column-count: 2; 
    column-count: 2;
    
    -webkit-column-gap: 1.6rem;
    -moz-column-gap: 1.6rem; 
    column-gap: 1.6rem;}

#masinfor{ position: absolute; top: 349px; right: 11.15%; border-style: solid; border-color: white; border-radius: 5px; border-width: 2px; padding: 4px 10px 5px 10px; text-decoration: none; color: #3c3232;}

#masinfor  a {font-family: 'Lato', sans-serif; font-weight: 700; color: white; font-size: 0.9rem; text-decoration: none;}

#nosotrosaside {width: 100%; padding-bottom: 1px;}

aside .nosotros h1{padding-left: 1.6%; color: rgb(29, 51, 115);clear: both; background-color:#b9b9b9; width: 98.4%; margin-bottom: 3px; line-height: 33px; font-size: 1.3rem; font-weight: bold;  }
.staff{position: relative; float: left;border-right: solid 4px #e2dfdf;background: #b9b9b9;   }
.staffinfo{ width: 100%; padding-top: 8px; padding-left:5.6%;   color: white;   }
.staffinfo h3{line-height: 20px; font-weight: 300; font-size: 1rem; margin-bottom: 3px;}


/**CONTACTO **/
.contenedorprincipal .azul{position: relative;float: left; width: 33.33333333333333%; background: rgb(23, 51, 115);}

.contenedorprincipal .azul h2{position: relative; font-size: 3rem; color: white; padding: 10%;font-weight: 900;}

.subcontenedorinfo #infocontacto img{float: left; padding-left: 10%; padding-top: 8%;}

.subcontenedorinfo #infocontacto p {
    color: white; 
    font-family: 'Lato', sans-serif;
    padding: 8% 11% 8% 19%; line-height: 20px;}

textarea{background-color: #b2b2b2; margin-top: 4px;}

button { clear: both; margin-top: 20px; margin-left: 168px; position: relative; color: rgb(23, 51, 115);; border-style: solid; border-color:rgb(23, 51, 115);; border-radius: 5px; border-width: 2px;   }

button:hover {color: white; background: rgb(23, 51, 115);}






/**programa desplegado**/

#latoverde h2{ font-size: 2.7rem;  font-family: 'lato', sans-serif; font-weight: bold; line-height: 50px;}

#goles h1 {
    color: white;
    position: absolute;
    top: 200px;
    left: 17%;
    font-weight: 900;
    font-size: 4rem;
    line-height: 4rem;
}
#goles p {
    color: white;
    position: absolute;
    top: 320px;
    left: 17%;}

#infodeportestexto{position: relative ;width: 58.366666%;  padding-left: 4.15%; padding-right:4.15%; padding-top:39px; padding-bottom: 55px; color: white; float: left;}

#infodeportestexto h2{ font-size: 2rem; color: white;font-weight: 700; line-height: 2.9rem;}

#infodeportestexto h4{ top:108.83px; font-size: 1.2rem; padding-bottom: 27px; }

#infodeportestexto p{  font-size: 1rem; line-height: 1.333333334; text-align: left;}
aside .archivo h2{padding-left: 3%; position: relative;float: right;width: 30.33333333333333%; color: white; font-size: 1.5rem;
    font-weight: 900;
    padding: 1% 1% 1% 3%;
    width: 99%;}






.archivo {width: 28.33%;  color:white; float: left; padding: 20px 3% 0 2%; background-color: #62dca9;}
.archivo h1{padding-left: 1%; font-size: 1.3rem; border-bottom: solid 2px white;}

#dosprogramas {width: 100%; }

#dosprogramas .dia{float: left;width: 50%; padding-top: 22px; padding-bottom: 12px; pa }

#dosprogramas .dia p{padding-left: 15%; padding-bottom: 4px:}

#dosprogramas .dia h5 {padding-left: 15%; padding-top: 3px; font-size: 1.3rem;} 

aside .archivo verde h2{  width: 100%; font-size:1.8rem; font-weight: 700; border-bottom: solid 2px white; margin-bottom: 3px; }

iframe { width:140px;

    height:119px;float: left; padding:3% 2% 2% 1%;}



.archivoinfo{background-color: #62dca9;float: left;border-bottom: solid 1px white; width:100%;  }
.bajadaprograma{padding-top: 9px;}
.bajadaprograma h5{font-weight: 700;}
.bajadaprograma p{font-weight: 500; padding-top: 4px;}
.bajadaprograma h3{padding-top: 5px;}




/**NOTICIAS**/


/**NOTICIAS**/


#noticiaprincipal{position: relative; width:  100%;}

#noticiaprincipal img{float: left;}


#bajadanoticiaprin{float: right; width: 29.0333%; background-color: #e8666f; padding-top: 20px; padding-left: 2.15%; padding-right: 2.15%; padding-bottom: 57px; color: white; }

#bajadanoticiaprin p{ font-size: 1rem; font-weight: 300;}

#bajadanoticiaprin h3{ font-size: 1.4rem; line-height: 1.75rem; font-weight: 700; padding-bottom: 5px; }

#bajadanoticiaprin h5{font-size: 1rem;font-weight: 300;padding-bottom: 3px; padding-top: 1px;}

#masinformacion{ position: absolute; top: 300px; left:  75.15%; border-style: solid; border-color: white; border-radius: 5px; border-width: 2px; padding: 4px 10px 5px 10px; text-decoration: none; color: #3c3232;}

#masinformacion  a {font-family: 'Lato', sans-serif; font-weight: 500; color: white; font-size: 0.8rem; text-decoration: none;}

.clearboth{clear: both;}




aside .noticiasanteriores{width: 100%;}

.bajadanoticiavieja{ position:relative; width: 30.33333%;  relative;
    float: left;
    color: white; padding: 1.5%;}

.bajadanoticiavieja h1{font-size: 1.3rem;}


.bajadanoticiavieja{}




.programasanchonot {
    position: relative;
    float: left;
    width: 66.66666666666667%;
}

.programasanchonot h1 {
    color: white;
    position: absolute;
    top: 150px;
    left: 30px;
    font-weight: 900;
    font-size: 4rem;
    line-height: 4rem;
}
.programasanchonot p { display: none;
    color: white;
    position: absolute;
    top: 210px;
    left: 30px;
}

/**NOTICIADESPLEGADA**/

.noticiadesplegada{position: relative; width:  65%;  float: left; color: black; }

.contenedornoticiadesplegada{position: relative ;width: 91.70%; float: left;  padding:23px 4.15% 58px 4.15%;  ; color: black; font-family: 'lato', sans-serif;}

.contenedornoticiadesplegada h3{ font-size: 2rem; color: white; font-weight: 700; line-height: 2.9rem;}
.contenedornoticiadesplegada h4{ top:108.83px; font-size: 1.2rem; padding-bottom: 1rem; }

.contenedornoticiadesplegada p{  font-size: 1rem; line-height: 1.333333334; text-align: left;}



#noticiadesplegada img{}

.noticiadesplegada h1{ color: black;
  
    font-weight: 900;
    font-size: 2.5rem;
    line-height: 4rem; }






#masnoticias {
    background-color: #c6c6c6;
    width: 34.933333%;
    position: relative;
    float:left;
}
#masnoticias h3 {
    padding: 5% 10% 5% 10%;
    font-weight: 900;}

.noticiassugeridas{padding-left: 10%; padding-right: 10%; padding-bottom: 14%;padding-top: 13px;
    position: relative;
    float: left; color: white;
   
    width: 80%; 
}

.noticiassugeridas h5{ padding-bottom: 2px;}
.noticiassugeridas h2{ font-weight: bold;  color: white; font-size: 1.3rem; }
.noticiassugeridas h2 a{ text-decoration: none;
    color: white;
    font-family: 'Lato', sans-serif;
    font-weight: bold;}
.noticiassugeridas h2 a:hover{ text-decoration: none;
    color: #4d4d4d;
    font-family: 'Lato', sans-serif;
    font-weight: bold;}

.noticiassugeridas p {
    color: white; 
    font-family: 'Lato', sans-serif; padding-top: 2%;
   }









/**vecinos**/
section .vecinos {width:  100%; color: white;  border-bottom: solid 4px white;  }


.imgvecinosizquierda{float: left}
.bajadavecinosizquierda{background: #62dca9; float: left; width: 58.37%; padding: 46px 4.15% 46px 4.15%; }
.bajadavecinosizquierdados{background: #e8666f; float: left; width: 58.37%; padding: 46px 4.15% 46px 4.15%; }

.imgvecinosderecha{float: right}
.bajadavecinosderecha{background: rgb(29, 51, 115); float: right;  width: 58.37%; padding: 46px 4.15% 46px 4.15%; }

.vecinos h5{font-size: 2rem; line-height: 3rem; padding-bottom: 4px;}

.vecinos h3{font-size: 1.2rem; line-height: 1.5rem; padding-bottom: 4px;}

.vecinos p {}






/**RESPONSIVE**/ 

@media screen and (max-width: 800px) {
    
    /**NAVEGADOR**/
    header {
        width: 100%;
        height: auto;
    }
    #ingresa {
        position: relative;
        float:right;
        z-index: 10;
    }
    #logo{
        position: relative;
        float: left;
        margin-bottom: 25px;
        
    }
    .separador {
        clear: both;
        width: 100%;
    }
    header nav {
        display: block;
        position: relative;
        left: 0;        
        padding: 0;
        
        width: 100%;
    }
    header nav ul li {
        display: table;
        padding-bottom: 5px;
       box-sizing: border-box;
    }
    header nav ul li nav ul.submenu {
        position: relative;
        width: 100%;
        left: 10px;
    }
    ul li h:over ul.submenu { display: block;}
    
    
    .bxslider {
        position: relative;
    }
    
    
    
    
    /**PROGRAMACION**/
    
    .programasancho {
        width: 100%;
    }
    .programasancho h1 {
        font-size: 2rem;
        line-height: 2rem;
        top: 2rem;
        
    }
    .programasancho p {
        top: 7rem;    
    }
    .hora {display: none;}
    #ahora {display: none;}
    .programa {display: none;}
    #celestehora {display: none;}
    #celesteprograma {display: none;}
    .envivo h3 {padding: 3%;}
    .programasangosto {width: 100%;}
    
    .programas {width: 100%;}
    .progimg {width: 96%;}
    .progimg h1 {
        width: 100%;
        position: relative;
        float: left;
        color: black;
        top:auto;
        left: auto;
        padding: 2%;
        background: #ede9e9;
        font-size: 1.2rem;
        color:  #585858;
        font-weight: 900;
    }
    .progimg img {width: 100%;}
    .progsub {width: 100%;}
    .nobr {display: none;}
    .subseparadores {
        padding: 15px
    }
    
    #ahoraresponsive {
    width: 100%;
    background-color: #213d7c;
    }
    #ahoraresponsive h3 {
        color: white;
        font-weight: 900;
        padding: 2% 3% 2% 3%;
        font-size: 1.5rem;
    }
    
    
    /**LO MAS VISTO**/
    #loarticle1 {
        width: 100%
    }
    #loarticle1 h1 {
        font-size: 3rem;
        padding: 5%;
    }
    span.tiporosa {
    font-size: 3.5rem;
    }
    #loarticle2 {
        width: 100%;
    }
    #loarticle2 h2 {
        font-size: 1.5rem;
        padding: 5%;
    }
    #loarticle3 {
        width: 100%;
    }
    #contvideo {
        padding: 5%;
    }
    #loarticle4 {
        width: 100%;
        border-bottom: 2px solid white;
    }
    .ancho3 {
        width: 33.33333333333333%;
    }
    .ancho3 img {
        width: 100%;
    }
    #loarticle6 {
        width: 100%;
    }
    #loarticle8 {
        width: 100%;
    }
    
    

    
    
    /**INGRESA**/
    
    .ingresaangosto {display: none;}
    .ingresaancho {
        width: 90%;
    }
    
    /**CAPACITACIONES**/
    
    #capaarticle1 { 
        width: 100%;
    }
    #capaarticle2 {
        width: 100%;
    }
    #capaarticle3 {
        width: 90%;
        padding: 5%;
    }
    #capaarticle4 {
        width: 100%
    }
    .capavariables {
        width: 25%;
        background-color: #213d7c;
    }
    .capavariables h1 {
        font-size: 1rem;
        padding: 10%;
    }
    #contenedorcapav {
        position: relative;
        float: left;
    }
    #op1 {background-color: #4c6291;}
    #op2 {background-color: #3d5589;}
    #op3 {background-color: #304981;}
    #op4 {background-color: #213d7c;}
    .pararesponsive {
    display: block;
    }
    
    /** PROBLEMATICAS **/
    #probarticle1 {
        width: 100%;
    }
    #probarticle4 {
        width: 100%;
    }
    #probarticle5 {
        width: 100%;
    }
    .probconttext h1 {
        font-size: 3rem;
    }
    .probconttext p {
        font-size: 1rem;
    }
    
    /** MAPA **/
    #mapaform {
        width: 100%;
    }
    .contenedordemapaparticipa {
        width: 100%;
    }
    .contenedordemapaparticipa img {
        width: 100%;
    }
     
        
    /** EVENTOS **/
    #evarticle1 {
        width 100%;
    }
    #evarticle1 h1 {
        padding: 5%;
    }
    #evarticle2 {
        width: 100%;
    }
    #evarticle2 h1{
        font-size: 1.5rem;
        padding: 5%;
    }
    #evarticle3 {
        width: 100%;
        border-bottom: 2px solid white;

    }
    #evarticle5 {
        width: 100%;
        border-bottom: 2px solid white;

    }
    #evarticle7 {
        width: 100%
    }
    
    /** TALLERES **/
    
    #taarticle1 { 
        width: 100%;
    }
    #taarticle1 h1 { 
        font-size: 2rem;
        padding: 5%;
    }
    #contp { 
        width: 100%;
    }
    #contp p {
        padding: 0% 5% 5% 5%;
        border-bottom: 2px solid white;
    }
    .taarticle2 {
        width: 100%;
    }
    .taarticle2 p {
        margin-right: 5px;
        width: 100%;
    }
    .taconttext {
        width: 50%;
    }
    .diahorario {
        width: 32%;
    }
    
    
    /**TDA**/
    
    #sectiontda {
        width: 100%;
    }
    .anchomitad {
        width: 100%;
    }
    .anchomitad h1 {
        padding: 5%;
    }
    #dudas {
        width: 50%;
        position: relative;
        float: left;
    }
    #dudas p {
        margin-left: 5%;
    }
    #numerotel {
        width: 50%
    }
    
    
    /**HOME**/
    .cuadrados {
        width: 100%;
        position: relative;
        float: left;
    }
    .anchoresponsive {
        width: 100%;        
    }
    .anchoresponsive h1{
        padding: 5%;        
    }
    .noticia {
        width: 100%;
    }
    .homenoticia {
       padding: 3%;
    }
    
    
    /**SLIDE**/
    .contenedor {
    width: 100%
    }
    
    
    .bxslider {
        position: relative;
    }
    
    /**GALERIA**/
    #galtitulo {
        width: 100%;
    }
    #galtitulo h2 {
        padding: 5%;
    }
    #galsubtitulo {
        width: 100%;
    }
    #galsubtitulo p {
        padding: 0% 5% 5% 5%;
    }
    
    
    /**LUJAN**/
    /**noticias**/

    .bajadanoticiavieja p {display: none; }
    .bajadanoticiavieja h1 {font-size: 1rem; font-weight: 700;}
    .bajadanoticiavieja h5 {font-size: 0.8rem; font-weight: 500;}
    #bajadanoticiaprin{ width: 94%;}
    #bajadanoticiaprin h3{display: none;}
    #bajadanoticiaprin h5{display: none;}
    
    #imgnot img{width: 150%; 
      overflow: hidden;
      margin: 0 auto;
      padding: 0;
      position: relative;}

    .progimg h1{width: 96%;}
    #masinformacion{top:570px ;}
    
    .programasanchonot h1 {
    
        font-size: 2rem;
        line-height: 2rem;
        top: 30px;
}
    
    .programasanchonot p {
        top: 90px; display: inline;}
    
        /**noticia desplegada**/
   
#noticiadesplegada #notociadesplegadatexto p { color: white;
    font-size: 1rem; line-height: 1.333333334; text-align: left; margin-top: 10px;
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    
    -webkit-column-gap: 1rem; 
    -moz-column-gap: 1rem; 
    column-gap: 1rem; }
    
    
    #noticiadesplegada h5 {
        font-size: 2rem;
        line-height: 2rem;
        top: 30px;}
    .noticiadesplegada{width: 100%;}
    
    
     .noticiadesplegada img {width: 100%; 
      overflow: hidden;
      margin: 0 auto;
      padding: 0;
      position: relative;}
 
   
    .noticiadesplegada h1 { position: absolute;
        font-size: 2rem;
        line-height: 2rem;
        top: -200px; width: 35%;}
    
    
    #masnoticias{width: 100%;}
    
    .noticiassugeridas{padding-left: 3%; padding-right: 3%; float: left; width: 18.9333%;}

    .noticiassugeridasdos{padding-left: 3%; padding-right: 3%; float: left; width: 18.9333%;}

    .noticiassugeridasdos p {display: none;}
    
     .noticiassugeridas p {display: none;}
    
.noticiassugeridas h2{font-size: 1.1rem;}
    
.noticiassugeridas h5{font-size: 1rem; font-weight: 500;}
    
    #masnoticias h3 {
    padding: 5% 10% 5% 3%;
    font-weight: 900;}
    
    .noticiassugeridasdos h2{font-size: 1.1rem;}
    
    .noticiassugeridasdos h5{font-size: 1rem; font-weight: 500;}
    
    #masnoticias h3 {
    padding: 5% 10% 5% 3%;
    font-weight: 900;}

    
    
    

   /**somos nosotros**/
    .contenedorprincipaldosgris{display: none;}
    .contenedorredes{display: none;}
    .contenedorinformativourbana{width: 91.5%; }
    
    #contenedorinformativourbana { padding-left: 4.15%;
        width: 90%;
        height: auto;
    }
    .doscolumnas{-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;}
    
    #staff img{width: 100%; 
      overflow: hidden;
      margin: 0 auto;
      padding: 0;
      position: relative;}
    #staff h1{font-size: 2rem;
        line-height: 2rem;
        top: 30px;}
    
    .staff{margin-top: 4px; }
    .staff img{width: 100%;}
    .staff{position: relative; float: left;border-right: solid 4px #efefef;background: #b9b9b9;   }
    
    #masinfor{top:395px;;}
    
    /**contacto**/
    
    .contenedorprincipal .azul{width: 100%;}
        
    .subcontenedorinfo {width: 100%}
    
    form{width: 100%}
    
    textarea{width: 90%;}
    
    button{padding: 4px 10px 5px 10px; margin-left: 73%;}
    
    #contenedorinformativotda p {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;   
    }
    
    #beneficiostda {
        width: 100%;
        height: auto;
    }
    
    #beneficiostda {
        display: none;
    }

    .cajasubtitulo form label {line-height: 20px; display:  block;}
    
     /**golesymetas**/    
    
    #dosprogramas{float: left; width: 100%;}
    
    .dia{;width: 50%;}
   
    .bajadaprograma {width: 100%; padding-left: 3%;}
    
    #goles h1 { 
        font-size: 2rem;
        line-height: 2rem;
        top: 260px;
    left: 4%; }
    
    #goles p{top:330; left: 4%;color: white;}
    
    #goles img{width: 100%; 
      overflow: hidden;
      margin: 0 auto;
      padding: 0;
      position: relative;}
   
    iframe{padding: 3%;}
    
    .archivo{float: left; width: 94%;}
    
     .archivo h2{padding-left: 5%;}
    
    .archivoinfo{width:  46%; border-bottom: solid 0px rgb(20, 162, 102);  padding:5px 0 5px 3%; }
 

    #infodeportestexto{width: 91.6%; }
    
   /**VECINOS**/
    
    .vecinos{width: 91.3%;}
    .vecinos p{display: none; padding-left: 3%; padding-right: 3%;}
    .vecinos h5 {background: #b9b9b9; color: white; font-size: 1.3rem; padding-left: 3%; padding-right: 3%; width: 94%;}
    .vecinos h3{padding-left: 3%; padding-right: 3%; font-size: 1rem; font-weight: 500;}

.imgvecinosizquierda img{  width: 110%; 
      overflow: hidden;
      margin: 0 auto;
     padding: 0;
      position: relative;}

.bajadavecinosizquierda{width: 99%; padding: 0;}

.imgvecinosderecha{ float: left; margin-top: 9px;}

.imgvecinosderecha img{  width: 110%; 
      overflow: hidden;
      margin: 0 auto;
      padding: 0;
      position: relative;}

    .bajadavecinosderecha{width: 99%; padding:0; float: left; margin-bottom: 9px;}
    
    .bajadavecinosizquierdados{width: 99%; padding: 0;}
    
    
    
    
    /** FOOTER **/
    footer {
        width: 88%;
        padding: 6%;
    }
    
}