@charset "UTF-8";

/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Patua+One);

*{ margin: 0; padding: 0;
   text-decoration: none;
   list-style: none;
    box-sizing: border-box;
   }

html { font-size: 100%;}

body { font-size: 12px;
 max-width: 960px;
margin: 0 auto;}


/*////////////////BARRA DE MENU ///////////////////////*/


.logo {
    position: absolute;
    margin-left: 37px;
    z-index: 2;
}

.homelogo{width:21%;height:104%;display: inline-block;position:relative;float: left}

header {
    height: 75px;
    background-color: #EAEAEA;
    width: 100%;
}
header div.homelogo a.logo img{width: 100%}
div.leyenda{ display: inline-block;
            position: relative;
            float: left;
padding-top: 3%;
    margin-left: 22%;
}

h1.uncanal{font-family: 'Open Sans', sans-serif;
           font-style: italic;
           font-weight: 800;
           font-size: 1em; 
           color:#171E2A; }


.menubar {display: none;}


header nav#encabezado {
    position: relative;
    float: right;
    width: 65%;
    padding-left: 5%;
    margin-top: 3%;
}

header nav#encabezado ul {
    margin-top: 2%;
     overflow: hidden;
    list-style: none;
    }

header nav#encabezado ul li {
    display: inline;
   
}

header nav#encabezado ul li a {
    color: #123;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    margin-left: 3%;
    text-decoration: none;
}


header nav#encabezado ul li a:hover{
    color: #efa796;
}

#actual {color:#efa796 !important;}

/*homebarra*/
#leyendaresponsiveh {
  width: 13%;
  height: 3em;
  position: relative;
  float: left;
}

#leyendaresponsiveh div.leyendah{padding-top: 19%;display:inline-block;}


/* responsive menu*/

@media screen and (max-width:650px){
    
    #leyendaresponsive {display: none;}
    header #logoresponsivemenu div.homelogo {width: 140px; height: 126px;}


}

@media screen and (max-width:850px){
    header nav#encabezado { width: 50%; height: 100%; right: -100%; background-color: #efa796; margin:-3%; margin-left: 50%; position: absolute; z-index: 4;}

    header nav#encabezado ul { margin-top: 5%; padding-right: 10%;}
    
    header nav#encabezado ul li { display: block; float: none; border-bottom:1px solid rgba(255,255,255, .3); padding-top: 5%; padding-bottom: 5%;
    }

    header nav#encabezado ul li a { text-align: right; margin: 3%;}
    
    
    #actual {color:#ffffff !important; font-weight: 500;}
    
    header nav#encabezado ul li:hover{
    background-color: #EAEAEA;
}
    
    header nav#encabezado ul li a{ margin:10%; padding: 0;}
    
    .menubar { display: block; width: 100%; background-color: #EAEAEA;   padding-top: 3%;
  padding-right: 5%;}
    
    .menubar.btmenu { display: block; padding: 5%;
    background: #efa796;color: #fff; text-decoration: none; box-sizing: border-box; margin-top: 5%;}
}

.menubar span {

    float: right;
    font-size: 2.5em;
    color: #123;}
}



/* //////////////////////////////// FOOTER  /////////////////////////////////*/


.obligatorio {display: inline-block}

.separadorf { width:100%; clear:both;height: 4em;}

footer{  background: #EAEAEA;
  width: 100%;
  min-height: 66px;
  padding-top: 10;
    margin-top: 0px;}
div.obligatorio{display: inline-block;font-family: 'Open Sans', sans-serif; font-size:10px; font-weight:300; padding:13px; text-align:center;width: 80%}
div.redesfooter{display: inline-block;width: 16%}
ul.redesfooter li{position: relative;
                  float: right;
                  list-style-type:none;
                  display:inline;
                  padding-top:10px;
                  padding-right: 17px;}


/* ///////////////////CONTENEDOREES //////////////*/

.cien {width: 100%; position: relative; float: left;}
.setenta {width: 70%; position: relative; float: left; }
.sesenta {width: 60%; position: relative; float: left; }
.cincuenta {width: 50%; postition: relative; float: left;}
.treinta { width:30%; position: relative; float: left;}
.cuarenta { width:40%; position: relative; float: left;}
.block {display: block;}
.inline { display: inline;}
.inlineblock {display: inline-block;}


/* ////// HOME ////////////*/


.sesentakabe {
    position: relative;
    float:left;
    width: 60%;}


.sesentakabe2 {
    position: relative;
    float:left;
    width: 60%;}
/* -----------SECTION 1---------  */

/* Article VIDEO */


.video {
    position: relative;
    float: left;
    box-sizing: border-box;
    margin: 20px 20px 20px 0;
}



h1#titvilo { 
    background: rgba(231, 86, 86, 0.76);
    position: absolute;
    float: left;
    margin: 10px 10px 10px 0;
    font-family: 'Patua One', cursive;
    font-size: 1.6em;
    color: #ffffff;
    padding: 5px;
}


/* Aside INICIAR SESION */

.sesion {
    box-sizing: border-box;
    background-color: rgb(234, 234, 234);
    margin-left: 4%;
    padding-top: 5%;
    padding-bottom: 2%;
    
}

.tipito {
    margin-left: 63px;
}

form#hsesion{
    margin-left: 30px;}


input {
    margin: 12px;
    font-family:  'Open Sans', sans-serif;
}

button{
    font-family:  'Open Sans', sans-serif;}

#cuenta {
    font-family: 'Open Sans', sans-serif;
    color: #161D29;
    font-size: 1em;
    margin-left: 39px;}
    
.registrate {
    font-family: 'Open Sans', sans-serif;
    color: #69A192;
    font-size: 1.1em;}

/* -----------SECTION 2---------  */


/* article AGENDA*/


.agenda {
    position: relative;
    float: left;
    box-sizing: border-box;
    margin: 37px 0px 20px 0;
}


.agenda nav ul li{
    margin-bottom: 27px;}

.agenda nav ul li a:hover{
   background:  rgba(255,255,255,0.08);
   }

.ag1 {
    position: absolute;
    margin-left: 0;
    margin-top: 10px;
    z-index: 1;
}

.ag2 { position: absolute;
    margin-left: 100px;
    margin-top: 34px;
    z-index: 2;
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    font-size: 1.4em;
    
}
    

#agendaindex{background-image: url(imagenes/agendagris1-02.jpg);
width: 100%;
  height: 11em;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;}
#agendaindex img{width: 50%;}
#agendaindexu{background-image: url(imagenes/agendagris2-02.jpg);
width: 100%;
  height: 11em;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;}
#agendaindexu img{width: 50%;}
#agendaindexd{background-image: url(imagenes/agenda3gris-02.jpg);
width: 100%;
  height: 11em;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;}
#agendaindexd img{width: 50%;}
    
/* aside NOTICIAS---- */
 



.noticias {    
    position: relative;
    float: left;
    box-sizing: border-box;
    margin: 37px 0 12px 45px; 
    
}

.noticias nav ul li{
    margin-bottom: 17px;
}

/*  NOTICIA 1  */

.texto {
    position:relative;
    float: right;
    width: 51%;
    background-image: url(imagenes/fotonoticia1fond.png);
    min-height: 195px;
    margin-top: 1px;
   
}



.texto p {
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    color: #ffffff;
    padding: 5px;
    padding-top: 0;
    padding-left: 16px;
}

.texto h4#hnotboikot {
    font-family: 'Patua One', cursive;
    font-size: 1.3em;
    color: #ffffff;
    padding-top: 30px;
    padding-left: 16px;
}
    
