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

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

* {margin: 0px; padding: 0px}


/*Colores

Gris: #3C3C3B
Turquesa: #14ddb8
Celeste: #148bcc
Violeta: #9a3fb1
Rojo: #FF5940
Naranja: #FBB03B

*/

/*Fuentes

font-family: 'Raleway', sans-serif;
font-family: 'Roboto Condensed', sans-serif;

*/


body {
    background: #ffffff;
    position: relative;
    margin: auto auto 10% auto;
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
    color: #3C3C3B; 
    }

body#home {
    background: #ffffff;
    position: relative;
    /*margin: auto auto 10% auto;*/
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
    }

#home .contenedor {
    max-width: 960px;
    margin: 0 auto 0 auto;
    width:100%;
}

.contenedor {
    width: 960px;
    margin: 0 auto 0 auto;}


/*header*/

header {
    background: #ffffff;
    width: 100%;
    min-height: 110px;
    position: relative;
    margin: 0% auto 0% auto;
    padding: 1% 0% 1% 0%;
    }

.logo {
    float: left;
    padding: 10px;
    max-width: 205px;
    width: 30%;
    }

.logo img {
    width: 100%;
    }

.redes_sociales {
    float: right;
    padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 20px;
}

.contenedor_rs {
    width: 40px;
}

nav {
    width: auto;
    clear: right;
    padding-bottom: 10px;
    padding-right: 10px;
    }

nav ul {
    list-style-type: none;
    }

nav ul li {
    float: left;
    }

nav ul li a {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
    color: #3C3C3B;
    padding: 0 10px 10px 10px;
    margin: 0 5px 0 5px;
    text-decoration: none;
    border-bottom: 2px solid #3C3C3B;
}

.nav_quienes_somos:hover, .nav_quienes_somos.activo {
    color: #FF5940;
    border-bottom: 2px solid #FF5940;
    }

.nav_talleres:hover, .nav_talleres.activo {
    color: #FBB03B;
    border-bottom: 2px solid #FBB03B;
    }

.nav_cronograma:hover, .nav_cronograma.activo {
    color: #19E0BA;
    border-bottom: 2px solid #19E0BA;
    }

.nav_galeria:hover, .nav_galeria.activo {
    color: #8a4b9a;
    border-bottom: 2px solid #8a4b9a;
    }

.nav_contactanos:hover, .nav_contactanos.activo  {
    color: #148bcc;
    border-bottom: 2px solid #148bcc;
}


/* COMIENZA LA HOME ///////////////////////////////////////////////////////////////////////////////////////////////////////////// */


/*banner principal captura tu barrio*/

#home .home_banner_principal {
    background-image: url(img/foto_banner_principal.jpg);
    min-height: 300px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}

#home .contenedor_titulo_banner_principal {
    padding: 50px 0 0 12%;
    width: 27%;
}

#home .titulo_banner_principal {
    font-size: 3.5rem;
    font-weight: 300;
    float: left;
    color: #ffffff;
    position: relative;
}

#home .titulo_banner_principal:before{
    content: "";
    width: 30px;
    height: 30px;
    border-top: 2px solid #FFF;
    border-left: 2px solid #FFF;
    position: absolute;
    top: -10px;
    left: -15px;
    display: block;
}

#home .titulo_banner_principal:after{
    content: "";
    width: 30px;
    height: 30px;
    border-bottom: 2px solid #FFF;
    border-right: 2px solid #FFF;
    position: absolute;
    bottom: -8px;
    right: 0;
    display: block;
}

#home .bajada_banner_principal {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    color: #ffffff;
    text-align: left;
    font-size: 1rem;
    float: left;
    padding-top: 25px;
}


/*que se hace en bien cultural*/

#home .home_que_se_hace_en_bien_cultural_contenedor_titulo {
    margin: 0 auto 0 auto;
    width: 100%;
    text-align: center;
    }

#home .home_que_se_hace_en_bien_cultural {
    background: #FF5940;
    min-height: 110px;
    padding: 20px 0% 20px 0%;
    margin: 1% 0% 1% 0%;
    }

#home .home_que_se_hace_en_bien_cultural_titulo {
    font-weight: 300;
    font-size: 1.5rem;
    color: #ffffff;
    text-decoration: none;
    }

#home .home_que_se_hace_en_bien_cultural_titulo:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #ffffff;
    left: 50%;
    margin-left: -166px;
}

#home .home_que_se_hace_en_bien_cultural_titulo:hover {
    color: #3C3C3B;
    }

#home .home_que_se_hace_en_bien_cultural_titulo:hover:after{
    background-color: #3C3C3B;
}

#home .home_que_se_hace_en_bien_cultural_parrafo {
    padding: 2% 6% 1% 9%;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    color: #ffffff;
    text-align: center;
    font-size: 1rem;
    width: 80%;
    }


   
/*Taller que se aproxima*/

#home .taller_que_se_aproxima_contenedor_general {
    width: 66%;
    height: 290px;
}

#home .taller_que_se_aproxima_contenedor_descripcion {
    width: 100%;
    padding-bottom: 20px;
    float: left;
}

#home .taller_que_se_aproxima_contenedor_texto {
    margin: 0% 1% 0% 0%;
    width: 49%;
    float: left;
    border-top: 9px solid #FBB03B;
}

#home .taller_que_se_aproxima_contenerdor_titulo {
    width: 100%;
}

#home .taller_que_se_aproxima_titulo{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    color: #3C3C3B;
    position: relative;
    margin: 2% 0 0 0;
    padding: 2% 0% 0% 0%;  
}

#home .taller_que_se_aproxima_titulo:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #3C3C3B;    
}

#home .taller_que_se_aproxima_parrafo {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
    color: #3C3C3B;
    position: relative;
    margin: 5% 0% 29px 0%;
    width: 98%;
}

#home .home_taller_que_se_aproxima_boton_mas_info {
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #FBB03B;
    font-size: 0.8rem;
    padding: 10px 25px;
    background: #ffffff;
    border: 2px solid #FBB03B;
}

#home .home_taller_que_se_aproxima_boton_mas_info:hover {
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #ffffff;
    font-size: 0.8rem;
    padding: 10px 25px;
    background: #FBB03B;
    border: 2px solid #FBB03B;
    }

#home .taller_que_se_aproxima_contenedor_foto {
    width: 49%;
    float: right;
    margin-right: 1%;
}

#home .taller_que_se_aproxima_foto {
    position: relative;
    margin: 0%;
    padding: 0%;
    float: left;
    width: 100%; 
    /*height: 292px;*/
}



/* Noticia */

#home .home_noticia{
    border-top: 9px solid #148bcc;
    margin-right: 2%;
}

#home .noticia_titulo{
    font-weight: 500;
    font-size: 1.5rem;
    color: #3C3C3B;
    margin: 2% 0 0 0;
    padding: 2% 0% 0% 0%;  
}

#home .noticia_titulo:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #3C3C3B;    
}

#home .home_noticia_bajada{
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 1rem;
    color: #3C3C3B;
    position: relative;
    margin: 5% 0% 5% 0%;
    padding: 0%;
    width: 95%;
}

#home .home_noticia_parrafo {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 0.8rem;
    color: #3C3C3B;
    position: relative;
    margin-bottom: 27px;
    padding: 0%;
    width: 95%;
}

#home .home_noticia_boton_mas_info{
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #148BCC;
    font-size: 0.8rem;
    padding: 10px 25px;
    background: #ffffff;
    border: 2px solid #148BCC;
}

#home .home_noticia_boton_mas_info:hover{
    color: #fdfdfd;
    background: #148BCC;
    border: 2px solid #148BCC;
}

#home .home_noticia_foto{
    margin-top: 28px;
    width: 100%;
}



/* Captura */

#home .captura{
   border-top: 9px solid #060607; 
   background-color: #e6e6e6;
   background-image: url(img/captura_fondo.jpg);
   background-repeat: no-repeat;
   background-position: right 0;
   padding-bottom: 15px;
   margin-right: 2%;
}

#home .captura ul li{
    width: 90%;
    margin: 5% auto 10% auto;
    list-style: none;
    padding-bottom: 20px;
    display: block;
    clear: both;
}

#home .captura .img{
    overflow: hidden; /* Oculta lo que sobresale de la caja*/
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    float: left;
    display: block;
    margin-top: 8px;
    width: 80px;
}

#home .captura .contenido{
    padding: 5px;
    float: left;
    width: calc(100% - 100px);
    display: block;
    margin: 0 0 10px 10px;
}

#home .captura .contenido .title {
    padding-bottom: 5px;
    position: relative;
    text-decoration: none;
    font-weight: 400;
    color: #3C3C3B;
    font-size: 1rem;
    padding: 4Ωpx 0;
    display: block;
    border-bottom: 2px solid #3C3C3B;
}

#home .captura .contenido .title:hover{
    color: #FBB03B;
    border-bottom: 2px solid #FBB03B;
}

#home .captura .contenido p{
    font-size: 0.9rem;
    font-weight: 300;
    color: #3C3C3B;
    margin: 4px 0 0 0;
}

#home .like{
    margin: 5px 0 0 0;  
}

#home .comentario{
    margin: 0px 0 0 50px;  
}

#home .numero_contenido{
    font-size: 0.9rem;
    font-weight: 300;
    color: #3C3C3B;
}

#home .captura .contenido .numero_contenido.comment{
    background-image: url("img/comment-icon.png");
    background-repeat: no-repeat;
    background-position: left 0;
    padding-left: 25px;
    float: left;
    text-decoration: none;
    margin-left: 20px;
    margin-top: 10px;
}

#home .captura .contenido .numero_contenido.like{
    background-image: url("img/like-icon.png");
    background-repeat: no-repeat;
    background-position: left 0;
    padding-left: 25px;
    float: left;
    text-decoration: none;
    margin-top: 10px;
}

#home .captura_titulo{
    font-weight: 500;
    font-size: 1.5rem;
    color: #3C3C3B;
    margin: 2% 0 0% 6%;
    padding: 2% 0% 0% 0%; 
}

