@charset "iso-8859-2";

html, body, form, input, select, fieldset {
	font-size:	12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	text-align: justify;
}

body {
	background: url(pics/headerBg.png) repeat-x;
	background-color: #fff;
	margin-top: 0px;
	white-space: normal;
	word-spacing:normal;
	letter-spacing:normal;
}

strong{font-weight: bold}
em 	{font-style: italic}
.boldItalic {font-weight: bold; font-style: italic}

small {
	font-size: 8pt;
	color: #000;
	font-weight: 100;
}

#middle {
	position: relative;	
	width:	956px;
	margin: 0px auto;
}

/*------------------- page header --------------------*/


#header {
	background: url(pics/header.png) no-repeat;
	height: 177px;
	z-index: 1;
}

#headerFlash {
	position: relative;
	top: 6.5%;
	left: 32.6%;
}

#mainButton {
	position: absolute;
	top:18px;
	left:70px;
	height: 130px;
	width:	160px;
	z-index: 2;
}
#mainButton  img{
	border: none;
}

#leftCross {
	background: url(pics/leftCross.png) no-repeat;
	width:214px;
	height: 420px;
	position: absolute;
	left: -173px;
	top: 0;
	z-index:10;
}

#rightCross {
	background: url(pics/rightCross.png) no-repeat;
	width:246px;
	height: 420px;
	position: absolute;
	right: -205px;
	top: 0;
	z-index:10;
}

/*------------------- page content --------------------*/
#content {
	position: relative;
	background: url(pics/mainBg.png) repeat-y;
	min-height: 300px; 
	z-index:2;
}

/*------------------- sidePage --------------------*/

#homepage_side {
	font-size: 12px;
	position: relative;
	width: 100%;
	left: 50px;
	z-index: 3;
	float: left;
	margin-right: -100%;
	overflow: visible;
}

#homepage_side .bg {
	position: relative;
	background: url(pics/mainBg.png) repeat-y;
	left: -50px;
	z-index: 2;
}

#menu  {
	position:relative;
	list-style-type: none;
	margin-left:4.9%;
	margin-top:0;
	width:285px;
}

#menu dt{
	z-index:56;
	height:34px;
	font-size:10pt;
	font-weight: bold;
	position: relative;
	
}

#menu dd {
	margin:0;
	font-size:11px;
}

#menu .menu1 {
	background: url(pics/menu1Bg.png) no-repeat;
	width:285px;
	height:34px;
}
#menu .menu2{
	background: url(pics/menu2Bg.png) no-repeat;
	width:249px;
	height:34px;
}
#menu .menu3{
	background: url(pics/menu3Bg.png) no-repeat;
	width:221px;
	height:34px;
}
#menu .menu4{
	background: url(pics/menu4Bg.png) no-repeat;
	width:201px;
	height:34px;
}
#menu .menu5{
	background: url(pics/menu5Bg.png) no-repeat;
	width:185px;
	height:34px;
}
#menu .menu6{
	background: url(pics/menu6Bg.png) no-repeat;
	width:173px;
	height:34px;
}
#menu .menu7{
	background: url(pics/menu7Bg.png) no-repeat;
	width:165px;
	height:34px;
}
#menu .menu8{
	background: url(pics/menu8Bg.png) no-repeat;
	width:160px;
	height:34px;
}
#menu .menuEnd{
	background: url(pics/menuEndBg.png) no-repeat;
	width:156px;
	height:17px;
}

#menu dt span{
	display: block;
	padding-top: 8px;
	padding-left: 7px;
}

#menu,
#menu a {
	color: #fff;
	text-decoration: none;
}

#menu dt a:hover {
	text-decoration: underline; 
}

#menu ul{
	list-style-type: none;
 	margin:0;
	padding: 0;
	position:relative;
	left:13px;
	width: 130px;
	/*z-index: -1;*/
}

#menu ul li span {
	display: block;
	width: 128px;
	height: 20px;
	padding-top: 4px;
	padding-left: 8px;
	background-color: #d25d5d;
	color:#fff;
	border-width: thin;
	border-bottom: solid thin;
}

#menu ul li a{
	display: block;
	position: relative;
	top: -4px;
	left: -8px;
	width: 128px;
	height: 20px;
	padding-top: 4px;
	padding-left: 8px;
}


#menu .doubleRow,
#menu .doubleRow a {
	height: 39px;
}

