@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,900);

* { 
    font-family:"Roboto", serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/*-------------------- Empieza el HEADER -------------------- */

body { 
    min-width: 23em;
    overflow-x: hidden;
}

header {
    margin: 1em;
}

header img {
    width: 10em;
    height: auto;
    position: absolute;
    z-index: 100;
    margin-top: -2em;
    
}

/*CSS MENU HAMBURGER*/

/*estilos button class="" */

.hamburger{
  background:black;
  position:absolute;
  top:2.2em;
  right:0.8em;
  line-height:45px;
  padding:0px 15px 0px 15px;
  color:#fff;
  border:1em;
  font-size:1.4em;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}
.cross{
  background:black;
  font-family: arial;
  position:absolute;
  top: 1em;
  right: 0.3em;
  padding:9px 15px 0px 15px;
  color:#fff;
  border:0;
  font-size:3em;
  line-height:44px;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}


/*estilos class menu*/

.menu{z-index:1000000; font-weight:bold; font-size:0.8em; width:100%; background:#131313;  position:absolute; text-align:center;}
.menu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.menu li {display: block;   padding:15px 0 15px 0; border-bottom:#1d1f20 1px solid;}
.menu li:hover{display: block;    background:#181818; padding:15px 0 15px 0; border-bottom:#1d1f20 1px solid;}
.menu ul li a { text-decoration:none;  margin: 0px; color:#fff; padding: 1em 13em}
.menu ul li a:hover {  color: #fff; text-decoration:none;}
.menu a{text-decoration:none; color:white;}
.menu a:hover{text-decoration:none; color:white;}

.glyphicon-home{
  color:white; 
  font-size:1.5em; 
  margin-top:5px; 
  margin:0 auto;}


/*FIN CSS MENU HAMBURGER*/



.linea2 {
    border-top-color: black;
    border-top: solid;
    border-width: 3em;
    margin-top: 3em;
    position: relative;
}

.linea3 {
    border-top-color: black;
    border-top: solid;
    border-width: 0.7em;
    margin-top: 0.7em;
    position: relative;
}

nav {
    display: none;
}


#redessociales {
    display: none;
}

.actualcel {
    display: block;
    text-align: right;
    margin-right: 1em;
    margin-top: 1em;
    font-weight: 600;
}

/*-------------------- Termina el HEADER ------------------------*/


/*-------------------- Empieza HOMEPAGE ------------------------------*/

#mainhome {
    margin: 3em 1em 1em 1em;
}


#asidehome {
    display: none;
}
    
.videoresponsive {
    position: relative;
    margin: 0 auto;
    height: 0;
    padding-bottom: 56.25%;
    padding-top: 25px;
    overflow: hidden;
}

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

video {
    width: 100%;
}

main h1 {
    font-weight: 700;
    padding-top: 0.2em;
    font-size: 1.5em;
    float: left;
}

.iconoscompartir img{
    width: 23%;
    margin-top: 3%;
}

.iconoscompartir{
    margin-left: 1em;
}

main .titulovideo{
    display: inline-flex;
}

#mainhome .titulovideo {
        margin-top: 0.5em;
        width: 100%;
    }
    
    #mainhome .titulovideo h1 {
        float: left;
    }

p {
    color: #808080;
    font-weight: 400;
    font-size: 0.9em;
    padding: 0.5em 0 0.5em 0;
    line-height: 1.3em;
}


a {
    text-decoration: none;
    color: black;
    font-size: 0.8em;
    font-weight: 500;
}



.botonleermas {
    color: white;
    float: right;
    background-color: white;
    width: 5em;
    margin-top: -1em;
    padding: 0.5em 0;
    text-align: right;

}

.botonleermas a {
    background-color: white;
    color: #FF00AE;
    text-align: center;

}

.botonleermas a:hover {
    color: black;
}


#graffiteros {
    background-image: url(imagenes/background_graffiteros.jpg);
    text-align: center;
    padding: 1em;
    overflow: auto;
    clear: both;
}

.chapita {
    display: inline-flex;
    width: 100%;
}

.chapita img {
    float: right;
}

#graffitero1 img {
    border-radius: 50%;
    border-style: solid;
    border-color: white;
    border-width: 0.15em;
    margin: 1em 0 0.5em 0;
    box-shadow: 0.5em 0.5em 3em;
}

#graffitero2 img {
    border-radius: 50%;
    border-style: solid;
    border-color: white;
    border-width: 0.15em;
    margin: 1em 0 0.5em 0;
    box-shadow: 0.5em 0.5em 3em;
}

#graffitero3 img {
    border-radius: 50%;
    border-style: solid;
    border-color: white;
    border-width: 0.15em;
    margin: 1em 0 0.5em 0;
    box-shadow: 0.5em 0.5em 3em;
}

#graffiteros h1 {
    text-align: left;
    width: 100%;
    color: white;
    font-size: 1em;
    background-color: #7A2FDD;
    padding-top: 0.6em;
    padding-left: 0.5em;
    font-weight: 500;
}

#graffiteros h2 {
    color: white;
    font-weight: 200;
    font-size: 1em;
}

#graffiteros .chapita a {
    color: white;
    float: left;
    width: 8em;
    text-align: right;
    padding-right: 0.5em;
    background-color: #7A2FDD;
    padding-top: 0.9em;
    font-weight: 400;
}

#graffiteros p {
    color: white;
    width: 70%;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 0,5em;
}

#graffitero2 {
    display: none;
}


#agenda {
    margin: 1em 1em 1em 1em;
}



#agenda h1 {
    float: left;
    font-size: 1em;
    font-weight: 500;
    width: 100%;
    background-color: #FF00AE;
    padding-top: 0.6em;
}


#agenda .chapita a {
    float: left;
    width: 8em;
    text-align: right;
    padding-right: 0.5em;
    background-color: #FF00AE;
    line-height: 3em;
}


.encabezado {
    overflow: auto;
    clear: both;
    margin-top: 1em;
    font-weight: 400;
    font-size: 0.8em;
    padding-bottom: 0.3em;
    border-bottom-style: solid;
    border-bottom-width: 0.1em;
}

article img {
    width: 40%;
    height: auto;
    float: left;
}

#agenda p  {
    float: left;
    margin: 0;
    width: 50%;
    margin-bottom: 1em;
    margin-left: 0em;
}

#agenda h1 {
    padding-left: 0.5em;
}

#agenda h2 {
    font-size: 1.3em;
    margin-top: 1em;
}

#articulo2 {
    display: none;
}

#novedades {
    margin: 1em;
    overflow: auto;
    clear: both;
}

#novedades h1 {
    float: left;
    font-size: 1em;
    font-weight: 500;
    width: 100%;
    background-color: #FF00AE;
    padding-top: 0.6em;
    padding-left: 0.5em;
}

#novedades h2 {
    font-size: 1.3em;
    margin-top: 1em;
    overflow: auto;
    clear: both;
}

#novedades .chapita a {
    float: left;
    width: 8em;
    text-align: right;
    padding-right: 0.5em;
    background-color: #FF00AE;
    line-height: 3em;
}

#novedades p {
    margin-left: 0em;
    margin-bottom: 1em;
}

#novedades article img {
    overflow: none;
    clear: both;
    width: 100%;
    padding-top: 1em;
    margin-bottom: 0.5em;
}

#contactanos {
    overflow: auto;
    clear: both;
    margin: 1em 1em 1em 1em;
    padding-top: 0.5em;
    border-top-style: solid;
    border-top-color: #FF00AE;
    border-top-width: 0.4em;
    text-align: center;
    align-content: center;
}

    
#contactanos a {
        padding: 0em;
        font-size: 1.5em;
        color: #FF00AE;
    }

#contactanos a:hover {
    color: black;
}

/*-------------------- Termina HOMEPAGE ------------------------------*/



#paginaprograma1 #paginaprogramas {
    margin-top: -1em;
}

/*-------------------- Empieza PAG CONTACTO ------------------------------*/


#maincontacto{
    width: 90%;
    margin: auto;
    height: auto;
    margin-top: 5rem;
    
}
    
