/* CSS Document */


.carousel {
    overflow: hidden;
}

.carousel .inner {
    
}

.carousel .middle {
    overflow: auto;
}


/*INICIO*/
#carousel-wrapper {/*se definen las propiedades del contenedor mayor*/
width: 633px;
height: 340px;
overflow: hidden; /*se esconden las barras de scroll*/
}
#carousel-content {
width: 25000px; /*se define el ancho que podrán tener todos los slides juntos, si se exceed el carousel va a formar un "Segundo piso" asi que no importa el valor, cuanto mas ancho mejor.*/
}
#carousel-content .slide {/*define las propiedades de cada diapositiva*/
float: left;
width: 633px;
height: 260px;
}
/********************CASOS EXITO******************/
#casos-wrapper {/*se definen las propiedades del contenedor mayor*/
width: 242px;
height: 299px;
overflow: hidden; /*se esconden las barras de scroll*/

}
#casos-content {
width: 25000px; /*se define el ancho que podrán tener todos los slides juntos, si se exceed el carousel va a formar un "Segundo piso" asi que no importa el valor, cuanto mas ancho mejor.*/
}
#casos-content .slide {/*define las propiedades de cada diapositiva*/
float: left;
width: 242px;
height: 299px;
}
/*************************CASOS EXITO**********************************/
.carousel {
    overflow: hidden;
}

#example-2 {
    background-color: #C2BC6D;
    border: 1px solid #C2BC6D;
    width: 598px;
    height: 128px;
    margin-top: 15px;
}

#example-2 .middle {
    float: left;
    width: 512px;
    height: 150px;
}

#example-2 .inner img {
    float: left;
}

#example-2 a {
    float: left;
    width: 41px;
    height: 128px;
    background-color: #C2BC6D;
    text-align: center;
    text-decoration: none;    
    font-size: 36px;
    line-height: 120px;
}

#example-2 a.next {
    float: right;
}

#example-2 a:hover {
    color: #000;
}

#tab-2 ul li {
    display: block;
    padding-bottom: 5px;
}


/******************CALENDARIO*****************/
#calendario-wrapper {/*se definen las propiedades del contenedor mayor*/
width: 175px;
height: 300px;
overflow: hidden; /*se esconden las barras de scroll*/

}
#calendario-content {
width: 25000px; /*se define el ancho que podrán tener todos los slides juntos, si se exceed el carousel va a formar un "Segundo piso" asi que no importa el valor, cuanto mas ancho mejor.*/
}
#calendario-content .slide {/*define las propiedades de cada diapositiva*/
float: left;
width: 175px;
height: 300px;
}

/******************GALERIA********************************************/
#galeria-wrapper {/*se definen las propiedades del contenedor mayor*/
width: 490px;
height: 250px;
overflow: hidden; /*se esconden las barras de scroll*/

}
#galeria-content {
width: 25000px; /*se define el ancho que podrán tener todos los slides juntos, si se exceed el carousel va a formar un "Segundo piso" asi que no importa el valor, cuanto mas ancho mejor.*/
}
#galeria-content .slide {/*define las propiedades de cada diapositiva*/
float: left;
width: 503px;
height: 450px;
}
/***********************************BANNERS*********************************************/
#banner3-wrapper {/*se definen las propiedades del contenedor mayor*/
width: 267px;
height: 110px;
overflow: hidden; /*se esconden las barras de scroll*/

}
#banner3-content {
width: 25000px; /*se define el ancho que podrán tener todos los slides juntos, si se exceed el carousel va a formar un "Segundo piso" asi que no importa el valor, cuanto mas ancho mejor.*/
}
#banner3-content .slide {/*define las propiedades de cada diapositiva*/
float: left;
width: 267px;
height: 110px;
}