#home .captura_titulo:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #3C3C3B;    
}

#home .captura_subtitulo{
    font-weight: 300;
    font-size: 1rem;
    color: #3C3C3B;
    margin: 3% 0 1% 6%;
    padding: 0% 0% 0% 0%;  
}

#home .captura_boton_vermas {
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #148BCC;
    font-size: 0.8rem;
    padding: 10px 0px;
    border: 2px solid #3C3C3B;
    width: 90%;
    display: block;
    margin: auto;
    text-align: center;
    color: #3C3C3B;
    margin-top: 12px;
    margin-bottom: 5px;
}

#home .captura_boton_vermas:hover { 
    border: 2px solid #3C3C3B;
    background-color: #3C3C3B;
    color: #FFF;
}


/* Cronograma */

#home .cronograma{
   border-top: 9px solid #3c3c3a;
   background-color: #dafff8;
}

#home .head-cronograma{
    position: relative;
    padding:20px;
}

#home .home_cronograma_subtitulo{
    font-weight: 300;
    font-size: 1rem;
    color: #3C3C3B;
    margin: 0% 0 2% 0;
    padding: 0% 0% 0% 0%;  
}

#home .homer_cronograma_titulo{
    font-weight: 500;
    font-size: 2rem;
    color: #3C3C3B;
    margin: 2% 0 0 0;
    padding: 2% 0% 0% 0%;  
}

#home .homer_cronograma_titulo:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 4px;
    width: 30px;
    background-color: #14ddb8;    
}

#home .head-cronograma img {
    position: absolute;
    right: 10px;
    top: 10px;
}

#home .cronograma .date{
    border-top: 9px solid #14ddb8;
    width: 90%;
    background-color: #FFF;
    margin: 15px auto 21px auto;
}

#home .cronograma .date span{
    text-align: center;
    font-size: 4em;
    min-height: 122px;
    padding: 10% 0 0 0;
    font-size: 5rem;
}

#home .cronograma .date span.day{
    border-right: 1px solid #CCC;
    margin-right: -1px;
}

#home .cronograma .horario{
    padding-bottom: 10px;
}

#home .cronograma .horario li{
    width: 90%;
    margin: 2% auto;
    background-color: #FFF;
    list-style: none;
    background-image: url(img/clock.jpg);
    background-repeat: no-repeat;
    background-position: 0 center;
}

#home .cronograma .horario .contenido{
    padding: 5px;
    border-left: 4px solid #dafff8;
    margin-left: 40px;
}

#home .cronograma .horario .contenido p{
    font-size: 0.9rem;
    font-weight: 300;
    color: #3C3C3B;
}

#home .cronograma .horario .contenido .title {
    padding-bottom: 5px;
    position: relative;
    text-decoration: none;
    font-weight: 400;
    color: #000000;
    font-size: 1rem;
    padding: 5px 0;
    display: block;
}

#home .cronograma .horario .contenido .title:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #14ddb8;    
}

#home .cronograma .horario .contenido .title:hover {
    color: #14ddb8;
}

#home .cronograma .horario .contenido .title:hover:after{
    background-color: #3C3C3B;    
}

#home .cronograma .anotame{
    padding: 5px 0 20px 0;
}

#home .home_cronograma_boton{
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #3C3C3B;
    font-size: 0.8rem;
    padding: 10px 0;
    background: #ffffff;
    border: 1px solid #3C3C3B;
    width: 90%;
    display: block;
    text-align: center;
    margin: auto;
}

#home .home_cronograma_boton:hover{
    color: #ffffff;
    background: #14ddb8;
    border: 1px solid #14ddb8;
}



/* Estas Viendo */ 

#home .estasViendo{
    padding-top: 20px;
}

#home .article_rio{
   border-top: 9px solid #8a4b9a;
   margin-right: 2%;
}

#home .home_estasviendo {
    font-size: 0.8rem;
    font-family: 'Roboto Condensed';
    margin: 2% 0% 0% 0%;
    padding: 1% 0% 0% 0%;
    font-style: italic;
}

#home .video{
    float: right;
    width: 65%;
}

#home .home_estas_viendo_subtitulo{
    font-weight: 300;
    font-size: 1rem;
    color: #3C3C3B;
    margin: 4% 0 2% 0;
    padding: 0% 0% 0% 0%;  
}

#home .home_estas_viendo_titulo{
    font-weight: 500;
    font-size: 1.5rem;
    color: #3C3C3B;
    margin: 2% 0 0 0;
    padding: 2% 0% 0% 0%;  
}

#home .home_estas_viendo_titulo:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #3C3C3B;    
}

#home .home_estas_viendo_parrafo{
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
    color: #3C3C3B;
    position: relative;
    margin: 5% 0% 9% 0%;
    padding: 0%;
    width: 95%;
}

#home .home_estas_viendo_boton_mas_info{
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #8a4b9a;
    font-size: 0.8rem;
    padding: 10px 25px;
    margin: 0 0 2% 0;
    background: #ffffff;
    border: 2px solid #8a4b9a;
}

#home .home_estas_viendo_boton_mas_info:hover{
    color: #fdfdfd;
    background: #8a4b9a;
    border: 2px solid #8a4b9a;
}



/*Columnas*/

.col-100{
    width: 100%;
}

.col-66{
    width: 66%;
}

.col-50{
    width: 50%;
}

.col-33{
    width: 33%;
}

.col-34{
    width: 34%;
}



/* Float */

.float-l{
    float: left;
}

.float-r{
    float: right;
}

.clear{
    clear: both;
}

/* TERMINA LA HOME ///////////////////////////////////////////////////////////////////////////////////////////////////////////// */







/* INTERNA CRONOGRAMA */


#cronograma .crono_descripcion{
    position: relative;
    float: left;
    color: #ffffff;
    font-weight: 300;
    font-family: 'Raleway', sans-serif;
    font-size: 1rem;
    padding: 2% 0% 2% 0%;
}

#cronograma .h2_crono {
    position: relative;
    float: left;
    color: #fff;
    font-weight: 300;
    font-size: 1.5rem;
    text-decoration: none;

}

#cronograma .h2_crono:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #ffffff;}

#cronograma .articlecrono_banner{
    width: 64%;
    padding: 2%;
}


#cronograma .crono_boton_flecha {
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #3C3C3B;
    background: #ffffff;
    font-size: 0.8rem;
    margin: 0px 10px 10px 0px;
    padding: 10px 25px;
    border: 2px solid #3C3C3B;
    float: left;
    }

#cronograma .crono_boton_flecha:hover {
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #ffffff;
    font-size: 0.8rem;
    padding: 10px 25px;
    border: 1px solid #ffffff;
    background: #3C3C3B;
    border: 2px solid #3C3C3B;
    float: left;
    }

#cronograma .crono_dias_lunes {
    background-color: #19E0BA;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 300;
    color: white;
    padding: 9px 25px;
    text-align: center;
    margin: 0px 10px 10px 0px;
    float: left;
}

#cronograma .crono_taller_1_descripcion{
    float: right;
    position: relative;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 1rem;
    text-align: left;
    background-color: #ebebeb;
    width: 464px;
    height: 156px;}

#cronograma .icono_reloj_crono{
    float: left;}

#cronograma .crono_taller_1 {
    float: left;
    margin-bottom: 10px;}

#cronograma .crono_taller_1 h3{
    float: left;
    margin: 10px;}

#cronograma .crono_taller_1 p{
    float: left;
    margin: 10px;
}

#cronograma .crono_taller_1_boton {
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #14ddb8;
    background: white;
    font-size: 0.8rem;
    margin: 0px 20px 10px 10px;
    padding: 10px 25px;
    border: 2px solid #14ddb8;
    float: left;
    position: relative;
    }

#cronograma .crono_taller_1_boton:hover {
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #ffffff;
    font-size: 0.8rem;
    padding: 10px 25px;
    border: 1px solid #ffffff;
    background: #14ddb8;
    border: 2px solid #14ddb8;
    float: left;
    }

#cronograma .banner_cronograma {
    background-image: url(img/banner_cronograma.jpg);
    margin: 0% 0% 1% 0%;
    width: 100%;
    min-height: 20%;
    min-height: 150px;
    background-repeat: no-repeat;
    position: relative;
}

#cronograma .titulo_crono_hoy {
   position: relative;
    margin: 5% 45% 1% 1%;
    padding: 1%;
    float: left;   
    width: 100%;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0.9rem;
}

#cronograma .titulo_2_crono {
    position: relative;
    margin: 0% 45% 1% 2%;
    padding: 1%;
    float: left;   
    width: 10%;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.5rem;
    border-bottom: 2px solid #19E0BA;
}

#cronograma .titulo_crono_numero {
    position: relative;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 6rem;
    border-top: 9px solid #19E0BA; 
    display: inline-block;
    margin: 0px 0px 0px 80px;
    background-color: white;
    background-size: contain;
    
}

#cronograma .crono_hoy {
    margin: 0 auto;
    background-color: #e4f5f2;
    padding: 0%;
    width: 100%;
    height: 300px;}

#cronograma .cronograma_boton_info {
    position: relative;
    float: left;
    margin: 5% 10% 10% 20%;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #3C3C3B;
    font-size: 1rem;
    padding: 10px 60px;
    border: 2px solid #3C3C3B;
    background color: #ffffff;
    }

#cronograma .cronograma_boton_info:hover {
     position: relative;
    float: left;
    margin:5% 10% 10% 20%;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #ffffff;
    font-size: 1rem;
    padding: 10px 60px;
    background: #14ddb8;
    border: 2px solid #14ddb8;
    }

#cronograma .formulario_cronograma_anotate{
    height: 490px;
    position: relative;
    right: 0;
    top: 0%;
    margin: 5% 0% 0% 0%;
    padding: 20px;
    background-image: url(img/contacto_teescuchamos.jpg);
    background-repeat: no-repeat;
    background-size: contain;}


