/* CSS Document
carta colores
oscuro: #515643
azul claro: #A8DBD2
azul oscuro: #276878
naranja: #FBB040
*/
/* CSS centar pagina */
html, body { height:100%; }
.wrapper
{
	margin:auto;
	height: auto;
	width: 970px;
	background: #515643;
}
/* Div principales de estructura */
#linkbar {
	background: #FBB040;
	width: auto;
	color:#515643;
	clear: both;
	overflow: hidden;
	text-align: right;	
	padding: 3px 5px 3px 0;	
}
#cabecera{
	width: 970px;
	height: 90px;
	clear: both;
	background-image: url(../imagenes/bg_header.jpg);
}
#contenido
{
	width: 970px;
	height:auto;
	position: relative;
	z-index: 10;
	text-align: left;	
	clear: both;
	
	background-color:#015256;
}
#footer{
	/*background-image:url(../imagenes/bg-footer-cocodrilo.png);*/
	width: auto;
	height: 85px;
	padding-top:60px;
	clear: both;
	font-size: 10px;
	color: #276878;
	line-height: 12px;
	background-color: #eb7aa6;
	background-repeat: no-repeat;
	background-position: right top;
}

/*div borrar para flotantes*/
.clear{clear: both;}
/*div Fondos con imagen al final*/
#bgObeso{
	width:970px;
	height:auto;	
	background-image:url(../imagenes/bg-obeso.png);
	background-repeat: no-repeat;
	background-position: left bottom;	
}

/* Contenidos*/
/* columna Izquierda*/
#colMenu{width:275px; float:left; padding-left:10px; margin-right:15px;}
#logo{height:60px;}
#cabecera{ height:196px; margin-bottom:10px; width:275px;}
#cabecera a{ display: block; margin:0; background-image:url(../imagenes/bg-cabecera-2.png); width:275px; height:196px;}
#cabecera span{ display:none;}
.blanco{ height:200px; width:275px;}
/* Menu*/
#menu ul{margin:0; padding:0; list-style:none;}
#menu ul li{width:275px; text-align:center;}
#menu ul li a{width:275px; height:75px; display: block; margin:0 0 10px 0; background-image:url(../imagenes/btn-menu.png);}
/*#menu ul li.obeso a{background-position:0 -75px;}
#menu ul li.obeso a:hover{ background-position:0 -75px;}
#menu ul li.mompox a{background-position:0 -150px;}
#menu ul li.mompox a:hover{background-position:0 -225px;}
#menu ul li.bogas a{background-position:0 -300px;}
#menu ul li.bogas a:hover{background-position:0 -375px;}
#menu ul li.artesanos a{background-position:0 -450px;}
#menu ul li.artesanos a:hover{background-position:0 -525px;}
#menu ul li.libre a{background-position:0 -600px;}
#menu ul li.libre a:hover{background-position:0 -675px;}
#menu ul li.time a{background-position:0 -750px;}
#menu ul li.time a:hover{background-position:0 -825px;}
#menu ul li a span{ display:none;}*/

/* columna Centro*/
#colTexto{
	width:395px;
	float:left;
	margin-top:5px;
	/*background-color:#A8DBD2;	*/
	background-color:#015256;
}
.texto{		
	width:365px;
	color:#FFFFFF;	
	padding:0 15px 50px 15px;
	
	}
