#principal
{
	float: left;
	width: 530px;
	padding: 0px 20px 10px;
}
#principal H2
{
	color: #0055A7;
}
#principal H3
{
	color: #758289;
}
/**/
#nav, #nav UL
{
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}
#nav LI
{
	margin: 0;
	padding: 0;
	border: 0;
	display: inline;
	float: left;
	position: relative;
	z-index: 5;
}
#nav LI:hover
{
	z-index: 1000;
	white-space: normal;
}
#nav LI LI
{
	float: none;
	display: block;
}
#nav UL
{
	visibility: hidden;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
}
#nav LI:hover>UL
{
	visibility: visible;
	top: 100%;
}
#nav LI LI:hover>UL
{
	top: 0;
	left: 100%;
}
#nav:after, #nav UL:after
{
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}
#nav, #nav UL
{
	display: inline-block;
	min-height: 0;
}
#nav A
{
	text-decoration: none;
	display: block;
}
#nav UL
{
	background: url(../art/empty.gif);
	padding: 0 0 10px;
	margin: -5px 0 0;
}
#nav UL UL
{
	padding: 5px 0;
	margin: 0 !important; /*[e]0*/
	margin: 0 0 0 -25px;
}
/*Fix for IE5/Mac \



/







#nav a



{float:left;}







/* End Fix



this is end of functionality for the AdxMenu this is beginning of design for the AdxMenu - modify values here*/
#nav
{
	width: 964px;
/*give width*/
	height: 50px;
/*give height*/
	background: url(../img/main-navmatos.gif);
/*set bg*/
	margin: 0 0 25px;
}
#nav.main
{
	background: url(../img/main-navmatos.gif);
	padding: 0px 0px 0px 200px;
	width: 860px;
}
#nav A SPAN
{
	display: none;
/*hide links at top level*/
}
#nav UL A SPAN
{
	display: inline;
/*show links at second level*/
}
#nav A
{
	height: 50px;
/*expand links to fill li's*/
}
#nav #pan1
{
	width: 160px;
}
#nav #pan2
{
	width: 160px;
}
#nav #pan22
{
	width: 160px;
}
#nav #pan3
{
	width: 160px;
}
/*set background to hover and selected states*/
#nav #pan1 A:hover, #nav #pan1 A.selected
{
	background: url(../img/main-navmatos.gif) no-repeat -200px -50px;
}
#nav #pan2 A:hover, #nav #pan2 A.selected
{
	background: url(../img/main-navmatos.gif) no-repeat -360px -50px;
}
#nav #pan22 A:hover, #nav #pan22 A.selected
{
	background: url(../img/main-navmatos.gif) no-repeat -520px -50px;
}
#nav #pan3 A:hover, #nav #pan3 A.selected
{
	background: url(../img/main-navmatos.gif) no-repeat -680px -50px;
}
#nav.main #pan1 A:hover, #nav.main #pan1 A.selected
{
	background: url(../img/main-navmatos.gif) no-repeat -200px -50px;
}
#nav.main #pan2 A:hover, #nav.main #pan2 A.selected
{
	background: url(../img/main-navmatos.gif) no-repeat -360px -50px;
}
#nav.main #pan22 A:hover, #nav.main #pan22 A.selected
{
	background: url(../img/main-navmatos.gif) no-repeat -520px -50px;
}
#nav.main #pan3 A:hover, #nav.main #pan3 A.selected
{
	background: url(../img/main-navmatos.gif) no-repeat -680px -50px;
}
/*this have to be separate from above to make sure IE6 reades above rules set background to hover and selected states*/
#nav #pan1:hover>A
{
	background: url(../img/main-navmatos.gif) no-repeat -200px -50px;
}
#nav #pan2:hover>A
{
	background: url(../img/main-navmatos.gif) no-repeat -360px -50px;
}
#nav #pan22:hover>A
{
	background: url(../img/main-navmatos.gif) no-repeat -520px -50px;
}
#nav #pan3:hover>A
{
	background: url(../img/main-navmatos.gif) no-repeat -680px -50px;
}
#nav.main #pan1:hover>A
{
	background: url(../img/main-navmatos.gif) no-repeat -200px -50px;
}
#nav.main #pan2:hover>A
{
	background: url(../img/main-navmatos.gif) no-repeat -360px -50px;
}
#nav.main #pan22:hover>A
{
	background: url(../img/main-navmatos.gif) no-repeat -520px -50px;
}
#nav.main #pan3:hover>A
{
	background: url(../img/main-navmatos.gif) no-repeat -680px -50px;
}
/*BLOC ARTICLES*/
#bloc2
{
	width: 530px;
	/*[empty]background-color:;*/
	margin: 0 5px 5px 0;
}
#imagebloc2
{
	/*[empty]background-color:;*/
}
#titrebloc2
{
	font-size: 20px;
	color: #367F2B;
	font-weight: bold;
	padding: 5px 0;
	border: thin none;
	border-bottom: thin solid #367F2B;
}
#listebloc2
{
	/*[empty]background-color:;*/
	font-size: 11px;
}
#listebloc2 UL LI
{
	list-style-type: disc;
}