body {
	background-color: #eeeeee;
	margin: 0;
	color:#333;
	}
body,td,th,p,input {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color:#333;
}

a {	color: #333; text-decoration: none; }
a:hover { color: #060; text-decoration:underline;}

div.hr {
  height: 15px;
  background: url(cmp_09.gif) repeat-x scroll center;
}
div.hr hr {
  display: none;
}

.title {
	padding-left: 10px;
	font-family: MyFont;
	font-size: 15pt;
	color: #fff;
}

#subjects {
	font-family: "MyFont";
	font-size: 15pt;
	color:#FFFFFF;
}

#elements {
	font-family: "MyFont";
	font-size: 18pt;
	color:#666666;
	
}
#elements1 {
	font-family: "MyFont";
	font-size: 23pt;
	color:#009948;
	font-weight:800;
	
}
#elements2 {
	font-family: "MyFont";
	font-size: 23pt;
	color:#009948;
	font-weight:200;
	
}

#page {
		width: 925px;
		margin: 0 auto;
		}
#content {
	   text-align:justify;
}
#content_left {
		 background-color:#FFFFFF;
		 background-image:url(cmp_07.gif);
		 background-repeat:no-repeat;
		 width: 285px;
		 min-height:300px;
		 float: right;		 
		 margin: 4px;
        }

#topmen {
	height: 47px;
	background-color:#006600;
	background-image:url(cmp_01.gif);
	background-repeat:repeat-x;
	padding-left: 8px;
		 }
#bg_content {
		background-image:url(cmp_03.gif);
		background-position:top center;
		background-repeat:no-repeat;
}
#bg_shadow {
		background-image:url(cmp_04.gif);
		background-position:top center;
		background-repeat:no-repeat;
}
#bg_summary{
		height: 260px;
 		background-image:url(cmp_05.gif);
		background-color:#000000;
		background-position:top;
		background-repeat:repeat-x;
}
#bg_summary_notes { 
		color: #FFF;
		font-family: MyFont;
		font-size: 17px;
		text-transform: uppercase;
		}
.bg_summary_text { 
		color: #FFF;
		font-size: 11px;
		text-align:justify;
		}
.bg_summary_text a{ 
		color: #329311;
		text-decoration:none;
		text-align:justify;
		}
.bg_summary_text a:hover{ 
		color: #000000;
		text-decoration: underline;
		text-align:justify;
		}


#bg_foot{
	padding-left: 5px;
	height: 40px;
	background-image:url(cmp_06.gif);
	background-color:#e4e4e4;
	background-position:top;
	background-repeat:repeat-x;
	font-size: 16px;
	color:#666;
	text-transform: uppercase;
	font-family: "MyFont";
}
#content_pad{
    width:65%; 
	padding-left:10px;  
}
#space_td{
    padding-bottom:5px;  
}

/* menu */
#pageWrap {
	width:					400px;
	background-color:		transparent;
	margin:					25px auto;
	position:relative;
	float: right;
}
#pageBody {
	width:					625px;
	float: right;
}
div.hoverBtn {
	position: 		relative;
	float:			left;
	background:		black url(jquery/navBG.png) repeat-x 0 0 scroll;
	font-family: "MyFont";
	font-size: 15px;
	border-left:#333333 1px solid;
	border-right:#333333 1px solid;
	color:#fff;
}
div.hoverBtn a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			120px;
	height: 		47px;
	line-height: 	50px;
	text-align: 	center;
	font-size:		1.1em;
	text-decoration:none;
	color:#fff;
	background:		transparent none repeat-x 0 0 scroll;
}

div.hoverBtn div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:		white url(jquery/navHover.png) repeat-x 0 0 scroll;
}

/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:216px;
	width:585px;
	padding:10px;
}

#slideshow IMG {
    position:absolute;
    top:10;
    left:0;
	padding-left:10px;
    z-index:8;
    opacity:1.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* submenu buttons */