#maincontacto .chapita h2 {
    text-align: left;
    width: 100%;
    color: white;
    font-size: 1em;
    background-color: #FF00AE;
    padding-top: 0.6em;
    padding-left: 0.5em;
    font-weight: 500;
    }

#maincontacto .chapita img{
    float: right;
    }
    
#contacto{
    border: none;
}
#indexcontacto .contactbox{
    color: black;
    height: auto;
    float: left;
    width: 100%; 
}

#indexcontacto .contactotitulo{
    width: 100%;
    float: left;
}

#indexcontacto .contactotitulo p{
    color: black;
    text-align: center;
    width: 100%;
    float: left;
    font-size: 14px;
    font-weight: 300;
    padding-top: 1em;
}

#indexcontacto .floating6 {
    color: black;
    font-size: 17px;
    font-weight: 600;
    width: 100%;
    margin-top: 1em;
    float: left;
    height: 2em;
    margin-left: 0rem;
    padding-top: 0px;

}

#indexcontacto #nombre1 {
    background-color: lightgray;
    border: none;
    width: 100%;
    float: left;
    height: 2em;
    font-size: 16px;
    padding-left: 1rem;
    
}

#indexcontacto .floating7{
    color: black;
    font-size: 17px;
    font-weight: 600;
    width: 100%;
    float: left;
    height: 2em;
    margin-top: 0.5em;
    margin-left: 0rem;
    padding-top: 0px;

}

#indexcontacto #email1{
    background-color: lightgray;
    border: none;
    width: 100%;
    height: 2em;
    font-size: 16px;
    padding-left: 1rem;
}

#indexcontacto .floating8{
    color: black;
    font-size: 17px;
    font-weight: 600;
    width: 100%;
    float: left;
    height: 10rem;
    margin-top: 0.5em;
    margin-left: 0rem;
    padding-top: 0px;

}

#indexcontacto #mensaje1{
    background-color: lightgray;
    border: none;
    width: 100%;
    color: black;
    height: 10em;
    font-size: 16px;
    padding-left: 1rem;
    padding-top: 0.5rem;
    margin-top: 0px;
}

#indexcontacto .floating9{
    float: right;
    font-size: 1em;
    width: 50%;
    height: auto;
    margin-top: 1em;
    border-style: solid;
    border-color: #FF00AE;
    padding: 0;
}

#indexcontacto #sendcomment1{
    background-color: white;
    border: solid transparent;
    width: 100%;
    color: #FF00AE;
    height: 2em;
    font-size: 0.9em;
    font-weight: 500;
    margin-top: 0px;
}

#indexcontacto #sendcomment1:hover {
    background-color: #FF00AE;
    color: black;
}

#quienessomos {
    display: none;
}

#mapa{
    float: left;
    width: 100%;
    margin-top: 2em;
    margin-bottom: 2em;
}

#mapa iframe{
    float: left;
    width: 100%;
    margin-top: 1.5rem;
    height: 20rem;
    margin-bottom: 0;
}

/*-------------------- Termina PAG CONTACTO ------------------------------*/


/*--------------------EMPIEZA NOTICIAS-------------------- */
#mainnoticias{
    height: auto;
    width: 90%;
    margin: auto;
}

    #mainnoticias a{
    float: left;
    display: block;
    }
    
#mainnoticias .chapita{
    margin-top: 2em;
    }
    
#mainnoticias .chapita h2{
    text-align: left;
    width: 100%;
    color: white;
    font-size: 1em;
    background-color: #FF00AE;
    padding-top: 0.6em;
    padding-left: 0.5em;
    font-weight: 500;
    }

#mainnoticias .chapita img{
    float: right;
    }
    
#mainnoticias h2 {
    margin-top: 0;
    padding-top: 0;
    font-size: 1.2em;
}

#noticia1 {
    float: left;
    width: 100%;
}

#noticia1 img{
    margin: 1em 0;
    width: 100%;
    float: left;
}



#noticia1 #contenidonoticia {
    float: left;
    width: 100%;
}

#noticia1 .botonleermas {
    margin-top: 0em;
}

#noticia1 #seguirleyendo{
    float: right;
    background-color: #FF00AE;
    width: 10rem;
    margin-bottom: 1rem;
    margin-right: 1rem;
    margin-top: 0rem;
    margin-top: 0.5rem;
    height: 2rem;
}

#noticia1 #seguirleyendo p{
    color: white;
    float: right;
    width: 10rem;
    height: 2rem;
    font-weight: 200;
    font-size: 13px;
    text-align: center;
    padding-top: 0.4rem;
    
}

#articles{
    
    float: left;
    width: 100%;
    margin-bottom: 2em;
    }

#mainnoticias article{
    float: left;
    width: 100%;
}    


#mainnoticias article img{
    
}
#mainnoticias article h2{
    clear: both;
    margin-top: 0.5em;
    
}

   
    
#mainnoticias article .botonleermas{
    color: white;
    float: right;
    background-color: white;
    width: 6rem;
    margin-top: 0rem;
}

#mainnoticias article .botonleermas a{
    float: right;   
}
    
#mainnoticias article p{
    color: #808080;
    font-weight: 400;
    width: 98%;
    font-size: 0.8em;
    padding: 0.5em 0 0.5em 0;
    line-height: 1.3em;

}
#noticia2{
    float: left;
    width: 100%;
    margin-top: 1.5rem;
    border: solid 2px black;
}

    
#noticia2 img{
    width: 26%;
    margin: 1rem;
    float: right;
}

#noticia2 h22{
    float: left;
    margin-top: 2.5rem;
    font-size: 23px;
    margin-left: 1rem;
    font-weight: 600;
}

#noticia2 #fecha{
    float: left;
    margin-top: 2.3rem;
    color: #FF00AE;
    font-size: 16px;
    font-weight: 300;
    margin-left: 22rem;
}

#noticia2 #contenidonoticia{
    float: left;
    margin-left: 1rem;
    width: 68%;
    color: #404040;
    font-size: 15px;
    line-height: 1.4rem;
    font-weight: 200;
}

#noticia2 #seguirleyendo{
    float: left;
    background-color: #FF00AE;
    width: 12rem;
    margin-left: 1.5rem;
    margin-top: 1.5rem;
    height: 3rem;
}

#noticia2 #seguirleyendo p{
    color: white;
    float: left;
    width: 12rem;
    height: 3rem;
    font-weight: 200;
    font-size: 16px;
    text-align: center;
    padding-top: 0.8rem;
    
}

/*--------------------TERMINA NOTICIAS-------------------- */



/*--------------------EMPIEZA NOTICIA PRINCIPAL-------------------- */

#mainnoticia{
    height: 97rem;
    margin: auto;
    width: 90%;
}

#mainnoticia .chapita{
    margin-top: 3.5rem;
    }
    
#mainnoticia .chapita h2{
    text-align: left;
    width: 100%;
    color: white;
    font-size: 1em;
    background-color: #FF00AE;
    padding-top: 0.6em;
    padding-left: 0.5em;
    font-weight: 500;
    }

#mainnoticia .chapita img{
    float: right;
    }
    
    
#mainnoticia a{
    float: left;
    display: block;
    }
    
#noticiaprincipal{
    float: left;
    width: 100%;
    margin-bottom: 0rem;
    margin-top: 1.5rem;
    }    


#noticiaprincipal h23{
    float: left;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin-top: 0rem;
    margin-left: 0rem;
    }
    
#noticiaprincipal h19{
    float: left;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.5px;
    clear: both;
    width: 40%;
    margin-top: 1.5rem;
    margin-left: 0rem;
    }
    
#noticiaprincipal #h19p{
    float: left;
    clear: both;
    width: 100%;
    font-size:14px;
    font-weight: 100;
    color: black;
    margin-top: 0.5rem;
    margin-left: 0rem;
    }
    

#noticiaprincipal #fecha{
    float: left;
    margin-top: 0.4rem;
    color: #FF00AE;
    font-size: 14px;
    font-weight: 300;
    margin-left: 0rem;
}

