* { 
margin: 0;
padding: 0;
border: 0;
}
 
a { 
text-decoration: none;
}

body { 
color: #000;
background: url(images/bg.gif) repeat-y center top;
font-family: Verdana, Arial, sans-serif;
text-align: center;
}

#container { 
background: #fff;
width: 860px;
margin: 0 auto;
text-align: left;
}

.clearfloat {
clear: both;
}

#header { 
background: #fff url(images/header.jpg) no-repeat;
width: 860px;
height: 161px;
margin: 0 auto;
clear: both;

}

#tabs {
width: 860px;
height: 39px;
margin: 0 auto;
background: #69c url(images/bg_nav.jpg) no-repeat;
font: 90% "Comic Sans MS", Verdana, Arial, sans-serif;
line-height: 1.8em;
clear: both;
}

#tabs ul {
padding: 5px 10px 0 30px;
list-style: none;
}

#tabs li {
display:inline;
}

#tabs a {
float: left;
background: url(images/tableft.gif) no-repeat left top;
padding: 0 0 0 4px;
}

#tabs a span {
float: left;
display: block;
background: url(images/tabright.gif) no-repeat right top;
padding: 4px 20px 5px 10px;
color: #fff;
}

#tabs a:hover span {
color: #FF9834;
}

#tabs a:hover {
background-position: 0% -42px;
}

#tabs a:hover span {
background-position: 100% -42px;
}

#tabs li.active {
float: left;
color: #FF9834;
background: url(images/tableft.gif) no-repeat left top;
background-position: 0% -42px;
padding: 0 0 0 4px;
}

#tabs li.active span {
float: left;
background: url(images/tabright.gif) no-repeat right top;
padding: 4px 20px 5px 10px;
background-position: 100% -42px;
}

h1 { 
font: 2em "Comic Sans MS", Verdana, sans-serif;
color: #f60;
margin: 10px 0 0 40px;
}

h2 { 
font: 1.5em "Comic Sans MS", Verdana, sans-serif;
color: #f60;
margin: 5px 20px;
text-align: center;
}

h3 { 
font: 1.5em "Comic Sans MS", sans-serif;
color: #f60;
margin: 10px;
text-align: center;
}

h4 {
font: 1.3em Verdana, sans-serif;
color: #f63;
margin: 10px;
}

hr {
background-color: #ccc;
height: 1px;
margin: 15px 10px;
}

blockquote {
margin: 10px 50px 0;
}

.s0 {
font: .7em Verdana, sans-serif;
color: #f63;
}

.s1 {
font: .9em Verdana, sans-serif;
color: #f63;
}

.s2 {
font: 1.2em Verdana, sans-serif;
color: #f96;
}

.s3 {
font: 1.5em Verdana, sans-serif;
color: #fc3;
}

.s4 {
font: 1.8em Verdana, sans-serif;
color: #fc6;
}

.s5 {
font: 2em Verdana, sans-serif;
color: #f90;
}

#text { 
width: 690px;
font-size: .7em;
color: #333;
margin: 0 auto;
float: left;
}

#text p { 
text-align: justify;
margin: 10px 0 0 0;
padding: 0 15px;
}

#text a { 
color:  #33f;
}

#text a:hover { 
color: #f36;
}

#text ol, #text ul {
margin: 10px 20px;
padding: 10px;
}

#text ol li, #text ul li {
padding: 10px;
}

.links {
list-style: square inside;
padding: 0 10px;
}

.tales {
text-indent: 1.5em;
}

.cursiv {
color: #960;
font-family: Georgia, serif;
font-style: italic;
text-indent: 0;
}

.drop {
color: #fff;
margin: 10px 6px 0 0;
float: left;
background: #093;
font-size: 70px;
line-height: 50px;
padding: 0 3px 5px 0;
}

.img1 { 
margin: 10px;
float: left;
}

.img2 {
margin: 15px 0 0;
}

.img3 {
float: right;
margin: 10px 5px 0;
}

.img4 {
float: right;
margin: 0 5px 10px;
}

.pict {
border: #ccc solid 3px;
margin: 0 15px 10px;
float: left;
}

.pict:hover {
border-color: #0f0;
}

#adver {
border: 1px solid #ccc;
width: 150px;
height: 640px;
margin: 10px 5px 0 0;
padding: 5px;
float: right;
}

.banner {
margin: 5px;
float: right;
}

.ban {
font-size: 70%;
color: #390;
margin: 0 5px;
text-align: center;
}

.left {
padding: 0 10px;
float: left;
}

.right {
padding: 0 10px;
float: right;
}

.news {
list-style-image: url(images/ul.gif);
margin: 10px 20px;
}

.bold {
font-weight: bold;
}

#map {
width: 800px;
}

#footer { 
background: #342A04 url(images/footer.gif) repeat-x;
height: 150px;
font-size: 68%;
clear: both;
}

#footer a { 
color: #960;
}

#footer a:hover { 
color: #630;
}

#footer p { 
color: #665;
padding-top: 50px;
text-align: center;
}