html { height: 100%; overflow: hidden; }
body { font-family: arial, sans-serif; margin: 0; padding: 0; }
a { outline: none; }
a img { border: none; }

#p1 { background: #000 url('../images/1.jpg') no-repeat center center; }
#p2 { background: #000 url('../images/2.jpg') no-repeat center center; }
#p3 { background: #000 url('../images/3.jpg') no-repeat center center; }
#p4 { background: #000 url('../images/4.jpg') no-repeat center center; }
#p5 { background: #000 url('../images/5.jpg') no-repeat center center; }
#p6 { background: #000 url('../images/6.jpg') no-repeat center center; }
#p7 { background: #000 url('../images/7.jpg') no-repeat center center; }
#p8 { background: #000 url('../images/8.jpg') no-repeat center center; }
#p9 { background: #000 url('../images/9.jpg') no-repeat center center; }
#p10 { background: #000 url('../images/10.jpg') no-repeat center center; }
#p11 { background: #000 url('../images/11.jpg') no-repeat center center; }
#p12 { background: #000 url('../images/12.jpg') no-repeat center center; }

#packshot { position: absolute; bottom: 30px; right: 30px; }

#content { position: absolute; width: 520px; height: 260px; top: 20px; left: 30px; padding: 0; margin: 0; color: #000; }

#content-text { position: absolute; top: 130px; left: 20px; width: 215px; }
#content-text p { font-size: 11px; line-height: 13px; margin: 5px 0; padding: 0; color: #fff; }
#content-text h1 { font-size: 16px; margin: 0; padding: 0; color: #fff; }
#content-text a { color: #d46f00; text-decoration: underline; }
#content-text a:hover { color: #d46f00; text-decoration: none; }

#nav { position: absolute; width: 100px; top: 153px; left: 275px; font-size: 12px; font-weight: bold; }
#nav ul { list-style-type: none; margin: 0; padding: 0; }

#nav ul li { display: block; padding: 0; margin: 0; width: 120px; height: 44px; background: url('../images/menu-button.gif') no-repeat 0 -44px; }
#nav .selected { background: url('../images/menu-button.gif') no-repeat 0 0 !important; }

#nav a { color: #fff; text-decoration: none; display: block; padding: 10px; }
#nav a:hover { color: #d46f00; }
#nav .selected a { color: #000 !important; }
#nav .selected a:hover { color: #33301e !important; }

#uis,
#uis-en { position: absolute; width: 110px; height: 16px; top: 50%; left: 50%; margin: -150px 0 0 100px; text-indent: -9999999px; }
#uis { background: url('../images/slogan.gif') no-repeat; }
#uis-en { background: url('../images/slogan-en.gif') no-repeat; }


#movpresenter { position: absolute; width: 362px; height: 318px; top: 20px; right: 70px; padding: 0; display: none; background: url('../images/mov-bgd.gif') no-repeat; text-align: center; }
#movpresenter a { color: #d46f00; text-decoration: none; font-size: 11px; }
#movpresenter a:hover { color: #fff; }

.section { margin-bottom: 9px !important; padding-bottom: 9px !important; border-bottom: 1px dotted #d46f00; }
.unavailable, .unavailable a { color: #999 !important; }
.steps { clear: both; width: 100%; height: 1%; min-height: 38px; overflow: none; }
.steps img { width: 38px; height: 38px; margin: 0 5px 0 0; padding: 0; float: left; }
.bigger { font-size: 19px; line-height: 24px; }

#lang { position: absolute; top: 30px; right: 30px; height: 58px; width: 16px; }
#lang a:hover { background-position: 0 0; }
#lang .english { background: url('../images/icon-en.png') no-repeat 0 -11px; height: 11px; width: 16px; display: block; margin-top: 10px; }
#lang .hrvatski { background: url('../images/icon-hr.png') no-repeat 0 -11px; height: 11px; width: 16px; display: block; }
#lang .facebook { /*background: url('../images/icon-facebook.png') no-repeat 0 0; height: 16px; width: 16px; display: block; margin-top: 10px;*/ display: none; }