h2#hnoticia { 
    background: #ffffff;
    position: absolute;
    float: left;
    margin: 10px 10px 10px 0;
    font-family: 'Patua One', cursive;
    font-size: 1.1em;
    color: #69A192;
    padding: 5px;
}

/*  NOTICIA 2 y 3 */

.texto2 {
    position:relative;
    float: right;
    width: 51%;}

.texto2 h5#hmetrobus {
     font-family: 'Patua One', cursive;
    font-size: 1.1em;
    color: #161D29;
    padding-left: 16px;
    padding-top: 19px; 
}

.texto2 p {
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    color: #161D29;
    padding: 5px;
    padding-top: 0;
    padding-left: 16px;
}



<!---responsive home--->

@media screen
    and (max-width: 970px){
        .sesentakabe {
            width: 100%;
        margin-top: 5%;
            margin-right: 5%;
            }
        .sesion {
            margin-left:0%;
            margin-top: 4%;
            margin-right: 4%;}
        

        #noticiaabajono{
            display:none;
        }
        .ag2{
            margin-left:68px;
            margin-top:26px;
        }
            
        
    }

@media screen
    and (max-width: 805px){
    .sesion {
            margin-right: 5%;margin-left: 0;margin-top: 5%; padding: 3%;background-color: #fff;}
        
        .sesentakabe {    
    width: 100%;}
        .sesentakabe2 {    
    width:50%;float: right;}
        p.ag2{
            margin-left: 4.4em;
            margin-top: 2.6em;
            font-size: 0.8em;}
}
@media screen
    and (max-width: 405px){.sesion{display: none;}
        .sesentakabe2{width: 100%;}}
aside#noticiaabajono.treinta.noticias{display: none;}



/* ////// HOME ////////////*/
/*
.sesentakabe {
    position: relative;
    float:left;
    width: 60%;}


.sesentakabe2 {
    position: relative;
    float:left;
    width: 60%;}
/* -----------SECTION 1---------  */

/* Article VIDEO */

/*
.video {
    position: relative;
    float: left;
    box-sizing: border-box;
    margin: 20px 20px 20px 0;
}



h1#titvilo { 
    background: rgba(231, 86, 86, 0.76);
    position: absolute;
    float: left;
    margin: 10px 10px 10px 0;
    font-family: 'Patua One', cursive;
    font-size: 1.6em;
    color: #ffffff;
    padding: 5px;
}


/* Aside INICIAR SESION */
/*
.sesion {
    box-sizing: border-box;
    background-color: rgb(234, 234, 234);
    margin-left: 4%;
    padding-top: 5%;
    padding-bottom: 2%;
    
}

.tipito {
    margin-left: 63px;
}

form#hsesion{
    margin-left: 30px;}


input {
    margin: 12px;
    font-family:  'Open Sans', sans-serif;
}

button{
    font-family:  'Open Sans', sans-serif;}

#cuenta {
    font-family: 'Open Sans', sans-serif;
    color: #161D29;
    font-size: 1em;
    margin-left: 39px;}
    
.registrate {
    font-family: 'Open Sans', sans-serif;
    color: #69A192;
    font-size: 1.1em;}

/* -----------SECTION 2---------  */


/* article AGENDA*/
/*

.agenda {
    position: relative;
    float: left;
    box-sizing: border-box;
    margin: 37px 0px 20px 0;
}


.agenda nav ul li{
    margin-bottom: 27px;}

.agenda nav ul li a:hover{
   background:  rgba(255,255,255,0.08);
   }

.ag1 {
    position: absolute;
    margin-left: 0;
    margin-top: 10px;
    z-index: 1;
}

.ag2 { position: absolute;
    margin-left: 100px;
    margin-top: 34px;
    z-index: 2;
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    font-size: 1.4em;
    
}
    

#agendaindex{background-image: url(imagenes/agendagris1-02.jpg);
width: 100%;
  height: 11em;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;}
#agendaindex img{width: 50%;}
#agendaindexu{background-image: url(imagenes/agendagris2-02.jpg);
width: 100%;
  height: 11em;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;}
#agendaindexu img{width: 50%;}
#agendaindexd{background-image: url(imagenes/agenda3gris-02.jpg);
width: 100%;
  height: 11em;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;}
#agendaindexd img{width: 50%;}
    
/* aside NOTICIAS---- */
 /*



.noticias {    
    position: relative;
    float: left;
    box-sizing: border-box;
    margin: 37px 0 12px 45px; 
    
}

.noticias nav ul li{
    margin-bottom: 17px;
}

/*  NOTICIA 1  */
/*
.texto {
    position:relative;
    float: right;
    width: 51%;
    background-image: url(imagenes/fotonoticia1fond.png);
    min-height: 195px;
    margin-top: 1px;
   
}



.texto p {
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    color: #ffffff;
    padding: 5px;
    padding-top: 0;
    padding-left: 16px;
}

.texto h4#hnotboikot {
    font-family: 'Patua One', cursive;
    font-size: 1.3em;
    color: #ffffff;
    padding-top: 30px;
    padding-left: 16px;
}
    
h2#hnoticia { 
    background: #ffffff;
    position: absolute;
    float: left;
    margin: 10px 10px 10px 0;
    font-family: 'Patua One', cursive;
    font-size: 1.1em;
    color: #69A192;
    padding: 5px;
}

/*  NOTICIA 2 y 3 */
/*
.texto2 {
    position:relative;
    float: right;
    width: 51%;}

.texto2 h5#hmetrobus {
     font-family: 'Patua One', cursive;
    font-size: 1.1em;
    color: #161D29;
    padding-left: 16px;
    padding-top: 19px; 
}

.texto2 p {
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    color: #161D29;
    padding: 5px;
    padding-top: 0;
    padding-left: 16px;
}


/* ------------------------SUMATE FORM nuevooooo---------------------------------*/


#espaciosum{margin-left: 0;
margin-right: 0;
padding-top: 4%;
width: 33%;
padding-bottom: 4%;}


textarea{font-family:'Open Sans', sans-serif;}

#tituloform{font-size: 6em;
    font-weight: 500;
        font-family: 'Patua One';
         color: #E75556;}
#formart{color:#E75556;
        font-family:'Open Sans'; 
        font-weight: 800;
        font-style: italic;
        font-size: 1.16em}
input#usu{padding: 2%;padding-right: 17%;}

input[type="radio"]:after {display: none;}

#columnaf2
{width: 33%;
height: 427px;
display: inline-block;
font-family:'Open Sans'; 
font-weight: 400; 
font-size: 1rem; 
color: white;
float: left;
padding-top: 0%;
background-image: url(imagenes/pela2-08.jpg)}


form#sumatefor{padding-top: 1%;
               margin-left: 0;}
form#sumatefor input{margin:2%;}

.columnaf1
{width: 33%;
display: inline-block;
font-family:'Open Sans'; 
font-weight: 600; 
font-size: 1em; 
color:#E75556;
float: left;
padding-top: 0%;
padding-right: 1%;}

#busq{  padding-top: 55%;
  padding-left: 4%;
  font-size: 1.55em;
  font-weight: 800;;}

#asis{font-size:1em;padding-left: 4%;font-style: italic;}

#parac{font-size: 1em;padding-left: 4%;}

.enviar{float: right;
  margin-right: 19% !important;
  background-color: #E75556;
  font-family: 'Patua One';
  padding: 2%;
  font-size: 1.2em;
  color: #fff;
  border: 0;
  border-radius: 10%;
  margin-top: 4%;
  margin-bottom: 4%;
}