#cronograma .anotate_enviar_boton{
    width: 100%;
    position: relative; 
    float: left;
    margin: 2% 0% 0% 0%;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #3C3C3B;

    font-size: 1rem;
    padding: 10px 60px;
    border: 2px solid #3C3C3B;
}

#cronograma .anotate_enviar_boton:hover {    
    width: 100%;
    position: relative; 
    float: left;
    margin: 2% 0% 0% 0%;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #ffffff;
    background: #14ddb8;
    font-size: 1rem;
    padding: 10px 60px;
    border: 2px solid #14ddb8;
}

#cronograma .formulario_anotate_general{
    border-top: 9px solid #060607;
    background-color: #e6e6e6;
    background-image: url(img/anotate_form_fondo.jpg);
    background-repeat: no-repeat;
    background-position: right 0;
    padding-bottom: 15px;
    margin-top: 10px;
 }

#cronograma .formulario_anotate {
    width: 280px;
    height: 30px;
    margin: 1%;  
        border: 1px solid #3C3C3B;
}

#cronograma .anotate_padding{
    padding: 10px;}

#cronograma .anotate_form_titulo{
    font-weight: 500;
    font-size: 1.5rem;
    color: #3C3C3B;
    margin: 2% 0 0% 6%;
    padding: 2% 0% 0% 0%;
}

#cronograma .anotate_form_subtitulo{
    font-weight: 300;
    font-size: 1rem;
    color: #3C3C3B;
    margin: 3% 0 1% 6%;
    padding: 0% 0% 0% 0%;}

#cronograma .form_casilleros_parrafo{
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
    color: #3C3C3B;
    position: relative;
    padding: 2% 0 0 2%;
    width: 475px;
    height: 70px;
    }

#cronograma .teescuchamos_enviar_boton{
    position: relative;
    bottom: 0px;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #3C3C3B;
    background: white;
    font-size: 0.8rem;
    margin: 2% 0% 0% 4%;
    padding: 10px 110px;
    border: 2px solid #3C3C3B;}

#cronograma .teescuchamos_enviar_boton:hover{
    position: relative;
    bottom: 0px;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #ffffff;
    font-size: 0.8rem;
    margin: 2% 0% 0% 4%;
    padding: 10px 110px;
    background: #14ddb8;
    border: 2px solid #14ddb8;}


#cronograma .formulario_anotate_consulta {
    width: 280px;
    height: 70px;
    margin: 2%;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
    color: #3C3C3B;
    position: relative;
    padding: 1% 0 0 1%;
    border: 1px solid #3C3C3B;
}

#cronograma .col-33-destacado{
    width: 34%;}

#cronograma .fondo_col_66_crono{
    background-color: #dafff8; }


#cronograma .cronograma{
   border-top: 9px solid #3c3c3a;
   background-color: #dafff8;
   height: 330px;
 
}

#cronograma .head-cronograma{
    position: relative;
    padding:20px;
}

#cronograma .home_cronograma_subtitulo{
    font-weight: 300;
    font-size: 1rem;
    color: #3C3C3B;
    margin: 0% 0 2% 0;
    padding: 0% 0% 0% 0%;  
}

#cronograma .homer_cronograma_titulo{
    font-weight: 500;
    font-size: 2rem;
    color: #3C3C3B;
    margin: 2% 0 0 0;
    padding: 2% 0% 0% 0%;  
}

#cronograma .homer_cronograma_titulo:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 4px;
    width: 30px;
    background-color: #14ddb8;    
}

#cronograma .head-cronograma img {
    position: absolute;
    right: 10px;
    top: 10px;
}

#cronograma .cronograma .date{
    border-top: 9px solid #14ddb8;
    width: 50%;
    background-color: #FFF;
    margin-left: 80px;
    margin-bottom: 30px;
}

#cronograma .cronograma .date span{
    text-align: center;
    font-size: 4em;
    min-height: 122px;
    padding: 10% 0 0 0;
    font-size: 5rem;
}

#cronograma .crono_calen_boton{
    position: relative;
    bottom: 0px;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #3C3C3B;
    font-size: 0.8rem;
    margin: 5% 5% 5% 5%;
    padding: 10px 110px;
    background: white;
    border: 2px solid #3C3C3B;}

#cronograma .crono_calen_boton:hover{
    position: relative;
    bottom: 0px;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #ffffff;
    font-size: 0.8rem;
    margin: 5% 5% 5% 5%;
    padding: 10px 110px;
    background: #14ddb8;
    border: 2px solid #14ddb8;}

#cronograma .img_destacada_crono{
    float: right;
    display: block;
    position: relative;}


#cronograma .talleres_clases_crono{
        font-weight: 500;
    font-size: 1.5rem;
    color: #3C3C3B;
}

#cronograma .talleres_clases_crono:after{
    content: "";
    position: absolute;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #3C3C3B;}


#cronograma .crono_taller_1 h3:after{
    content: "";
    position: absolute;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #14ddb8;}


/* FIN INTERNA CRONOGRAMA */






/* INTERNA QUIENES SOMOS */

body#somos {
    background: #ffffff;
    position: relative;
    /*margin: auto auto 10% auto;*/
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
}

#somos .somos_banner_principal {
    background-image: url(img/somos_banner.jpg);
    margin: 0% 0 1% 0;
    padding: 0%;
    width: 100%;
    min-height: 150px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}

#somos .somos_quienes_somos_en_bien_cultural_contenedor_titulo {
    width: 100%;
    padding: 2% 0 0 2%;
    margin: 0 auto 0 auto;
}

#somos .somos_quienes_somos_en_bien_cultural_titulo {
    font-weight: 300;
    font-size: 1.5rem;
    color: #ffffff;
}

#somos .somos_quienes_somos_en_bien_cultural_titulo:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #ffffff;
}

#somos .somos_quienes_somos_en_bien_cultural_parrafo {
    padding: 2% 0% 2% 2%;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    color: #ffffff;
    text-align: left;
    font-size: 1rem;
    width: 66%;
}

#somos .donde_estamos_contenedor_descripcion {
    width: 100%;
    padding-bottom: 20px;
    float: left;
    height: 400px;
}

#somos .donde_estamos_contenedor_texto {
    margin: 0% 1% 0% 0%;
    width: 100%;
    float: left;
    border-top: 9px solid #FF5940;
}

#somos .donde_estamos_titulo{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    color: #3C3C3B;
    position: relative;
    margin: 2% 0 0 0;
}

#somos .donde_estamos_titulo:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #3C3C3B;    
}

#somos .donde_estamos_parrafo {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
    color: #3C3C3B;
    position: relative;
    margin: 2% 0% 3% 0%;
    padding: 0%;
    width: 100%;
}

.somos_mapa {
    width: 100%;
    min-height: 300px;
}

#somos .nuestro_equipo_contenedor_descripcion {
    width: 100%;
    padding-bottom: 20px;
    float: left;
    height: 470px;
}

#somos .nuestro_equipo_contenedor_texto {
    margin: 3% 1% 2% 0%;
    width: 32%;
    height: 180px;
    float: left;
    border-top: 6px solid #3c3c3b;
}

#somos .nuestro_equipo_contenedor_texto_opacity {
    opacity: 0.6;
    margin: 3% 1% 2% 0%;
    width: 32%;
    height: 180px;
    float: left;
    border-top: 6px solid #3c3c3b;
}

#somos .nuestro_equipo_titulo{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    color: #3C3C3B;
    position: relative;
    margin: 4% 0 0 0;
}

#somos .nuestro_equipo_titulo:hover {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    color: #FF5940;
    position: relative;
    margin: 4% 0 0 0;
}

#somos .nuestro_equipo_titulo:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 1px;
    width: 15px;
    background-color: #3C3C3B;    
}

#somos .nuestro_equipo_titulo:hover:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 1px;
    width: 15px;
    background-color: #FF5940;    
}

#somos .nuestro_equipo_parrafo {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 0.7rem;
    color: #3C3C3B;
    position: relative;
    margin: 4% 0% 5% 0%;
    padding: 0%;
    width: 100%;
}

.somos_geraldine_img{
    width: 100%;
    margin-top: 20px;
    height: 114px;
    background-image: url(img/somos_geraldina.jpg);
    background-repeat: no-repeat;
}

.somos_geraldine_img:hover {
    width: 100%;
    margin-top: 20px;
    height: 114px;
    background-image: url(img/somos_geraldina_hover.jpg);
    background-repeat: no-repeat;    
}

.somos_nadia_img{
    width: 100%;
    margin-top: 20px;
    height: 114px;
    background-image: url(img/somos_nadia.jpg);
    background-repeat: no-repeat;
}

.somos_nadia_img:hover {
    width: 100%;
    margin-top: 20px;
    height: 114px;
    background-image: url(img/somos_nadia_hover.jpg);
    background-repeat: no-repeat;    
}

.somos_leandro_img{
    width: 100%;
    margin-top: 20px;
    height: 114px;
    background-image: url(img/somos_leandro.jpg);
    background-repeat: no-repeat;
}

.somos_leandro_img:hover {
    width: 100%;
    margin-top: 20px;
    height: 114px;
    background-image: url(img/somos_leandro_hover.jpg);
    background-repeat: no-repeat;    
}

.somos_romina_img{
    width: 100%;
    margin-top: 20px;
    height: 114px;
    background-image: url(img/somos_romina.jpg);
    background-repeat: no-repeat;
}

.somos_romina_img:hover {
    width: 100%;
    margin-top: 20px;
    height: 114px;
    background-image: url(img/somos_romina_hover.jpg);
    background-repeat: no-repeat;    
}

.somos_mora_img{
    width: 100%;
    margin-top: 20px;
    height: 114px;
    background-image: url(img/somos_mora.jpg);
    background-repeat: no-repeat;
}

.somos_mora_img:hover {
    width: 100%;
    margin-top: 20px;
    height: 114px;
    background-image: url(img/somos_mora_hover.jpg);
    background-repeat: no-repeat;    
}

.somos_mariano_img{
    width: 100%;
    margin-top: 20px;
    height: 114px;
    background-image: url(img/somos_mariano.jpg);
    background-repeat: no-repeat;
}

