/*Maquetacion para Cicerone 08*/
body{
	background-color: #5A9306;
	text-align: center;
	margin: 0 auto;
	font-size: 100%;
	padding-bottom: 16px;
}

#logoOculto{
	display: none;
}

/*engloba toda la pagina*/
div.todo {
	margin: 0 auto;
	width: 956px;
	z-index: 0;
	font-family: Book Antiqua, Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 12px 0;
	background-image: url(../imagenes/baseCajaGrande.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	text-align: left;
}

/* Caja para la cabecera */
div.cabecera{
	background-color: #5A9306;
	z-index: 1;
	padding-bottom: 16px;
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
}

/*Caja para el menu superior*/
div.menuSup{
	background-color: #5A9306;
	width: 960px;
	height: 30px;
	text-align: right;
	position: absolute;
	padding-bottom: 16px;
}

/*caja para el menu inferior*/
div.menuInf{
	position: relative;
	top: 251px;
	left: 4px;
	z-index: 3;
	font-size: medium;
	
}

div.imagenFondo{
	position: absolute;
	padding-top: 33px;
	padding-left: 558px;
	z-index: 1;
}

/*caja para la imagen de cabecera*/
div.imgCabecera{
	height: 246px;
	width: 956px;
	padding-top: 16px;
	position: absolute;
	z-index: 2;
}

/*caja para el contenido de la pagina*/
div.contenido {
	padding: 14px;
	padding-top: 256px;
	background-color: white;
	border-left: solid #8C8C8C 1px;
	border-right: solid #8C8C8C 1px;
   height: 100%;
   overflow: auto;
}

/*caja para la columna izquierda*/
div.colIzq{
	width: 300px;
	float: left;
}

/* caja para el menu lareral */
div.menuLateral{
	background-image: url(../imagenes/casas.jpg);
	background-repeat: repeat-x;
	background-color: #B9E08F;
	background-position: bottom;	
	width: 289px;
	color: #6B3916;
	font-size: small;
	padding-bottom: 10px;
	padding-top: 12px;
	height: 88px; /*lo ponemos para ie6*/
	min-height: 88px; /*para el resto de navegadores*/
}

/** hack para ie6: asignar un tamanio minimo al menu lateral
y que se vea toda la imagen de fondo*/
html>body div.menuLateral{	
	height: auto;
}

/*caja para las imagenes*/
div.imagenes{
	text-align: center;
	margin-top: 20px;
}

/*caja para los datos de contacto*/
div.datosContacto{
	margin-top:20px;
	margin-left: 0;
	color: #6B3916;
	position: relative;
	top : -80px;
}

div.agenteViajes{
	height: 168px;
	width: 297px;
	background-image: url(../imagenes/agenteViajes.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-top:16px;
}

/*caja para la columan derecha*/
div.colDer{
	background-color: #F2F6E5;
	float: left;
	width: 593px;
	color: black;
	padding: 16px;
	font-size: 12px;
}

/*elemento para fijar el alto del div principal a la columna mas larga*/
br.noFloat{
	clear: both;
}

/*caja para el pie de pagina*/
div.piePagina{
	text-align: center;
	padding-bottom: 1px;
	text-decoration: none;
	margin: 0;
	background-color: white;
	height: 26px;
	border-left: solid #8C8C8C 1px;
	border-right: solid #8C8C8C 1px;
}

div.volver{
	float: right;
}

div.camino{
	margin-bottom: 8px;
	margin-right: 8px;
	font-size: small;
	color: Silver;
}

div.bloques{
	text-align: center;
}

div.flechaBloque{
	float: left;
	margin-left: 2px;
	margin-right: 2px;
}

div.interiorBloques{
	float: left;
	margin-left: 4px;
	margin-right:4px;
}

div.letraTexto{
	color: black;
}

div.letraTexto img{
   border: none;
}