#noticiaprincipal #contenidonoticia{
    text-indent: 0rem;
    float: left;
    clear: both;
    margin-top: 0rem;
    margin-left: 0rem;
    width: 100%;
    color: #404040;
    font-size: 14px;
    line-height: 1.5rem;
    font-weight: 100;
}
    
#noticiaprincipal #volver{
    float: right;
    background-color: #FF00AE;
    width: 10rem;
    margin-right: 0rem;
    margin-top: 1rem;
    height: 2rem;
}

#noticiaprincipal #volver p{
    color: white;
    float: left;
    width: 10rem;
    height: 2rem;
    font-weight: 200;
    font-size: 13px;
    text-align: center;
    padding-top: 0.5rem;
    
}

#imagenes{
    float: right;
    width: 100%;
    margin-top: 1rem;
}
    
#imagenes img{
    float: left;
    width: 100%;
    margin-bottom: 1rem;

    }
/*--------------------TERMINA NOTICIA PRINCIPAL-------------------- */






/*--------------------EMPIEZA FOOTER-------------------- */

footer {
    overflow: auto;
    clear: both;
    background-color: black;
    text-align: center;
}

footer nav {
    display: none;
}


#logos img {
    width: 8em;
    float: center;

}

#contactofooter {
    display: none;
}

footer #redessociales {
    display: block;
}

footer #redessociales ul li {
    display: inline-block;
}

footer #redessociales img {
    width: 3em;
    margin: 1em;
}

footer p {
    overflow: auto;
    clear: both;
    width: 90%;
    margin: 0 auto;
    padding-top: 1em;
    padding-bottom: 1em;
    font-size: 0.7em;
}
    

/*-------------------- TERMINA FOOTER-------------------- */


/*--------------------------------------- Empieza Nicky Agenda -----------------------------------------*/




/* Empieza calendario */

*[class*="fontawesome-"]:before {
    font-family: 'FontAwesome', sans-serif;
}

.calendar-container body {
    color: #0e171c;
    font: 300 100%/1.5em 'Roboto', sans-serif;
    margin: 0;
}

.calendar a {
    text-decoration: none;
}

.calendar h2 {
    font-size: 22px;
    line-height: 20px;
    margin: 4px 0;
}

.calendar h3 {
    font-size: 24px;
    line-height: 24px;
    margin: 5px 0;
}



table {
    border-spacing: 0;
    width: 100%;
    border-top: solid;
    border-top-color: #cbd1d2;
}



.calendar-container {
    height: 380px;
    left: 50%;
    margin: -230px 0 0 -245px;
    position: absolute;
    width: 470px;
    margin-top: 1em;
}


.calendar {
    text-align: left;
    width: 75%;
    margin: 0 auto;
}

.calendar header {
    position: relative;
    text-align: center;
}

.calendar h2 {
    text-transform: uppercase;
}

.calendar thead {
    font-weight: 600;
    text-transform: uppercase;
}

.calendar tbody {
    color: #7c8a95;
}

.calendar tbody td:hover {
    border: 2px solid #FF00AE;
}

.calendar tbody td.active {
    border: 2px solid #FF00AE;
}

.calendar td {
    border: 2px solid transparent;
    border-radius: 50%;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px;
}

.current-day {
    background: #FF00AE;
    color: #f9f9f9;
}

.event {
    cursor: pointer;
    position: relative;
}

.event:after {
    background: #c0392b;
    border-radius: 50%;
    bottom: 8px;
    display: block;
    content: '';
    height: 8px;
    left: 50%;
    margin: -4px 0 0 -4px;
    position: absolute;
    width: 8px;
}

.event.current-day:after {
    background: #f9f9f9;
}

.btn-prev,
.btn-next {
	border: 2px solid #cbd1d2;
	border-radius: 50%;
	color: #cbd1d2;
	height: 32px;
	font-size: 22px;
	line-height: 28px;
	margin: -16px;
	position: absolute;
	top: 50%;
	width: 32px;
}

.btn-prev:hover,
.btn-next:hover {
    background: #cbd1d2;
    color: #f9f9f9;
}

.btn-prev {
    left: 30px;
}

.btn-next {
    right: 35px;
}

.list {
    margin-top: 20px;
}

.close {
    color: #A4AAAB;
    margin-top: -15px;
    margin-right: 10px;
    float: right;
}

.day-event {
    background-color: #F2F2F2 ;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 50px;
    display:none;

}

.day-event p{
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.day-event span{
    font-size: 12px;
}

.day-event button {
    position: relative;
    vertical-align: top;
    width: 100%;
    height: 50px;
    padding: 0;
    font-size: 18px;
    color: white;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #c0392b;
    border: 0;
    border-bottom: 2px solid #b53224;
    cursor: pointer;
    -webkit-box-shadow: inset 0 -2px #b53224;
    box-shadow: inset 0 -2px #b53224;
}

.check-btn {
    width: 100%;
}
input[type=checkbox] {display:none;}

span {
    background-color:#373740;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    font-weight:700;
    color:#FFF;
    font-size:.85em;
    letter-spacing:2px;
    text-decoration:none;
    font-family:'PT Sans', sans-serif;
    text-align:center;
    width:100%;
    height:50px;
    line-height:50px;
    cursor:pointer;
    display:block;
    margin: 0 auto;
    -webkit-transition:background-color 150ms ease-in;
    -moz-transition:background-color 150ms ease-in;
    -ms-transition:background-color 150ms ease-in;
    -o-transition:background-color 150ms ease-in;
    transition:background-color 150ms ease-in;
}

span:hover {
    background-color:#c0392b;
}

input[type=checkbox]:checked + span {
    background-color:#9C2E23;
    text-decoration:none;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background:#9C2E23 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAaCAYAAACgoey0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX9JREFUeNpi+P//PwMNsS4QbwBiLnQ5WlqqAsRP/0PARiBmoYfFkkB8+z8qWALEjLS0mB+IL/3HDibSymJQXB7/jx/UgNSCvU4lwAbEG4DYkwi1WUxUspQZiOcRaSkIWOAKMk0Sg3jaf+IBOIVjMyQWiH8DsR+RljaTYOkBWJ5GNwRk2R+ooh9A7ETA0jwSLL0ATfEYqRpkyVc0xR+A2AyHpdFA/I9IS0F5WhRbAWIEtQQbeAXE6lhC5jeRlj4GYgVsRaYK1HBCmmWgmuyxhAwu8BpaXjNgs/gYkYbcAGIXPCGDDkCOM8eVPkCEFhE+JhX8BGJnfAkTxgC57BOVLAXlihBC2RA9Vf+k0FJQKk8nJv+jCwQi5WNyQAWxpR02wRQS8icy6CKlmMUlUUGipfOQK3lKLAbhdhIKfWZS6258kiAfzCZg6V4gZiOn0UBIAcgn63BYehK50Ke2xQxQH+3FUoqJUtJMIlYhLxAfxVJu09xiWENuMxCrUaNhCBBgAOAVfjALa5TLAAAAAElFTkSuQmCC) no-repeat 7% center;
    background-size:15px 13px;
}

input[type=checkbox]:checked:hover + span {
    background-color:#9C2E23;
    color:rgba(255,255,255,0.5);
    text-decoration:none;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background:#9C2E23 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAS5JREFUeNq8110OgjAMAGBGvIY3VESjt9jPg95PT+LccBIZ7dYOWJPGB+g+Ymg3hLW2QeLkcu/y2pSFdvl0eQevehjI3uXbfkMh96TShFq/xhG6J4faAtxEtSBOQTm4QWpnOBWl4CZT69fuYpiCpnBDrB1xLhrjgoFO8F1oGcFslUv4bV32zFoxmOHJta0XMn65dC0UaiddA8UGiN4axeC1cUkdmWviEls/NwL1FqjPNtNvoimPdC3yRCUTiTXbt0R/oSnw2iiK10BBvBY6w2uiE3xJr8oFtcrvxy/fVcyeVdGx98yotcOxN/znHeMUIhdMOG8c4reagssF43VEoT5O4ZJwvNUUFJtcEE5BMXyGpnanf5yDxjiI+hSJj7YunEBvhbuTCh9tD+jiR4ABAJ0SrJgNr1UAAAAAAElFTkSuQmCC) no-repeat 7% center;
    background-size:15px 15px;
}

.print-btn {
    padding: 1px 14px 5px 14px;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* STYLES GO HERE */
}
 
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* STYLES GO HERE */
}
 
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* STYLES GO HERE */
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* STYLES GO HERE */
}
 
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* STYLES GO HERE */
}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* STYLES GO HERE */
}
 
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* STYLES GO HERE */
}
 
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* STYLES GO HERE */
}
 