@media screen and (max-width:830px){
    *{transition: 0.2s;}
  #columnaf2{ display: none}
    
}
@media screen and (max-width:610px){
    *{transition: 0.5s;}
 .columnaf1
  {width: 100%;
  float:none;
  height: 39em;}
    .enviar{padding: 1%;
            border: 0;
            margin-left: 0;
            float: left;
           }
    #espaciosum{width: 100%;}
    main{padding: 2%;}
}







/* /////////////// SUMATE //////////////////////*/

/* encabezado */
#Jimena { position: relative; float: left;height: 30%; width: 25%; margin-top: 2%;}
#Javier { position: relative; float: left; height: 30%; width: 25%; margin-top: 2%;}
#Gerardo { position: relative; float: left; height: 30%; width: 25%; margin-top: 2%;}
#Martin { position: relative; float: left; height: 30%; width: 25%; margin-top: 2%;}

.ptexto { position: relative; float: left; width: 25%; padding-left: 2%; padding-top: 1%;}
.sptit { font-family: 'Open Sans'; font-weight: 700; font-size: 1.25em; color:#171E2A;}
.spsubt { font-family: 'Open Sans'; font-weight: 400; font-size: 1em; color:#171E2A;}
.sprog { font-family: 'Open Sans'; font-weight: 400; font-size: 1em; color:#171E2A; font-style: italic;}

/* convocatoria */

.sconvresp {
  width: 100%;
  background-image: url(imagenes/sumateconvocatoria.jpg);
  height: 32.5em;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.sconvresp img{width: 100%;}
.sumah { font-family: 'Patua One'; font-weight: 700; font-size: 6em; color: #69A192; margin-top: 5%;}

.sconvtexto { position: relative; margin-top: 0;padding-left: 4%;padding-top: 36%;}
#spedido { font-family: 'Open Sans' cursive; font-weight: 800; font-size: 2em; color:white;}
#spara { font-family: 'Open Sans'; font-weight: 300; font-size: 1.5em; color:white; }
#sentrar { font-family: 'Patua One'; font-weight: 500; font-size:3.5em; color: white; background-color: #77C3B9; padding: 2.5%;border-radius: 0.4em;}

#sentrar:hover{padding: 4%;transition:0.5s; }

/* quienes somos*/

#sqtit { font-family: 'Patua One'; font-weight: 600; font-size: 2em; color:#171E2A;}
#sqsubt { font-family: 'Open Sans'; font-weight: 400; font-size: 1.5em; color: #171E2A;}
#sqepig { font-family: 'Open Sans'; font-weight: 400; font-size: 1.25em; color: #171E2A;}

.sumatext { padding: 10%; padding-top: 0;}
#sumatevideo { margin-top: 2%; margin-left: 10%;}


/* opiniones */

.sopina { position: relative; float: left; margin-top: -15%; margin-left: 5%;}
.sopinatext { position: relative; float: left; margin-top: -12%; font-family: 'Open Sans'; font-size: 1.7em; font-weight: 400; color: #171E2A; margin-left: 5%;}

.sopinados { position: relative; float: left; margin-top: 8%; margin-left: 5%;}
.sopinatextdos { position: relative; float: left; margin-top: 10%; font-family: 'Open Sans'; font-size: 1.7em; font-weight: 400; color: #171E2A; margin-left: 5%;}


/* convocatoria a filmar */

#sconvdos { font-family: 'Patua One';
  font-weight: 500;
  font-size: 2.58em;
  color: white;
  background-color: #69A192;
  padding: 7%;
  margin: 4%;
  margin-left: 10%;
 margin-top: -1%;}

#sconvdos:hover { background-color: #efa796;}


/* RESPONSIVE DEL SUMATE */

@media screen
and (max-width: 850px){
    .sumah { font-size: 4em; margin-left: 10%;}
    
    
    
#agrespancho { width: 100%; position: relative; float: left; padding-left: 10%;}
    

    
    .sumatext { padding: 0; margin-top: 4%;margin-right: 10%;}
    .sumavideoresp { padding: 0; margin-left: 10%; }
    .sopina {margin-top: 5%;}
    .sopinatext { margin-top: 6%;}
    #sconvdos {  margin-top: 5%;
  padding: 0;
  margin-right: 10%;
  text-align: center;
  font-size: 3em;
        margin-left: 0;}
}

@media screen
and (max-width: 850px){
    .sopina {display: none;}
    .sopinatext {display: none;}
    .sopinados {display: none;}
    .sopinatextdos { display: none;}
}

@media screen
and (max-width: 350px){
    .sumavideoresp {display: none;}
    #sumatevideo {display: none;}
    .sconvtexto{padding-top: 43%;}
}




/* /////////////////////// ESCRIBINOS ///////////////////*/

.estudio {width: 100%;
height: 30.5em;
background-image: url(imagenes/e-estudio.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.fotestudio { width: 100%;}

.hestudio { font-family: 'Patua One'; 
    font-weight: 500; 
    font-size: 4em; 
    color: white; 
    position:relative; 
    margin-top: 130px; 
    background-color:#E75556;
    width: 47%;
    padding: 2%;}

.escribinoscoluno { width: 33%; position: relative; float: left; margin-top: 5%; padding: 2%;}
.escribinoscoldos { width: 33%; position: relative; float: left; margin-top: 5%; padding: 2%; margin-left: 10%;}
.escribinoscoltres { width: 23%; position: relative; float: left; margin-top: 8%; padding: 2%;}
        
.esubtit { font-family: 'Open Sans'; color: #E75556; font-size: 1.25em; font-weight: 900; width:60%; margin-bottom: 8%; margin-left: 0;}
.esubtitdos { font-family: 'Open Sans'; color: #E75556; font-size: 1.25em; font-weight: 900; width:60%; margin-left: 0;}


/* mapa */
.eiconos { margin-top: 6px; margin-left: 10px; position: relative; float: left;}

.lugar { font-family: 'Open Sans'; color: #171E2A; font-size: 1em; font-weight: 400; position: relative; float: left; margin-top: 5%; background-image:url(imagenes/e-locacion.png);
  padding-left: 12%;
  padding-top: 2%;}
.tel { font-family: 'Open Sans'; color: #171E2A; font-size: 1em; font-weight: 400; position: relative; float: left; margin-top: 5%; background-image:url(imagenes/e-llamar.png);
  padding-left: 12%;
  padding-top: 2%;}
.etw { font-family: 'Open Sans'; color: #171E2A; font-size: 1em; font-weight: 400; position: relative; float: left; margin-top: 5%; background-image:url(imagenes/e-twitter.png);
  padding-left: 12%; 
  padding-top: 2%; margin-left: 1.2%;}
.efb { font-family: 'Open Sans'; color: #171E2A; font-size: 1em; font-weight: 400; position: relative; float: left; margin-top: 5%; background-image:url(imagenes/e-fb.png);
  padding-left: 12%;
  padding-top: 2%;}


/* formulario */

.formsescribinos { font-family: 'Open Sans'; font-size: 0.8em; font-weight: 600; color: #E75556; padding: 1%; margin-bottom: 1%;}

#enombre { padding: 2%; margin-bottom: 3%; margin-left: 0;padding-right: 34%;}
#ecorreo { padding: 2%; margin-bottom: 3%; margin-left: 0;padding-right: 34%;}
#emotivo { padding: 2%; margin-bottom: 3%; margin-left: 0;padding-right: 34%;}
#eescribinos { padding: 2%; margin-bottom: 3%; margin-left: 0;}

.enviardos {background-color:#E75556;
        font-family:'Patua One';
         padding: 2%;;
         font-size: 0.875rem;
         color:white; 
         margin-left:0;
         border: 0;
         border-radius: 10%;}


/* pregutnas frecuentes */
.pregutit { font-family: 'Patua One'; color: #E75556; font-size: 1em; font-weight: 400; position: relative; float: right; margin-top: 5%;}
.pregusub { font-family: 'Open Sans'; color: #171E2A; font-size: 0.75em; font-weight: 400; margin-top: 5%; text-align: right;}

/* responsive escribinos*/

@media screen and (max-width:700px){
    .hestudio { font-size: 3em; margin-top: 23%;}
    .escribinoscoltres { display:none;}
    .escribinoscoldos { margin-left: 20%;}
 

}


@media screen and (max-width:650px){
    .eiconos {width: 150%;}
    
}


@media screen and (max-width:500px){
    .escribinoscoluno { width: 100%; padding-left: 21%;}
    .esresponsive { display: block;}
    .eiconos { width: 80%;}

}





/* ///////////////////GRILLA //////////////*/



#espaciogdia{padding-bottom: 2%;
padding-top: 4%;
width: 100%;
margin-left: 0;}

#titulogrilla{font-family: 'Patua One', cursive;
font-size: 4.45em;
color: #77C3B9;}



nav#navsemana ul#ulsemana li{display: inline;}

nav#navsemana ul#ulsemana li a{; font-family: 'Open Sans', sans-serif; 
font-size:1.04rem;
color:#69A192;
margin-right: 2%;}



nav#navsemana ul#ulsemana li a#semuno{font-style: italic;
opacity: 0.4;
filter: alpha(opacity=40);}


nav#navsemana ul#ulsemana li a:hover{
    opacity: 0.4;
    filter: alpha(opacity=40);
}

#grilla{width:70%;
float: left;
display: inline-block;
margin-top: 2%;}


nav ul li a div#cuerpogrilla{position: relative;
float: left;
width: 30%;
display: inline-block;
background-color: #77C3B9;
min-height: 15.15em;}


nav ul li a div#imagengrilla{width: 30%;float: left;}

nav ul li a div#imagengrilla img{width: 100%;}



nav ul li a div#cuerpogrilla p#gprograma{font-family: 'Patua One', cursive;
font-size: 2em; 
color: #171E2A;
padding-top: 6%;
padding-left: 6%;}
nav ul li a #cuerpogrilla #gprograma span.ghorario{font-family: 'Open Sans', sans-serif;
font-size:0.8em;}


nav ul li a div#datosprograma{width: 38%;
float: left;
background-color: #A1C4B9;
min-height: 15.15em;
margin-bottom: 6%;}

nav ul li a div#datosprograma p#gdatos{font-family: 'Open Sans', sans-serif;
font-size: 1.45em; 
color: #171E2A;
padding-top: 3%;
padding-left: 6%;
padding-bottom: 2%; 
border-bottom: #171E2A solid 0.2em;}

nav ul li a div#datosprograma p#gdatosprog {font-family: 'Open Sans',
sans-serif;
font-size: 1.45em; 
color: #171E2A;
padding-top: 3%;
padding-bottom: 2%;
padding-left: 6%;
font-weight: 800;
  padding-right: 2%;}

nav#gmasvisto ul li a div#glomasimg{width: 100%;}
nav#gmasvisto ul li a div#glomasimg img{width: 100%;}


nav#gmasvisto ul li a div#glomasimg img:hover{
    opacity: 0.4;
    filter: alpha(opacity=40);}

.gtitlosmas{font-family: 'Open Sans', sans-serif;
  font-size: 1.1rem;
  color: #E75556;
  font-weight: 800;
  font-style: italic;
  background-color: #EAEAEA;
  padding-bottom: 2%;
  padding-top: 2%;
  margin-top: 6%;}

#gaside{background-color: #eaeaea;
  margin-top: 2%;
  padding-left: 2%;
  padding-right: 2%;
  margin-bottom: 3%;}

