/* 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;
}
#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: #FBB040;
	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;	
	margin-top:5px;
}

/* 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.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;	
}
.texto{		
	width:365px;
	color:#515643;	
	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;
}
.titulooff{
	height:63px;
	background-color:#515643;
	background-image:url(../imagenes/bg-titulo.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:10px;}

/* columna Derecha*/
#colImages{width:275px; float:left;}
.imgbox{width:250px; margin:0 5px 25px 15px; color:#A8DBD2; font-size:10px; font-style:italic;}
.imgbox img{border-top:3px solid #FBB040; margin-bottom:5px;}

/* 
Css HOME
columna Derecha*/
#logoHome{ width:90px; text-align:center; padding-top:3px;}
#headerHome{
	background-image:url(../imagenes/bg-home-header.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:8px;
	width:695px;
	height:220px;
	border-bottom:2px solid #FBB040;
	margin:10px 0;
}
#colBoga{
	width:265px; 
	float:left;
	background-image:url(../imagenes/bg-col-boga.png);
	background-repeat: no-repeat;
	background-position:top;
	background-color:#A8DBD2;
	color:#515643; 
	font-style:italic; 
	font-weight:bold;
}
.BogaTxt{ padding:67px 10px 0 10px ;}
.Bogatitulo{width:265px; height:73px;}
.creditos{ 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:695px;
	/*background-image:url(../imagenes/bg-home.png);
	background-repeat: repeat-x;
	background-position:bottom;*/
}
/* columna Centro*/
#colTextoHome{
	width:395px;
	float:left;
}
.textoHome{		
	width:365px;
	color:#A8DBD2;	
	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:322px; float:left;}
.margen{padding:0 35px 20px 35px;}

#bannerTime{
	background-color:#A8DBD2;
	margin:0 0 5px 0;
	width:660px;
	height:160px;
	background-image:url(../imagenes/bg-time.png);
	background-position:top;
	background-repeat: no-repeat;
	/*border-top:1px dotted #0099CC;*/
}
/* Easy Slider */
#bgbtn{ background-color:#A8DBD2; height:50px;  border-bottom:1px dotted #276878;
background-image:url(../imagenes/bg-time-titulo.png);
	background-position:top;
	background-repeat: no-repeat;}
#prevBtn, #nextBtn{ 
	display:block;
	width:100px;
	height:30px;
	position:absolute;
	left:300px;
	top:70px;
}	
#nextBtn{ 
	left:860px;
	
}														
#prevBtn a, #nextBtn a{
	display:block;
	width:100px;
	height:30px;
	background-image: url(../imagenes/btn-slider.png);
	background-repeat: no-repeat;
}	
#nextBtn a{background-position: 0 -30;}	

/*#slider{}*/
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	background-position: bottom;
}
#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 */