@font-face {
    font-family: "bahiana-regular";
    src: url("fuentes/bahiana-regular.woff");
}

@font-face {
    font-family: "rosario-regular-webfont";
    src: url("fuentes/rosario-regular-webfont.woff");
}

@font-face {
    font-family: "rosario-italic-webfont";
    src: url("fuentes/rosario-italic-webfont.woff");
}

@font-face {
    font-family: "rosario-bold-webfont";
    src: url("fuentes/rosario-bold-webfont.woff");
}

@font-face {
    font-family: "rosario-bolditalic-webfont";
    src: url("fuentes/rosario-bolditalic-webfont.woff");
}

@font-face {
    font-family: "versiontyperegular";
    src: url("fuentes/versiontype-regular.woff");
    }




* {
    margin: 0; 
    padding: 0;
}

html {
    font-size: 16px;
}

body {
    background: #faf6e3;
}

/* Estilo para el boton "Ir Arriba" */
.scroll-top {
    width: 50px;
    height: 78px;
    opacity: 0.3;
    position: fixed;
    bottom: 50px;
    right: 10px;
    display: none; /* Estara oculto por defecto */
    text-indent: -9999px; /* Oculta el texto del enlace */
    z-index: 1000; /* Evita que otros elementos esten por encima */
    background: url(imagenes/salvavidas.svg);
    background-repeat: no-repeat;
}
/* Estilo para generar un efecto al posicionar el puntero encima del botón */
.scroll-top:hover {
    opacity: 0.9;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    -ms-transition: 0.3s all;
    transition: 0.3s all;
    cursor: pointer;
}



#grilla {
    opacity: 0;
    position: absolute;
    z-index: 50;
}
.contenedor {
    max-width: 960px;
    margin: 0 auto 0 auto;
}
header {
    height: 175px;
    margin-bottom: 15px;
    background-image: url(imagenes/pattern.svg);
}

header ul {
    list-style-type: none; 
    position: relative;
    float: right;
    margin: -160px 10px 0 0;   
}

header ul li {
    position: relative;
    padding: 10px 10px 10px 10px;
}

header ul li a {
    -webkit-filter: grayscale(0.5);
}

header ul li a:hover {
    -webkit-filter: grayscale(0);
}


#botonesredesociales {
    position: fixed;
    overflow: hidden;
    z-index: 150;
    margin: -158px 0 0 930px;
    padding: 3px 3px 0 4px;
    background: rgba(255, 255, 255, 0.7);
    
    
}

.botonredsocial{
    -webkit-filter: grayscale(100%);
}

.botonredsocial:hover {
    -webkit-filter: grayscale(0);
}

.logo {
    position: relative;
    display: block;
    margin: 0 auto 0 auto;
    padding: 20px 0 0 0;
}
    

h1 {
    font-family: "bahiana-regular";
}

nav { 
    font-family: "bahiana-regular", sans-serif;
    font-size: 1.6rem;
    min-height: 60px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    background-image: url(imagenes/forma1.svg);
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 30px;
    
}

nav ul {
    list-style-type: none;
    display: inline-block;
}

nav ul li {
    position: relative;
    float: left;
    margin: 8px 12px 10px 12px;
    
   
}

nav ul #sinvinculo {
    color: #faf6e3;
    font-size: 1.8rem;
    padding: 0 25px 0 27px;
}
    

nav ul li a {
    text-decoration: none;
    color: #3f96ab;
    background: #faf6e3;
    padding: 2px 30px 2px 30px;
    box-shadow: 4px 4px 0 0 #ef6717;
    display: block;
}

nav ul li a:hover {
    background: #3f96ab;
    color: #faf6e3;
}

nav ul li ul {
    position: absolute;
    display: none;
    min-width:140px;
    
    
}

nav li:hover > ul {
    display:block;
}

nav li ul li {
    position:relative;
    float: left;
    margin: 0.2px 0 0 0;
    min-width: 138px;
    border: 2px solid #ef6717;
    z-index: 99;
    
}


section .notaprincipal {
    background-image: url(imagenes/forma2c.svg);
    background-repeat: no-repeat;
    background-position: center;
    min-height: 380px;
    z-index: 50;
}


.notaprincipal img {
    position: relative;
    float: left;
    padding: 0 0 0 10px;
}

section #titular {
    position: relative;
    float: left;
    background: #ed9a2e;
    min-height: 80px;
    min-width: 380px;
    margin: 0 0 0 0;
}

section #titular img {
    position: relative;
    float: left;
    padding: 8px 20px 5px 50px;
}