nav#gmasvisto ul li a{; font-family: 'Open Sans', sans-serif; 
font-size:1em;
color:#171E2A;
margin-right: 2%;}


@media screen and (max-width:938px){
    *{transition: 0.5s;}
    nav ul li a div#imagengrilla{width: 50%;height: 12.3em;}
    nav ul li a div#cuerpogrilla {width: 49%;min-height: 12.3em;}
    nav ul li a div#datosprograma {
        width: 99%;}
    main{padding: 2%;}
 
}


@media screen and (max-width:638px){
#gaside{width: 100%;}
nav#gmasvisto ul li {
  width: 50%;
display: inline;
  float: left;
  position: relative;
    padding-right: 3%;
}

}
    
@media screen and (max-width:480px){
    #grilla{width: 100%;}
    #espaciogdia {width: 90%;}

}

    @media screen and (max-width:400px){
        body { font-size: 10px;}
  
    }




/*UPS nuevooooooo*/


main#ups{height: 696px;}
main#ups{width: 100%;
background-image: url(imagenes/uups.jpg);
background-position: center center;
background-repeat: no-repeat;

background-size: cover;
}



div.trabajando{
width: 100%;
margin-left:12em;
clear: both;}



h3#estamos{
width: 70%;
padding-left: 4%;
padding-right: 4%;
padding-bottom: 0.5%;
padding-top: 0.5%;
font-family: 'Patua One', cursive;
font-size: 3.2em;
color: #fff;
background-color: #E75559;
}


article#disculpen
{font-family: 'Open Sans', sans-serif;
font-weight: 800;
font-size: 1.3em;
color: #262F3D;
padding-left: 4%;
padding-right: 4%;
margin-top: 1%;
position: relative;
width: 70%;
margin-bottom: 4%;}

main#ups div.mail{width: 30%; margin: 0 auto;}
main#ups div.mail img{margin: 0 auto;width: 100%;}

article.log
{font-family:'Open Sans'; 
font-weight: 400; 
font-size: 0.75rem;
width: 30%;
margin: 0 auto;}

article.log2{padding-top: 10px;
    padding-left: 39.7%;
  padding-right: 39.7%;
  float: left}

p.cuenta{margin-left: 0;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 1em;
color: #262F3D;
margin-left: 20%;
margin-right: 20%;
margin-top: 2%;
}

a.reg{font-family: 'Open Sans', sans-serif;
       font-weight: 800;
       font-size: 1em;
       color: #262F3D;}



form#log{margin:0}

.enviar2{background-color:#171E2A;
font-family:'Patua One';
color: #fff;
padding: 4%;;
font-size: 1.3em;
margin-top: 4%;
border: 0;
border-radius: 0.4em;
margin-left: 38.5%;
margin-right: 38.5%;}

input#login{font-family: 'Open Sans', sans-serif;
padding: 2%;
font-weight: 400;
font-size: 0.875em;
color: #262F3D;
border: none;
width: 100%;
margin-top: 9%;}

.separadordefooter{width: 100%;height: 10em;}

.separadordefooter{width: 100%;height: 10em;}

.separadordenav{width: 100%;height: 3em;}

@media screen and (max-width:940px){
    
    p.cuenta{margin-left: 10%;margin-right: 10%;}

}
@media screen and (max-width:370px){
    body{font-size: 8px;}
    article#disculpen{background-color: #eaeaea;
    padding: 4%;border-radius: 2em;margin-top: 3%;}
    article.log{width: 60%;}
    p.cuenta{margin-left: 0;margin-right: 0;}
}

@media screen and (max-width:640px){
    
    article.log{width: 40%;}
    p.cuenta{margin-left: 0;margin-right: 0;}
}


 /*-------------------------------NOTICIA HTML------------------------*/