.somos_mariano_img:hover {
    width: 100%;
    margin-top: 20px;
    height: 114px;
    background-image: url(img/somos_mariano_hover.jpg);
    background-repeat: no-repeat;    
}

#somos .captura{
   border-top: 9px solid #060607; 
   background-color: #e6e6e6;
   background-image: url(img/captura_fondo.jpg);
   background-repeat: no-repeat;
   background-position: right 0;
   padding-bottom: 15px;
   margin-right: 2%;
}

#somos .captura ul li{
    width: 90%;
    margin: 5% auto 10% auto;
    list-style: none;
    padding-bottom: 20px;
    display: block;
    clear: both;
}

#somos .captura .img{
    overflow: hidden; /* Oculta lo que sobresale de la caja*/
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    float: left;
    display: block;
    margin-top: 8px;
    width: 80px;
}

#somos .captura .contenido{
    padding: 5px;
    float: left;
    width: calc(100% - 100px);
    display: block;
    margin: 0 0 10px 10px;
}

#somos .captura .contenido .title {
    padding-bottom: 5px;
    position: relative;
    text-decoration: none;
    font-weight: 400;
    color: #3C3C3B;
    font-size: 1rem;
    padding: 4Ωpx 0;
    display: block;
    border-bottom: 2px solid #3C3C3B;
}

#somos .captura .contenido .title:hover{
    color: #FF5940;
    border-bottom: 2px solid #FF5940;
}

#somos .captura .contenido p{
    font-size: 0.9rem;
    font-weight: 300;
    color: #3C3C3B;
    margin: 4px 0 0 0;
}

#somos .like{
    margin: 5px 0 0 0;  
}

#somos .comentario{
    margin: 0px 0 0 50px;  
}

#somos .numero_contenido{
    font-size: 0.9rem;
    font-weight: 300;
    color: #3C3C3B;
}

#somos .captura .contenido .numero_contenido.comment{
    background-image: url("img/comment-icon.png");
    background-repeat: no-repeat;
    background-position: left 0;
    padding-left: 25px;
    float: left;
    text-decoration: none;
    margin-left: 20px;
    margin-top: 10px;
}

#somos .captura .contenido .numero_contenido.like{
    background-image: url("img/like-icon.png");
    background-repeat: no-repeat;
    background-position: left 0;
    padding-left: 25px;
    float: left;
    text-decoration: none;
    margin-top: 10px;
}

#somos .captura_titulo{
    font-weight: 500;
    font-size: 1.5rem;
    color: #3C3C3B;
    margin: 2% 0 0% 6%;
    padding: 2% 0% 0% 0%; 
}

#somos .captura_titulo:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #3C3C3B;    
}

#somos .captura_subtitulo{
    font-weight: 300;
    font-size: 1rem;
    color: #3C3C3B;
    margin: 3% 0 1% 6%;
    padding: 0% 0% 0% 0%;  
}

#somos .somos_equipo_contenedor_foto {
    width: 49%;
    float: left;
    margin-right: 1%;
}

#somos .somos_equipo_foto {
    position: relative;
    margin: 0%;
    padding: 0%;
    float: left;
    width: 100%; 
    height: 292px;
}

#somos .somos_equipo_contenedor_p {
    width: 45%;
    float: right;
    padding: 0 3% 0 2%;
}

#somos .somos_equipo_parrafo {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
    color: #3C3C3B;
    position: relative;
    float: right;
    width: 100%;
}


/* INTERNA TALLERES */

#contenido .tall_banner_portada {
    background-image: url(img/tall_back_portada.jpg);
    margin: 0% 0 1% 0;
    padding: 0%;
    width: 100%;
    min-height: 150px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    }

#contenido h1 {
 font-weight: 300;
    font-size: 1.5rem;
    color: #ffffff;
}

#contenido .tall_banner_principal_titulo {
    width: 100%;
    padding: 2% 0% 0% 2%;
    margin: 0 auto 0 auto;
    font-weight: 300;
    font-size: 1.5rem;
    color: #ffffff;
}

.tall_banner_principal_titulo:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #ffffff;
}

.tall_banner_principal_bajada {
    padding: 2% 0% 2% 2%;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    color: #ffffff;
    text-align: left;
    font-size: 1rem;
    width: 66%;
}

#contenido .tall_talleresyclases {
    position: relative;
    float: left;
    width: 60%;
    font-weight: 100;
}

#contenido .tall_talleres_parrafo {
        font-family: 'Raleway', sans-serif;
}

#contenido .tall_desctaller01 {
    margin: 0% 0% 2% 0%;
    padding: 0% 0 10% 0;
    width: 100%;
    height: 340px;
    position: relative;
    float: left;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1rem;
    color: #3C3C3B;
}

#contenido .tall_talleres_parrafo2 {
        font-family: 'Raleway', sans-serif;
}


#contenido h2 {
 padding: 1% 0 1% 0;
    font-weight: 500;
}

.tall_talleres_titulo:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #3C3C3B;
}

#contenido .tall_desctaller01_boton_mas_info {
    position: absolute;
    bottom: 0px;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #FBB03B;
    font-size: 0.8rem;
    margin: 0 0 0 0;
    padding: 10px 25px;
    border: 1px solid #ffffff;
    background: 0;
    border: 2px solid #FBB03B;
    
}

#contenido .tall_desctaller01_boton_mas_info:hover {
    position: absolute;
    bottom: 0px;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #ffffff;
    font-size: 0.8rem;
    padding: 10px 25px;
    border: 1px solid #030303;
    background: #FBB03B;
    border: 2px solid #FBB03B;

    }

#contenido .tall_descclase01 {
    margin: 1% 0 0% 0%;
    padding: 2% 0 3% 0;
    width: 100%;
    height: 380px;
    float: left;
    position: relative;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1rem;
    font-weight: 100;
    color: #3C3C3B;
}

.tall_descclase01 h2:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #3C3C3B;
}


#contenido .tall_descclase01_boton_mas_info {
    position: absolute;
    bottom: 0px;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    margin: 0 0 0 0;
    color: #FBB03B;
    font-size: 0.8rem;
    padding: 10px 25px;
    border: 1px solid #ffffff;
    background: 0;
    border: 2px solid #FBB03B;
    
}

#contenido .tall_descclase01_boton_mas_info:hover {
    position: absolute;
    bottom: 0px;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
        margin: 0 0 0 0;
    color: #fdf6f6;
    font-size: 0.8rem;
    padding: 10px 25px;
    border: 1px solid #ffffff;
    background: #FBB03B;
    border: 2px solid #FBB03B;

    }


/* Cronograma */

#talleres .cronograma{
   border-top: 9px solid #3c3c3a;
   background-color: #e6e6e6;
}

#talleres .head-cronograma{
    position: relative;
    padding:20px;
}

#talleres .home_cronograma_subtitulo{
    font-weight: 300;
    font-size: 1rem;
    color: #3C3C3B;
    margin: 0% 0 2% 0;
    padding: 0% 0% 0% 0%;  
}

#talleres .homer_cronograma_titulo{
    font-weight: 500;
    font-size: 2rem;
    color: #3C3C3B;
    margin: 2% 0 0 0;
    padding: 2% 0% 0% 0%;  
}

#talleres .homer_cronograma_titulo:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 4px;
    width: 30px;
    background-color: #3C3C3B;    
}

#talleres .head-cronograma img {
    position: absolute;
    right: 10px;
    top: 10px;
}

#talleres .cronograma .date{
    border-top: 9px solid #CCC;
    width: 90%;
    background-color: #FFF;
    margin: 15px auto 21px auto;
}

#talleres .cronograma .date span{
    text-align: center;
    font-size: 4em;
    min-height: 122px;
    padding: 10% 0 0 0;
    font-size: 5rem;
    color: #999;
}

#talleres .cronograma .date span.day{
    border-right: 1px solid #CCC;
    margin-right: -1px;
}

#talleres .cronograma .horario{
    padding-bottom: 10px;
}

#talleres .cronograma .horario li{
    width: 90%;
    margin: 2% auto;
    background-color: #FFF;
    list-style: none;
    background-image: url(img/clock_naranja.jpg);
    background-repeat: no-repeat;
    background-position-y: center;
}

#talleres .cronograma .horario li.gris{
    background-image: url(img/clock_gris.jpg);
}


#talleres .cronograma .horario li.gris .title:after{
background-color: #CCC; 
}

#talleres .cronograma .horario .contenido{
    padding: 5px;
    border-left: 4px solid #FFF;
    margin-left: 40px;
}

#talleres .cronograma .horario .contenido p{
    font-size: 0.9rem;
    font-weight: 300;
    color: #3C3C3B;
}

#talleres .cronograma .horario .contenido .title {
    padding-bottom: 5px;
    position: relative;
    text-decoration: none;
    font-weight: 400;
    color: #3C3C3B;
    font-size: 1rem;
    padding: 5px 0;
    display: block;
}

#talleres .cronograma .horario .contenido .title:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #FBB03B;    
}

#talleres .cronograma .horario .contenido .title:hover {
    color: #FBB03B;
}

#talleres .cronograma .horario .contenido .title:hover:after{
    background-color: #FBB03B;    
}

#talleres .cronograma .anotame{
    padding: 5px 0 20px 0;
}

#talleres .home_cronograma_boton{
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #3C3C3B;
    font-size: 0.8rem;
    padding: 10px 0;
    background: #ffffff;
    border: 1px solid #3C3C3B;
    width: 90%;
    display: block;
    text-align: center;
    margin: auto;
}

#talleres .home_cronograma_boton:hover{
    color: #ffffff;
    background: #FBB03B;
    border: 1px solid #FBB03B;
}

/*FIN INTERNA TALLERES*/

/*INICIO INTERNA TALLERES_LISTADO*/

#contenido .tallist_banner_portada {
    background-image: url(img/tall_back_portada.jpg);
    margin: 0% 0 0% 0;
    padding: 0%;
    width: 100%;
    min-height: 20%;
    position: relative;
    background-repeat: no-repeat;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0.8rem;
    color: #fff;

    }

