html{
 /*	background:#ffffff url(../images/bg.gif) repeat-x; */
}
 
 body{
 
/* background:#ffffff url(../images/bg-swirl.jpg) repeat-x; */

background:#ffffff url(../images/bg.gif) repeat-x;
background-position:center top;




	font-family: 'Myriad Web Pro', 'Myriad Pro', 'Candara','Trebuchet MS', Georgia, Arial, sans-serif;

	font-size: 15px;

	color: #555555;

	margin: 0px;

	

  }

  

  h1, h2, h3, h4, h5, p, form, li {

	margin: 1em 0;

	line-height: 1.45;

}


p {

}

 

a {

color:#0077aa;

	text-decoration: none;

		border:none;

}



a.img {

	text-decoration: none;

	border:none;

 }

img {

	border:none;



}

 

 img a {

 	border:none;



 }

 

 

h1 {

	font-size: 32px;
	font-weight: normal;
	font-weight: lighter;

	margin: 0px;

	}

h2 {

	font-size: 20px;

	font-weight: normal;

}

h3 {

	font-size: 18px;

	font-weight: bold;

		margin: 0px;

		color: #999;

}

h4 {

	font-size: 16px;

	font-weight: bold;

	margin-top: 15px;

margin-bottom: 0px;

}



  

#container {

	width: 840px;
	margin: 0px auto;

}



#header {

height: 80px;

margin-top: 30px;

/*margin-left: 10px;*/

margin-bottom: 20px;

	overflow: hidden;



}





nav-menu {

   list-style: none;

   padding: 0px;

 	text-decoration: none;

	width: 840px;

 	height: 50px;

	margin: 0px;

	padding: 0;

	border: 0;

	outline: 0;

	overflow: hidden;



}

#nav-menu ul {

	margin: 0;

	padding: 0;

	cursor: default;

	list-style-type: none;

	display: inline;



}



#nav-menu li {

   float: left;

 padding: 0px;

margin: 0px;

   list-style: none;
/*   
width: 167px;
6 item nav

*/
/* 
7 item nav
width: 120px; 

/**/
width: 120px; 
*/

list-style-position:inside;

border-left: 1px solid #eee;



}



#nav-menu li.first {

   float: left;

 padding: 0px;

margin: 0px;

   list-style: none;
   
/*
6 item nav
width: 138px;
7 item nav
width: 138px;

*/
width: 100px;

list-style-position:inside;

border-left: none;





}

#nav-menu li a {



height: 25px;

line-height: 25px;

display: block;

border: none;

color: #555;

text-decoration: none;

text-align: center;

}

#nav-menu li a:hover {

height: 25px;

line-height: 25px;

display: block;

/*font-weight: bold;*/

/*border: 1px solid #ddd;*/

color:#0077aa;

text-decoration: none;

text-align: center;

}





#flash {

margin-top: 30px;



}


#heropic {

margin-top: 55px;



}
#content {

margin-top: 30px;

}

#content_home {

margin-top: 30px;
height: 385px;
overflow:hidden;


}

#content_loj {

margin-top: 30px;
height: 600px;
overflow:hidden;


}

#nofloat {
width:840px;
clear:both;

}

#content_left {

/*margin-top: 30px;*/

height:200px;

width: 600px;

overflow:hidden;





}



#content_right {

/*margin-top: 30px;*/

height:200px;

width: 200px;

overflow:hidden;

float:right;



}


#home_left {
width: 560px;
float: left;
height: 400px;

}


#home_right {
width: 200px;
float: right;
height: 400px;
margin-bottom: 250px;
color: #999;
line-height: 1.0;


}

#home_listen {
width: 560px;
float: left;
/*height: 400px;*/

}


#home_course {
width: 360px;
float: left;

}

#home_dvd {
width: 400px;
float: right;
margin-bottom: 50px;
line-height: 1.0;


}


#line {

background:transparent url(../images/hr_gradi.gif) no-repeat scroll 0 0;

height:1px;

margin:0px;

padding:0px;

overflow:hidden;

	width:840px;

	float:none;





	  

}



html>body #line



{



background:transparent url(../images/hr_gradi.gif) no-repeat scroll 0 0;

height:1px;

margin:0px;

padding:0px;

overflow:hidden;

	width:840px;

float:left;



	



}



#footer {

	width: 100%;

margin-top: 90px;

position: relative;

bottom: 0px; 

	background:#ffffff url(../images/foot_bg.gif) repeat-x;

	height: 178px;



	



}


#contafoot {

	width: 840px;
	margin: 0px auto;
	font-family: 'Candara','Trebuchet MS', Arial, sans-serif;
	font-size: 12px;
	color: #999999;

}

#contafoot a {

color: #999;

text-decoration: none;


}

#contafoot a:hover {

color:#0077aa;

text-decoration: none;

}
#accord-l {
width: 300px;
float:left;

}



#accord-r {
width: 300px;
float:right;


}

#accordion {

	width: 640px;
	margin: 5px 10px 5px 10px;


}
#accordion div {

/*float:left;*/
/*width:640px;*/
padding-left:20px;


#ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active {
margin: 10px;
padding: 10px
background-color: #ccffff;


}



#demo2 {
float:left;

}

#accordion2 {

	width: 340px;
	margin: 5px 10px 5px 10px;

}
#accordion2 div {

/*float:left;*/
/*width:640px;*/
padding-left:20px;



}

#demo3 {
float:right;
}


#accordion3 {

	width: 340px;
	margin: 5px 10px 5px 10px;

}
#accordion3 div {

/*float:left;*/
/*width:640px;*/
padding-left:20px;



}