/* iPhone 5 (portrait & landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
/* STYLES GO HERE */
}
 
/* iPhone 5 (landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
/* STYLES GO HERE */
}
 
/* iPhone 5 (portrait)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
/* STYLES GO HERE */
}


/* Termina Calendario */


#paginaagenda #agenda #sectionagenda {
    overflow: auto;
    clear: both;
    margin-top: 0em;
}

#paginaagenda .chapita {
    margin-top: 25em;
}

#asideagenda {
    display: none;
}



/*--------------------------------------- Termina Nicky Agenda --------------------------------*/


/*--------------------------------------- Empieza Nicky Evento1 --------------------------------*/    
    
  
#paginaevento1 .chapita {
    margin-top: 2em;
    width: 100%;
}

#trimarchi img {
    width: 100%;
    float: none;
    margin: 1em 0;
}

#paginaevento1 main article p {
    width: 100%;
    float: none;
    font-size: 1em;
}   


#paginaevento1 main article h2 {
    font-size: 2em;
    margin: 0.5em 0;
}   

#paginaevento1 .encabezado {
    margin: 0;
    padding: 0;
}

#paginaevento1 .encabezado h5 {
    float: left;
    line-height: 3em;
    font-weight: 200;
    font-size: 0.9em;

}

#paginaevento1 .encabezado .iconoscompartir img {
    width: 3em;
    float: right;
    margin: 0 0.2em;
}

#paginaevento1 aside {
    display: none;
}



/*--------------------------------------- Termina Nicky Evento1 --------------------------------*/




/*-------------------- Empieza Pagina Programas ------------------------------*/

#paginaprogramas {
    margin: 3em 1em 1em 1em;
}

#paginaprogramas .videoresponsive {
    width: 100%;
}

#paginaprogramas .iconoscompartir {
    float: right;
    margin-top: 0.4em;
}

#paginaprogramas .titulovideo {
    width: 100%;
    display: inline;
}



#paginaprogramas main h1 {
        margin-top: 0.3em;
    }
    

#paginaprogramas main p {
    overflow: auto;
    clear: both;
}

#paginaprogramas > .chapita {
    margin-bottom: 1em;
}


#paginaprogramas .chapita h1 {
    float: left;
    padding-left: 1em;
    font-size: 1em;
    font-weight: 500;
    width: 100%;
    background-color: #EA6000;
    padding-top: 0.6em;
}

#paginaprogramas #lineaparabuscar {
    background-color: black;
    margin-bottom: 1em;
}

#paginaprogramas #lineaparabuscar .floating1 {
    padding: 0.5em;
}

#paginaprogramas #lineaparabuscar #buscar {
    color: #EA6000;
    width: 100%;
    padding: 0.2em;
}

#paginaprogramas #etiquetas {
    display: none;
}

#paginaprogramas .episodioanterior img {
    width: 100%;
    margin: 1em 0 0.5em 0;
}

#paginaprogramas .episodioanterior > a {
    font-size: 1em;
}

    #paginaprogramas section .botonleermas {
        margin: 45%;
        margin-top: 0.5em;
        margin-bottom: 1em;
    }  
    
    #paginaprogramas section .botonleermas a {
        text-align: center;
        padding: 0.5em;
        color: #EA6000;
    }
    
     #paginaprogramas .botonleermas a:hover {
        color: black;
        background-color: #EA6000;
    }


/*EMPIEZA SECCION COMENTARIOS */


#paginaprogramas #comentarios {
    display: none;
    margin-top: 1em;
}

#paginaprogramas #comentarios h3 {
    float: left;
    margin-bottom: 0.2em;
    font-weight: 200;
    font-size: 1em;
}

#paginaprogramas #comentarios a {
    float: right;
}

#paginaprogramas #comentarios #comentar {
    width: 50%;
    float: left;
    overflow: auto;
    clear: both;
    background-color: black;
    text-align: left;
    border-style: none;
}

#paginaprogramas #comentarios #comentar #comentario {
    height: 8em;
    border-style: none;
}

#paginaprogramas #comentarios #comentar #comenta {
    height: 5em;
    width: 100%;
    padding-left: 1em;
    border-style: none;
    margin-left: 1em;
    color: orange;
}

#paginaprogramas #comentarios #comentar #nombre {
    height: 3em;
    margin-top: 1em;
    margin-bottom: 0.7em;
    margin-left: 1em;
    width: 100%;
    padding-left: 1em;
    border-style: none;
    color: orange;
}

#paginaprogramas .comentarioshechos {
    width: 50%;
    float: left;
    background-color: black;
    height: 8em;
    margin-bottom: 1em;
    padding: 0.5em 1em;
    overflow: scroll
}

#paginaprogramas .comentarioshechos .botonvertodos {
    float: right;
    margin-bottom: 1em;
}

#paginaprogramas .comentarioshechos .botonvertodos a {
    margin-top: 1em;
    color: white;
   
}

#paginaprogramas #comentarios img {
    width: 3em;
    margin: 0.5em 0;
    float: left;
    clear:none;
}

#paginaprogramas .comentario1, .comentario2, .comentario3  {
    width: 100%;
    overflow: auto;
    clear: both;
    border-bottom-style: solid;
    border-bottom-color: white;
    border-bottom-width: 0.1em;
}

#paginaprogramas .texto {
    width: 80%;
    float: left;
}

#paginaprogramas .nombrecomentario {
    float: left;
    color: white;
    font-size: 0.9em;
    font-weight: 500;
    clear: none;
    margin-left: 1em;
    margin-top: 0.5em;
    padding: 0;
}

#paginaprogramas .textocomentario {
    float: left;
    width: 80%;
    color: white;
    margin-left: 1.5em;
    font-size: 0.7em;
    font-weight: 100;
    overflow: auto;
    clear: both;
}

/*TERMINA SECCION COMENTARIOS */


/*-------------------- Termina Pagina Programas ------------------------------*/


/*-------------------- Empieza Pagina Paredes ------------------------------*/

#paginaparedes #etiquetas {
    display: none;    
}



/*-------------------- Termina Pagina Paredes ------------------------------*/

/*-------------------- Empieza Pagina Programa1 ------------------------------*/

#paginaprograma1 #paginaprogramas main figure img {
    width: 100%;
}

#paginaprograma1 #paginaprogramas > .chapita {
    margin-top: 3em;
}

#paginaprograma1 #paginaprogramas > .chapita a {
    background-color: #EA6000;
    width: 7em;
    padding-top: 1em;
}


/*-------------------- Termina Pagina Programa1 ------------------------------*/

/*-------------------- Empieza Pagina Tcnicas ------------------------------*/

#contenedortecnicas{
    background-image:url(imagenes/fondotecnicas.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 1em;
    overflow: auto;
    clear: both;
    margin: 3em 0 3em 0;
    overflow: hidden;
    
}


.unatecnica{
    align-content: center;
    margin: auto;
    width: 70%;
    margin-bottom: 1em;
}


.unatecnica img {
    border-radius: 50%;
    border-style: solid;
    border-color: white;
    border-width: 0.15em;
    margin: 1em 0 0.5em 25%;
    box-shadow: 0.5em 0.5em 3em;
    width: 50%;  
    
      
}

.unatecnica h2 {
    color: white;
    font-weight: 200;
    font-size: 1em;
    text-align: center;

}

.unatecnica p {
    color: white;
    width: 80%;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 0,5em;
    padding: 0.5em 1em;
}