#contenido .tall_listadotalleres {
    width: 65%; 
    height: 870px;
    margin: 0px;
    padding: 0px 6px 6px 0px;
    float: left;
    font-family: 'Roboto Condensed', sans-serif;

}

#contenido .tallist_desctaller01 {
    float: left;
    padding: 0% 0 5% 0;
    max-height: 400px;
}

#contenido .tall_list_taller01_titulo {
    padding: 1% 1% 1% 0% ;
    border-top: 8px solid #FBB03B;
    width: 60%;
    float: left;
}

.tall_list_taller01_titulo:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #3C3C3B;
}


#contenido .tall_list_talleres_parrafo {
    padding: 1% 1% 0.5% 1%;
    margin: 0 0 0 1%;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 0.8rem;    

}

#contenido .tallist_foto_taller01 {
    margin: 0 2% 0 0;
    padding: 0;
}

#contenido .tallist_desctaller01_boton_anotarme {
     position: absolute;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #FBB03B;
    font-size: 0.7rem;
    padding: 8px 23px;
    border: 1px solid #ffffff;
    background: 0;
    border: 2px solid #FBB03B;
    margin: 1px 0 10px 0;
    
   
}

#contenido .tallist_desctaller01_boton_anotarme:hover {
     position: absolute;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #ffffff;
    font-size: 0.7rem;
    padding: 8px 23px;
    border: 1px solid #ffffff;
    background: #FBB03B;
    border: 2px solid #FBB03B;
    margin: 1px 0 10px 0;
}

#contenido .tallist_desctaller02 {
       float: left;
    padding: 1% 0 5% 0;
        max-height: 400px;

}

.tall_list_taller02_titulo:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #3C3C3B;
}


#contenido .tall_list_taller02_titulo {
    padding: 1% 1% 1% 0%;
    border-top: 8px solid #FBB03B;
    width: 60%;
    float: left;
}

#contenido .tall_list_talleres_parrafo02 {
    padding: 1%;
    margin: 0 0 0 1%;
       font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 0.8rem; 
}

#contenido .tallist_foto_taller02 {
    margin: 0 2% 0 0;
}

#contenido .tallist_desctaller02_boton_anotarme {
    position: absolute;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #FBB03B;
    font-size: 0.7rem;
    padding: 8px 23px;
    border: 1px solid #ffffff;
    background: 0;
    border: 2px solid #FBB03B;
    margin: 26px 0 10px 0;
}

#contenido .tallist_desctaller02_boton_anotarme:hover {
    position: absolute;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #ffffff;
    font-size: 0.7rem;
    padding: 8px 23px;
    border: 1px solid #ffffff;
    background: #FBB03B;
    border: 2px solid #FBB03B;
    margin: 26px 0 10px 0;
}

#contenido .tallist_desctaller03 {
           float: left;
    padding: 1% 0 5% 0;
        max-height: 400px;

}

#contenido .tall_list_taller03_titulo {
    padding: 1% 1% 1% 0%;
        border-top: 8px solid #FBB03B;

}

.tall_list_taller03_titulo:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #3C3C3B;
}


#contenido .tall_list_talleres_parrafo03 {
    padding: 1%;
    margin: 0 0 0 1%;
       font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 0.8rem; 
}

#contenido .tallist_foto_taller03 {
    margin: 0 2% 0 0;
}

#contenido .tallist_desctaller03_boton_anotarme {
    position: absolute;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #FBB03B;
    font-size: 0.7rem;
    padding: 8px 23px;
    border: 1px solid #ffffff;
    background: 0;
    border: 2px solid #FBB03B;
    margin: 12px 0 10px 0;
}

#contenido .tallist_desctaller03_boton_anotarme:hover {
    position: absolute;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #ffffff;
    font-size: 0.7rem;
    padding: 8px 23px;
    border: 1px solid #ffffff;
    background: #FBB03B;
    border: 2px solid #FBB03B;
    margin: 12px 0 10px 0;
}

#contenido .tallist_desctaller04 {
           float: left;
    padding: 1% 0 5% 0;
        max-height: 400px;

}

#contenido .tall_list_taller04_titulo {
    padding: 1% 1% 1% 0%;
        border-top: 8px solid #FBB03B;

}

.tall_list_taller04_titulo:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #3C3C3B;
}


#contenido .tall_list_talleres_parrafo04 {
    padding: 1%;
    margin: 0 0 0 1%;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 0.8rem; 
    
}

#contenido .tallist_foto_taller04 {
    margin: 0 2% 0 0;
}

#contenido .tallist_desctaller04_boton_anotarme {
    position: absolute;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #FBB03B;
    font-size: 0.7rem;
    padding: 8px 23px;
    border: 1px solid #ffffff;
    background: 0;
    border: 2px solid #FBB03B;
    margin: 10px 0 10px 0;
}

#contenido .tallist_desctaller04_boton_anotarme:hover {
    position: absolute;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #ffffff;
    font-size: 0.7rem;
    padding: 8px 23px;
    border: 1px solid #ffffff;
    background: #FBB03B;
    border: 2px solid #FBB03B;
    margin: 10px 0 10px 0;
}



/*FIN INTERNA TALLERES_LISTADO*/

/*INICIO INTERNA CLASES_LISTADO*/

#contenido .clas_listadoclases {
    width: 66%; 
    height: 800px;
    float: left;
    font-family: 'Roboto Condensed', sans-serif;

}

#contenido .claslist_desclase01 {
    float: left;
    width:100%;
    padding: 0% 0 10% 0;
    max-height: 400px;
}

#contenido .clas_list_clase01_titulo {
    padding: 1% 1% 1% 0;
    border-top: 8px solid #FBB03B;
    width: 45%;
    float: left;
}

.clas_list_clase01_titulo:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #3C3C3B;
}


#contenido .clas_list_clases_parrafo {

    
    padding: 1% 1% 4.5% 1%;
    margin: 0 0 0 1%;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 0.8rem;  
}

#contenido .claslist_foto_clase01 {
    margin: 0 2% 0 0;
}


#contenido .claslist_desclase01_boton_anotarme {
position: absolute;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #FBB03B;
    font-size: 0.7rem;
    padding: 8px 23px;
    border: 1px solid #ffffff;
    background: 0;
    border: 2px solid #FBB03B;
    margin: 8px 0 10px 0;

}

#contenido .claslist_desclase01_boton_anotarme:hover {
 position: absolute;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #ffffff;
    font-size: 0.7rem;
    padding: 8px 23px;
    border: 1px solid #ffffff;
    background: #FBB03B;
    border: 2px solid #FBB03B;
    margin: 8px 0 10px 0;
}
#contenido .claslist_desclase01_boton_anotarme2 {
position: absolute;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #FBB03B;
    font-size: 0.7rem;
    padding: 8px 23px;
    border: 1px solid #ffffff;
    background: 0;
    border: 2px solid #FBB03B;
    margin: 38px 0 10px 0;

}

#contenido .claslist_desclase01_boton_anotarme2:hover {
 position: absolute;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #ffffff;
    font-size: 0.7rem;
    padding: 8px 23px;
    border: 1px solid #ffffff;
    background: #FBB03B;
    border: 2px solid #FBB03B;
    margin: 38px 0 10px 0;
    
}
#contenido .claslist_desclase02 {
    float: left;
        width:100%;
    padding: 1% 0 5% 0;
    max-height: 400px;
}

#contenido .clas_list_clase02_titulo {
    padding: 1%;
    border-top: 8px solid #FBB03B;
    width: 40%;
    float: left;
}


#contenido .clas_list_clase_parrafo {
    padding: 1%;
    margin: 0 0 0 1%;
}

#contenido .claslist_foto_clase02 {
    margin: 0 2% 0 0;
}

#contenido .claslist_desclase02_boton_anotarme {
position: absolute;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #FBB03B;
    font-size: 0.7rem;
    padding: 8px 23px;
    border: 1px solid #ffffff;
    background: 0;
    border: 2px solid #FBB03B;

}

#contenido .claslist_desclase02_boton_anotarme:hover {
 position: absolute;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #ffffff;
    font-size: 0.7rem;
    padding: 8px 23px;
    border: 1px solid #ffffff;
    background: #FBB03B;
    border: 2px solid #FBB03B;
    bottom: 0px;

}

/* Cronograma */

#clases .cronograma{
   border-top: 9px solid #3c3c3a;
   background-color: #e6e6e6;
}

#clases .head-cronograma{
    position: relative;
    padding:20px;
}

#clases .home_cronograma_subtitulo{
    font-weight: 300;
    font-size: 1rem;
    color: #3C3C3B;
    margin: 0% 0 2% 0;
    padding: 0% 0% 0% 0%;  
}

#clases .homer_cronograma_titulo{
    font-weight: 500;
    font-size: 2rem;
    color: #3C3C3B;
    margin: 2% 0 0 0;
    padding: 2% 0% 0% 0%;  
}

#clases .homer_cronograma_titulo:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 4px;
    width: 30px;
    background-color: #3C3C3B;    
}

#clases .head-cronograma img {
    position: absolute;
    right: 10px;
    top: 10px;
}

#clases .cronograma .date{
    border-top: 9px solid #CCC;
    width: 90%;
    background-color: #FFF;
    margin: 15px auto 21px auto;
}

#clases .cronograma .date span{
    text-align: center;
    font-size: 4em;
    min-height: 122px;
    padding: 10% 0 0 0;
    font-size: 5rem;
    color: #999;
}

#clases .cronograma .date span.day{
    border-right: 1px solid #CCC;
    margin-right: -1px;
}

#clases .cronograma .horario{
    padding-bottom: 10px;
}

#clases .cronograma .horario li{
    width: 90%;
    margin: 2% auto;
    background-color: #FFF;
    list-style: none;
    background-image: url(img/clock_naranja.jpg);
    background-repeat: no-repeat;
    background-position-y: center;
}

#clases .cronograma .horario li.gris{
    background-image: url(img/clock_gris.jpg);
}


