
/* commun ---------------------------------- */

* {
	margin: 0;
	padding: 0;	
}

html {
	background-color: #fff;
	color: #313131;
}

body {
	font: 1em Tahoma, sans-serif;
}

ul, ol, li {
	list-style: none;
}

fieldset, a img {
	border: 0;
}

input, select, textarea {
	background-color: #fff;
	font: 1em sans-serif;
}
	
input:focus, select:focus, textarea:focus {
	background-color: #fff;
}

abbr, acronym {
	cursor: help;	
}

cite {
	font-style: italic;
}

blockquote, q {
	font-style: normal;
}
	
a {
	outline: none;	
}



/* general ---------------------------- */
.x0 {
	position: absolute;
	left: -5000px;
	top: -5000px;
}
	br.x0 {
		display: none;
	}
.cleaner {
	clear: both;
	display: block;
	width: 100%;
	height: 1px;
	font-size: 0;
}
.hr {
	display: block;
	clear: left;
	width: 100%;
	font-size: 0;
	height: 1px;
	background-color: #fff;
	border-top: 1px solid #CDB8B1;
	border-right: 1px solid #fff;
	border-left: 1px solid #CDB8B1;
	margin-top: 15px;
}
input, select, textarea, input:focus, select:focus, textarea:focus {
	color: #000;
}
map, img {
	border: 0;
}
html, body {
	background: #fff url(/img/bg-body.gif) repeat-y top;
}
body {
	background-color: #fff;
	color: #313131;
	border-top: 20px solid #F08900;
}
	body.noborder {
		border: 0;
		margin: 0;
		padding: 0;
	}
#header, #menu ul {
	width: 770px;
	border-left: 1px solid #B86900;
	border-right: 1px solid #B86900;
}
#header {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -385px;
	text-align: left;
	height: 185px;
}
	h1 {
		margin: 0;
		padding: 0;
		background: #fff url(/img/h1.gif) no-repeat top left;
		color: #F08900;
		display: block;
		width: 516px;
		height: 55px;
		position: absolute;
		z-index: 1;
		top: 60px;
		left: 14px;
	}
	p.phonenumber {
		position: absolute;
		z-index: 2;
		top: 75px;
		right: 23px;
		margin: 0;
		padding: 0;
		display: block;
		width: 103px;
		height: 34px;
		background: #fff url(/img/phonenumber.gif) no-repeat top left;
	}
#menu hr, #menu2 hr {
	display: none;
}
#menu {
	background: #F08900 url(/img/bg-menu.gif) repeat-x bottom;
	position: absolute;
	z-index: 1;
	top: 115px;
	width: 100%;
	height: 89px;
	border-bottom: 1px solid #7F3815;
	color: #F8E0BF;
}
	#menu ul {
		width: 770px;
		margin: 0 auto;
	}
		#menu li {
			float: left;
			border-right: 1px solid #B86900;
		}
		#menu li.m5 {
			border-right: 0;
		}
		#menu li.active {
			background: #B95200 url(/img/bg-menu-strong.gif) repeat-x bottom;
		}
			#menu a, #menu strong {
				position: relative;
				display: block;
				width: 124px;
				height: 89px;
				border-left: 1px solid #F08900;
				color: #fff;
			}
				#menu li.m2 a, #menu li.m2 strong {
					width: 139px; /* caso particular: el texto necesita + espacio... */
				}
			#menu li a {
				text-decoration: none;
				color: #F8E0BF;
			}
			#menu li.m1 a {
				background: transparent url(/img/bg-menu-m1-off.gif) no-repeat top left;
			}
			#menu li.m2 a {
				background: transparent url(/img/bg-menu-m2-off.gif) no-repeat top left;
			}
			#menu li.m3 a {
				background: transparent url(/img/bg-menu-m3-off.gif) no-repeat top left;
			}
			#menu li.m4 a {
				background: transparent url(/img/bg-menu-m4-off.gif) no-repeat top left;
			}
			#menu li.m5 a {
				background: transparent url(/img/bg-menu-m5-off.gif) no-repeat top left;
			}
			#menu li.m6 a {
				background: transparent url(/img/bg-menu-m6-off.gif) no-repeat top left;
			}
			#menu li.m1 strong {
				background: transparent url(/img/bg-menu-m1-on.gif) no-repeat top left;
			}
			#menu li.m2 strong {
				background: transparent url(/img/bg-menu-m2-on.gif) no-repeat top left;
			}
			#menu li.m3 strong {
				background: transparent url(/img/bg-menu-m3-on.gif) no-repeat top left;
			}
			#menu li.m4 strong {
				background: transparent url(/img/bg-menu-m4-on.gif) no-repeat top left;
			}
			#menu li.m5 strong {
				background: transparent url(/img/bg-menu-m5-on.gif) no-repeat top left;
			}
			#menu li.m6 strong {
				background: transparent url(/img/bg-menu-m6-on.gif) no-repeat top left;
			}