section #titular h1 {
    position: relative;
    color: #faf6e3;
    font-size: 4rem;
    padding:8px 0 0 20px;
}

section #desarrollo {
    position: relative;
    float: left;
    background: #faf6e3;
    min-height: 292px;
    min-width: 380px;
    margin: 0 0 0 0;
}

section #desarrollo p {
    font-family: "rosario-bold-webfont", sans-serif;
    font-size: 0.9rem;
    position: relative;
    float: left;
    max-width: 250px;
    padding: 40px 0 25px 50px;
    clear: both;
}

section #desarrollo h3 {
    font-family: "rosario-bold-webfont", sans-serif;
    color: #faf6e3;
    font-size: 1.35rem;
    background: #ef6717;
    margin: 140px 80px 5px 80px;
    padding: 8px 20px 10px 23px;
    clear: both;
    box-shadow: 4px 4px 0 0 #6c6c6c;
    text-align: center;
}

section #desarrollo a {
    text-decoration: none;
    color: #faf6e3;
}
    

section #desarrollo h3:hover {
    background: #79bea6;
    color: #faf6e3;
}

section #botones {
    position: absolute;
    display: block;
    margin: -20px 0 0 0;
    z-index: 50;
}

#bajada {
    margin: 25px 0 0 0;
    width: 100%;
    position: relative;
    min-height: 150px;
}

#bajada .preguntas{
    min-width: 31%;
    max-width: 31%;
    min-height: 150px;
    max-height: 150px;
    position: relative;
    float: left;
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
    background-image: url(imagenes/divisor-pregunta.svg);
    background-repeat: no-repeat;
    background-position:left;
    
}

#bajada .preguntas h3{
    font-family: "bahiana-regular", sans-serif;
    font-size: 1.8rem;
    margin: 25px 0 0 25px;
    color: #333;
}

#bajada .preguntas p{
    font-family: "rosario-bold-webfont", sans-serif;
    font-size: 1rem;
    margin: 5px 0 0 25px;
    color: #333;
}



.nota1 {
    min-height: 200px;
    min-width: 30%;
    position: relative;
    float: left;
    margin: 30px 10px 0 20px;
}

.nota1 img {
    padding: 10px 0 0 5px;
    position: relative;
    float: left;
}

.nota1 h1 {
    padding: 15px 5px 0 10px;
    position: relative;
    float: left;
    font-size: 2.5rem;
}

.nota1 p {
    font-family: "bahiana-regular", sans-serif;
    font-size: 1.6rem;
    margin: 50px 0 0 0;
    padding: 20px 0 0 5px;
    position: relative;
    line-height: 140%;
}

.nota1 span {
    color: #79bea6;
}

.nota1 h3 a {
    text-decoration: none;
    font-family: "bahiana-regular", sans-serif;
    font-size: 1.8rem;
    color: #ed9a2e;
    position: relative;
    float: right;
    margin: 10px 0 0 0;
}

.nota1 h3 a:hover {
    color: #ef6717;
}
    
    

.nota2 {
    background-image: url(imagenes/forma3.svg);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    float: left;
    margin: 25px 10px 0 10px;
    min-width: 40%;
}

.nota2 p {
    font-family: "bahiana-regular";
    font-size: 2.7rem;
    color: #faf6e3;
    text-align: center;
    position: relative;
    padding: 30px 20px 20px 20px;
    line-height: 160%;
}

.nota2 span {
    font-size: 6.3rem;
}

.nota2 h3 {
    font-family: "rosario-bold-webfont", sans-serif;
    color: #faf6e3;
    font-size: 1.35rem;
    text-align: center;
    background: #79bea6;
    margin: -20px 120px 30px 110px;
    padding: 10px 12px 10px 20px;
    box-shadow: 4px 4px 0 0 #6c6c6c;
}

.nota2 a {
    text-decoration: none;
}
    

.nota2 h3:hover {
    background: #faf6e3;
    color: #79bea6;
}

#ubicacion {
    clear: both;
    height: 160px;
    width: 700px;
    position: relative;
    float: left;
    margin: 20px 0 0 10px;
    background-image: url(imagenes/mapa.png);
    background-repeat: no-repeat;
    background-position: left;
    
}

#ubicacion img {
    position: relative;
    float: left;
    padding: 10px 0 0 20px;
}

#ubicacion h1 {
    position: relative;
    float: left;
    font-size:2.5rem;
    padding: 10px 0 0 5px; 
}

#ubicacion a {
    color: #333;
}

#ubicacion a:hover {
    color: #9d9d9d;
}


#noticias {
    min-height: 262px;
    width: 73%;
    position: relative;
    float: left;
    margin: 35px 24px 0 10px;
}