#clases .cronograma .horario li.gris .title:after{
background-color: #CCC; 
}

#clases .cronograma .horario .contenido{
    padding: 5px;
    border-left: 4px solid #FFF;
    margin-left: 40px;
}

#clases .cronograma .horario .contenido p{
    font-size: 0.9rem;
    font-weight: 300;
    color: #3C3C3B;
}

#clases .cronograma .horario .contenido .title {
    padding-bottom: 5px;
    position: relative;
    text-decoration: none;
    font-weight: 400;
    color: #3C3C3B;
    font-size: 1rem;
    padding: 5px 0;
    display: block;
}

#clases .cronograma .horario .contenido .title:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #FBB03B;    
}

#clases .cronograma .horario .contenido .title:hover {
    color: #FBB03B;
}

#clases .cronograma .horario .contenido .title:hover:after{
    background-color: #FBB03B;    
}

#clases .cronograma .anotame{
    padding: 5px 0 20px 0;
}

#clases .home_cronograma_boton{
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #3C3C3B;
    font-size: 0.8rem;
    padding: 10px 0;
    background: #ffffff;
    border: 1px solid #3C3C3B;
    width: 90%;
    display: block;
    text-align: center;
    margin: auto;
}

#clases .home_cronograma_boton:hover{
    color: #ffffff;
    background: #FBB03B;
    border: 1px solid #FBB03B;
}

/*FIN INTERNA CLASES_LISTADO*/




/*PÁGINA ERROR*/

#error .fondo_error{
    float: center;
    width: 100%;
    background-image: url(img/fondo_triang_error.png);
    background-repeat: no-repeat;
    height: 350px;
    }

#error .text_error{
     padding-top: 60px;
 }



#error .fondo_error p{
    margin-left: 20px;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 300;
    color: #3c3c3b;
    font-size: 1.2rem;
    display: inline-block;
    position: relative;
    margin-left: 280px;}

#error .error_losentimos{
    border-top: 6px solid #3C3C3B;
    margin-right: 2%;
}

#error .lo_sentimos{
    color: #3C3C3B; 
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 3rem;
    display: inline-block;
    font-weight: 400;
    position: relative;
    margin-left: 280px;
}

#error .lo_sentimos:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #3C3C3B;    
}

#error .error_losentimos_bajada{
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 1rem;
    color: #3C3C3B;
    position: relative;
    margin: 1% 0% 1% 0%;
    width: 95%;
}

#error .error_losentimos_parrafo {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    color: #3C3C3B;
    position: relative;
}

#error .error_losentimos_parrafo2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    color: #3C3C3B;
    position: relative;
    margin: 0% 0% 3% 0%;
    width: 95%;
}

#error .error_losentimos_boton_mas_info{
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color:  #3C3C3B;
    font-size: 0.8rem;
    padding: 10px 25px;
    margin-left: 280px;
    background: #ffffff;
    border: 2px solid  #3C3C3B;
}

#error .error_losentimos_boton_mas_info:hover{
    color: #FFFFFF;
    background:  #3C3C3B;
    border: 2px solid #3C3C3B;
    margin-left: 280px;
}

#error .tall_banner_portada {
    background-image: url(img/tall_back_portada.jpg);
    margin: 0% 0 1% 0;
    padding: 0%;
    width: 100%;
    min-height: 150px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    }

#error h1 {
 font-weight: 300;
    font-size: 1.5rem;
    color: #ffffff;
}

#error .tall_banner_principal_titulo {
    width: 100%;
    padding: 2% 0% 0% 2%;
    margin: 0 auto 0 auto;
    font-weight: 300;
    font-size: 1.5rem;
    color: #ffffff;
}

#error .tall_banner_principal_titulo:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #ffffff;
}

#error .tall_banner_principal_bajada {
    padding: 2% 0% 2% 2%;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    color: #ffffff;
    text-align: left;
    font-size: 1rem;
    width: 66%;
}

#error .tall_talleresyclases {
    position: relative;
    float: left;
    width: 60%;
    font-weight: 100;
}

#error .tall_talleres_parrafo {
        font-family: 'Raleway', sans-serif;
}





/* INTERNA GALERIA */

body#galeria {
    background: #ffffff;
    position: relative;
    /*margin: auto auto 10% auto;*/
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
}

#galeria .galeria_banner_principal {
    background-image: url(img/galeria_banner.jpg);
    background-size: cover;
    margin: 0% 0 1% 0;
    padding: 0%;
    width: 100%;
    min-height: 150px;
    position: relative;
    background-repeat: no-repeat;
}

#galeria .galeria_que_hacemos_en_bien_cultural_contenedor_titulo {
    width: 100%;
    padding: 2% 0 0 2%;
    margin: 0 auto 0 auto;
}

#galeria .galeria_que_hacemos_en_bien_cultural_titulo {
    font-weight: 300;
    font-size: 1.5rem;
    color: #ffffff;
}

#galeria .galeria_que_hacemos_en_bien_cultural_titulo:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #ffffff;
}

#galeria .galeria_que_hacemos_en_bien_cultural_parrafo {
    padding: 2% 0% 2% 2%;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    color: #ffffff;
    text-align: left;
    font-size: 1rem;
    width: 66%;
}

#galeria .albumes_contenedor_descripcion {
    width: 100%;
    padding-bottom: 20px;
    float: left;
    height: 565px;
}

#galeria .albumes_contenedor_texto {
    margin: 0% 1% 0% 0%;
    width: 100%;
    float: left;
    border-top: 9px solid #8a4b9a;
}

#galeria .albumes_titulo{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    color: #3C3C3B;
    position: relative;
    margin: 2% 0 0 0;
    width: 50%;
}

#galeria .albumes_titulo:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #3C3C3B;    
}

#galeria .albumes_parrafo {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
    color: #3C3C3B;
    position: relative;
    margin: 2% 0% 3% 0%;
    padding: 0%;
    width: 100%;
}

#galeria .albumes2_contenedor_descripcion {
    width: 100%;
    padding-bottom: 20px;
    float: left;
    height: 470px;
}

#galeria .albumes2_contenedor_texto {
    margin: 1.5% 1% 2% 0%;
    width: 32%;
    height: 225px;
    float: left;
    border-top: 8px solid #3c3c3b;
}

#galeria .albumes2_titulo{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    color: #3C3C3B;
    position: relative;
    margin: 4% 0 0 0;
}

#galeria .albumes2_titulo:hover {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    color: #8a4b9a;
    position: relative;
    margin: 4% 0 0 0;
}

#galeria .albumes2_titulo:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 1px;
    width: 15px;
    background-color: #3C3C3B;    
}

#galeria .albumes2_titulo:hover:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 1px;
    width: 15px;
    background-color: #8a4b9a;    
}

#galeria .albumes2_parrafo {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 0.7rem;
    color: #3C3C3B;
    position: relative;
    margin: 4% 0% 5% 0%;
    padding: 0%;
    width: 100%;
}

.galeria_identidad_img{
    width: 100%;
    margin-top: 20px;
    height: 180px;
    background-image: url(img/galeria_identidad.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.galeria_identidad_img:hover {
    width: 100%;
    margin-top: 20px;
    height: 180px;
    background-image: url(img/galeria_identidad_hover.jpg);
    background-repeat: no-repeat;    
    background-size: cover;
}

.galeria_expo_img{
    width: 100%;
    margin-top: 20px;
    height: 180px;
    background-image: url(img/galeria_expo.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.galeria_expo_img:hover {
    width: 100%;
    margin-top: 20px;
    height: 180px;
    background-image: url(img/galeria_expo_hover.jpg);
    background-repeat: no-repeat;    
    background-size: cover;
}

.galeria_riachuelo_img{
    width: 100%;
    margin-top: 20px;
    height: 180px;
    background-image: url(img/galeria_riachuelo.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.galeria_riachuelo_img:hover {
    width: 100%;
    margin-top: 20px;
    height: 180px;
    background-image: url(img/galeria_riachuelo_hover.jpg);
    background-repeat: no-repeat;    
    background-size: cover;
}

.galeria_abrigos_img{
    width: 100%;
    margin-top: 20px;
    height: 180px;
    background-image: url(img/galeria_abrigos.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.galeria_abrigos_img:hover {
    width: 100%;
    margin-top: 20px;
    height: 180px;
    background-image: url(img/galeria_abrigos_hover.jpg);
    background-repeat: no-repeat;    
    background-size: cover;
}

.galeria_madre_img{
    width: 100%;
    margin-top: 20px;
    height: 180px;
    background-image: url(img/galeria_madre.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.galeria_madre_img:hover {
    width: 100%;
    margin-top: 20px;
    height: 180px;
    background-image: url(img/galeria_madre_hover.jpg);
    background-repeat: no-repeat;    
    background-size: cover;
}

.galeria_riachuelito_img{
    width: 100%;
    margin-top: 20px;
    height: 180px;
    background-image: url(img/galeria_riachuelito.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.galeria_riachuelito_img:hover {
    width: 100%;
    margin-top: 20px;
    height: 180px;
    background-image: url(img/galeria_riachuelito_hover.jpg);
    background-repeat: no-repeat;    
    background-size: cover;
}

#galeria .galeria_boton_vertodos {
    position: relative;
    float: right;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #8a4b9a;
    font-size: 0.8rem;
    padding: 10px 25px;
    border: 1px solid #ffffff;
    background: 0;
    border: 2px solid #8a4b9a;   
    margin: 1.5% 2% 0 0;
}

#galeria .galeria_boton_vertodos:hover {
    position: relative;
    float: right;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #fff;
    font-size: 0.8rem;
    padding: 10px 25px;
    border: 2px solid #8a4b9a;
    background: #8a4b9a;
}


/* INTERNA ANOTATE */

anotate#somos {
    background: #ffffff;
    position: relative;
    /*margin: auto auto 10% auto;*/
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
}

#anotate .anotate_banner_principal {
    background-image: url(img/anotate_banner.jpg);
    background-size: cover;
    margin: 0% 0 1% 0;
    padding: 0%;
    width: 100%;
    min-height: 150px;
    position: relative;
    background-repeat: no-repeat;
}

#anotate .anotate_forma_parte_en_bien_cultural_contenedor_titulo {
    width: 100%;
    padding: 2% 0 0 2%;
    margin: 0 auto 0 auto;
}

#anotate .anotate_forma_parte_en_bien_cultural_titulo {
    font-weight: 300;
    font-size: 1.5rem;
    color: #ffffff;
}

#anotate .anotate_forma_parte_en_bien_cultural_titulo:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #ffffff;
}

#anotate .anotate_forma_parte_en_bien_cultural_parrafo {
    padding: 2% 0% 2% 2%;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    color: #ffffff;
    text-align: left;
    font-size: 1rem;
    width: 66%;
}

#anotate .inscribite_contenedor_descripcion {
    width: 100%;
    padding-bottom: 20px;
    float: left;
    height: 400px;
}

#anotate .inscribite_contenedor_texto {
    margin: 0% 1% 0% 0%;
    width: 100%;
    float: left;
    border-top: 9px solid #006399;
}

#anotate .inscribite_titulo{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    color: #3C3C3B;
    position: relative;
    padding: 2% 0 5% 2%;
}

#anotate .inscribite_titulo:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #3C3C3B;    
}