#banner1-wrapper {/*se definen las propiedades del contenedor mayor*/
width: 267px;
height: 110px;
overflow: hidden; /*se esconden las barras de scroll*/

}
#banner1-content {
width: 25000px; /*se define el ancho que podrán tener todos los slides juntos, si se exceed el carousel va a formar un "Segundo piso" asi que no importa el valor, cuanto mas ancho mejor.*/
}
#banner1-content .slide {/*define las propiedades de cada diapositiva*/
float: left;
width: 267px;
height: 110px;
}
#banner2-wrapper {/*se definen las propiedades del contenedor mayor*/
width: 267px;
height: 110px;
overflow: hidden; /*se esconden las barras de scroll*/

}
#banner2-content {
width: 25000px; /*se define el ancho que podrán tener todos los slides juntos, si se exceed el carousel va a formar un "Segundo piso" asi que no importa el valor, cuanto mas ancho mejor.*/
}
#banner2-content .slide {/*define las propiedades de cada diapositiva*/
float: left;
width: 267px;
height: 110px;
}
#banner4-wrapper {/*se definen las propiedades del contenedor mayor*/
width: 267px;
height: 110px;
overflow: hidden; /*se esconden las barras de scroll*/

}
#banner4-content {
width: 25000px; /*se define el ancho que podrán tener todos los slides juntos, si se exceed el carousel va a formar un "Segundo piso" asi que no importa el valor, cuanto mas ancho mejor.*/
}
#banner4-content .slide {/*define las propiedades de cada diapositiva*/
float: left;
width: 267px;
height: 110px;
}
#banner5-wrapper {/*se definen las propiedades del contenedor mayor*/
width: 267px;
height: 110px;
overflow: hidden; /*se esconden las barras de scroll*/

}
#banner5-content {
width: 25000px; /*se define el ancho que podrán tener todos los slides juntos, si se exceed el carousel va a formar un "Segundo piso" asi que no importa el valor, cuanto mas ancho mejor.*/
}
#banner5-content .slide {/*define las propiedades de cada diapositiva*/
float: left;
width: 267px;
height: 110px;
}
#banner6-wrapper {/*se definen las propiedades del contenedor mayor*/
width: 267px;
height: 110px;
overflow: hidden; /*se esconden las barras de scroll*/

}
#banner6-content {
width: 25000px; /*se define el ancho que podrán tener todos los slides juntos, si se exceed el carousel va a formar un "Segundo piso" asi que no importa el valor, cuanto mas ancho mejor.*/
}
#banner6-content .slide {/*define las propiedades de cada diapositiva*/
float: left;
width: 267px;
height: 110px;
}
#banner7-wrapper {/*se definen las propiedades del contenedor mayor*/
width: 267px;
height: 110px;
overflow: hidden; /*se esconden las barras de scroll*/

}
#banner7-content {
width: 25000px; /*se define el ancho que podrán tener todos los slides juntos, si se exceed el carousel va a formar un "Segundo piso" asi que no importa el valor, cuanto mas ancho mejor.*/
}
#banner7-content .slide {/*define las propiedades de cada diapositiva*/
float: left;
width: 267px;
height: 110px;
}
#banner8-wrapper {/*se definen las propiedades del contenedor mayor*/
width: 267px;
height: 110px;
overflow: hidden; /*se esconden las barras de scroll*/

}
#banner8-content {
width: 25000px; /*se define el ancho que podrán tener todos los slides juntos, si se exceed el carousel va a formar un "Segundo piso" asi que no importa el valor, cuanto mas ancho mejor.*/
}
#banner8-content .slide {/*define las propiedades de cada diapositiva*/
float: left;
width: 267px;
height: 110px;
}
#banner9-wrapper {/*se definen las propiedades del contenedor mayor*/
width: 267px;
height: 110px;
overflow: hidden; /*se esconden las barras de scroll*/

}
#banner9-content {
width: 25000px; /*se define el ancho que podrán tener todos los slides juntos, si se exceed el carousel va a formar un "Segundo piso" asi que no importa el valor, cuanto mas ancho mejor.*/
}
#banner9-content .slide {/*define las propiedades de cada diapositiva*/
float: left;
width: 267px;
height: 110px;
}
#banner10-wrapper {/*se definen las propiedades del contenedor mayor*/
width: 267px;
height: 110px;
overflow: hidden; /*se esconden las barras de scroll*/

}
#banner10-content {
width: 25000px; /*se define el ancho que podrán tener todos los slides juntos, si se exceed el carousel va a formar un "Segundo piso" asi que no importa el valor, cuanto mas ancho mejor.*/
}
#banner10-content .slide {/*define las propiedades de cada diapositiva*/
float: left;
width: 267px;
height: 110px;
}