#menu2 {
	background: #C8C8C8 url(/img/bg-menu2.gif) repeat-x bottom;
	display: block;
	height: 17px; padding: 9px 0 0 6px;
	border-bottom: 1px solid #8D4701;
}
	#menu2 a, #menu2 strong {
		float: left;
		display: block;
		padding: 0 9px 0 0;
		margin-left: 9px;
		border-right: 1px solid #C7C7C9;
		height: 17px;
	}
	#menu2 a.m1 {
		width: 92px;
		background: transparent url(/img/bg-menu2-m1-off.gif) no-repeat;
	}	
	#menu2 a.m2 {
		width: 148px;
		background: transparent url(/img/bg-menu2-m2-off.gif) no-repeat;
	}	
	#menu2 a.m3 {
		width: 112px;
		background: transparent url(/img/bg-menu2-m3-off.gif) no-repeat;
		border: 0;
	}
	#menu2 strong.m1 {
		width: 92px;
		background: transparent url(/img/bg-menu2-m1-on.gif) no-repeat;
	}	
	#menu2 strong.m2 {
		width: 148px;
		background: transparent url(/img/bg-menu2-m2-on.gif) no-repeat;
	}
	#menu2 strong.m3 {
		width: 112px;
		background: transparent url(/img/bg-menu2-m3-on.gif) no-repeat;
		border: 0;
	}
	#menu2 span {
		display: block;
		height: 13px;
		font-size: 0;
		border-left: 1px solid #8E8F91;
		float: left;
	}
		#menu2 span span {
			display: none;
		}
