@charset "utf-8";
/* CSS Document */

body{
background: url(../images/background.png);
}

#container{
width: 900px;
margin-left: auto;
margin-right: auto;
}

#header{
width: 900px;
height: 100px;
}

#logo{
float: left;
padding-top: 25px;
padding-left: 30px;
}

#main{
width: 890px;
background-color: #2c251f;
border: 5px solid #cd752b;
}

#left{
float: left;
width: 595px;
}

#slika_leva{
width: 595px;
height: 226px;
background: url(../images/slika_leva.jpg);
}

h1{
font-family: Arial, san serif;
font-size: 24px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: normal;
line-height: 26px;
color: #cd752b;
background: url(../images/dots.jpg) repeat-x;
background-position: 0 25px;
margin-left: 30px;
width: 525px;
}

.text{
font-family: Arial, san serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
color: #ebebeb;
margin-left: 30px;
width: 525px;
}

.lista{
font-family: Arial, san serif;
font-size: 12px;
color: #ebebeb;
width: 525px;
}

.slikadesno{
float: right;
border: 1px solid #cd752b;
padding: 2px;
margin: 0 10px;
}

#right{
float: left;
width: 295px;
background: #2c251f url(../images/slika_desna.jpg) no-repeat;
}

#sidebar{
width: 270px;
background-color: #38312b;
border-top: 4px solid #cd752b;
border-bottom: 4px solid #cd752b;
margin-top: 140px;
margin-bottom: 20px;
}

h2{
font-family: Arial, san serif;
font-size: 20px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: normal;
line-height: 22px;
color: #cd752b;
background: url(../images/dots.jpg) repeat-x;
background-position: 0 21px;
margin-left: 20px;
width: 230px;
}

h3{
font-family: Arial, san serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: normal;
line-height: 18px;
color: #ebebeb;
margin-left: 20px;
width: 230px;
}

h4{
font-family: Arial, san serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: normal;
line-height: 18px;
color: #ebebeb;
margin-left: 30px;
width: 230px;
}

h5{
font-family: Arial, san serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: normal;
line-height: 18px;
color: #ebebeb;
margin-left: 30px;
width: 525px;
}

.sidetext{
font-family: Arial, san serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
color: #ebebeb;
margin-left: 20px;
width: 230px;
}

#end{
width: 300px;
height: 10px;
clear: both;
}

#footer{
font-family: Arial, san serif;
font-size: 11px;
text-align: center;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
color: #ebebeb;
width: 900px;
padding-top: 5px;
}

.link{
font-family: Arial, san serif;
text-decoration: underline;
color: #cd752b;
}

.headlink{
font-family: Arial, san serif;
text-decoration: none;
color: #cd752b;
}

a{
font-family: Arial, san serif;
text-decoration: none;
color: #cd752b;
}

.thumb{
border: 1px solid #cd752b;
padding: 2px;
margin-right: 8px;
margin-bottom: 8px;
}

.thumb2{
float: left;
border: 1px solid #cd752b;
padding: 2px;
margin-right: 30px;
margin-bottom: 8px;
}

#screenshot{
position:absolute;
margin-top: -100px;
border:1px solid #ccc;
background:#333;
padding:5px;
display:none;
color:#fff;
}

/*----------------------------------MENU--------------------------------------*/

#menudiv{
float: left;
margin: 30px 0 0 160px;
padding: 0;
width: 434px;
height: 40px;
}

#menu{
margin: 0;
padding: 0;
height: 40px;
list-style: none;
display: inline;
overflow: hidden;
}

#menu li{
margin: 0; 
padding: 0;
list-style: none;
display: inline;
}

#menu a{
margin: 0;
float: left;
padding: 40px 0 0 0;
overflow: hidden;
height: 0px !important; 
height /**/:40px; /* for IE5/Win only */
}
	
#menu a:hover{
background-position: 0 -40px;
}

#menu a:active, #menu a.current{
background-position: 0 -40px;
}
	
#button1 a {
width: 88px;
background: url(../images/button1.jpg) top left no-repeat;
}

#button2 a {
width: 86px;
background: url(../images/button2.jpg) top left no-repeat;
}

#button3 a {
width: 86px;
background: url(../images/button3.jpg) top left no-repeat;
}

#button4 a {
width: 86px;
background: url(../images/button4.jpg) top left no-repeat;
}

#button5 a {
width: 88px;
background: url(../images/button5.jpg) top left no-repeat;
}
/*----------------------------------------------------------------------------*/