#noticias img {
    padding: 0 0 0 10px;
    position: relative;
    float: left;
}

#noticias h1 {
    padding: 0 5px 0 10px;
    position: relative;
    float: left;
    font-size: 2.5rem;
}

#noticias #notadestacada {
    clear: both;
    position: relative;
    float: left;
    width: 54%;
    min-height: 500px;
}

#noticias #notadestacada h6 {
    font-family: "bahiana-regular", sans-serif;
    font-size: 1.2rem;
    margin: 20px 0 5px 10px;
    color: #333;
    letter-spacing: 0.08rem;
}

.dianoticia {
    font-family: "bahiana-regular", sans-serif;
    color: #717171;
}



#noticias #notadestacada h3 {
    font-family: "bahiana-regular", sans-serif;
    font-size: 1.8rem;
    margin: 0 0 10px 10px;
    color: #df6454;
    letter-spacing: 0.03rem;
}

#noticias #notadestacada p {
    font-family: "rosario-bold-webfont", sans-serif;
    font-size: 0.9rem;
    color: #333;
    margin: 270px 10px 0 10px;   
}

#noticias #notadestacada h3 a {
    text-decoration: none;
    color: #df6454; 
}

#noticias #notadestacada h3 a:hover {
    text-decoration: underline; 
}


.continuacionnota {
    font-family: "rosario-bold-webfont", sans-serif;
    font-size: 0.9rem;
    color: #3f96ab;
    float: right;
    line-height: 2rem;
}

.continuacionnota a {
    text-decoration: none;
    color: #3f96ab;   
}

.continuacionnota a:hover {
    color: #79bea6;   
}


#noticias .notasecundaria {
    position: relative;
    float: left;
    width: 41%;
    min-height: 100px;
    margin: 0 0 10px 20px;
}

#noticias .notasecundaria h6 {
    font-family: "bahiana-regular", sans-serif;
    font-size: 1.3rem;
    margin: 20px 0 5px 10px;
    color: #333;
    letter-spacing: 0.04rem;
}

#noticias .notasecundaria h3 {
    font-family: "bahiana-regular", sans-serif;
    font-size: 1.6rem;
    margin: 0 0 0px 10px;
    color: #df6454;
    letter-spacing: 0.06rem;
}

#noticias .notasecundaria p {
    font-family: "rosario-bold-webfont", sans-serif;
    font-size: 0.9rem;
    color: #333;
    margin: 8px 10px 0 10px;
}

#noticias .notasecundaria h3 a {
    text-decoration: none;
    color: #df6454; 
}

#noticias .notasecundaria h3 a:hover {
    text-decoration: underline; 
}

aside #redessociales {
    width: 21%;
    height: 1050px;
    
    position: relative;
    float: right;
    margin: -463px 15px 0 0;
    background-image: url(imagenes/redesociales.svg);
    background-repeat: no-repeat;
    background-position: center;
    
}

aside #galeria {
    clear: both;
}

aside #galeria img {
    margin: 25px 0 0 10px;
    padding: 0 0 0 10px;
    position: relative;
    float: left;
    
}

aside #galeria h2 {
    font-family: "bahiana-regular", sans-serif;
    font-size: 1.9rem;
    color: #000;
    position: relative;
    float: left;
    margin: 20px 5px 0 0;
    padding: 9px 0 0 8px;
} 

aside #galeria ul {
    clear: both;
}

aside #galeria ul li{
    list-style-type: none; 
    position: relative;
    float: left;
    display: block;
    margin: 0 -4px 0 0;
    
      
}

aside #galeria ul li a {
    -webkit-filter: grayscale(0.8);
}

aside #galeria ul li a:hover {
    -webkit-filter: grayscale(0);
}


.separador {
    clear: both;
}

footer {
    margin: 25px 0 0 0;
}

#logo1 img {
    position: relative;
    float: left;
    min-height: 100px;
    min-width: 14.5%;
    margin: 0 0 30px 170px;
    -webkit-filter: grayscale(1);
}

#logo1 img:hover {
    -webkit-filter: grayscale(0);
}


#logo2 img {
    position: relative;
    float: left;
    min-height: 100px;
    min-width: 14.5%;
    margin: 0 0 30px 22px;
    -webkit-filter: grayscale(1);
}

#logo2 img:hover {
    -webkit-filter: grayscale(0);
}

#logo3 img {
    position: relative;
    float: left;
    min-height: 100px;
    min-width: 14.5%;
    margin: 0 0 30px 20px;
    -webkit-filter: grayscale(1);
}