#anotate .inscribite_parrafo {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
    color: #3C3C3B;
    position: relative;
    padding: 2% 0 0 2%;
    width: 100%;
}

#anotate .datos_contacto_parrafo {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
    color: #3C3C3B;
    position: relative;
    margin: 2% 0% 5% 2%;
    padding: 2% 0 0 0%;
    width: 75%;
}

#anotate .datos_parrafo {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
    color: #3C3C3B;
    position: relative;
    margin: 5% 0% 5% 2%;
    padding: 1% 0 0 0%;
    width: 100%;
}

#anotate .datos_contacto_parrafo:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 1px;
    width: 100%;
    background-color: #3C3C3B; 
    margin: 2% 0 2% 0;
}

#anotate .inscribite_contenedor_formulario {
    margin: 0% 1% 0% 0%;
    width: 100%;
    height: 410px;
    float: left;
    border-top: 9px solid #060607;
    background: #e6e6e6;
    background-image: url(img/inscribite_fondo.jpg);
    background-repeat: no-repeat;
    background-position: right 0;
}

#anotate .formulario_contacto {
    width: 210px;
    height: 30px;
    margin: 1%; 
    border: 1px solid #3C3C3B;
}

#anotate .formulario_contacto_2 {
    width: 39px;
    height: 30px;
    margin: 1%;
    border: 1px solid #3C3C3B;
}

#anotate .formulario_checkbox {
    width: 15px;
    height: 15px;
    margin: 2% 10% 2% 1%;
    border: 1px solid #3C3C3B;
}

#anotate .inscribite_2{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    color: #3C3C3B;
    position: relative;
    padding: 6% 0 2% 2%;
}

#anotate .formulario_contacto_comentario {
    width: 475px;
    height: 70px;
    margin: 2%;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
    color: #3C3C3B;
    position: relative;
    padding: 1% 0 0 1%;
    border: 1px solid #3C3C3B;
}

#anotate .enviar_inscripcion_boton{
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #148BCC;
    font-size: 0.8rem;
    padding: 10px 25px;
    background: #ffffff;
    border: 2px solid #148BCC;
    position: relative;
    float: right;
    margin: 6.5% 3% 2% 1%;
}

#anotate .enviar_inscripcion_boton:hover{
    color: #fdfdfd;
    background: #148BCC;
    border: 2px solid #148BCC;
}

#anotate .gif {
    width: 96%;
    margin: 2%;
}

#anotate .mensaje_enviado {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
    color: #3C3C3B;
    position: relative;
    padding: 0% 2% 3% 2%;
    width: 98%;
}

#anotate .mensaje_enviado2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
    color: #3C3C3B;
    position: relative;
    padding: 0% 2% 0% 2%;
    width: 98%;
}

#anotate .enviado_boton{
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #006399;
    font-size: 0.8rem;
    padding: 10px 0;
    background: #ffffff;
    border: 2px solid #006399;
    width: 46%;
    display: block;
    text-align: center;
    margin: auto;
    position: relative;
    float: left;
    margin-left: 2%;
}

#anotate .enviado_boton:hover{
    color: #ffffff;
    background: #006399;
    border: 2px solid #006399;
}

/* INTERNA CONTACTANOS BIENVENIDO*/

#anotate .bienv_boton_mas_info {
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #3C3C3B;
    font-size: 0.8rem;
        margin-top: 10px;
    padding: 10px 25px;
    background: 0;
    border: 2px solid #3C3C3B;
    position: absolute;
    
}

#anotate .bienv_boton_mas_info:hover {
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #ffffff;
    background: #006399;
    font-size: 0.8rem;
        margin-top: 10px;
    padding: 10px 25px;
    border: 2px solid #006399;
    position: absolute;
    }



#anotate .bienvenido_desc_01  {
    float: left;
    }

#anotate .bienv_banner_portada {
    background-image: url(img/banner_contacto_bienvenido.jpg);
    width: 100%;
    height: 150px;
    position: relative;
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
}

#anotate .bienv_parrafo {
    color: #3c3c3b;
	font-weight: 400;
	font-family:'Raleway', sans-serif;
	font-size: 16px;
    margin-top: 10px;
}

#anotate .gente_bienvenidos_imagen{
    width: 635px;}


#anotate .bienv_titulo { 
    color: #3c3c3b;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
        margin-top: 10px;
 }


#anotate .bienv_titulo:after { 
    content: ""; 
    position: absolute;
    display: block;
    height: 2px;
    width: 30px;
    color: #3c3c3b;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;}


#anotate .formulario_anotate_general{
    border-top: 9px solid #060607;
    background-color: #e6e6e6;
    background-image: url(img/anotate_form_fondo.jpg);
    background-repeat: no-repeat;
    background-position: right 0;
    padding-bottom: 15px;
    margin-right: 2%;
    
    
    }

#anotate .formulario_anotate {
    width: 280px;
    height: 30px;
    margin: 1%;    
}

#anotate .anotate_padding{
    padding: 10px;}

#anotate .anotate_form_titulo{
    font-weight: 500;
    font-size: 1.5rem;
    color: #3C3C3B;
    margin: 2% 0 0% 6%;
    padding: 2% 0% 0% 0%;
}

#anotate .anotate_form_subtitulo{
    font-weight: 300;
    font-size: 1rem;
    color: #3C3C3B;
    margin: 3% 0 1% 6%;
    padding: 0% 0% 0% 0%;}


#anotate .form_casilleros_parrafo{
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
    color: #3C3C3B;
    position: relative;
    padding: 2% 0 0 2%;
    width: 475px;
    height: 70px;}



#anotate .teescuchamos_enviar_boton{
    position: relative;
    bottom: 0px;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #006399;
    font-size: 0.8rem;
    margin: 2% 0% 0% 4%;
    padding: 10px 110px;
    background: 0;
    border: 2px solid #006399;}

#anotate .teescuchamos_enviar_boton:hover{
    position: relative;
    bottom: 0px;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #ffffff;
    font-size: 0.8rem;
    margin: 2% 0% 0% 4%;
    padding: 10px 110px;
    background: #006399;
    border: 2px solid #006399;}


#anotate .formulario_anotate_consulta {
    width: 280px;
    height: 70px;
    margin: 2%;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
    color: #3C3C3B;
    position: relative;
    padding: 1% 0 0 1%;
}















/* COMIENZA DESCRIPCION TALLER ////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#descripcion .decripcion_taller_banner_portada {
    background-image: url(img/tall_back_portada.jpg);
    margin: 0% 0 1% 0;
    padding: 0%;
    width: 100%;
    min-height: 150px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}

#descripcion .decripcion_taller_principal_titulo {
    width: 100%;
    padding: 2% 0% 0% 2%;
    margin: 0 auto 0 auto;
    font-weight: 300;
    font-size: 1.5rem;
    color: #ffffff;
}

#descripcion .decripcion_taller_principal_titulo:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #ffffff;
}

#descripcion .decripcion_taller_principal_bajada {
    padding: 2% 0% 2% 2%;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    color: #ffffff;
    text-align: left;
    font-size: 1rem;
    width: 66%;
}

#descripcion .decripcion_taller_contenido{
    padding-right: 2%;
}

#descripcion .decripcion_taller_contenido img{
    padding-bottom: 12px;
}

#descripcion .decripcion_taller_header{
    border-top: 9px solid #FBB03B;
}

#descripcion .decripcion_taller_header .decripcion_taller_nivel{
    font-weight: 300;
    color: #3C3C3B;
    font-size: 1rem;
    display: block;
    margin: auto;
    padding-top: 12px;
}

#descripcion .decripcion_taller_header {
    position: relative;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.5rem;
}


 #descripcion .decripcion_taller_titulo {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    color: #3C3C3B;
    position: relative;
    padding: 2% 0% 0% 0%;
}

#descripcion .decripcion_taller_header .decripcion_taller_titulo:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #3C3C3B;    
}

#descripcion .decripcion_taller_parrafo{
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
    color: #3C3C3B;
    padding: 20px 0;
    float: left;
}

#descripcion .decripcion_taller_boton_mas_info{
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #3C3C3B;
    font-size: 0.8rem;
    padding: 10px 25px;
    border: 1px solid #3C3C3B;
    float: left;
}

#descripcion .decripcion_taller_boton_mas_info:hover{
    color: #FFF;
    background-color: #FBB03B;
    border: 1px solid #FBB03B;
}

#descripcion .otros_talleres{
margin-right: 2%;
margin-top: 26px;
border-top: 2px solid #3C3C3B;
}

#descripcion .otros_talleres h2{
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    color: #3C3C3B;
    font-size: 1rem;
    position: relative;
    padding: 20px 0;
}


#descripcion .otros_talleres h2:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 1px;
    width: 30px;
    background-color: #3C3C3B;    
}

#descripcion .otro_taller img{
    float: left;
}

#descripcion .contenido_otro_taller{
float: right;
width: calc(100% - 220px)
}

#descripcion .otro_taller{
    float: left;
    width: 100%;
    padding-bottom: 25px;
}

#descripcion .contenido_otro_taller{
    position: relative;
    height: 133px;
}

#descripcion .contenido_otro_taller h3{
    font-weight: 500;
    position: relative;
    font-size: 1.2rem;
    color: #3C3C3B;
}

#descripcion .contenido_otro_taller h3:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #3C3C3B;    
}

#descripcion .contenido_otro_taller p{
    font-size: 0.8rem;
    font-family: 'Raleway', sans-serif;
    padding: 12px 0;
    color: #3C3C3B;
}

#descripcion .contenido_otro_taller a.otro_taller_boton_mas_info{
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #3C3C3B;
    font-size: 0.8rem;
    padding: 10px 25px;
    border: 1px solid #3C3C3B;
    position: absolute;
    bottom: 0;
}

#descripcion .contenido_otro_taller a.otro_taller_boton_mas_info:hover{
    color: #FFF;
    background-color: #3C3C3B;
}




/* Cronograma */