/*-------------------- Termina Pagina Tcnicas ------------------------------*/
/*-------------------- Empieza Pagina Tecnica Stencil ------------------------------*/
.contenedordepagalochenta{
    width: 80%;
    margin: auto;
    overflow: hidden;
    margin-top: 3em;
}


.titulodelatecnica{
    background-color: black;
    height: 3em;
    text-align: center;
    margin-bottom: 0.5em;
}

.titulodelatecnica h1{
    color: white;
    width: 100%;    
}

#conocelatecnica .chapita h1{
    background-color: #2CAF2c;
    float: left;
    font-size: 1em;
    font-weight: 500;
    width: 100%;
    padding-top: 0.6em;
    padding-left: 0.6em;
    color: white;
}

#conocelatecnica .encabezado h1{
 font-weight: 400;
    font-size: 1em;
}

#vospodeshacerlo .chapita{
    margin-top: 2em;
}

#vospodeshacerlo .chapita h1{
    background-color: #2CAF2c;
    float: left;
    font-size: 1em;
    font-weight: 500;
    width: 100%;
    padding-top: 0.6em;
    padding-left: 0.6em;
    color: white;
}
#vospodeshacerlo .encabezado h1{
 font-weight: 400;
    font-size: 1em;
}

#novedadesdelatecnica .chapita{
    margin-top: 2em;
}

#novedadesdelatecnica .chapita h1{
    background-color: #2CAF2c;
    float: left;
    font-size: 0.8em;
    font-weight: 500;
    width: 100%;
    padding-top: 0.9em;
    padding-left: 0.6em;
    color: white;
    
}

#novedadesdelatecnica .chapita a {
    float: left;
    width: 8em;
    text-align: right;
    padding-right: 0.5em;
    background-color: #2CAF2c;
    line-height: 3em;
    color: white;
}

#novedadesdelatecnica #escondernovedades{
        display: none;
    }

/*-------------------- INICIO ACCESO Galeria STENCIL ------------------------*/ 

#asidetecnica{
    display: none;
}

#accesogaleria{
   width: 90%;
    height: auto;
    margin: 1em;
    clear: both;
    }

#accesogaleria .estilogaleria{
		list-style-type: none;
		margin: 0px;
		padding: 0px;
        width: 108%
}

#accesogaleria .estilogaleria li{
		float: left;
		padding: 0px;
		position: relative;
		overflow: hidden;
	}

#accesogaleria .estilogaleria li:hover .efecto{
		opacity: 1;

	}


#accesogaleria	.estilogaleria img{
		width: 100%;
        margin: 0px;
		padding: 0px;
		float: left;
		z-index: 4;
        margin-bottom: 2em;
	}


#accesogaleria .estilogaleria .efecto{
		cursor: pointer;
		position: absolute;
		opacity: 0;
		-webkit-transition:all 0.45s ease-in-out;
		-moz-transition:all 0.45s ease-in-out;
		-o-transition:all 0.45s ease-in-out;
		-ms-transition:all 0.45s ease-in-out;
		transition:all 0.45s ease-in-out;

	}
#accesogaleria .estilogaleria .blur{
		background-color: rgba(0,0,0,0.50);
		height: 300px;
		width: 400px;
		z-index: 5;
		position: absolute;
	}

#accesogaleria .estilogaleria .efectotexto h5{
        padding: 0px;
		margin: 0px;
		font-size: 30px;
	}

#accesogaleria .estilogaleria .efectotexto p{
        padding: 0px;
		margin: 0px;
        font-size: 16px;
        color: white;
	}

#accesogaleria .estilogaleria .efectotexto{
		z-index: 10;
		color: #fff;
		position: absolute;
		width: 400px;
		height: 300px;
		text-align: center;
		top:100px;
	}
	
/*-------------------- FIN ACCESO Galeria STENCIL ------------------------*/



/*-------------------- Termina Pagina Tescnica Stencil ------------------------------*/


/*-------------------- Empieza Pagina Paredes ------------------------------*/

#paginaparedes #etiquetas {
    display: none;
    
    align-content: center;
    text-align: center;  
    
}
    
#paginaparedes #filtros #etiquetas {
    margin-top: 3.5em;
    background-color: rgba(0,0,0,1);
    z-index: 100000000;
    padding-top: 0.2em;
    padding-bottom: 0.4em;
    
    }
    
#paginaparedes #filtros #etiquetas a {
        color: white;
}
    
#paginaparedes #filtros #etiquetas .etiquetanaranja {
        background-color: #EA6000;
}
    
#paginaparedes #filtros #etiquetas .etiquetaverde {
        background-color: #2CAF2C;
    }
    
#paginaparedes #filtros #etiquetas .etiquetavioleta {
        background-color: #7A2FDD;
    }
    
#paginaparedes #filtros #etiquetas .etiquetarosa {
        background-color: #FF00AE;
    }
    
#paginaparedes #filtros #etiquetas h5 {
    font-weight: 100;
    color: white;
}
    
/* SOBREIMPRESO */
    
    #paginaparedes .sobreimpreso {
        position: relative;
    }
        
    #paginaparedes .adelante {
        z-index: 100;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: rgba(0,0,0,0.5);
    }
    
    .imgrepetida {
        position: ;
    }
    
    #paginaparedes .sobreimpreso .adelante { display: none; }

    #paginaparedes .sobreimpreso:hover .adelante { display: block; }
    
/* Fin del SOBREIMPRESO */

    #paginaparedes .sobreimpreso .iconoscompartir img { display: inline !important; } /* esto último es porque sino los estilos CSS que vienen con el jQuery de la galería les rompe el alineamiento de las imágenes */
    
.sobreimpreso .adelante {
    
}


    .sobreimpreso .adelante .iconoscompartir {
        float: right;
        width: 12em;  
        margin-right: 1em;
    }

    .sobreimpreso .adelante h3 {
        float: left;
        font-size: 1em;
        color: white;
        margin-top: 1em;
        margin-left: 1em;
}

.sobreimpreso .adelante .iconoscompartir img {
    float: right;
}


/*-------------------- Termina Pagina Paredes ------------------------------*/  



/*-------------------------------------------------------------------------------------------------------------------------------------- BREAK POINT ------------------------------*/

@media screen and (min-width:41em) {
    
/* --------------------Empieza el HEADER-------------------- */
    
    
#hamburguesa {
        display: none;
    }
    
#menu {
        display: none;
    }
    
header > img {
        width: 12em;
        height: auto;
        float: left;
        position: absolute;
        z-index: 100;
        margin-top: -2.5em;
    }

    
header nav {
        display: block;
        float: left;
        margin-left: 12em;
        width: 70%;
        margin-top: 1em;
    }
    
header nav ul {
        text-decoration: none;
        list-style: none;
        line-height: 1.5em;
    }
    
header nav ul li {
        display: inline-block;
        width: auto;
        text-align: center;
        margin: 0 0.3em;
    }
    
header nav ul li a {
        color: black;
        padding: 0.5em 0.5em;
        width: auto;
    }
    
header nav ul li a:hover {
        color: #FF00AE;
        background-color: black;
        width: 16%;
    }
    
header #redessociales {
        display: block;
        float: right;
        margin-top: -5.8em;
        margin-right: 2em;
    }
    
header #redessociales ul {

    }
    
header #redessociales li {
        display: inline-block;
        margin: 0 1.5em;

    }
    
header #redessociales img {
        width: 2.7em;
        height: auto;
    }
    
.actual {
        background-color: black;
        color: white;
    }
    
.actualcel {
        display: none;
    }
    
    
    /*-------------------- Termina el HEADER-------------------- */
    
/*-------------------- Empieza HOMEPAGE ------------------------------*/    

    
.videoresponsive {
        overflow: auto;
        clear: both;
        margin-top: 5em;
    }
    
#mainhome .botonleermas {
        display: none;
    }
    

    

    

    
#asidehome {
        display: block;
        margin: 1em 1em;
        align-content: center;
    }
    
    