#logo3 img:hover {
    -webkit-filter: grayscale(0);
}


#logo4 img{
    position: relative;
    float: right;
    min-height: 100px;
    min-width: 14.5%;
    margin: 0 170px 30px 0;
    -webkit-filter: grayscale(1);    
}

#logo4 img:hover {
    -webkit-filter: grayscale(0);
}


footer p {
    font-family: "rosario-regular-webfont", sans-serif;
    font-size: 0.7rem;
    text-align: center;
    padding: 15px 90px 90px 90px;
    line-height: 150%;
    clear: both;
}


.actividades p {
    font-family: "bahiana-regular", sans-serif;
    font-size: 0.9rem;
    color: #faf6e3;
    margin: 8px 10px 0 10px;}

.actividades img {max-width: 960px;}






/*ESTILO SECCIÓN: NOSOTROS*/

section #presentacion {
    position: relative;
    float: left;
    min-width: 220px;
    max-width: 220px;
    min-height: 560px;
    margin: 40px 0 0 10px;
    background-image: url(imagenes/forma5.svg);
    background-repeat: no-repeat;
    background-position: center;
}

#presentacion h1 {
    padding: 20px 10px 10px 20px;
    font-size: 2.5rem;
    color: #feecbc;
}

#presentacion p {
    padding: 10px 15px 10px 20px;
    font-family: "rosario-regular-webfont", sans-serif;
    font-size: 1rem;
    color: #faf6e3;
}

#presentacion h4 {
    padding: 20px 10px 10px 20px;
    font-family: "rosario-bold-webfont", sans-serif;
    font-size: 0.9rem;
    color: #feecbc;
}

section #docente1 {
    position: relative;
    float: left;
    min-width: 120px;
    max-width: 120px;
    min-height: 500px;
    margin: 40px 0 0 40px;    
}

#docente1 h3 {
    font-family: "bahiana-regular", sans-serif;
    font-size: 1.8rem;
    margin: 0 0 6px 0;
    color: #ef6717;
    border-bottom: 4px solid #ed9a2e;
}

#docente1 img {
    margin: 10px 0 0 0;
}

#docente1 h5 {
    font-family: "rosario-bold-webfont", sans-serif;
    line-height: 150%;
    margin: 12px auto 12px auto;
    padding: 5px 0 5px 0;
    color: #ed9a2e;
    text-align: center;
    border-top: 2px solid #df6454;
    border-bottom: 2px solid #df6454;
}

#docente1 p { 
    font-family: "rosario-regular-webfont", sans-serif;
    font-size: 0.8rem;
    margin: 17px 0 0 0;
    color: #333;
}
    


section #docente2 {
    position: relative;
    float: left;
    min-width: 120px;
    max-width: 120px;
    min-height: 500px;
    margin: 40px 0 0 20px;
    
}

#docente2 h3 {
    font-family: "bahiana-regular", sans-serif;
    font-size: 1.8rem;
    margin: 0 0 6px 0;
    color: #ef6717;
    border-bottom: 4px solid #ed9a2e;    
}

#docente2 img {
    margin: 10px 0 0 0;
}

#docente2 h5 {
    font-family: "rosario-bold-webfont", sans-serif;
    line-height: 150%;
    margin: 12px auto 12px auto;
    padding: 5px 0 5px 0;
    color: #ed9a2e;
    text-align: center;
    border-top: 2px solid #df6454;
    border-bottom: 2px solid #df6454;
}

#docente2 p { 
    font-family: "rosario-regular-webfont", sans-serif;
    font-size: 0.8rem;
    margin: 17px 0 0 0;
    color: #333;
}

section #docente3 {
    position: relative;
    float: left;
    min-width: 120px;
    max-width: 120px;
    min-height: 500px;
    margin: 40px 0 0 20px;
    
}

#docente3 h3 {
    font-family: "bahiana-regular", sans-serif;
    font-size: 1.8rem;
    margin: 0 0 6px 0;
    color: #ef6717;
    border-bottom: 4px solid #ed9a2e;    
}

#docente3 img {
    margin: 10px 0 0 0;
}

#docente3 h5 {
    font-family: "rosario-bold-webfont", sans-serif;
    line-height: 150%;
    margin: 12px auto 12px auto;
    padding: 5px 0 5px 0;
    color: #ed9a2e;
    text-align: center;
    border-top: 2px solid #df6454;
    border-bottom: 2px solid #df6454;
}

#docente3 p { 
    font-family: "rosario-regular-webfont", sans-serif;
    font-size: 0.8rem;
    margin: 17px 0 0 0;
    color: #333;
}