/*
#menu .smenu1J span a{
	width:115px;
	color: #fff;
	background-color: #d25d5d;;
}


#menu .smenu1J span {
	width:115px;
	color: #fff;
	background-color: #c50f0f;
}

#menu .smenu1J span a:hover {
	width:115px;
	color: #fff;
	background-color: #c50f0f;
}
*/
#menu ul li a:hover,
body.smenu1A #menu .smenu1A span,
body.smenu1B #menu .smenu1B span,
body.smenu1C #menu .smenu1C span,
body.smenu1D #menu .smenu1D span,
body.smenu1E #menu .smenu1E span,
body.smenu1F #menu .smenu1F span,
body.smenu1G #menu .smenu1G span,
body.smenu1H #menu .smenu1H span,
body.smenu1I #menu .smenu1I span,
body.smenu1J #menu .smenu1J span,

body.smenu2A #menu .smenu2A span,
body.smenu2B #menu .smenu2B span,
body.smenu2C #menu .smenu2C span,

body.smenu3A #menu .smenu3A span,
body.smenu3B #menu .smenu3B span,
body.smenu3C #menu .smenu3C span,

body.smenu4A #menu .smenu4A span,
body.smenu4B #menu .smenu4B span,
body.smenu4C #menu .smenu4C span{
	color: #fff;
	background-color: #c50f0f;
}

body.smenu4D #menu .smenu4D span{
	color: #fff;
	background-color: #c50f0f;
}

#homepage_side .sideBanner {
	position: relative;
	width: 122px;
	margin-left: 6%;
	margin-top:1%;	
}

#homepage_side .placeHolder{height: 0px}


/*----------------- middlePage ---------------------------------*/



#homepage_middle {
	position: relative;
	width:550px;
	left: 310px;
	top:50px;
	z-index: 3;
}
#homepage_middle .infoLista {padding:5px;}

#homepage_middle .infoLista li, 
#homepage_middle .infoListaH li, 
#homepage_middle .mainInfoLista li{margin-bottom: 10px; list-style-type: none;}

#homepage_middle .infoLista li ul,
#homepage_middle .infoListaH li ul,
#homepage_middle .mainInfoLista li ul{margin-top: 5px;}

#homepage_middle .infoLista li li,
#homepage_middle .infoListaH li li,
#homepage_middle .mainInfoLista li li{margin-bottom: 0px; list-style-type: none;}

#homepage_middle ul li { list-style-type:square;}

#homepage_middle ol li { list-style-type:decimal;}
#homepage_middle ol ul {	padding-left:15px; }
#homepage_middle ol ul li {	list-style-image:url(pics/line.png); padding-left: 5px;}

#homepage_middle  a {	color: #000;}

#menuInfo ,
#menuInfo a{
	color: #d31e12;
	color: #AB0900;
	font-size: 8pt;
	margin:0;
	padding:0;
}

h1 {
	color: #d31e12;
	color: #AB0900;
	font-size: 13.4pt;
	border-bottom: #d31e12 solid 1px;
	margin-bottom: 25px;
}


h2 {
	margin-top: 30px;
	color: #d31e12;
	color: #AB0900;
	font-size: 12pt;
	/* border-bottom: #d31e12 dashed thin; */
}

h3 {
	margin-top: 20px;
	color: #d31e12;
	color: #AB0900;
	font-size: 11pt;
	/* border-bottom: #d31e12 dotted thin; */
}

h4{
	margin-top: 20px;
	margin-bottom: -5px;
	color: #d31e12;
	color: #AB0900;
	font-size: 10pt;
}

h5 {
	margin-top: 20px;
	margin-bottom: -5px;
	font-size: 10pt;
	color: #d31e12;
	color: #AB0900;
	font-weight:normal;
}

.class {margin-top: 10px;}

#classNavi {
	text-align: left;
	
}

.alignRight {
	text-align: right;
}

#classNavi .alignRight a {
	text-align: left;
	display:block;
	position: absolute;
	top: 47px;
	right:-68px;
	background: url(pics/topBack2.png) no-repeat;
	width: 288px;
	height: 23px;
	color: #fff;
	font-size:12px;
	padding-top: 5px;
	padding-left: 68px;
	text-decoration:none;
}


.h2 {
	margin-left:1.5%;
	margin-bottom:10px;
	/* background-color: #F3FFF3;*/
	border-left: #d31e12 solid 1px;
	padding: 0 5px 0px 10px;
	position:relative;
	overflow: visible;
}