#taller .cronograma{
   border-top: 9px solid #3c3c3a;
   background-color: #e6e6e6;
}

#taller .head-cronograma{
    position: relative;
    padding:20px;
}

#taller .home_cronograma_subtitulo{
    font-weight: 300;
    font-size: 1rem;
    color: #3C3C3B;
    margin: 0% 0 2% 0;
    padding: 0% 0% 0% 0%;  
}

#taller .homer_cronograma_titulo{
    font-weight: 500;
    font-size: 2rem;
    color: #3C3C3B;
    margin: 2% 0 0 0;
    padding: 2% 0% 0% 0%;  
}

#taller .homer_cronograma_titulo:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 4px;
    width: 30px;
    background-color: #3C3C3B;    
}

#taller .head-cronograma img {
    position: absolute;
    right: 10px;
    top: 10px;
}

#taller .cronograma .date{
    border-top: 9px solid #CCC;
    width: 90%;
    background-color: #FFF;
    margin: 15px auto 21px auto;
}

#taller .cronograma .date span{
    text-align: center;
    font-size: 4em;
    min-height: 122px;
    padding: 10% 0 0 0;
    font-size: 5rem;
    color: #999;
}

#taller .cronograma .date span.day{
    border-right: 1px solid #CCC;
    margin-right: -1px;
}

#taller .cronograma .horario{
    padding-bottom: 10px;
}

#taller .cronograma .horario li{
    width: 90%;
    margin: 2% auto;
    background-color: #FFF;
    list-style: none;
    background-image: url(img/clock_naranja.jpg);
    background-repeat: no-repeat;
    background-position-y: center;
}

#taller .cronograma .horario li.gris{
    background-image: url(img/clock_gris.jpg);
}


#taller .cronograma .horario li.gris .title:after{
background-color: #CCC; 
}

#taller .cronograma .horario .contenido{
    padding: 5px;
    border-left: 4px solid #FFF;
    margin-left: 40px;
}

#taller .cronograma .horario .contenido p{
    font-size: 0.9rem;
    font-weight: 300;
    color: #3C3C3B;
}

#taller .cronograma .horario .contenido .title {
    padding-bottom: 5px;
    position: relative;
    text-decoration: none;
    font-weight: 400;
    color: #3C3C3B;
    font-size: 1rem;
    padding: 5px 0;
    display: block;
}

#taller .cronograma .horario .contenido .title:after{
    content: ""; 
    position: absolute;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #FBB03B;    
}

#taller .cronograma .horario .contenido .title:hover {
    color: #FBB03B;
}

#taller .cronograma .horario .contenido .title:hover:after{
    background-color: #FBB03B;    
}

#taller .cronograma .anotame{
    padding: 5px 0 20px 0;
}

#taller .home_cronograma_boton{
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    font-weight: 700;
    color: #3C3C3B;
    font-size: 0.8rem;
    padding: 10px 0;
    background: #ffffff;
    border: 1px solid #3C3C3B;
    width: 90%;
    display: block;
    text-align: center;
    margin: auto;
}

#taller .home_cronograma_boton:hover{
    color: #ffffff;
    background: #FBB03B;
    border: 1px solid #FBB03B;
}

/*FIN DESCRIPCION TALLER /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/*FOOTER TODOS*/

footer {
    background: #000000;
    width: 100%;
    min-height: 10%;
    position: relative;
    margin: 1% auto 0% auto;
    padding: 2% 0 0 0;
    float: left;
    }

.logo_acumar {
    position: relative;
    float: left;
    padding: 1% 1% 1% 2.5%;
    margin: 0% auto 0% auto;
    
    }

.texto_footer {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    color: #ffffff;
    text-align: left;
    font-size: 0.6rem;
    width: 70%;
    margin: 0% 1% 1% 10%;
    padding: 2% 2% 2% 15%;
    }




/* RESPONSIVE - Media Query ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.ocultar-desktop{
    display: none;
}

@media only screen and (min-width:361px) and (max-width:769px) { 

    body {
       padding: 0 15px;
    }
    
    .logo {
    max-width: 89px;
    }

    .redes_sociales{
        position: relative;
        margin-left: 0;
    }

    .col-66.taller {
        width: 100%;
    }

    .col-66, .col-33, .col-34{
        width: 50%;
     }

    .col-66 .col-50 {
        width: 100%;
    }
    
    /* banner principal */
    
    #home .contenedor_titulo_banner_principal {
    width: 40%;
    }
       
    /* que se hace en bien cultural */
    
    #home .home_que_se_hace_en_bien_cultural_contenedor_titulo {
    width: 60%;
    margin: 0 auto 0 auto;
    }
    
    /* taller que se aproxima */

    #home .taller_que_se_aproxima_contenedor_foto {
    width: 50%;
    margin-right: 0;
    }
    
    /* fui al rio y noticia */

    #home .article_rio, #home .home_noticia {
        padding-bottom: 4%;
    }

    /* calendario*/
    
    #home .calendario {
        margin-top: 10px;
    }

    .ocultar{
        display: none!important;
    }

    .ocultar-desktop{
        display: block;
    }
}


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

    #home .contenedor_titulo_banner_principal {
    width: 45%;
    }
}


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

    nav{
        width: 100%;
    }

    nav li{
    width: 100%;
    text-align: center;
    }

    nav li a {
    width: 100%;
    text-align: center;
    padding: 10px!important;
    display: block;
    margin: 0px;
    }
    
    .nav_quienes_somos { 
    border-top: 1px solid #3C3C3B;
    }
    
    #home .contenedor_titulo_banner_principal {
    width: 60%;
    }

}


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

    #home .contenedor_titulo_banner_principal {
    width: 60%;
    }
}

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

    body {
       padding: 0 10px;
   }

    .logo img {
    width: 60%;
    }

    .redes_sociales{
        position: relative;
        margin-left: 0;
    }

    .col-66, .col-33, .col-34, .col-66 .col-50 {
        width: 100%;
     }
    
    
    /* banner principal*/
    
    #home .home_banner_principal {
    background-image: url(img/foto_banner_principal_320.jpg);
    }
    
   #home .contenedor_titulo_banner_principal {
    width: 80%;
    }
    
    #home .titulo_banner_principal {
    font-size: 3rem;
    }
        
    /* que se hace en bien cultural*/
        
    #home .home_que_se_hace_en_bien_cultural_contenedor_titulo {
        width: 70%;
        margin-bottom: 10px;
    }
    
    #home .home_que_se_hace_en_bien_cultural_titulo:after {
        left: 50%;
        margin-left: -86px;
    }
    
    #home .home_que_se_hace_en_bien_cultural {
       margin: 10px 0;
    }
    
    /* taller que se aproxima*/
    
    #home .taller_que_se_aproxima_parrafo {
    margin-bottom: 20px;
    }
    
    #home .home_taller_que_se_aproxima_boton_mas_info {
        padding: 10px 0;
        display: block;
        text-align: center;
    }
    
    #home .home_taller_que_se_aproxima_boton_mas_info:hover {
        padding: 10px 0;
    }
    
     #home .taller_que_se_aproxima_contenedor_texto, #home .taller_que_se_aproxima_contenedor_foto{
        width: 100%;
        margin-right: 0;
    }
    
     #home .taller_que_se_aproxima_contenedor_foto {
        margin-top: 30px;
    }
    
    #home .taller_que_se_aproxima_contenedor_descripcion {
        padding-bottom: 10px;
    }
        
    /*cronograma*/
    
    #home .home_cronograma_subtitulo {
    width: 70%;
    }

    .ocultar{
        display: none!important;
    }

    .ocultar-desktop{
        display: block;
    }
    
    /*noticia*/
    
    #home .home_noticia {
        margin: 10px 0;
    }
    
    #home .home_noticia_boton_mas_info {
        padding: 10px 0;
        display: block;
        text-align: center;
    }
    
    #home .home_noticia_boton_mas_info:hover {
        padding: 10px 0;
    }
    
    /*captura*/
    
    #home .captura {
        margin-right: 0;
        margin-top: 10px;
    }
    
    /*estas viendo*/
    
    #home .home_estas_viendo_boton_mas_info {
       padding: 10px 0;
       display: block;
       text-align: center;
    }
    
    #home .article_rio {
        padding-bottom: 20px;
        margin-right: 0;
    }

   
    #home .home_noticia .home_noticia_foto {
        display: none;
    }
    
    footer{
    text-align: center;
    margin: 10px 0;
    }
    
    .logo_acumar {
    margin-top: 10px;
    float: none;
    padding: 0;
    }
    
    .texto_footer{
    text-align: center;
    width: 90%;
    margin: 10px auto;
    padding: 10px;
    }
}

/* TERMINA RESPONSIVE - Media Query ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/





#galeria .contenedor_slider{
    width: 100%;
    height: 320px;
}
