/*   author: izmy   */

body {
 padding: 0px;
 margin: auto; 
 text-align: center;
 background: #CB1400 url('./bg.png');
 font: 80% Tahoma, Sans-serif, Arial, Verdana;
 color: #FFF;
}

h1 {
  margin: 0;
  font-size: 150%;
  color: #CC0000;
}

a {
  color: #CC0000;
}

a:hover {
 text-decoration: none;
}

#header {	
 width: 650px;
 height: 282px;
 background: url('./header.jpg') no-repeat;
 margin: auto;
}

#logo {
 position: relative;
 width: 317px;
 height: 282px;
 overflow: hidden;
 margin: auto;
 margin-left: 25px;
 float: left;
}

#logo span {
 width: 317px;
 height: 282px;
 background: url('./logo.jpg') no-repeat;
 left: 0; 
 top: 0;   
 z-index: 1;
 position: absolute;
 cursor: pointer;
 margin: auto;
}

#menu {
 padding-top: 70px; 
 float: right;
 margin-right: 50px;
 width: 170px;
}

#menu ul {
 padding: 0 35px 15px 20px;
 margin: 0;
 list-style: none;
 text-align: left;
}

#menu ul li {
 display: block;
 color: #CC0000;
 line-height: 25px;
 padding-left: 25px;
 background: url('./sipka.png') center left no-repeat;
 border-bottom: 1px solid #cb6172;
 list-style: none;
}

#menu ul li a {
 color: #CC0000;
 text-decoration: none;
 background: none;
}

#menu ul li a:hover {
 color:#666666;
 text-decoration: underline; 
 background: none;
}

#content {
 background: url('./content.jpg') repeat-y;
 margin: auto;
 width: 650px;
 height: auto;
}

.box-content {
 background: url('./box-content.jpg') repeat-y;
}

.box-top {
background: url('./box-top.jpg') left top no-repeat;
}

.box-bottom {
background: url('./box-bottom.jpg') left bottom no-repeat;
}

.box-text {
 padding: 5px 35px 20px 35px;
 color: #666666;
 font-family: Arial; 
 font-size: 12px; 
 text-align: justify;
}
	  
#footer { 
 width: 600px;
 font-size: 100%;
 color: #CC0000;
 padding: 10px 25px 0px 25px;
 overflow: hidden;
}

h2 {
margin: 5px 0 5px 0;
}

h2 span {
font-size: 10px;
}