.h3 {
	margin-left:1%;
	margin-bottom:10px;
	/* background-color: #F3FFF3;
	border: #09B509 solid thin;*/ 
	border-left: #d31e12 solid 1px;
	padding: 0 5px 0px 10px;
	position:relative;
	overflow: visible;
}
.h4 {
	margin-left:1%;
	padding-left: 60px;
	margin-top: 15px;
	/* margin-bottom: 10px;
	background-color: #F9FFF9;
	border: #09B509 solid thin; */
	border-left: #d31e12 solid 1px;
	padding: 0px 5px 0px 5px;
	position:relative;
	overflow: visible;
}

#homepage_middle .baseDropDown a {
	font-weight: bold;
	text-decoration: none;
}

#homepage_middle h2 a,
#homepage_middle h3 a,
#homepage_middle h4 a{
	color: #d31e12;
	color: #aa2e2e;
	color: #AB0900;
	text-decoration: none;
}


#homepage_middle h2 a:hover, 
#homepage_middle h3 a:hover,
#homepage_middle h4 a:hover { color: #C84E46;}


#homepage_middle h5 a{
	color: #5B0909;
	text-decoration: none;
}

#homepage_middle h2 a span, 
#homepage_middle h3 a span, 
#homepage_middle h4 a span,
#homepage_middle h5 a span,
#homepage_middle .baseDropDown a span{
	font-weight: normal;
	font-size: 10px;
	color: #fff;
	text-decoration: none;
}

.backToContent {
	width: 98%;
	text-align:right;
	margin-top:-5px;
}

.expandButton {
	font-size: 10pt;
	font-weight: normal;
}

.hExpandButtonDown {
	display: block;
	position: relative;
	padding: 0px 0;	
	margin-bottom: -5px;
}

.hExpandButtonUp {
	display:block;
	position:relative;
	padding: 0px 0;
	top: -15px;
	margin-bottom: -20px;
}


#homepage_middle .mainInfoLista .hExpandButtonDown {
	margin-left: -30px;
	margin-bottom: -0px;
}

#homepage_middle .mainInfoLista .hExpandButtonUp {
	margin-left: -30px;
}

#homepage_middle .h2  .hExpandButtonUp {
	margin-left: -20px;
}

#homepage_middle .h4  .hExpandButtonUp {
	margin-left: -10px;
}

#homepage_middle .mainInfoLista {
	padding:15px;
	background-color: #F3FFF3;
	border: #09B509 solid 1px;
	position:relative;
	width: 95%;
	overflow: visible;
}

#homepage_middle .infoListaH {
	padding:5px;
	padding-left:2%;
	margin-left: 1%;
	border-left: #d31e12 solid 1px;
	position:relative;
	overflow: visible;
}

#homepage_middle .deeperP {margin-left:20px;}

#homepage_middle .floatFoto {
	float:left;
	margin: 0 2% 0 0;
	border-left: #d31e12 solid 1px;
	padding-left: 11px;
	margin-left: -11px;
}

#homepage_middle .placeHolder{height: 50px}

#homepage_middle  .centerImg{
	margin: 1% auto;
	margin-left: 13.5%;
}

#homepage_middle .pirulap {
	text-align: center;
	float: left;
	padding: 1%;
	margin: 1%;
}

#homepage_middle .pirulap a{text-decoration: none;}
#homepage_middle .pirulap a:hover{text-decoration: underline;}

#homepage_middle .pirulap  a img{border: none; /*#000 solid 1px;*/}

.floatFix{clear:both;}

/*--------------------- page footer --------------------*/

#homepage_down {
	clear:left;
	background: url(pics/mirrorBg.png) no-repeat;
	position: relative;
	height: 74px;
	width:	100%;
	z-index:5;
}

.archivum {
	width: 115px;
	height: 20px;
	padding-top: 4px;
	padding-left: 8px;
	background-color: #d25d5d;
	color:#fff;
	border-width: thin;
	border-bottom: solid thin;
}

.archivum ul li a {
	top: -4px;
	left: -8px;
	width: 115px;
	height: 20px;
	padding-top: 4px;
	padding-left: 8px;
}

.archivum:hover {
    width:115px;
}

#panel1 {height: auto;padding-top:10px;margin: 0 auto;display: none;}
#panel2 {height: auto;width: 500px;margin: 0 auto;display: none;}
#panel3 {height: auto;width: 500px;margin: 0 auto;display: none;}
.panel1 {margin: 0 auto;display: block;color: #fff;}
.panel2 {margin: 0 auto;display: block;color: #fff;}
.panel3 {margin: 0 auto;display: block;color: #fff;}