#content {
	position:absolute;
	left: 50%;
	width: 770px;
	margin-left: -385px;
	text-align: left;
	border-left: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
}
	div.with_header {
		top: 205px;
	}
	#content div.zone0, #content div.zone1, #content div.zone2, #content div.zone3 {
		padding: 20px 10px;
		clear: both;
	}
	#content div.zone0, #content div.zone1 {
		background-color: #FDF3E5;
		border-top: 3px solid #fff;
		border-bottom: 1px solid #DBDBDB;
	}
	#content div.zone0 {
		margin: 0; 
		padding: 5px 0 5px 30px;
	}
	#content div.zone2 {
		background-color: #EFEFEF;
		border-bottom: 1px solid #fff;
	}
	#content div.zone3 {
		background: #D6D6D6 url(/img/bg-zone3.gif) repeat-x bottom;
	}
		#content span.zone1_arrow, #content span.zone2_arrow {
			display: block;
			width: 38px;
			height: 23px;
			position: absolute;
			z-index: 50;
			left: 90px;
			margin-top: -1px;
		}
		#content span.zone1_arrow {
			background: transparent url(/img/bg-zone1-arrow.gif) no-repeat top left;
		}
		#content span.zone2_arrow {
			background: transparent url(/img/bg-zone2-arrow.gif) no-repeat top left;
		}
		div.bloc div.padding {
			margin: 10px 10px 0 10px;
		}						
		div.zone1 div.bloc265 {
			background: transparent url(/img/zone1-bloc265.gif) no-repeat top left;
			width: 265px;
		}							
		div.zone1 div.bloc315 {
			background: transparent url(/img/zone1-bloc315.gif) no-repeat top left;
			width: 315px;
		}			
		div.zone1 div.bloc325 {
			background: transparent url(/img/zone1-bloc325.gif) no-repeat top left;
			width: 325px;
		}	
		div.zone1 div.bloc425 {
			background: transparent url(/img/zone1-bloc425.gif) no-repeat top left;
			width: 425px;
		}	
		div.zone1 div.bloc525 {
			background: transparent url(/img/zone1-bloc525.gif) no-repeat top left;
			width: 525px;
		}	
			div.zone1 div.blocA div.padding{
				padding-top: 10px;
			}
		div.zone2 div.blocA {
			background: transparent url(/img/zone2-blocA.gif) no-repeat top left;
			width: 325px;
		}
		div.zone2 div.blocB {
			background: transparent url(/img/zone2-blocB.gif) no-repeat top left;
			width: 405px;
		}
		dl {
			background: #FAFAFA url(/img/bg-dl.gif) repeat-x bottom;
			border-bottom: 4px solid #CDB8B1;
		}
			dt {
				display: block;
				height: 4px;
			}
			div.zone1 dt {
				border-right: 4px solid #FDF3E5;
			}
			div.zone2 dt {
				border-right: 4px solid #EFEFEF;
			}

	#content h2 {
		margin: 0; 
		padding: 5px 0 7px 0;
		font-family: Georgia, serif;
		color: #711B00;
		font-size: 16px;
	}
	#content h3 {
		/*margin: 0;*/ 
		padding: 5px 0;
		font-family: Georgia, serif; font-size: 12px;
		font-weight: bold;
		color: #711B00;
	}
	#content p, #footer {
		font-family: Georgia, serif;
	}
	#content ul {
		margin: 0;
		padding: 0 0 5px;
	}
	#content li, #content dd {
		font: 12px/16px Tahoma;
		color: #313131;
	}
	#content p {
		font: 12px/18px Tahoma;
		color: #313131;
	}
	#content dd {
		border-top: 1px solid #E2E2E2;
		border-right: 4px solid #CDB8B1;
		padding: 10px 5px 10px 25px;
		margin: 0;
		background: transparent url(/img/dd.gif) no-repeat top left;
	}
	#content dd.noborder {
		border-top: 0;
	}
	#content dd.nostyle {
		border-top: 0;
		background-image: none;
	}
	#content li.noborder {
		border-top: 0;
	}
	table {
		width: 100%;
		border: 0;
		border-collapse: collapse;
	}
		caption {
			background: #C9C9C9 url(/img/caption.gif) repeat top left;
			color: #711B00;
			font-family: Georgia, serif;
			font-weight: bold;
		}
			td, th {
				white-space: nowrap;
				font-size: 0.8em;
			}
			thead th, tbody td {
				text-align: center;
			}
			thead th {
				padding-top: 5px;
				background-color: transparent;
			}
			tbody th {
				text-align: left;
				color: #686868;
			}
			tbody td {
				background-color: #eee;
			}
	a.before, a.next {
		color: #00c;
	}
	a.before {
		background: transparent url(/img/a-preview.gif) no-repeat left;
		padding-left: 15px;
	}
	a.next {
		background: transparent url(/img/a-next.gif) no-repeat right;
		padding-right: 15px;
		margin-top: 5px;
	}
	a.pdf {
		display: block;
		padding: 5px 0 0 50px;
		background: transparent url(/img/a-pdf.gif) no-repeat top left;
		height: 35px;
		color: #fff;
	}
		html>body a.pdf {
			height: auto;
			min-height: 35px;
		}
	input.checkbox {
		background-color: #E3E3E3;
	}
	
	
#footer {
	border-top: 1px solid #FFD76D;
	margin-top: 20px;
	clear: left;
	background-color: #DA820C;
	text-align: center;
	padding: 10px 0;
	font-size: 7px;
	font-weight: normal;
}
	#footer hr {
		display: none;
	}
	#footer a {
		color: #313131;
		text-decoration: none;
	}
	#footer a:hover {
		text-decoration: underline;
	}
	