#contenedordenoticiagrande {
    background: #EAEAEA; width: 96%;
}


#ntitulonotigrande {
     font-family: 'Patua One', cursive;
    font-size: 2.55em;
    color: #11827C;
    padding-top: 34px;
    padding-left: 34px;
}
 
#copetedenoticiagrande{
     font-family: 'Open Sans', sans-serif;
    font-size: 1.5em;
    color: #171E2A;
    padding-left: 33px;
    padding-top: 10px;
    padding-bottom: 16px;
}
    
#imagendenoticiagrande {
    padding-left: 32px;
}


#cuerpodenoticiagrandenot {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.1em;
    color: #434852;
    padding-left: 33px;
    padding-top: 17px;
    padding-bottom: 16px;
    padding-right: 36px;
}


#titulodenoticiassecccc {
    font-family: 'Patua One', cursive;
    font-size: 1.7em;
    color: #171E2A;
    padding-top: 7px;
    
    
}


#copetebajadanot {
     font-family: 'Open Sans', sans-serif;
    font-size: 1.1em;
    color: #434852;
    padding-top: 8px;
    margin-bottom: 10px;
}

#subtituloasidenoti {
    position: relative;
    float: left;
    width: 96%;  
    background-color: #EAEAEA;
    font-family: 'Patua One', cursive;
    font-size: 1.3em;
    color: #11827C;
    margin-bottom: 15px;
    padding-left: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
}

article#contenedordenoticiagrande.cien img#imagendenoticiagrande{width: 100%; padding:1em;}


/*------------------------------responsive noticia----------------------*/


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

#copetedenoticiagrande {
        font-size: 1.4em;}
}

    
@media screen and (max-width:800px){
    #ntitulonotigrande {
         font-size: 2.2em;}
    
    #copetedenoticiagrande {
        font-size: 1.3em;}
    
    #titulodenoticiassecccc {
        font-size: 1.5em; 
    
    }

}


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

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

    #seirianen700 {
        display:none;}
    
    
    #desapareceenelresponsive{
        display:none;
    }
   
 
}

@media screen and (max-width:705px){
        #vnotterciaria{
        width: 21%;
        margin-right: 3%;
        margin-left: 1%;}
}


@media screen and (max-width:512px){
    #vnotterciaria{
        width: 19%;
        margin-right: 3%;
        margin-left: 12%;}
    h62#titulodenoticiasterciarias{
        widht:106;}
}


@media screen and (max-width:472px){
    #vnotterciaria{
        width: 19%;
        margin-right: 8%;}
}

@media screen and (max-width:375px){
    #vnotterciaria{
        width: 19%;
        margin-right: 8%;}
}



/* ///////////// AGENDA PRINCIPAL DESARROLLADA /////////////*/

main nav#agendaencabezado {
    position: relative;
    float: left;
    padding-left: 5%;
    width: 100%;
}

main nav#agendaencabezado ul {
    margin-top: 2%;
    margin-bottom: 2%;
    }

main nav#agendaencabezado ul li {
    display: inline;
}

main nav#agendaencabezado ul li a {
    color: #0d161f;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2em;
    font-weight: 800;
    margin-left: 8%;
}


main section nav#agendaencabezado ul li a:hover{
    color: #ff4519;
}


/* evento principal */

.agpriresponsive { width: 60%; position: relative; float: left;}

#fechauno {  position: absolute;
  margin-top: -4%;
  margin-left: -5%;
  z-index: 1;}

#afotuno { position: relative;
  float: left;
    margin-top: 5%;}

#fleitas { position: relative; float:left; background: #dedede; padding: 3%; width: 91%;}
#agftit { font-family: 'Patua One'; color:#E75558; font-weight: 600; font-size: 2em; }
#agfsubtit { font-family: 'Open Sans'; color: #171E2A; font-weight: 600; font-size: 1.25em; }
#agfsubtitdos { font-family: 'Open Sans'; color: #171E2A; font-weight: 600; font-size: 1em;}

#fleitasbajada  { font-family: 'Open Sans'; color: #171E2A; font-weight: 400; font-size: 1em; position: relative; float: left; width: 90%; padding: 3%;}

/* eventos de la derecha */

#fechados {  position: absolute;
  margin-top: 6%;
  margin-left: -9%;
  z-index: 1; }

#agferia { position: relative; float: left; background:#E75558;  padding: 2%;
  margin-top: 7%; width: 100%;}

#feriasubtit {  font-family: 'Open Sans';
  color: white;
  font-weight: 400;
  font-size: 1em;
    padding-left: 14%;}
#feriatit {   font-family: 'Patua One';
  color: white;
  font-weight: 500;
  font-size: 2.7em;
    padding-left: 14%;}
#agferiafoti { width: 100%;}


#fechatres { position: absolute; z-index: 2;
    margin-left: -9%;
  margin-top: 6%;}
#feriabajada  { font-family: 'Open Sans'; color: #171E2A; font-weight: 400; font-size: 1em; position: relative; float: left; width:100%; padding: 3%;}
#fechacuatro {   position: absolute;
  z-index: 2;
  margin-left: -108%;
  margin-top: 32%;}

#fechacinco { position: absolute;
  z-index: 2;
    margin-left: -108%;
  margin-top: 57%;
}

.espacioag { margin-bottom: 5%;}

/* responsive agenda */

@media screen
and (max-width: 884px){
    #feriatit { font-size: 2em;}
    
}

@media screen
and (max-width: 860px){
main nav#agendaencabezado {padding-left: 0; width: 95%;}
    #afotuno { width: 100%; padding-left: 10%; padding-right: 10%; padding-top: 5%; margin-top: 0;}
    #fechauno { margin-top: 1%; margin-left: 6%;}
    #fleitas {  margin-left: 10%;
  width: 80%;}
    #fleitasbajada {margin-left: 10%;
        width: 80%;}
    .espacioag { margin-left: 10%;}
    #agresponsive { display: inline; position: relative; float: left;   width: 88%;
  margin-left: 12%;}
    #fechados{ margin-top: 3%;}
    #fechatres {  margin-left: -10%;
  margin-top: 4%;
  width: 26%;
}
    #fechacuatro {  margin-left: -110%;
  margin-top: 32%;
  width: 26%;}
    #fechacinco {  margin-left: -110%;
  margin-top: 59%;
  width: 26%;}
    #margenagresp { margin-left: 10%;}
    #margenagrespdos { margin-left: 0%;}
      .agpriresponsive { width: 100%;}
}

@media screen
and (max-width: 830px){
    main nav#agendaencabezado ul li a { margin-left: 3%;}
    main nav#agendaencabezado ul { margin-left: 15%;}
    #feriatit { font-size: 1em}
    #fechauno { width: 18%;}
    #fechados { width: 26%;}
    #fechatres { width: 22%;}
    #fechacuatro { width: 22%; margin-top: 28%;}
    #fechacinco { width: 22%; margin-top: 51%;}
    .agpriresponsive { width: 100%;}
}

@media screen
and (max-width: 750px){
    #margenagrespdos { display: none;}
    #margenagresp {width: 100%; padding: 9%; padding-top: 0% !important; margin-left: 0%;}
    #fechados { width: 17%; margin-left: -5%;}
    #fotosagend { display: none;}
    main nav#agendaencabezado ul {margin-top: 10%;}
}

//////////////////////////////////////*QUE PUEDO VER*////////////////////////////

#separadorhqpv { margin-bottom: 6%;}

nav#qpvprogramas {margin-left: 0;margin-right: 0; padding-top: 4%; width: 100%;padding-bottom: 4%;}

nav#qpvprogramas ul li {display: inline;  
    width: 6%;
    margin-left: 0}

