body {
	margin: 0em;
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000;
	background: #FFFFFF url(images/bckgrnd.jpg) no-repeat;
	border-top: 5px solid #333;
}

p, li {
	text-align: justify;
	list-style-type: square;
	list-style-image:   url(images/list.gif);
}

h1 {font-size: 14px;
	text-align: left;
	color: #333333;}

h2 {
	font-size: 11px;
	color: #AA4B33;
	font-family: Arial, Helvetica, sans-serif;
	border-left-width: 12px;
	border-left-style: solid;
	border-left-color: #727272;
	padding-left: 10px;
}

h3 {
	font-weight: bold;
	color: #666666;
	font-size: 11px;
	border-bottom: 1px #333333 solid;}

h4 {
	font-weight: bold;
	color: #999999;
	font-size: 12px;}

abbr, acronym {
	border-bottom: 1px dotted #666666;
	cursor: help;}

/* ---- links ------- */
a:link, a:visited {
	color: #927537;
	text-decoration: none;
	}

a:hover, a:active {
	color: #333;
	text-decoration: underline;
	}
	
	
/* ----- NEW MENU - menu principal ------ */

div#menuprin {
	left : 0px;
	margin: 50px 0px 0px;
	text-align: right;
}
div#menuprin div {
	margin-bottom: 1em;
	}

div#menuprin a {
	display: block; 
	margin: 0; 
	padding: 3px; 
	letter-spacing: 1px; 
	text-align: right; 
	border-bottom: 1px solid #DCDCDC; 
	color: #927537; 
	background: transparent none center left no-repeat; 
	text-decoration: none;
	}
div#menuprin a:link {
	color: #927537;
	background-color: transparent;
	}
div#menuprin a:visited {
	color: #927537;
	background-color: transparent;
	}
div#menuprin a:hover {
	background: #F0F0F0; 
	color: #999;
	}
div#menuprin a:active {
	background: #F0F0F0; 
	color: #999;
	}	
div#menuprin .grey {
	color: #999999;
	}	
	
	
	/* ----- NEW MENU - menu afrika ------ */

div#menuafri {
	left : 0px;
	margin: 0px 0px 0px;
	text-align: right;
}
div#menuafri div {
	margin-bottom: 1em;
	}

div#menuafri a {
	display: block; 
	margin: 0; 
	padding: 3px; 
	letter-spacing: 1px; 
	text-align: right; 
	border-bottom: 1px solid #DCDCDC; 
	color: #000; 
	background: transparent none center left no-repeat; 
	text-decoration: none;
	}
div#menuafri a:link {
	color: #000000;
	background-color: transparent;
	}
div#menuafri a:visited {
	color: #000000;
	background-color: transparent;
	}
div#menuafri a:hover {
	background: #F0F0F0; 
	color: #999;
	}
div#menuafri a:active {
	background: #F0F0F0; 
	color: #999;
	}
div#menuafri .grey {
	color: #999999;
	}



/* ---- Logo, Lateral y MenuFin----------------- */

#logo  {
	margin: 100px 0px 0px;
}
	
#left  {
	position: absolute;
	top: 5px;
	left : 0px;
	width: 220px;
	bottom: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ECECEC;
}

#menu  {
	padding-top: 40px;
	padding-left: 20px;
}

#content {
	position: absolute;
	top: 150px;
	left: 260px;
	width: 510px;}

#lateral {
	top: 280px;
	position: absolute;
	left: 540px;
	right: 20px;
	width: 200px;
	}


/* ----- Cajas ----------------- */
#bat {
	position: absolute;
	top: 170px;
	left: 270px;
	width: 240px;
}

#txikibat {
	position: absolute;
	top: 150px;
	left: 260px;
	width: 200px;
}

#bi {
	width: 220px;
	float: left;
	margin-left: 40px;
}

#hiru {
	width: 220px;
	float: left;
}

#lau {
	width: 160px;
	float: left;
	margin: 0px 10px 0px 0px;
}

#vela {
	margin: 0px 10px 0px 0px;
}

/* ---- galeria de fotos ------- */

#galeria {
	border: 0;
	position: relative;
	text-align: left;
	float: left;
	width: 490px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	left: 0px;
}
	
.thumbnail {
	float: left;
	width: 100px;
	border: 0px;
	margin: 0 5px 5px 0;
	padding: 5px;
	text-align: center;
}

.thumbnailbig {
	float: left;
	width: 150px;
	border: 0px;
	margin: 0 10px 5px 0;
	text-align: center;
}

.thumbnailbigborder {
	float: left;
	width: 150px;
	border: 1px solid #ddd;
	padding: 0px;
	margin: 0 10px 5px 0;
	text-align: center;
}

.clearboth { clear: both; }



/* ---- pie de pagina ------- */
#footer {
	color: #000;
	text-align: left;
	clear: both;
	font-size: 10px;
	voice-family:inherit;
	top: 20px;
	margin-top: 20px;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-image:   url(images/background_footer.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}

	
/* ----- extras ----------------- */	
.bajos {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D5D5D5;
}

.imagmargen {
	padding: 5px;
}

.destaqtext {
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

.argitext {
	font-weight: bold;
	color: #999;
	text-decoration: none;
}

.castellano {
	color: #666;
	text-decoration: none;
}

.castellanotit {
	color: #AE8839;
	text-decoration: none;
}

.argimenu {
	color: #999;
	text-decoration: none;
}

/* ----- PRECIOS ----------------- */	
.preus {
	border: 1px solid #FFCC99;
	padding: 10px;
	margin: 10px;
	background-color: #FFFFCC;
	font-size: 1.2em;
	}
.preus a {
	color: #039;
	text-decoration: underline;
	font-size: 1em;
	}
.preus a:link, .preus a:visited {
	color: #039;
	text-decoration: underline;
	font-size: 1em;
	}
.preus a:hover, .preus a:active {
	color: #039;
	text-decoration: underline;
	font-size: 1em;
	}

/* ----- SENSATA (Para quitar) ----------------- */	

.sensata {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}

.sensata a:link, a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}

.sensata a:hover, a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC3300;
	text-decoration: none;
}
.eeeh {
	text-align: center;
	color: #999999;
}