section #docente4 {
    position: relative;
    float: left;
    min-width: 120px;
    max-width: 120px;
    min-height: 500px;
    margin: 40px 0 0 20px;
    
}

#docente4 h3 {
    font-family: "bahiana-regular", sans-serif;
    font-size: 1.8rem;
    margin: 0 0 6px 0;
    color: #ef6717;
    border-bottom: 4px solid #ed9a2e;    
}

#docente4 img {
    margin: 10px 0 0 0;
}

#docente4 h5 {
    font-family: "rosario-bold-webfont", sans-serif;
    line-height: 150%;
    margin: 12px auto 12px auto;
    padding: 5px 0 5px 0;
    color: #ed9a2e;
    text-align: center;
    border-top: 2px solid #df6454;
    border-bottom: 2px solid #df6454;
}

#docente4 p { 
    font-family: "rosario-regular-webfont", sans-serif;
    font-size: 0.8rem;
    margin: 17px 0 0 0;
    color: #333;
}

section #docente5 {
    position: relative;
    float: left;
    min-width: 120px;
    max-width: 120px;
    min-height: 500px;
    margin: 40px 0 0 20px;
    
}

#docente5 h3 {
    font-family: "bahiana-regular", sans-serif;
    font-size: 1.8rem;
    margin: 0 0 6px 0;
    color: #ef6717;
    border-bottom: 4px solid #ed9a2e;    
}

#docente5 img {
    margin: 10px 0 0 0;
}

#docente5 h5 {
    font-family: "rosario-bold-webfont", sans-serif;
    line-height: 150%;
    margin: 12px auto 12px auto;
    padding: 5px 0 5px 0;
    color: #ed9a2e;
    text-align: center;
    border-top: 2px solid #df6454;
    border-bottom: 2px solid #df6454;
}

#docente5 p { 
    font-family: "rosario-regular-webfont", sans-serif;
    font-size: 0.8rem;
    margin: 17px 0 0 0;
    color: #333;
}

aside #frase { 
    font-family: "rosario-italic-webfont", sans-serif;
    font-size: 1.3rem;
    text-align: center;
    color: #79bea6;
    margin: 70px 0 0 0;
}
    
    
    
    
    
    
    
    
    
/*ESTILO SECCIÓN: AGENDA*/
    
    
main #marco {
    background-image: url(imagenes/forma4.svg);
    background-repeat: no-repeat;
    background-position: center;
    min-height: 560px;
    
    }

section #mes {
    position: relative;
    float: left;
    min-width: 140px;
    max-width: 140px;
    min-height: 220px;
    margin: 40px 0 20px 90px;
}

#mes h1 { 
    font-family: "bahiana-regular", sans-serif;
    font-size: 4.4rem;
    margin: 45px 0 0 0;
    color: #333;
}

#mes h3 {
    font-family: "bahiana-regular", sans-serif;
    font-size: 2.1rem;
    color: #3f96ab;
    
}

section #evento1 {
    position: relative;
    float: left;
    min-width: 140px;
    max-width: 140px;
    min-height: 220px;
    margin: 40px 0 20px 20px;
}

section #evento2 {
    position: relative;
    float: left;
    min-width: 140px;
    max-width: 140px;
    min-height: 220px;
    margin: 40px 0 20px 20px;
}

section #evento3 {
    position: relative;
    float: left;
    min-width: 140px;
    max-width: 140px;
    min-height: 220px;
    margin: 40px 0 20px 20px;
}

section #evento4 {
    position: relative;
    float: left;
    min-width: 140px;
    max-width: 140px;
    min-height: 220px;
    margin: 40px 0 20px 20px;
}

section #evento5 {
    position: relative;
    float: left;
    min-width: 140px;
    max-width: 140px;
    min-height: 220px;
    margin: 20px 0 20px 90px;
}

section #evento6 {
    position: relative;
    float: left;
    min-width: 140px;
    max-width: 140px;
    min-height: 220px;
    margin: 20px 0 20px 20px;
}

section #evento7 {
    position: relative;
    float: left;
    min-width: 140px;
    max-width: 140px;
    min-height: 220px;
    margin: 20px 0 20px 20px;
}

section #evento8 {
    position: relative;
    float: left;
    min-width: 140px;
    max-width: 140px;
    min-height: 220px;
    margin: 20px 0 20px 20px;
}

section #evento9 {
    position: relative;
    float: left;
    min-width: 140px;
    max-width: 140px;
    min-height: 220px;
    margin: 20px 0 20px 20px;
}

#marco .fecha { 
    font-family: "bahiana-regular", sans-serif;
    font-size: 4rem;
    color: #333;
    text-align: center;
    margin: -10px 0 0 0;
}

