/* CSS Document */
* { font-size: 100.01%;  margin: 0; padding: 0;	list-style: none; } 
html{ font-size: 62.5%; }


BODY{
background:#A6A6A6 url(../images/back.gif);
text-align:center;
 }


#root{

} 

#text_404{
	font-weight:bold;
	font-size: 22px;
}

IMG{border:0;}
A{text-decoration:none;}


#header_fon{
	background:#FFF;
	margin: 20px 0 0 0;
	padding:5px 0 5px 0;
}

#header{
	background:#000 url(../images/header.jpg) 0% 0% no-repeat;
	text-align:left;
	height:202px;
}
#header_log{
position:absolute;
right:65px;
	background: url(../images/toro_logo.gif) 0% 0% no-repeat;
	text-align:left;
	height:200px;
	width:350px
}

#menu{
	height:20px;
	background:#000;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	padding:4px 0 0 0px;
}
#menu2{
	height:20px;
	background:#000;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	padding:4px 0 0 51px;
	margin-top:2px;
}


#menu_center{
width:926px;
margin:0 auto;
}
#menu_center2{
width:685px;
margin:0 auto;
}


#content_index{

	height:520px;
	width:824px;

	padding:7px 7px 7px 7px;
	margin:0 auto;
}

#content_index img{

	width:150px;
	padding:7px 7px 7px 7px;
}

#content_logo{
	width:154px;
	height:500px;
	margin:-500px auto 0 auto;
}

#bottom{
	background:#CCCCCC url(../images/back1.gif);
	height:55px;
	clear:both;
	
}


#bottom h1{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
padding-top:20px
}

#author{
	background:#000;
	height:25px;
}


#author h1{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFF;
text-align:right;
padding:6px 13px 0 0;
}



#audio{
position:absolute;

right:10px;
top:38px;
cursor:pointer;
}

/*-------------------menu----------------------*/
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
#nav2, #nav2 ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	padding:0 13px 0 13px;
	color:#FFFFFF;
}
#nav2 a {
	display: block;
	padding:0 13px 0 13px;
	color:#FFFFFF;
}

#nav li { /* all list items */
	float: left;
	border-right:#FFFFFF 2px solid;
/* width needed or else Opera goes nuts */
}

#nav2 li { /* all list items */
	float: left;
	border-right:#FFFFFF 2px solid;
/* width needed or else Opera goes nuts */
}

.first { border-left:#FFFFFF 2px solid;}
.first1 { 
	border-left:#FFFFFF 2px solid;
	padding:0 77px 0 77px;
}
.first2 {padding:0 52px 0 51px;}
.first3 { padding:0 75px 0 75px;}
#nav li ul { /* second-level lists */
	position: absolute;
	background:#FFF;
	width:150px;
	left: -999em;
/* using left instead of display to hide menus because display: none isn't read by screen readers */
}


#nav li ul.classik { /* second-level lists */
	position: absolute;
	background:#FFF;

	margin-left:-2px;

	left: -999em;
/* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul.classik A{
	background:#FFF;
width:204px;
padding-left:16px;
padding-right:0px;
display:block;
margin-left:2px;
}
#nav li ul.new { /* second-level lists */
	position: absolute;
	background:#FFF;

	margin-left:-2px;

	left: -999em;
/* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul.new A{
	background:#FFF;
	width:200px;
display:block; 
padding-left:16px;
padding-right:0px;
margin-left:2px;
}

#nav li ul.barokko { /* second-level lists */
	position: absolute;
	background:#FFF;

	margin-left:-2px;
	left: -999em;
/* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul.barokko  A{
	width:225px;
	background:#FFF;
display:block; 
padding-left:16px;
padding-right:0px;
margin-left:2px;
}

#nav LI UL LI{

}
#nav li ul A{
color:#000000;
padding:3px 0px 3px 0px;

}

#nav li ul A:hover{
color:#FFF;

background:#000000;
}


#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}



/*--------------------end_menu----------------------*/