nav#qpvprogramas ul#progimg li a#qpvprimero{padding-right: 1.6%;padding-left: 1.6%}
nav#qpvprogramas ul#progimg li a#qpvsegundo{padding-right: 2.7%;padding-left: 5.6%}
nav#qpvprogramas ul#progimg li a#qpvtercero{padding-right: 2.2%;padding-left: 6%}
nav#qpvprogramas ul#progimg li a#qpvcuarto{padding-right: 2.2%;padding-left: 5.3%}
nav#qpvprogramas ul#progimg li a#qpvquinto{padding-right: 4.7%;padding-left: 7.5%}
nav#qpvprogramas ul#progimg li a#qpvsexto{padding-right: 5.6%;padding-left: 9.5%}
nav#qpvprogramas ul#progimg li a#qpvseptimo{padding-right: 2.5%;padding-left: 4.7%}
nav#qpvprogramas ul#progimg li a#qpvoctavo{padding-right: 3.2%;padding-left: 6%}
nav#qpvprogramas ul#progimg li a#qpvnoveno{padding-right: 1.5%;padding-left: 4.5%}

nav#qpvprogramas ul#progimg li a:hover{
    opacity: 0.4;
    filter: alpha(opacity=40);
}

nav#qpvprogramas ul#progpal a {padding-left: 2.94%; font-family:'Patua One', cursive;
font-size: 1.33em;
color: #171E2A; }

nav#qpvprogramas ul#progpal a:hover{
    opacity: 0.4;
    filter: alpha(opacity=40);
}
nav#qpvprogramas ul#progpal a#qpvprimero{padding-left: 0} 


/*vivo*/
section#qpvvideo{width: 100%;min-height: 50px;margin: 0;display: inline-block;float: left;}

#qvivo{background-color: #11827C;
    font-family: 'Patua One', cursive;
    font-size: 1.91rem;
    color: #fff;
    position: absolute;
    z-index: 2;
    padding: 0.5%;}

.qvideoresponsive{position: relative;
padding-bottom: 56.25%;
height: 0px;
margin: 0 auto;
width: 100%;
float: left;
display: inline-block;
z-index: 1;}

/*
.videoresponsive{position: relative;
padding-bottom: 56.25%;
height: 0px;
margin: 0 auto;}

.videoresponsive iframe,
.videoresponsive object,
.videoresponsive embed{position: absolute;top:0;left: 0;width: 100%; height: 100%;}

div.qvideoresponsive{display: inline-block;float: left;}
*/

.qvideoresponsive iframe,
.qvideoresponsive object,
.qvideoresponsive embed{position: absolute;top:0;left: 0;width: 100%; height: 100%;}

#qpvareabajada{position: relative;
  float: left;
  box-sizing: border-box;
 }

.qbajada{  font-family: 'Open Sans', sans-serif;
  color: #171E2A;
  font-size: 1.3em;
  padding-right: 1rem;
padding-bottom: 2rem;}

#mimivivo{font-family: 'Patua One', cursive;
  font-size: 2.3em;
  color: #11827C;
  padding-top: 1rem;
 }

#lomavisto{font-family: 'Open Sans', sans-serif;font-weight: 800;font-style: italic;font-size: 1.4em; background: #E75556;color: #fff;  padding-left: 2%;padding-top: 1%;padding-bottom: 1%;
  width: 96%;
  margin-left: 0;}

h4.qpvtitulossecundarios{  font-family: 'Patua One', cursive;
  font-size: 1.8em;
  color: #E75556;
  padding-top: 4%;
  }
#qpvbajadastexsec{
  font-family: 'Open Sans', sans-serif;
  font-size: 1.05em;
  color: #171E2A;
  padding-top: 2%;
}

#masvistouno{position: relative;
  float: left;
  width: 45%;
  box-sizing: border-box;
  margin-top: 34.33px;
  margin-right: 6%;
}

#masvistodos {
  position: relative;
  float: left;
  width: 45%;
  box-sizing: border-box;
    margin-top: 34.33px;}

/*aside1*/
.negritaopen{font-weight: 800;}
#qpvg{width: 30%;
    position: relative;
    float: left;
    display: inline-block;
    max-height: 927px;
    margin-top: 2%;
    margin-bottom: 3%;}

#grillavivo{font-family:'Open Sans', sans-serif;
    font-size: 0.85rem;
    width: 100%;
    }

p#gvivo{background-color: #11827C;color: #fff;}

.grisoscuro{background: #D1D1D1;color: #171E2A;}
.grisclaro{background: #EAEAEA;color: #171E2A;}

.agrillavivo{margin:0;padding-top: 2%;padding-bottom: 2%;padding-left: 2%;}

.pgrillavivo{display: inline-block;width: 100%;}

.qflecha{padding-top: 2%;padding-bottom: 2%;border-bottom:#D1D1D1 solid 0.1em;}
#paddflecha{padding-left: 46%}

#vergrillatext{
  background-color: #69A192;
  width: 70%;
  padding: 5%;
  border-radius: 5px;
  font-size: 2em;
  font-style: italic;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 100;
  margin-top: 2rem;
  margin-left: 5.3rem;
}

#comentarios{background-color:#EAEAEA;margin-top: 11%;padding-left: 10%;padding-bottom: 5%;padding-right: 10%;padding-top: 10%;}

.textarea{border: none;font-family:'Open Sans', sans-serif;color: #171E2A;padding-left: 3%;}

#comentstextarea{font-size:0.87rem;border: none;padding-left: 3%; }
#botoncoment{  font-family: 'Open Sans', sans-serif;
  background-color: #E75556;
  border: none;
  color: #fff;
  padding: 2%;
  font-weight: 400;
  margin-left: 79%;
border-radius: 4px;}

#qpvtextocomentarios{font-family:'Open Sans', sans-serif;
    font-size: 1rem;
color:#171E2A;
margin-bottom: 10%;}
#qpvcomentnombre{font-weight: 800;}
#qpvcomenthoy{font-size: 0.83rem;color:#E75556 }
#formcoment{font-family:'Open Sans', sans-serif;
    font-size: 1rem;
color:#171E2A;margin-bottom: 10%;}

#vergrillatext:hover{
    background-color: #efa796;
}


@media screen and (max-width:975px){
    *{transition: 0.5s;}
  nav#qpvprogramas ul#progimg li a{ display: none}
  nav#qpvprogramas ul#progpal a#qpvprimero {padding: 2%}
    nav#qpvprogramas ul#progpal a{  display: inline-block;
  background-color: #77C3B9;
  padding: 2%;
  margin: 1.1%;
  border-radius: 10px; color: #fff;} 
}
  
@media screen and (max-width:888px){
    *{transition: 0.5s;}
    aside#qpvg{width: 100%}
    #comentarios{display: none;}
    #vergrillatext{width:  36%;margin: 0 auto; margin-top: 3%;}
    #grillavivo{display: none;}
    #qpvsection{width: 100%}
    #qpvmain{padding-left: 6%;padding-right: 6%;}
    #lomavisto{width: 100%;}
    nav#qpvprogramas ul#progpal a#qpvprimero {padding: 2%}
}
        

@media screen and (max-width:667px){
    *{transition: 0.5s;}
 #vergrillatext{  width: 100%; padding-left: 30%;
  padding-right: 30%;} 
    #qvivo{font-size: 1.5rem;padding: 1.3%;}
}

    
    

/* ///// BANDAS EMERGENTES ////////*/


/* navegador */
.beactual {
    opacity: 0.4;
    filter: alpha(opacity=40);}


/* logo programa */
    
