body {
background-image: url("img/background.jpg");
background-repeat: repeat-x;
background-color: #fffac2;
}

div#container{
height: 598px;/*426+foot*/
width: 800px;
margin: 50px auto auto auto;
position: relative;
overflow: visible;
}

div#head{
background-image: url("img/head.jpg");
background-repeat: no-repeat;
height: 175px;
width: 800px;
position: absolute;
top: 0px;
left: 0px;
}

div#left{
background-image: url("img/left.jpg");
background-repeat: no-repeat;
height: 251px;
width: 39px;
position: absolute;
top: 175px;
left: 0px;
}

div#right{
background-image: url("img/right.jpg");
background-repeat: no-repeat;
height: 251px;
width: 96px;
position: absolute;
top: 175px;
left: 704px;
}

div#foot{
background-image: url("img/foot3.jpg");
background-repeat: no-repeat;
height: 172px;/*foot-popravi tudi div#container*/
width: 800px;
position: absolute;
top: 426px;
left: 0px;
}

div#main{
background-color: #fff8d8;
height: 251px;
width: 665px;
position: absolute;
top: 175px;
left: 39px;
overflow: hidden;
padding: 0px;
}

div#text{
position: absolute;
left: 5px;
top: 0px;
width: 654px;
padding: 0px;
font-family: Courier, monospace;
font-size: 15px;
}

div#text img.thumb{
vertical-align:middle;
}

div#text p{
margin: 0;
padding: 0;
}

div#gumb{
background-image: url("img/gumb.gif");
background-repeat: no-repeat;
height: 25px;
width: 25px;
position: absolute;
top: 0px;
left: 10px;
}

div#bnw{
background-image: url("img/corner_up-l.png");
background-repeat: no-repeat;
height: 32px;
width: 32px;
position: absolute;
top: -18px;
left: -12px;
}

div#bne{
background-image: url("img/corner_up-r.png");
background-repeat: no-repeat;
height: 32px;
width: 32px;
position: absolute;
top: -18px;
left: 779px;
}

div#bsw{
background-image: url("img/corner_down-l.png");
background-repeat: no-repeat;
height: 32px;
width: 32px;
position: absolute;
top: 583px;
left: -12px;
}

div#bse{
background-image: url("img/corner_down-r.png");
background-repeat: no-repeat;
height: 32px;
width: 32px;
position: absolute;
top: 583px;
left: 779px;
}

div#bn{
background-image: url("img/border_up.png");
background-repeat: repeat-x;
height: 27px;
width: 760px;
position: absolute;
top: -18px;
left: 20px;
}

div#bw{
background-image: url("img/border_left.png");
background-repeat: repeat-y;
height: 570px;
width: 27px;
position: absolute;
top: 14px;
left: -12px;
}

div#be{
background-image: url("img/border_right.png");
background-repeat: repeat-y;
height: 570px;
width: 27px;
position: absolute;
top: 13px;
left: 785px;
}

div#bs{
background-image: url("img/border_down.png");
background-repeat: repeat-x;
height: 27px;
width: 760px;
position: absolute;
top: 589px;
left: 20px;
}

div#spili{
position: absolute;
left: 452px;
top: 85px;
padding: 0px;
font-family: Courier, monospace;
font-size: 16px;
color: white;
}

div#spilcon{
position: absolute;
left: 580px;
top: 85px;
width: 100px;
height: 30px;
overflow: hidden;
}

div#spil{
position: absolute;
left: 0px;
top: 0px;
padding: 0px;
width: 1600px;
font-family: Courier, monospace;
font-size: 16px;
color: white;
}

div#spilbu{
width: 15px;
height: 15px;
background-image: url("img/gumbek-spili.gif");
background-repeat: no-repeat;
position: absolute;
left: 712px;
top: 86px;
}

div#spilbd{
width: 15px;
height: 15px;
background-image: url("img/gumbek-spili.gif");
background-position: -17px;
background-repeat: no-repeat;
position: absolute;
left: 729px;
top: 86px;
}

div#darjo{
position: absolute;
left: 290px;
top: 19px;
padding: 0px;
width: 120px;
font-family: "Comic Sans", "Comic Sans MS", cursive;
font-size: 15px;
font-weight: 600;
color: black;
text-align: center;
}

div#darjo p.mini1{
margin: 0;
padding: 2px 0 0 0;
font-size: 14px;
line-height: 150%;
}
div#darjo p.mini2{
margin: 0;
padding: 2px 0 0 0;
font-size: 14px;
line-height: 150%;
}
div#darjo p.mini3{
margin: 0;
padding: 0;
font-size: 14px;
line-height: 130%;
}
div#darjo p.mini4{
margin: 0;
padding: 0;
font-size: 13px;
line-height: 110%;
}
div#darjo p.mini5{
margin: 0;
padding: 0;
font-size: 12px;
line-height: 110%;
}

div#menu{
position: absolute;
left: 205px;
top: 127px;
padding: 0px;
}

div#menu td a{
text-decoration: none;
color: white;
}

div#menu td a:hover{
color: #ffff80;
}

div#menu td a.sel{
font-weight: 900;
}

div#menu td.ra{
text-align:right;
padding:0;
}

div#menu td{
margin: 0;
padding: 0 20px 0 0;
vertical-align: middle;
}

div#menu table{
font-family: Courier, monospace;
font-size: 16px;
margin: 0;
padding: 0;
width: 460px;
border-collapse: collapse;
}

div#menu .submenu{
position:absolute;
width: 200px;
background-image: url("img/menu.png");
background-repeat: repeat;
padding: 0 0 0 2px;
visibility: hidden;
}

div#anketa{
position: absolute;
top: 465px;
left: 454px;
width: 140px;
padding: 0;
margin:0;
}

div#anketa p{
padding: 0;
margin: 0;
/*font-family: Courier, monospace;*/
font-family: Arial, sans-serif;
font-size: 11px;
color: white;
line-height: 110%;
}

div#anketa p a{
color: white;
text-decoration: none;
}

div#anketa p a:hover{
text-decoration: underline;
}

div#anketa p.presledek{
padding: 0;
margin-top: 5px;
}

a.flag img {
border: none;
}