#asidehome h2 {
        font-weight: 400;
        font-size: 1.2em;
        padding-left: 0.5em;
        float: left;
        font-weight: 500;
        padding: 0.4em 0.1em 0.1em 0.5em;
        background-color: #EA6000;
        width: 100%;
    }
    
#asidehome .chapita a {
        float: left;
        width: 8em;
        text-align: right;
        padding-right: 0.5em;
        background-color: #EA6000;
        line-height: 3em;
}
    

    
    
.episodiosanteriores {
    width: 31%;
    margin: 1em 1%;
    float: left;
    
}
    


.episodioanterior a img{
    width: 100%;
}

.episodioanterior a {
    text-decoration: none;
    color: black;
    font-size: 1em;
    font-weight: 500;
}

.episodioanterior p{
    color: #808080;
    font-weight: 400;
    font-size: 0.8em;
    padding: 0.5em 0 0.5em 0;
    line-height: 1.3em;
}

    
#etiquetas {
    display: block;
}

#etiquetas ul {
    list-style: none;
}

#etiquetas ul li {
    display: inline-block;
    padding: 0.3em 0.1em;
}

#etiquetas ul li a{
    text-decoration: none;
    color: #808080;
    padding: 0.2em 0.5em;
    font-size: 0.75em;
    border-radius: 1em;
    font-weight: 200;
}
    
#etiquetas ul li a:hover{
    color: white;
    }

.etiquetanaranja {
    border-color: #EA6000;
    border-style: solid;
    border-width: 0.15em;
}
    
.etiquetanaranja:hover{
    background-color: #EA6000;
}
    
    
.etiquetaverde{
    border-color: #2CAF2C;
        border-style: solid;
    border-width: 0.15em;
}
    
.etiquetaverde:hover{
    background-color: #2CAF2C;
}
    
.etiquetavioleta{
    border-color: #7A2FDD;
        border-style: solid;
    border-width: 0.15em;
}

.etiquetavioleta:hover{
    background-color: #7A2FDD;
 }    
    
.etiquetarosa{
    border-color: #FF00AF;
        border-style: solid;
    border-width: 0.15em;
}

.etiquetarosa:hover {
    background-color: #FF00AF;
}

    
#graffiteros {
        overflow: auto;
        clear: both;
        text-align: center;

}
    

    
#graffiteros p {
        width: 90%;
    }
    
#graffitero1 {
        float: left;
        width: 30%;
        margin: 0 1%;
    }
    
#graffitero2 {
        display: block;
        width: 30%;
        float: left;
        margin: 0 1%;
    }
    
    
#agenda {
        float: left;
        width: 45%;
    }
    
#agenda h1 {
        float: left;
        width: 70%;
    }
    
#agenda h2 {
    font-size: 1.3em;
    margin-top: 1em;
    overflow: auto;
    clear: both;
}
    
    
#agenda article img {
        width:  8em;
    }
    
#agenda p {
        float: left;
        width: 100%;
    }
    
#novedades {
        overflow: auto;
        clear: none;
        float: left;
        width: 45%;
    }
    
#novedades article img {
    overflow: none;
    clear: both;
    width: 70%;
    padding-top: 0.3em;
}
    
    
#botonmasinfo {
    color: white;
    float: left;
    background-color: white;
    width: 5em;
    margin-top: -0.5em;
}

#botonmasinfo a {
    background-color: white;
    color: #FF00AE;
    text-align: left;

}
    
.botonleermas {
        float: left;
    }    
    
.botonleermas a {
        float: left;
    }
    
    
/*-------------------- Termina HOMEPAGE ------------------------------*/
    

/*--------------------------------------- Empieza Nicky Agenda --------------------------------*/


#paginaagenda #agenda {
    width: 100%;
}

    #paginaagenda #agenda .chapita {
        width: 95%;
    }
    
#paginaagenda .chapita h1 {
    width: 100%;
}

#paginaagenda #agenda article {
    float: left;
    width: 30%;
    margin: 1%;
    height: 17em;

}
    
#asideagenda {
        display: block;
        float: left;
        width: 100%;
        padding-right: 0;
        margin-top: 25em;
        height: auto;
}

    

    
    
#paginaagenda #asideagenda #articuloevento1 {
    width: 100%;
    margin-right: 0;
    padding: 0;

}
    
    #paginaagenda article figure {
    float: left;
    width: 50%;
    height: 15em;
    overflow: auto;
    overflow: hidden;
    clear: both;
    }
    
    
#paginaagenda article figure img {
    margin-top: 1em;
    width: 250%;
    float: left;
}
    
    #paginaagenda #eventodestacado {
        float: left;
        width: 45%;
        margin-left: 1em;
    }
    
    #paginaagenda #sectionagenda {
        margin-top: 0;
    }
    
    #paginaagenda .chapita {
    margin-top: 1em;
}
    
    
/* Empieza Calendario */
    


    
/* Termina Calendario */


/*--------------------------------------- Termina Nicky Agenda --------------------------------*/
    
    
/*--------------------------------------- Empieza Nicky Evento1 --------------------------------*/    
    
  
#paginaevento1 #agenda {
    width: 96%;
    }
    
#paginaevento1 .chapita {
    margin-top: 2em;
    width: 100%;
    margin-right: 1em;
}
    
    #paginaevento1 .chapita h1 {
        width: 100%;
}
    
    #paginaevento1 article {
        width: 100%;       
    }
    
    #paginaevento1 .encabezado {
        width: 100%; 
        margin: 0;
        padding: 0;
    }

#paginaevento1 article img {
    width: 100%;
    margin: 1em 0;
}

#paginaevento1 main article p {
    width: 100%;
    float: none;
}   
    
    #paginaevento1 figure {
        height: 15em;
        overflow: hidden;
        margin: 1em 0;
    }
    
    #paginaevento1 figure img {
        position: relative;
        top: -10em;
    }





/*--------------------------------------- Termina Nicky Evento1 --------------------------------*/       
    



/*-------------------- Empieza Pagina Programas ------------------------------*/


#paginaprogramas .videoresponsive {
    width: 100%;
    margin-top: 0;
}    

    
    
    #paginaprogramas .chapita {
        margin-top: 0em;
    }
    
#paginaprogramas .episodioanterior {
        width: 31%;
        float: left;
        margin: 1%;
        margin-bottom: 0.5em;
        margin-top: 0;
    }
    
    
    
    #paginaprogramas #etiquetas {
        display: block;
    }
    
#paginaprogramas #lineaparabuscar {
    background-color: black;
    margin-top: 1em;
    width: 50%;
    float: right;
}
    
    #paginaprogramas #buscador .floating1 {
        width: 100%;
        float: right;
    }
    
#paginaprogramas #comentarios {
    display: block;
    margin-top: 1em;
}


      
    
    
/*-------------------- Termina Pagina Programas ------------------------------*/  
        
     

/*-------------------- Empieza Pagina Tecnicas ------------------------------*/     

    #contenedortecnicas{
    margin: 7em 0 5em 0;
    padding-left: 3em;
    }
    
    .unatecnica{
        float: left;
        width: 45%;
        margin: 0 0.5em 3em 0.5em;
        
    }   
    
    
    
/*-------------------- Termina Pagina Tecnicas ------------------------------*/     
    
    
/*-------------------- Empieza Pagina Paredes ------------------------------*/

#paginaparedes #etiquetas {
    display: block;
    
}
    
/*-------------------- Termina Pagina Paredes ------------------------------*/        
    
 /*-------------------- Empieza Pagina Tecnicas Stencil ------------------------------*/ 

    .contenedordepagalochenta{
    margin-top:6em;
}
    #novedadesdelatecnica{
        width: 100%;
        margin-top: 1em;
        float: left;
    }
    
    #vospodeshacerlo .videoresponsive{
        margin-top: 1em;
    }
    
    
    
    #novedadesdelatecnica #novedades{
        width: 43%;
        float: left;
        
    }
    
    
    #novedadesdelatecnica #escondernovedades {
        display: block;
        
    }
    
    
    
    /*-------------------- Termina Pagina Tecnicas Stencil------------------------------*/  
   
    
}
 