#bebaner { position: relative; float: left; width: 100%;}



/* ultimo programa */

.bevideosepara { margin-top: 3%;}

#beultimo { font-family: 'Patua One'; font-size: 1.7em; font-weight: 500; color: white; background-color:#11827C;  padding: 1%;
  position: absolute;
  z-index: 2;
  margin-top: 6%;
}


#bevideosubtit { margin-top: 3%;}

#betitu {
  font-family: 'Patua One', cursive;
  font-size: 2.3em;
  color: #11827C;
  padding-top: 2%;
}

#btitudos {
  font-family: 'Patua One', cursive;
  font-size: 1.5em;
  color: #11827C;
  padding-top: 2%;
}


#bevideosutitdos { font-family: 'Open Sans'; font-size: 1em; color:#171E2A; margin-top: 1%;margin-bottom: 10%; }
  

/* lo que ya viste */

#beviste { font-family: 'Open Sans'; font-size: 2.3em; color: #E75465; margin-top: 10%; font-weight: 800; font-style: italic;}

.bevideopeque { width: 100%; }

.bevideopequemargen { padding: 3%;}

.bevistext { margin-top: 70%;}

.bevistit { font-family: 'Patua One'; font-size: 1.7em; color: #171E2A; font-weight: 400; }

.bevistsub { font-family: 'Open Sans'; font-size: 1em; color: #171E2A; font-weight: 500;}



/* aside */

.beseparata { padding-left: 4%;}


#bebanerprop:hover {
    opacity: 0.4;
    filter: alpha(opacity=40);}

#bepropone {
  font-family: 'Patua One';
  font-size: 3.5em;
  color: white;
  font-weight: 400;
  background-color: #11827C;
  padding: 10%;
  margin-top: 5%;
}

#bepropone:hover{
    background-color: #efa796;
}
#beasrespdos {height: 21em;background-image: url(imagenes/samurai2.jpg);background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

#loqueseviene{font-family: 'Patua One';
  font-size: 2em;
color: #fff;
background-color: #E75556;
padding: 1%;
margin-top: 50%;
}
#loquesevienedos{font-family: 'Patua One';
  font-size: 1.4em;
color:#E75556;
background-color: #fff;
padding: 1%;
float:left;
margin-top: 3%;}
.separatorfinale { width: 100%; height: 2em;
width: 100%;position: relative;float: left;}

/*  RESPONSIVE PARA BANDAS EMERGENTES */


@media screen
    and (max-width: 680px){
        .belogoresp { width: 100%; position: relative; float: left;}
       #bepropone {position: relative;
  float: left;
  width: 95%;
  font-size: 2.3em;
           padding: 7%;}
        #beseparata { display: none;}
        #beasresp { width: 100%; display: inline-block;}
        #beasrespdos { width: 50%;}
        #beasrespdosa{ width: 50%;}
        #bebanerprop { width: 100%; margin-top: 5%;}
    }


@media screen
    and (max-width: 400px){ 
        #beasrespdos { width: 100%;}
        #beasrespdosa{ width: 100%;}
    }

@media screen
    and (max-width: 300px){
        .bevresponsive { display: none;}
        body { font-size: 8px;}
        #beasrespdos { width: 100%;}
        
    }
/*-------------------------------REGISTRATE HTML------------------------*/


#separadorheadern{width: 100%;height: 2rem;}

#contenedorimagengrandefa{
    width: 100%;
    background-image: url(imagenes/fotoregistrate.png);
    height: 54em;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
    
#contenedorimagengrandef img{
    width: 100%;
    
}
    
#titulograndefotoregistrate{
    position: relative;
    float: right;
    font-family: 'Patua One', cursive;
    font-size: 2.7em;
    background-color: #E75559;
    color: #fff;
    padding: 5px;
    margin-top: 80%;
    margin-left: 50%;
    font-weight: 500;
    
}


#formregist{background-color: #EAEAEA;padding-bottom: 0.1%;}
#formregist.cuarenta form{width: 85%;margin: 0 auto;padding-left: 4em;}

#tituloregistrate {
  font-family: 'Patua One', cursive;
  font-size: 3.2em;
  color: #E75559;
  /* padding-left: 20%; */
  margin: 0 auto;
  width: 56%;
    padding-top: 0.5em;}

p#textoenreguno {
  width: 79%;
  margin: 0 auto;
  font-style: oblique;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.025em;
  color: #434852;
  padding-top: 1em;
  padding-bottom: 1em;
}

p#textoenregdos{padding-right: 3em;padding-bottom: 1em;color: #434852;  width: 102%;
  margin: 0 auto;
  font-style: oblique;
  font-family: 'Open Sans', sans-serif;
    font-size: 1.025em;}


#inputderegistrate {
    width: 78%;
    margin-bottom: 0.7em;
    margin-top: 0.7em;
    padding: 2%;
    margin: 0.8em;}


    
.enviar {
  
  background-color: #E75556;
  font-family: 'Patua One';
  padding: 2%;
  font-size: 1.2em;
  color: #fff;
  border: 0;
  border-radius: 10%;
}

.enviar2 {
  float: right;
  margin-right: 10px;
  background-color: #E75556;
  font-family: 'Patua One';
  padding: 2%;
  font-size: 1.2em;
  color: #fff;
  border: 0;
  border-radius: 14%;
}



/*RESPONSIVE REGISTRATE*/
@media screen
and (max-width: 800px){
   section#fotoregistrate.sesenta{width: 30%;}
#formregist{width: 70%;}
    }
@media screen
    and (max-width: 600px){
    section#fotoregistrate.sesenta{width: 100%;height: 9em;}
        #contenedorimagengrandefa {height: 9em;}
    #formregist{width: 100%;}
    }


/*-------------------------------REGISTRATE HTML------------------------




#imagengranderegistrate {
  position: relative;
  float: left;     
}


#titulograndefotoregistrate{
    position: absolute;
    float: right;
    font-family: 'Patua One', cursive;
    font-size: 2.7em;
    background-color: #E75559;
    color: #fff;
    padding: 5px;
    margin-top: 80%;
    margin-left: 50%;
    
}

#titulograndefotoregistrate2{
    position: absolute;
    float: right;
    font-family: 'Patua One', cursive;
    font-size: 2.7em;
    background-color: #E75559;
    color: #fff;
    padding: 5px;
    margin-top: 90%;
    margin-left: 50%;
    
}

#contenedorregistrate  {
    
    background-color: #EAEAEA;  
    width: 93%;
    margin-left: 7%;
    padding-bottom: 19%;
    margin-bottom: 7%;
    
    }

#separadordediezporciento  {
    
   margin-left: 10%;
    
    }

#tituloregistrate  {
    font-family: 'Patua One', cursive;
    font-size: 3.2em;
    color: #E75559;
    padding-left: 20%;
    padding-top: 14%;
    
    }

#cuerpitodetextoregistrate{
    font-style:oblique;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.025em;
    color: #434852;
    padding-top: 14px;
    margin-bottom: 17px;
    width: 100%;
    padding-left: 20%;
    
    }
#contenedoradentrodecontenedor{
    width: 82%;
    
        
    }

#inputderegistrate {
    width: 78%;
    margin-left: 59px;
    margin-bottom: 10px;
    margin-top: 12px;
    
        
    }
#contenedorimagengrandef img{
    width: 100%;
    
}

    
.enviar {
  float: right;
  /* margin-right: 22% !important;
  background-color: #E75556;
  font-family: 'Patua One';
  padding: 2%;
  font-size: 1.2em;
  color: #fff;
  border: 0;
  border-radius: 14%;
}

.enviar2 {
  float: right;
  margin-right: 10px;
  background-color: #E75556;
  font-family: 'Patua One';
  padding: 2%;
  font-size: 1.2em;
  color: #fff;
  border: 0;
  border-radius: 14%;
}

#imputdehome {
    widht: 79%;
}
*/

