/* ------------------------------------------------------------
	Reset Styles (from meyerweb.com)
------------------------------------------------------------ */ 

.sitemap div, .sitemap span, .sitemap applet, .sitemap object, .sitemap iframe,
.sitemap h1, .sitemap h2, .sitemap h3, .sitemap h4, .sitemap h5, .sitemap h6, .sitemap p, .sitemap blockquote, .sitemap pre,
.sitemap a, .sitemap abbr, .sitemap acronym, .sitemap address, .sitemap big, .sitemap cite, .sitemap code,
.sitemap del, .sitemap dfn, .sitemap em, .sitemap font, .sitemap img, .sitemap ins, .sitemap kbd, .sitemap q, .sitemap s, .sitemap samp,
.sitemap small, .sitemap strike, .sitemap strong, .sitemap sub, .sitemap sup, .sitemap tt, .sitemapvar,
.sitemap dl, .sitemap dt, .sitemap dd, .sitemap ol, .sitemap ul, .sitemap li,
.sitemap fieldset, .sitemap form, .sitemap label, .sitemap legend,
.sitemap table, .sitemap caption, .sitemap tbody, .sitemap tfoot, .sitemap thead, .sitemap tr, .sitemap th, .sitemap td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline; 
}



/* ------------------------------------------------------------
	NUMBER OF COLUMNS: Adjust #primaryNav li to set the number
	of columns required in your site map. The default is 
	4 columns (25%). 5 columns would be 20%, 6 columns would 
	be 16.6%, etc. 
------------------------------------------------------------ */

#primaryNav li {
	width:24.9%;
}

#primaryNav li ul li {
	width:100% !important;
}

#primaryNav.col1 li { width:99.8%; }
#primaryNav.col2 li { width:49.9%; }
#primaryNav.col3 li { width:33.2%; }
#primaryNav.col4 li { width:24.9%; }
#primaryNav.col5 li { width:19.9%; }
#primaryNav.col6 li { width:16.5%; }
#primaryNav.col7 li { width:14.1%; }
#primaryNav.col8 li { width:12.4%; }
#primaryNav.col9 li { width:11.0%; }
#primaryNav.col10 li { width:9.9%; }

/* ------------------------------------------------------------
	General Styles
------------------------------------------------------------ */

.sitemap {
	clear:both;
	margin: 20px 0 40px 0;
	float: left;
	width: 100%;
}
.sitemap h1 {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 20px;
	margin: 0 0 5px 0;
	color:#333333;
}
.sitemap h2 {
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 10px;
	color: #777777;
	margin: 0 0 20px 0;
}
.sitemap a {
	text-decoration: none;
}
.sitemap ol, .sitemap ul {
	list-style: none;
}


/* ------------------------------------------------------------
	Site Map Styles
------------------------------------------------------------ */

/* --------	Top Level --------- */

#primaryNav {
	margin: 0;
	float: left;
	width: 100%;
}
#primaryNav #home {
	display: block;
	float: none;
	background: #ebefeb url('diagramas/L1-left.png') center bottom no-repeat;
	position: relative;
	z-index: 2;
	padding: 0 0 30px 0;
}
#primaryNav li {
	float: left;
	background: url('diagramas/L1-center.png') center top no-repeat;
	padding: 30px 0;
	margin-top: -30px;
}
#primaryNav li a {
	margin: 0 20px 0 0;
	padding: 10px 0;
	display: block;
	font-size: 14px;
	/*font-weight: bold;*/
	text-align: center;
	color: #303030;	
	background: #ebefeb url('diagramas/white-highlight.png') top left repeat-x;
	border: 2px solid #cdcbcd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}
#primaryNav li a:hover {
	/*background-color: #e2f4fd;
	border-color: #97bdcf;*/
}
#primaryNav li:last-child {
	background: url('diagramas/L1-right.png') center top no-repeat;
}
.sitemap a:link:before,
.sitemap a:visited:before {
	content: " "attr(href)" ";
	display: block;
	text-transform: uppercase;
	font-size: 10px;
	margin-bottom: 5px;
	word-wrap: break-word;
}
#primaryNav li a:link:before,
#primaryNav li a:visited:before {
	color: #78a9c0;
}

/* --------	Second Level --------- */

#primaryNav li li {
	width: 100%;
	clear: left;
	margin-top: 0;
	padding: 10px 0 0 0;
	background: url('diagramas/vertical-line.png') center bottom repeat-y;
}
#primaryNav li li a {
	background-color: #cee3ac;
	border-color: #b8da83;
}
#primaryNav li li a:hover {
	/*border-color: #94b75f;
	background-color: #e7f1d7;*/
}
#primaryNav li li:first-child {
	padding-top: 30px;
}
#primaryNav li li:last-child {
	background: url('diagramas/vertical-line.png') center bottom repeat-y;
}
#primaryNav li li a:link:before,
#primaryNav li li a:visited:before {
	color: #8faf5c;
}

/* --------	Third Level --------- */

#primaryNav li li ul {
	margin: 10px 0 0 0;
	width: 100%;
	float: right;
	padding: 9px 0 10px 0;
	background: #ebefeb url('diagramas/L3-ul-top.png') center top no-repeat;
}
#primaryNav li li li {
	background: url('diagramas/L3-center.png') left center no-repeat;
	padding: 5px 0;
}
#primaryNav li li li a {
	background-color: #fff7aa;
	border-color: #e3ca4b;
	font-size: 12px;
	padding: 5px 0;
	width: 80%;
	float: right;
}
#primaryNav li li li a:hover {
	/*background-color: #fffce5;
	border-color: #d1b62c;*/
}
#primaryNav li li li:first-child {
	padding: 15px 0 5px 0;
	background: url('diagramas/L3-li-top.png') left center no-repeat;
}
#primaryNav li li li:last-child {
	background: url('diagramas/L3-bottom.png') left center no-repeat;
}
#primaryNav li li li a:link:before,
#primaryNav li li li a:visited:before {
	color: #ccae14;
	font-size: 9px;
}


/* ------------------------------------------------------------
	Utility Navigation
------------------------------------------------------------ */

#utilityNav {
	float: right;
	max-width: 50%;
	margin-right: 10px;
}
#utilityNav li {
	float: left;
	margin-bottom: 10px;
}
#utilityNav li a {
	margin: 0 10px 0 0;
	padding: 5px 10px;
	display: block;	
	border: 2px solid #e3ca4b;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: black;
	background: #fff7aa url('diagramas/white-highlight.png') top left repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */	
}
#utilityNav li a:hover {
	background-color: #fffce5;
	border-color: #d1b62c;
}
#utilityNav li a:link:before,
#utilityNav li a:visited:before {
	color: #ccae14;
	font-size: 9px;
	margin-bottom: 3px;
}

/* ------------------------------------------------------------
	links by Fco lopez
------------------------------------------------------------ */

#primaryNav li a span.diagram_btn{
	display:block;
	height:35px;
	margin:5px auto;
	background:transparent url('../../media/diagram_btn.png') scroll no-repeat 50% 50%;   
}