/*--------------------------------------------------------------------------------------------------------------------------------------- BREAK POINT ------------------------------*/

/*-------------------- Empieza FOOTER-------------------- */

    
@media screen and (min-width:48em) {

    

footer {
    background-color: black;
    text-align: center;
    overflow: auto;
    clear: both;
    padding-bottom: 2em;
}
    
    #contenidofooter{
        
    }   
    
footer h1 {
    color: white;
    font-size: 1em;
    padding: 0;
    text-align: left;
    margin-bottom: 1em;
}

footer nav {
    display: block;
    width: 12%;
    margin-left: 2em;
    margin-top: 2em;
    float: left;
}
   
footer nav ul li {
    line-height: 1.6em;
    width: 7em;
}
    
footer nav ul li a {
    display: block;
    color: white;
    text-align: left;
}
    
    
    
/* Empieza Formulario contacto */
    
    #contactofooter{
        display: block;
        width: 45%;
        height: 15rem;
        float: right;
        color: white;
        margin-left: 2rem;
        padding-right: 0rem;
        margin: 2em auto;

    }
    
    .contactbox{
        color: white;
        font-size: 19px;
        text-align: left;
        font-size: 1em;
        font-weight: 500;
    }
    
    h21 {
        padding-left: 1em;
        padding-left: 0rem;
    }
    
    #contacto{
        margin-top: 0.5rem;
        border: none;
    }
    
    .floating1{
        color: white;
    }
    
    #nombre{
        margin-top: 1rem;
        margin-left: 0rem;
        margin-bottom: 0px;
        
    }
    
    #email{
        margin-left: 0rem;
    }
    
    #mensaje{
        margin-left: 0rem;
        height: 4.1rem;
        margin-top: 0px;
    }
    
    .floating5{
        color: white;
        margin-left: 0px;
    }
    
    .floating4{
        color: white;
        padding-top: 0px;
        margin-left: 0px;
    }
    
    #contacto #nombre, #contacto #email, #mensaje{
	border: none;
	font-size:13px;
	padding:2px;
    background-color: white;
	width: 17rem;
    
}

    #contacto select {
	display: block;
	border: none;
	font-size:13px;
	margin:0 0 5px;
	padding:0px;
	width:192px;
}



#sendcomment:hover{
    background-color: #FF00AE;
    color: white;
}



#sendcomment{
    font-family: "Roboto", sans-serif;
	background-color: grey;
	border: none;
	color: white;
	padding: 0;
	margin-top: 0rem;
    margin-left: 4.8rem;
	text-transform: uppercase;
    float: left;
    width: 4rem;
    height: 1.5rem;
}
    
    /* TErmina Formulario contacto */
    
    
#redesylogos {
    max-width: 32%;
    float: right;
    margin: 0;
    padding: 0;
    margin-top: 2em;
    text-align: center;
    margin-right: 1em;
}
    
#logos img {
    width: 6em;
    margin: 1em auto;
    float: center;
    overflow: auto;
    clear: both;
    }
    

footer #redessociales {
    display: block;
    float: left;
    margin: 0 auto;
}
    

footer #redessociales ul li {
    display: inline-block;
    margin: 0 auto;
}

footer #redessociales img {
    width:3em;
    margin: 0.2em;
}
    
 /* --------------------Termina FOOTER --------------------*/
    
/*-------------------- Empieza Pagina Tecnicas Stencil ------------------------------*/
    #conocelatecnica article{
        width: 30%;
        float: left;
        margin: 1%;
    }    
    
    #vospodeshacerlo .videoresponsive{ 
      margin-top: 1em;
    }
    
    #vospodeshacerlo article{
    margin: 1%;
    }
    
    
    
    
/*-------------------- Termina Pagina Tecnicas Stencil ------------------------------*/
    
}


    


/*------------------------------------------------------------------------------------------------------------------------------------------ BREAK POINT ------------------------------*/  

@media screen and (min-width:60em) {
    
    /* --------------------Empieza el HEADER-------------------- */
    
    
header > img {
    margin-left: 4em;
}
    
#mainhome {
    width: 80%;
    margin: 0 auto;
    margin-top: 5.5em;
}
 

    
header nav {
        display: block;
        float: left;
        margin-left: 15em;
        width: 70%;
        margin-top: 1em;
    }
    
header nav ul {
        text-decoration: none;
        list-style: none;
        line-height: 1.5em;
    }
    
header nav ul li {
        display: inline-block;
        width: auto;
        text-align: center;
        margin: 0 1em;
    }
    
header nav ul li a {
        color: black;
        padding: 0.5em 0.5em;
        width: auto;
    }
    
header nav ul li a:hover {
        color: #FF00AE;
        background-color: black;
        width: 16%;
    }
    
header #redessociales {
    overflow: auto;
    clear: both;
    margin: 0;
    padding:0;
    margin-top: -5.8em;
    margin-right: 7em;
}
    
    /*-------------------- Termina el HEADER --------------------*/

/*-------------------- Empieza HOMEPAGE ------------------------------*/

#asidehome {
    width: 80%;
    margin: 0 auto;
    margin-top: 2em;
    
}
    
#graffiteroscontenido {
    width: 81.5%;
    margin: 0 auto;
    margin-top: 0.5em;
}
    
#diario {
    width: 80%;
    margin: 0 auto;
    margin-top: 1em;
}

#agenda {
    width: 60%;
    float: left;
    margin: 0;
    padding: 0.5em;
}
    
    #agenda .chapita h1 {
        width: 100%;
    }
    
#agenda article {
    float: left;
    width: 46%;
    padding: 0;
    margin: 0 0.5em;
}
    
#articulo2 {
    display: block;
    float: left;
    width: 50%;
}
    
    .botonleermas {
        float: left;
    }   
    
    .botonleermas a {
        float: left;
    }
    
    
#novedades {
    width: 40%;
    float: left;
    margin: 0;
    padding: 0.5em;
}
    
/*-------------------- Termina HOMEPAGE ------------------------------*/
    
/*----------------------------------------- EMPIEZA FOOTER -----------------------------------------*/

    #contenidofooter {
        max-width: 80%;
        margin: 0 auto;
    }

/*----------------------------------------- TERMINA FOOTER -----------------------------------------*/


 /*-------------------- Empieza PAG CONTACTO ------------------------------*/


#paginacontacto {
        width: 80%;
        margin: 0 auto;
    }
    
#indexcontacto {
        width: 65%;
        float: left;
    margin-right: 3%;
    }
    
#quienessomos {
        display: block;
        float: left;
        width: 30%;
    }
    
    #quienessomos p {
        margin-top: 1em;
    }

#mapa{
    overflow: auto;
    clear: both;
    float: left;
    width: 100%;
    margin-top: 2em;
    margin-bottom: 3rem;
}

#mapa h20{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 25px;
    letter-spacing: 1px;
    font-weight: 700;
}
#mapa iframe{
    float: left;
    width: 100%;
    margin-top: 1.5rem;
    height: 20rem;
}

  
/*-------------------- Termina PAG. CONTACTO ------------------------------*/     
    
    
    
/*--------------------EMPIEZA NOTICIAS-------------------- */
    
#mainnoticias{
    height: auto;
    width: 80%;
}

    
#mainnoticias .chapita{
    margin-top: 3.5rem;
    }
    
#mainnoticias .chapita h2{
    text-align: left;
    width: 100%;
    color: white;
    font-size: 1em;
    background-color: #FF00AE;
    padding-top: 0.6em;
    padding-left: 0.5em;
    font-weight: 500;
    }

#mainnoticias .chapita img{
    float: right;
    }
    

#noticia1{
    float: left;
    width: 48%;
    margin-top: 1rem;
    margin-left: 0.8rem;
}




#noticia1 #fecha{
    float: right;
    margin-top: 0rem;
    color: #FF00AE;
    font-size: 16px;
    font-weight: 300;
    margin-right: 1rem;
}