.titulo{
	height:63px;
	background-color:#515643;
	background-image:url(../imagenes/bg-coltexto.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
#colTexto blockquote{ font-style:italic; font-weight:bold;}
#colTexto blockquote .cita{ font-style:normal; font-weight:normal; font-size:11px;}

/* columna Derecha*/
#colImages{width:275px; float:left;}
.imgbox{width:250px; margin:0 5px 25px 15px; color:#FFFFFF; font-size:11px;font-style:italic;}
.imgbox img{border-top:3px solid #FBB040; margin-bottom:5px;}
.imgbox .top{border-top:0 solid #FBB040; margin-bottom:5px;}
/* 
Css HOME
columna Derecha*/  /*Donde se coloca la imagen del organo*/
#headerHome{
	background-image:url(../imagenes/bg-home-header-festival.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:20px;
	width:595px;
	height:220px;
	border-bottom:2px solid #FBB040;
	margin:10px 0;
}
#colFestival{
	width:365px; 
	float:left;
	background-image:url(../imagenes/bg-col-festival.png);
	background-repeat: no-repeat;
	background-position:top;
	background-color:#0a6064;
	color:#fffeff; 
	font-style:italic; 
	font-weight:bold;

}
.FestivalTxt{ 
	
	padding:57px 10px 0 10px ;

}
.Bogatitulo{ 
	width:265px;
	height:73px;	
}

.informacion_general{ font-style:normal; font-weight:normal; border-top:1px solid #276878; margin-top:50px; padding-top:15px;}
.logos{text-align:center;}

/*columna Izquierda*/
#colLeft{
	float:left;
	width:595px;
	/*background-image:url(../imagenes/bg-home.png);
	background-repeat: repeat-x;
	background-position:bottom;*/
}
/* columna Centro*/
#colTextoHome{
	width:275px;
	float:left;
}
.textoHome{		
	width:275px;
	color::#ffffff;	
	padding:0 15px 50px 15px;
}
/* 
linea de tiempo
*/
#tituloTime{height:60px;}
#colTime{
	float:left;
	width:660px;
}
#textoTime{
	width:660px;
	background-color:#A8DBD2;
	color:#515643;
}
.colcitalinea{
	width:335px;
	float:left;
	background-image:url(../imagenes/bg-linea.png);
	background-repeat: repeat-y;
	background-position: right top;
}
.colcita{ width:325px; float:left;}
.margen{padding:0 35px 20px 35px;}

#bannerTime{
	background-color:#A8DBD2;
	margin-top:10px;
	padding:30px 0 10px 0;
	width:660px;
	height:160px;
	background-image:url(../imagenes/bg-time.png);
	background-position:center;
	background-repeat: no-repeat;
}
/* Easy Slider */
#prevBtn{ float:left; width:430px; border-top:1px dotted #fff;  text-align:left; padding:5px 0 20px 10px; font-size:14px;}
#nextBtn{float:left; width:210px; border-top:1px dotted #fff; text-align:right; padding:5px 10px 20px 0 ; font-size:14px;}
#slider{padding:20px 0 5px 0; border-top:1px dotted #0099CC; border-bottom:1px dotted #0099CC; }
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}
#slider li
{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:165px;
	height:185px;
	background-image:url(../imagenes/bg-slider.png);
	background-position:top left;
	background-repeat: no-repeat;
	overflow:hidden; 
}	
#slider li.cafe{background-image:url(../imagenes/bg-slidercafe.png);}	
/* CSS for single Slide */
.slide { padding-left:15px;}
#slider h3{
	display:block;
	margin:0;
	width:49px;
	height:25px;
	background-image:url(../imagenes/bg-linea-de-tiempo.png);
	background-repeat: no-repeat;
}
#slider h3 span { display:none;}
#slider h3.t1851{background-position:0 -25px;}
#slider h3.t1858{background-position:0 -50px;}
#slider h3.t1866{background-position:0 -75px;}
#slider h3.t1867{background-position:0 -100px;}
#slider h3.t1871{background-position:0 -125px;}
#slider h3.t1877{background-position:0 -150px;}
#slider h3.t1878{background-position:0 -175px;}
#slider h3.t1880{background-position:0 -200px;}
#slider h3.t1882{background-position:0 -225px;}
#slider h3.t1883{background-position:0 -250px;}
#slider h3.t1884{background-position:0 -275px;}
.txtTime{ padding:1px 5px 0 10px; color:#327E88;}
#slider li.cafe .txtTime{ padding:1px 5px 10px 10px; color:#515643;}


/* CSS for single Slide */