﻿html{background:url(bg.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
body{margin:0;padding:0}
#wrapper{position:relative;width:800px;min-height:400px;margin:0 auto;color:#333;margin-top:200px}
#header{background:url(trans.png) repeat;height:115px;position:fixed;top:0;width:100%;margin-bottom:160px;border-bottom:1px solid rgba(255,255,255,.43)}
#footer{width:100%;background:url(trans.png) repeat;position:fixed;bottom:0;border-top:1px solid rgba(255,255,255,.43);height:100px;color:#fff}
#logotip{padding:10px 20px;float:left}
#senca{top:115px;width:13px;height:187px;display:block;position:absolute;z-index:2;background:url(senca.png)}
#bar{width:100%;background:#cdcdcd;display:block;height:50px;float:left;border:1px solid #cdcdcd;margin-top:50px}
#progress{width:100%;background:#fff repeat;height:50px;float:left}
#progress h3{font-size:24px;text-align:center}
h1,h2,h3{color:#fff;font-family:'Verdana',Geneva,sans-serif}
h1{font-size:82px;color:#f27d00;text-transform:uppercase;line-height:0;margin:0 0 45px;text-shadow:4px 2px 4px #030303}
h2{font-size:32px;text-shadow:4px 2px 4px #030303}
h3{line-height:0}
#logotipms{position:absolute;right:0;top:0}
.sklad{float:left;height:50px;width:100%;position:relative}
.sklad .stevec{width:100%;left:0;height:50px;position:relative}
.sklad .stanje{background:#ff7600;background:rgba(255,118,0,.9);position:absolute;bottom:0;left:0;height:100%;width:0%}
.sklad .znesek{position:absolute;top:0;left:100%;height:100%}
.sklad .vrednost{display:inline-block;border-top:1px solid #000;color:#fff;bottom:0;position:absolute;padding:0 5px 70px 5px;border-top:0;border-left:2px solid #333;font-size:24px;text-shadow:4px 2px 4px #030303;font-family:'Verdana',Geneva,sans-serif}
.sklad .stanje .vrednost{position:absolute;color:#f17c0a;right:0;border-left:0;border-top:0;border-right:2px solid #f17c0a}
.updater{float:left;width:100%;text-align:right;font-size:10px;margin-top:3px;font-family:Verdana;color:#fff}
.stavek{color:#fff;font-family:'Verdana',Geneva,sans-serif;margin-top:180px;text-align:justify;text-shadow:4px 2px 4px #030303;font-size:14px}
.stavek span{font-weight:bold}
a{color:#f27d00}
.wrap{margin:0 auto;width:90%;color:#fff;font-family:'Verdana',Geneva,sans-serif;font-size:10px;margin-top:20px}


/***** cookie *****/
/* cookie */
.CookieWrapper{color:#807f7f; font-family:Arial, Helvetica, sans-serif; font-size:11px; position:fixed; left:0; bottom:0; z-index:9000;}
.CookieSettings{position:absolute; cursor:pointer; left:0px; bottom:0px; z-index:20000; display:block; width:59px; height:59px; background:url(images/cookie_sprite.png) no-repeat -121px top;}
.CookieWrapper.Open .CookieSettings{background-position:-121px top;}
.CookieWrapper .CookieSettings.Allow{background-position:left top;}
.CookieWrapper .CookieSettings.Disallow{background-position:-61px top;}
.CookieBox{display:none; width:211px; height:220px; background:url(images/cookie_sprite.png) no-repeat left -80px; position:absolute; bottom:32px; left:32px;line-height:normal;}
.CookieWrapper.Open .CookieBox{display:block;}

/* cookie description */
.CookieDescription{float:left; width:198px; height:170px; margin:5px 0px 0px 8px; padding:12px 0px 6px;z-index:9000;line-height:normal;}
span.CookieTitle{float:left; width:100%; text-align:center; color:#80be31; font-size:16px; font-weight:bold; margin-bottom:5px;}
span.CookieText{float:left; width:174px; padding:0px 12px; text-align:center;}
span.CookieLink{float:left; width:174px; padding:0px 12px; text-align:center; margin:10px 0px;}
span.CookieLink a:link, span.CookieLink a:visited{color:#807f7f; text-decoration:underline;}
span.CookieLink a:hover, span.CookieLink a:active{color:#80be31; text-decoration:none;}
div.CookieSep{float:left; width:100%; height:2px; background:url(images/separator.png) repeat-x; margin:10px 0px 5px;}
div.CookieButton{float:left; width:188px; margin:3px 5px 0px;}
a.CookieLinkGreen:link, a.CookieLinkGreen:visited{float:left; width:48px; height:30px; color:#fff; background:url(images/cookie_sprite.png) no-repeat -211px top; font-size:12px; line-height:30px; text-decoration:none; padding-left:42px; font-weight:bold;}
a.CookieLinkGreen:hover, a.CookieLinkGreen:active{background-position:-211px -32px; line-height:33px;}
a.CookieLinkRed:link, a.CookieLinkRed:visited{float:right; width:48px; height:30px; color:#fff; background:url(images/cookie_sprite.png) no-repeat -311px top; font-size:12px; line-height:30px; text-decoration:none; padding-left:42px; font-weight:bold;}
a.CookieLinkRed:hover, a.CookieLinkRed:active{background-position:-311px -32px; line-height:33px;}
a.CookieLinkGreenPrivacy:link, a.CookieLinkGreenPrivacy:visited{margin:10px 10px 10px 0; float:left; width:48px; height:30px; color:#fff; background:url(images/cookie_sprite.png) no-repeat -211px top; font-size:12px; line-height:30px; text-decoration:none; padding-left:42px; font-weight:bold;}
a.CookieLinkGreenPrivacy:hover, a.CookieLinkGreenPrivacy:active{background-position:-211px -32px; line-height:33px;}
a.CookieLinkRedPrivacy:link, a.CookieLinkRedPrivacy:visited{margin:10px 10px 10px 0; float:left; width:48px; height:30px; color:#fff; background:url(images/cookie_sprite.png) no-repeat -311px top; font-size:12px; line-height:30px; text-decoration:none; padding-left:42px; font-weight:bold;}
a.CookieLinkRedPrivacy:hover, a.CookieLinkRedPrivacy:active{background-position:-311px -32px; line-height:33px;}
a.CookieLinkBigGreen:link, a.CookieLinkBigGreen:visited{float:left; width:146px; height:30px; color:#fff; background:url(images/cookie_sprite.png) no-repeat -231px -67px; font-size:12px; line-height:30px; text-decoration:none; padding-left:42px; font-weight:bold;}
a.CookieLinkBigGreen:hover, a.CookieLinkBigGreen:active{background-position:-231px -99px; line-height:33px;}

/* cookie more description */
.CookieOpacity{position:fixed; left:0px; top:0px; background:url(images/op80.png) repeat; width:100%; height:100%; z-index:30000;}
.CookieMoreDescription{position:absolute; font-family:Arial, Helvetica, sans-serif; top:50%; left:50%; margin:-330px 0px 0px -480px; width:900px; height:600px; padding:15px 30px 30px; overflow-x:hidde; overflow-y:scroll; background:url(images/pop_bg.png) repeat-x left bottom #fefefe; border:5px solid #f5f5f5; z-index:31000;}
.CookieCloseMore{position:absolute; top:20px; right:20px; background:url(images/cookie_sprite.png) no-repeat -343px top; color:#fff; text-align:center; width:58px; height:30px; line-height:31px; font-weight:bold; cursor:pointer; text-transform:uppercase; font-size:12px;}
.CookieCloseMore:hover{background-position:-343px -32px; line-height:33px;}
.CookieMoreDescription h3{float:left; width:100%; text-align:left; color:#80be31; font-size:18px; font-weight:bold; margin:5px 0px;}
.CookieMoreDescription p{float:left; width:100%; font-size:12px; text-align:justify; margin:4px 0px; padding:0px;}
.CookieMoreDescription ul{float:left; width:100%; font-size:12px; text-align:justify;}
.CookieMoreDescription table.CookieTable{float:left; width:100%; font-family:Arial, Helvetica, sans-serif; border-top:1px solid #807f7f; border-left:1px solid #807f7f;}
.CookieMoreDescription table.CookieTable th, .CookieMoreDescription table.CookieTable td{padding:4px 7px; border-bottom:1px solid #807f7f; border-right:1px solid #807f7f;}
.CookieMoreDescription table.CookieTable th{font-size:13px; font-wight:bold; background:#807f7f; color:#fff; text-align:left;}
.CookieMoreDescription table.CookieTable td{font-size:12px;}
/***** cookie *****/