#noticia1 #seguirleyendo{
    float: right;
    background-color: #FF00AE;
    width: 10rem;
    margin-right: 1rem;
    margin-top: 0rem;
    margin-top: 0.5rem;
    height: 2rem;
}



#articles{
    float: left;
    width: 100%;
    
    }
    
#mainnoticias article{
    float: left;
    width: 31.8%;
    margin-top: 1em;
    margin-right: 1%;
}    

#mainnoticias article img{
    
}





/*--------------------TERMINA NOTICIAS-------------------- */
    
    
    
    
    
/*--------------------EMPIEZA NOTICIA PRINCIPAL-------------------- */
    
    #mainnoticia{
    height: 56rem;
    margin: auto;
    width: 80%;
}

#mainnoticia .chapita{
    margin-top: 3.5rem;
    }
    
#mainnoticia .chapita h2{
    text-align: left;
    width: 100%;
    color: white;
    font-size: 1em;
    background-color: #FF00AE;
    padding-top: 0.6em;
    padding-left: 0.5em;
    font-weight: 500;
    }

#mainnoticia .chapita img{
    float: right;
    }
    
    
#mainnoticia a{
    float: left;
    display: block;
    }
    
#noticiaprincipal{
    float: left;
    width: 57%;
    display: block;
    margin-bottom: 2rem;
    margin-top: 1.5rem;
    }    


#noticiaprincipal h23{
    float: left;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin-top: 0.5rem;
    margin-left: 0rem;
    }
    
#noticiaprincipal h19{
    float: left;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.5px;
    clear: both;
    width: 40%;
    margin-top: 1.5rem;
    margin-left: 0rem;
    }
    
#noticiaprincipal #h19p{
    float: left;
    clear: both;
    width: 100%;
    font-size:14px;
    font-weight: 100;
    color: black;
    margin-top: 0.2rem;
    margin-left: 0rem;
    }
    

#noticiaprincipal #fecha{
    float: right;
    margin-top: 0rem;
    color: #FF00AE;
    font-size: 16px;
    font-weight: 300;
    margin-left: 0rem;
}

#noticiaprincipal #contenidonoticia{
    text-indent: 2rem;
    float: left;
    margin-top: 1rem;
    margin-left: 0rem;
    width: 100%;
    color: #404040;
    font-size: 14px;
    line-height: 1.5rem;
    font-weight: 100;
}
    
#noticiaprincipal #volver{
    float: right;
    background-color: #FF00AE;
    width: 10rem;
    margin-right: 0rem;
    margin-top: 2.05rem;
    height: 2rem;
}

#noticiaprincipal #volver p{
    color: white;
    float: left;
    width: 10rem;
    height: 2rem;
    font-weight: 200;
    font-size: 13px;
    text-align: center;
    padding-top: 0.5rem;
    
}

#imagenes{
    float: right;
    width: 40%;
    margin-top: 2rem;
    
}
    
#imagenes img{
    clear: both;
    width: 100%;
    margin-left: 0rem;
    margin-bottom: 1rem;

    }
/*--------------------TERMINA NOTICIA PRINCIPAL-------------------- */
    
    
/*---------------------- Empieza Agenda Nicky ----------------------*/

#paginaagenda {
    width: 80%;
    margin: 0 auto;
}
    
    
#paginaagenda #asideagenda #articuloevento1 {
    width: 100%;
    margin: 0;
    padding: 0;

}
    
#paginaagenda article figure {
    float: left;
    width: 50%;
    height: 17em;
    overflow: auto;
    overflow: hidden;
    clear: both;
    }
    
    
#paginaagenda article figure img {
    margin-top: 1em;
    width: 250%;
    float: left;
}
    
    #paginaagenda #eventodestacado {
        float: left;
        width: 45%;
        margin-left: 1em;
    }
    
    #paginaagenda #sectionagenda {
        margin-top: 0;
    }
    
    #paginaagenda .chapita {
    margin-top: 0;
}
    
    #asideagenda {
        float: left;
        width: 45%;
        padding-right: 0;
        margin-top: 3em;
        padding-top: 0;
}
    
 
    
/* Empieza Calendario */
    
    .calendar-container {
        float: right;
        height: 390px;
        left: 0;
        right: 0;
        margin: 0;
        position: relative;
        top: 0;
        bottom: 0;
        width: 467px;
        margin-top: 2.2em;
}
    
    .calendar {
        margin: 0 auto;
        padding: 0;
    }
    

    
/* Termina Calendario */


/*---------------------- Termina Agenda Nicky -----------------------*/ 
    
    
/*--------------------------------------- Empieza Nicky Evento1 --------------------------------*/    
    
  
#paginaevento1 {
    width: 80%;
    margin: 0 auto;
    }
    
#paginaevento1 .chapita {
    margin-top: 2em;
    width: 100%;
    margin-right: 1em;
}
    
    #paginaevento1 .chapita h1 {
        width: 100%;
}
    
    #paginaevento1 > #agenda {
        width: 67%; 
        margin-top: 1em;
        padding: 0;
        float:left;
    }
    
    #paginaevento1 #trimarchi {
        width: 100%;
        margin: 0;
        margin-top: 1em;
    }
    
    #paginaevento1 #trimarchi .encabezado {
        width: 100%; 
        margin: 0;
        padding: 0;
    }

#paginaevento1 main article img {
    width: 100%;
    margin: 1em 0;
}
    
    #paginaevento1 figure {
        margin-bottom: 1em;
    }
    
    #paginaevento1 figure img {
        position: relative;
    }

#paginaevento1 #agenda article p {
    width: 100%;
    float: none;
}   
    
    #paginaevento1 aside {
        display: block;
        width: 30%;
        float: right;
    }
    
    #paginaevento1 aside .encabezado {
        width: 90%;
    }
    
    #paginaevento1 aside p {
        width: 90%;
        margin-bottom: 0.5em;
    }
    
    #paginaevento1 aside article {
        margin-bottom: 2em;
        margin-left: 0.5em;
    }
    
    #paginaevento1 aside article img {
        width: 6em;
        margin: 0.5em 0;
    }
    
    #paginaevento1 aside article h2 {
        overflow: auto;
        clear: both;
    }

    #paginaevento1 #sectionagenda .chapita {
        width: 100%;
        margin-bottom: 1em;
        margin-top: 2.5em;
    }



/*--------------------------------------- Termina Nicky Evento1 --------------------------------*/
      
    
/*--------------------------------------- Empieza Pagina Programas --------------------------------*/ 
    
    #paginaprogramas {
        width: 80%;
        margin: 0 auto;
    }    
    
    #paginaprogramas #lineaparabuscar {
        margin-top: 2em;
    }
    
    #paginaprogramas > .chapita {
        margin-top: 0;
    }
    

    
/*--------------------------------------- Termina Pagina Programas --------------------------------*/         
    
/*--------------------------------------- Empieza pagina tecnicas --------------------------------*/ 

    .unatecnica{
        width: 30%;
        
    }
    
    

/*--------------------------------------- Termina pagina tecnicas --------------------------------*/
/*--------------------------------------- Empieza pagina tecnicas  stencil--------------------------------*/

    
    #vospodeshacerlomateriales{
        width: 30%;
        float: left;
    
    }
    
    
    #cajaparaeltextodelvideo{
        width: 48%;
        float: left;

        
    }
    
    #vospodeshacerlo #cajaparaelvideo {
        width: 62%;
        float: left;
        height: 13em;
        display: inline-flex;  
      overflow: hidden;  
    }
    
    #cajaparaelvideo .videoresponsive iframe{
        display: block;
        float: left;
        width: 100%;
        height: 40%;
        
    }
    
    #cajaparaelvideo .videoresponsive{
        width: 40%;
        float: left;
       
    }
    

    
    #novedadesdelatecnica{
        width:63%;
        float: left;
    }
    
    
    #asidetecnica{
        display: block;
        
    }
    
    #accesogaleria {
    width: 30%;
    float: left;
    margin: 2.5em 0 0 1em;
    padding: 0.5em;
    clear: none;
    
}
        
    
/*--------------------------------------- Termina pagina tecnicas stencil --------------------------------*/
    
}