/*/////////////VILOPENCES ///////////////// */

/*------------------ VILOPENCES------------------*/

.cuerponotiprinc {
    background-color: #EAEAEA;
    position: relative;
    float: left;
    box-sizing: border-box;
    width: 42%;
    
}

#vtituloboikot {
    font-family: 'Patua One', cursive;
    font-size: 2.3em;
    color: #11827C;
    padding-top: 18px;
    padding-left: 36px;
}

#vimagennot {
    position: relative;
    float: left;
    width: 53%;
    box-sizing: border-box;
    
}

#vtextonot {
    font-family: 'Open Sans', sans-serif;
    color: #171E2A;
    font-size: 1.3em;
    padding-left: 37px;
    padding-right: 41px;
    padding-top: 10px;
    padding-bottom: 17px;
}

#separribanat {
    
    margin-top: 2%;
}

#separribanattres {
    
    margin-top: 3%;
}

#vnotsecundariasizq {
    position: relative;
    float: left;
    width: 45%;
    box-sizing: border-box;
    margin-top: 34.33px;
    margin-right: 6%;
}

#vnotsecundariasder {
    position: relative;
    float: left;
    width: 45%;
    box-sizing: border-box;
    margin-top: 34.33px;
}

h60#vtitulossecundarios {
    font-family: 'Patua One', cursive;
    font-size: 1.8em;
    color: #11827C;
    padding-top: 22px;
    padding-left: 10px;
}


#vbajadastexsec {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.05em;
    color: #171E2A;
    padding-top: 4px;
    padding-left: 10px;
    padding-right: 16px;
}

#vnoticiasterciarias {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 26px;
}

#vnotterciaria{
     position: relative;
    float: left;
    width: 20%;
    box-sizing: border-box;
    margin-right: 27px;
}
    
#vnotterciariault{
     position: relative;
    float: left;
    width: 21%;
    box-sizing: border-box;
    }
    

#vtitulossecundarios {
     font-family: 'Open Sans', sans-serif;
    font-size: 1.2em;
    color: #171E2A;
}
    
h62#titulodenoticiasterciarias {
    position: relative;
    float: left;
    width: 96%;  
    background-color: #11827C;
    font-family: 'Patua One', cursive;
    font-size: 1.3em;
    color: #ffffff;
    margin-top: 32px;
    margin-bottom: 15px;
    padding-left: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
    
}

#abajodelaagendaimport {
    position:relative;
    float:left;
    background:#EAEAEA;
    width: 100%;
}

#viloagendaimportante {
    font-family: 'Patua One', cursive;
    font-size: 2.2em;
    color: #E75559;
    padding-left: 7px;
    padding-right: 7px;
}

#viloagendaimportsubtitulo {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.5em;
    color: #171E2A;
    padding-left: 7px;
    padding-bottom: 10px;
}
    

#vagenditas {
    position:relative;
    float: left;
    margin-top: 12%;
}
    

#objetolistaagenda{
    margin-bottom: 30px;
}

#titulooovilopencedelasemv {
    font-family: 'Patua One', cursive;
    font-size: 1.3em;
    color: #171E2A;
    margin-left: 30%;
}

#juancruzbomberovoluntario {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.8em;
    color: #171E2A;
    padding-left: 30%;
}

#datosdjuancruz {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.1em;
    color: #171E2A;
    padding-left: 30%;
}
 


#contenedordejuancruzz {
    background-color: #EAEAEA; width: 100%;
}
    
#imagenvilopencessemmm {
    position: absolute;
    top: 0;
    right: 73%;
    width: 30%;
}

#viloagevgrande {margin-top: 6%;
  width: 100%;
}

 
#otraimagendeagenda {
    position:relative;
    float:left;
}


#viloagtext { position: relative; float: left; background:#E75558;  padding: 2%;
  margin-top: 12%; width: 100%;}

#viloagsubtit {  font-family: 'Open Sans';
  color: white;
  font-weight: 400;
  font-size: 0.8em;
    padding-left: 20%;}

#viloagtit {   font-family: 'Patua One';
  color: white;
  font-weight: 500;
  font-size: 2.2em;
    padding-left: 20%;}

#agferiafoti { width: 100%;}


#viloagfechatres { position: absolute; z-index: 2;
    margin-left: -8%;
  margin-top: 8%; width: 28%;}

#viloagfechacuatro {   position: absolute;
  z-index: 2;
  margin-left: -107%;
  margin-top: 39%;
width: 28%;}

#viloagfechacinco { position: absolute;
  z-index: 2;
    margin-left: -107%;
  margin-top: 73%;
    width: 28%;
}


#vilopencesnotunoimagenresponsive img { width: 100%;}

#vilonotimresp {width: 100%}
#vilonotimresp img {width: 100%}

#vilonotimresp { width: 100%;}

.vilopencecontresp {width: 70%; position: relative; float: left;}
.vilopenceagresp {width: 30%; position: relative; float: left;}
.vilopenceagrespdos {width: 30%; position: relative; float: left;}

@media screen
and (max-width: 930px){
    .cuerponotiprinc {width: 100%; width: 94%;
  margin-left: 3%;
  font-size: 11px;}
    #vimagennot {width: 100%; padding: 3%;}
    #viloagtit {font-size: 2.1em;}
}

@media screen
and (max-width: 905px){
    body {font-size: 11px;}
}

@media screen
and (max-width: 810px){
    body {font-size: 10px;}
    #vnotterciaria {margin-right: 25px;}
}

@media screen
and (max-width:750px){
    #titulooovilopencedelasemv {font-size: 1.1em;}
    #juancruzbomberovoluntario {font-size: 1.4em;}
    #datosdjuancruz {font-size: 0.9em;}
    #vnotterciaria {margin-right: 22px;}
    #viloagfechatres {margin-top: 6%;}
    #viloagfechacuatro {margin-top: 34%;}
    #viloagfechacinco {margin-top: 61%;}
    #viloagsubtit {display: none;}
    #viloagtit {font-size: 1.8em;}
}

@media screen
and (max-width: 670px){
    #datosdjuancruz {display: none;}
    #vtituloboikot {font-size: 2em;}
}

@media screen
and (max-width: 650px){
    .vilosemanaresp {display: none;}
    #viloagtit {font-size: 1.6em;}
    #vnoticiasterciarias {width: 102%;}
}


@media screen
and (max-width: 600px){
    #vilonotirespagranda { width: 100%;}
    .vilopencecontresp {width: 100%;}
    .vilopenceagresp {width: 100%;}
    #vnoticiasterciarias {display: none;}
    #viloagendaimportante {font-size: 4em;}
    .vilopenceagrespdos {width: 100%;}
    #viloagtit {font-size: 3.6em; padding-left: 33%;}
    #viloagfechatres {margin-left: 3%; width: 25%; margin-top: 6%;}
    #viloagfechacuatro { margin-left: -99%; width: 25%; margin-top: 32%;}
    #viloagfechacinco {margin-left: -98%; width: 25%; margin-top: 57%;}

}

@media screen
    and (max-width: 470px){
    
        #viloagtit {font-size: 3.4em;}
    }

@media screen
    and (max-width: 440px){
        #viloagtit {font-size: 3em;}
    }

@media screen
    and (max-width: 390px){
        .vilopenceagrespdos {display: none;}
    }