a.button{
	display:inline-block;
	color:#555555;
	font-weight:bold;
	height:19px;
	line-height:29px;
	margin-bottom:14px;
	text-decoration:none;
	width:104px;
	font-size:10px;
}
a:hover.button{
	color:#339119;
}

#sub_menus {
     width:550px;

}


/* -------------------- */
/* CLASSES				*/
/* -------------------- */
	.add{
	background:url(jquery/_submenu/mail.png) no-repeat 10px 8px;
	text-indent:29px;
	display:inline-block;
	}
	.delete{
		background:url(jquery/_submenu/norma.png) no-repeat 0px 8px;
		text-indent:19px;
		display:inline-block;
	}
	.user{
		background:url(jquery/_submenu/organi.png) no-repeat 0px 8px;
		text-indent:20px;
		display:block;
	}
	.alert{
		background:url(jquery/_submenu/boletines.png) no-repeat 6px 8px;
		text-indent:22px;
		display:block;
	}

/* news */
/*
	SLIDER
*/

#page-wrap 									{ width: 643px; margin: 0px auto; position: relative; min-height: 279px;}


.slider-wrap								{ width: 643px; position: absolute; top: 0px; left: 0px;}
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 643px; height: 218px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 643px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: -39px 0 0 58px; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(jquery/_feature/transpBlack.png); padding: 10px; height: 46px; 
											  margin-top: -65px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(jquery/_feature/icon-uparrowsmallwhite.png) top center no-repeat; }


/** font size **/
.fsizer { } /* Container element */

.fsizer a { display: block; float: left; width: 20px; margin-right: 5px; text-align: center; border: 1px dotted #ccc; color: #5761a0; text-decoration: none; cursor: pointer; letter-spacing: 0; line-height: 100%; }
.fsizer a:hover { text-decoration: none; background: #ebebeb;  }

/* Three 'A' links used to control size */

.fsizer a#fs_sml { font-size: 9px; height: 15px; padding-top: 5px; }
.fsizer a#fs_med { font-size: 13px; height: 17px; padding-top: 3px; }
.fsizer a#fs_lrg { font-size: 16px; height: 18px; padding-top: 2px; }

.fsizer a.fsactive { color: #000; background: #ebebeb; cursor: default; } /* When mode is active */
/* submenus */

.mmain {
	cursor: pointer;
	filter: Alpha(Opacity=85);
	padding: 1px;
	color: #333333;
	text-decoration: none;
}

.mmain IMG {
	moz-opacity: 0.5;
	filter: Gray;
}

.mmainup {
	cursor: pointer;
	padding: 1px;
	color: #000000;
	text-decoration: none;	
}

.msubup {
	cursor: pointer;
	padding: 1px;
	color: #006600;
	text-decoration: none;	
}
/* rotator in-page placement */
    div.rotator {
	position:relative;
	height:216px;
	margin-left: 0px;
	display: none;
}
/* rotator css */
	div.rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div.rotator ul li img {
	padding: 0px;
}
    div.rotator ul li.show {
	z-index:500
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/skeleton.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav, 
#nav ul {padding:0 0 6px 0; margin:0; list-style:none; font: 16px Arial, sans-serif; position:relative; z-index:200;}
#nav {height:25px; padding:0;}

#nav li {float:left;}
#nav li li {float:none; background:#f3f3f3;}
/* a hack for IE5.x and IE6 */
* html #nav li li {float:left;}

#nav li a {display:block; float:left; color:#fe8c08; font-weight:bold; margin:0 25px 0 10px; height:25px; line-height:25px; text-decoration:none; white-space:nowrap;}
#nav li li a {height:25px; line-height:20px; float:none; color:#960;}

#nav li:hover {position:relative; z-index:300; background-color:#e6e6e6;}
#nav li:hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {left:10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px; background-color:#fe8e0c;}
/* yet another hack for IE5.x and IE6 */
* html #nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px; color:#900;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; color:#b75;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;background-color:#008f31;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{color:#000000;}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#707070;}