#marco .dia { 
    font-family: "bahiana-regular", sans-serif;
    font-size: 1.5rem;
    color: #333;
    text-align: center;
    margin: -10px 0 0 0;
}

#marco .cita { 
    font-family: "rosario-bold-webfont", sans-serif;
    font-size: 1.2rem;
    color: #79bea6;
    text-align: center;
    margin: 10px 0 0 0;
}

#marco .anotacion {
    font-family: "rosario-regular-webfont", sans-serif;
    font-size: 0.9rem;
    color: #333;
    margin: 10px 0 0 0;
    text-align: center;
    
}



















/*aside infoimportante*/

aside.asideinfoimportante {max-width: 250px; height: 380px; position: relative; float: right; margin: 75px 10px 0; background-color: #E06454;padding: 20px}

.bajadarecaudos {margin-top: 10px;}

p.textorecaudos {font-family: "rosario-regular-webfont", sans-serif; font-size: 0.8rem; margin: 12px 0 0 0px; color: #FEECBC;}

.recaudos { position: relative; float: left;}
.importante {position: relative; float: left;margin:30px auto 0}
.indumentaria {position: relative; float:left; margin: 30px auto 0}

img.iconitos {position: absolute;width: 25px;height: 25px; margin: 0 auto 0}
h3.titulorecaudos {font-size: 1.5rem; font-family: "bahiana-regular", sans-serif; margin-left: 35px; letter-spacing: 0.04rem; color: #FEECBC;}
h3.tituloimportante {font-size: 1.5rem; font-family: "bahiana-regular", sans-serif; margin-left: 35px; letter-spacing: 0.04rem; color: #FEECBC;}
h3.titulocomodo {font-size: 1.5rem; font-family: "bahiana-regular", sans-serif; margin-left: 35px; letter-spacing: 0.04rem; color: #FEECBC;}






/*aside secundario*/

.asidesecundario {max-width: 250px; height: 130px; position: relative; float: right; margin: 15px 10px 0; background-color: #79bea6; padding: 20px}
.bajadasecundaria {margin-top: 10px;}
p.textosecundaria {font-family: "rosario-regular-webfont", sans-serif; font-size: 0.8rem; margin: 12px 0 0 0px; color: #333;}
.recaudos { position: relative; float: left;}
img.iconitos {position: absolute;width: 25px;height: 25px; margin: 0 auto 0}
h3.titulorsecundaria {font-size: 1.9rem; font-family: "bahiana-regular", sans-serif; margin-left: 35px; letter-spacing: 0.04rem; color: #FEECBC;}



/*titulo principal*/ 
    
.tituloprincipal {font-size: 3.9rem; font-family: "bahiana-regular", sans-serif;
margin: 10px 0 -50px 320px; text-align: center; float: left;}

/*listado actividades*/ 

section #activid1 {position: relative; float: left; min-width: 120px; max-width: 560px; min-height: 500px; margin: -30px 0 50px 10px;}
#activid1 h3 {font-family: "bahiana-regular", sans-serif; font-size: 2.5rem; letter-spacing: 0.05rem; margin: 90px 0 6px 0; color: #df6454; border-bottom: 4px solid #ed9a2e;}
#activid1 img {margin: 5px 0 0 0;}
#activid1 h1 {font-family: "bahiana-regular", sans-serif; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 150%; margin: 60px auto 12px auto; padding: 5px 0 5px 0; color: #333; text-align: left; border-top: 2px solid #df6454; border-bottom: 2px solid #df6454;}
#activid1 p {font-family: "rosario-regular-webfont", sans-serif; font-size: 0.8rem; margin: 17px 0 0 0; color: #333;}

.buttonanotate h5 {position: relative;
    font-family: "rosario-regular-webfont", sans-serif;
    color: #faf6e3;
    font-size: 1.35rem;
    text-align: center;
    background: #79bea6;
    float: right;
    margin: 30px 10px 30px 110px;
    padding: 10px 12px 10px 20px;
    box-shadow: 4px 4px 0 0 #6c6c6c;}

.buttonanotate2 h5 {position: relative;
    font-family: "rosario-regular-webfont", sans-serif;
    color: #faf6e3;
    font-size: 1.35rem;
    text-align: center;
    background: #79bea6;
    float: right;
    margin:30px 10px 30px 110px;
    padding: 10px 12px 10px 20px;
    box-shadow: 4px 4px 0 0 #6c6c6c;}

.buttonanotate3 h5 {position: relative;
    font-family: "rosario-regular-webfont", sans-serif;
    color: #faf6e3;
    font-size: 1.35rem;
    text-align: center;
    background: #79bea6;
    float: right;
    margin:30px 10px 30px 110px;
    padding: 10px 12px 10px 20px;
    box-shadow: 4px 4px 0 0 #6c6c6c;}

.buttonanotate a {
    text-decoration: none;
}

.buttonanotate h5:hover {
    background: #faf6e3;
    color: #79bea6;
}

.buttonanotate2 h5:hover {
    background: #faf6e3;
    color: #79bea6;
}
.buttonanotate3 h5:hover {
    background: #faf6e3;
    color: #79bea6;
}




/////////////////////////*ESTILO CANOTAJE*/////////////////////////

/*titulo canotaje*/ 

.titulodeportes {font-family: "bahiana-regular", sans-serif; font-size: 9rem;}

margin: 35px 0 -30px 10px; text-align: left; float: left;}

#activid1 h1 {
    font-family: "bahiana-regular", sans-serif;
    font-size: 1.2rem;
    letter-spacing: 0.08rem;
    line-height: 150%;
    margin: 60px auto 12px auto;
    padding: 5px 0 5px 0;
    color: #333;
    text-align: left;
    border-top: 2px solid #df6454;
    border-bottom: 2px solid #df6454;}


/*slide*/

#content {width:50%;}
.ic {border: 0; float: left; background: #fff; color: #f00; width: 25%; line-height: 10px; font-size: 10px; margin: 10% 0 0 0; overflow: hidden; padding: 0;}
.container_12 .grid_12 {width: 960px;}


/*content*/

.contenedorbajada {width: 100%; margin: 10px}

position .buttoninscripcion {margin: 50px;}

.buttoninscripcion h5 {position: relative;
    font-family: "rosario-regular-webfont", sans-serif;
    color: #faf6e3;
    font-size: 1.35rem;
    text-align: center;
    background: #79bea6;
    float: right;
    margin: 50px 131px 30px 110px;
    padding: 10px 12px 10px 20px;
    box-shadow: 4px 4px 0 0 #6c6c6c;}

.buttoninscripcion a {
    text-decoration: none;
}

.buttoninscripcion h5:hover {
    background: #faf6e3;
    color: #79bea6;
}

.buttoninscripcion h5:hover {
    background: #faf6e3;
    color: #79bea6;
}
.buttoninscripcion h5:hover {
    background: #faf6e3;
    color: #79bea6;
}




/*aside infoimportante2*/

aside.asideinfoimportante2 {max-width: 250px; height: 380px; width: 560; position: relative; float: right; margin: -935px 10px 0 150px; background-color: #E06454;padding: 20px}

.bajadarecaudos2 {margin-top: 10px;}

p.textorecaudos2 {font-family: "rosario-regular-webfont", sans-serif; font-size: 0.8rem; margin: 12px 0 0 0px; color: #FEECBC;}

.recaudos2 { position: relative; float: left;}
.importante2 {position: relative; float: left;margin:30px auto 0}
.indumentaria2 {position: relative; float:left; margin: 30px auto 0}

img.iconitos2 {position: absolute;width: 25px;height: 25px; margin: 0 auto 0}
h3.titulorecaudos2 {font-size: 1.5rem; font-family: "bahiana-regular", sans-serif; margin-left: 35px; letter-spacing: 0.04rem; color: #FEECBC;}
h3.tituloimportante2 {font-size: 1.5rem; font-family: "bahiana-regular", sans-serif; margin-left: 35px; letter-spacing: 0.04rem; color: #FEECBC;}
h3.titulocomodo2 {font-size: 1.5rem; font-family: "bahiana-regular", sans-serif; margin-left: 35px; letter-spacing: 0.04rem; color: #FEECBC;}

.video-1 {width: 100%; position: relative; float: left; margin: -280px 0px}
h5.subtitulocanotaje {font-size: 2.9rem; font-family: "bahiana-regular", sans-serif; margin:-80px 0 5px; 0.04rem; color: #ef6717;}




/////////////////////////*ESTILO KAYAK*/////////////////////////


/*titulo kayak*/ 
    
h3.titulokayak {font-size: 3.9rem; font-family: "bahiana-regular", sans-serif;
margin: 35px 0 -30px 10px; text-align: left; float: left;}

#activid2 h1 {
    font-family: "bahiana-regular", sans-serif;
    font-size: 1.2rem;
    letter-spacing: 0.08rem;
    line-height: 150%;
    margin: 60px auto 12px auto;
    padding: 5px 0 5px 0;
    color: #333;
    text-align: left;
    border-top: 2px solid #df6454;
    border-bottom: 2px solid #df6454;}


/*slide*/

#content2 {width:50%;}
.ic {border: 0; float: left; background: #fff; color: #f00; width: 25%; line-height: 10px; font-size: 10px; margin: 10% 0 0 0; overflow: hidden; padding: 0;}
.container_12 .grid_12 {width: 960px;}


/*content*/

.contenedorbajada {width: 100%; margin: 10px}

position .buttoninscripcion {margin: 50px;}

.buttoninscripcion h5 {position: relative;
    font-family: "rosario-regular-webfont", sans-serif;
    color: #faf6e3;
    font-size: 1.35rem;
    text-align: center;
    background: #79bea6;
    float: right;
    margin: 50px 131px 30px 110px;
    padding: 10px 12px 10px 20px;
    box-shadow: 4px 4px 0 0 #6c6c6c;}

.buttoninscripcion a {
    text-decoration: none;
}

.buttoninscripcion h5:hover {
    background: #faf6e3;
    color: #79bea6;
}

.buttoninscripcion h5:hover {
    background: #faf6e3;
    color: #79bea6;
}
.buttoninscripcion h5:hover {
    background: #faf6e3;
    color: #79bea6;
}

/////////////////////////*ESTILO REMO*/////////////////////////

/*titulo remo*/ 
    
h3.tituloremo {font-size: 3.9rem; font-family: "bahiana-regular", sans-serif;
margin: 35px 0 -30px 10px; text-align: left; float: left;}

#activid3 h1 {
    font-family: "bahiana-regular", sans-serif;
    font-size: 1.2rem;
    letter-spacing: 0.08rem;
    line-height: 150%;
    margin: 60px auto 12px auto;
    padding: 5px 0 5px 0;
    color: #333;
    text-align: left;
    border-top: 2px solid #df6454;
    border-bottom: 2px solid #df6454;}


/*slide*/

#content2 {width:50%;}
.ic {border: 0; float: left; background: #fff; color: #f00; width: 25%; line-height: 10px; font-size: 10px; margin: 10% 0 0 0; overflow: hidden; padding: 0;}
.container_12 .grid_12 {width: 960px;}


/*content*/

.contenedorbajada {width: 100%; margin: 10px}

position .buttoninscripcion {margin: 50px;}

.buttoninscripcion h5 {position: relative;
    font-family: "rosario-regular-webfont", sans-serif;
    color: #faf6e3;
    font-size: 1.35rem;
    text-align: center;
    background: #79bea6;
    float: right;
    margin: 50px 131px 30px 110px;
    padding: 10px 12px 10px 20px;
    box-shadow: 4px 4px 0 0 #6c6c6c;}

.buttoninscripcion a {
    text-decoration: none;
}

.buttoninscripcion h5:hover {
    background: #faf6e3;
    color: #79bea6;
}

.buttoninscripcion h5:hover {
    background: #faf6e3;
    color: #79bea6;
}
.buttoninscripcion h5:hover {
    background: #faf6e3;
    color: #79bea6;
}

/*aside infoimportante3*/

aside.asideinfoimportante3 {max-width: 250px; height: 380px; width: 560; position: relative; float: right; margin: -935px 10px 0 150px; background-color: #E06454;padding: 20px}

.bajadarecaudos3 {margin-top: 10px;}

p.textorecaudos3 {font-family: "rosario-regular-webfont", sans-serif; font-size: 0.8rem; margin: 12px 0 0 0px; color: #FEECBC;}

.recaudos3 { position: relative; float: left;}
.importante3 {position: relative; float: left;margin:30px auto 0}
.indumentaria3 {position: relative; float:left; margin: 30px auto 0}

img.iconitos2 {position: absolute;width: 25px;height: 25px; margin: 0 auto 0}
h3.titulorecaudos3 {font-size: 1.5rem; font-family: "bahiana-regular", sans-serif; margin-left: 35px; letter-spacing: 0.04rem; color: #FEECBC;}
h3.tituloimportante3 {font-size: 1.5rem; font-family: "bahiana-regular", sans-serif; margin-left: 35px; letter-spacing: 0.04rem; color: #FEECBC;}
h3.titulocomodo3 {font-size: 1.5rem; font-family: "bahiana-regular", sans-serif; margin-left: 35px; letter-spacing: 0.04rem; color: #FEECBC;}

.video-1 {width: 100%; position: relative; float: left; margin: -280px 0px}
h5.subtitulocanotaje {font-size: 2.9rem; font-family: "bahiana-regular", sans-serif; margin:-80px 0 5px; 0.04rem; color: #ef6717;}