@charset "utf-8";

/* RESET 
================================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot { margin: 0; padding: 0; border: 0; outline: 0; }
table, tr, th, td { margin: 0; padding: 0; outline: 0; font-size: 100%; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }/* remember to define focus styles! */
ins { text-decoration: none; }/* remember to highlight inserts somehow! */
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */
img { vertical-align: middle; }


* { margin: 0px; padding: 0px; }
html, body, #wrap {height: 100%;}
body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
body > #wrap {height: auto; min-height: 100%;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {display: block;}


body, html { height: 100%; min-height: 500px; min-width: 980px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
* { padding: 0px; margin: 0px; }
#header { display: block; width: 100%; height: 39px; position: absolute; top: 0px; left: 0px; background-color: #FFF; border-bottom: 1px solid #eaeaea; z-index: 10000; height: 35px; line-height: 35px; color: #666666;}
#footer { display: block; width: 100%; height: 35px; line-height: 35px; position: absolute; bottom: 0px; left: 0px; background-color: #000; position:fixed; color: #FFF; z-index: 10000;}
#container { display: block; width: 100%; min-width: 100%; height: 100%; min-height: 100%;position: relative; }
#content { display: block; width: 980px; height: 300px;  position: absolute; top: 50%; left: 50%; margin-top: -300px; padding-top: 100px; margin-left: -490px; }

#homepage #logo a { display: block; width: 150px; height: 60px; text-indent: -10000px; margin: 0px auto; background-image: url(images/yugo.gif); }
#logores { position: absolute; top: 10px; right: 10px; }
#logores a { display: block; width: 150px; height: 60px; text-indent: -10000px; background-image: url(images/yugo.gif); }
.tabstrip { display: block; height: 30px; padding-top: 20px; }
.tabstrip ul, .tabstrip ul li { list-style: none; list-style-image: none; }
.tabstrip ul { text-align: center; border-bottom: 1px solid #ddd; display: block; height: 30px; }
.tabstrip li { display: block;  float: left;  }
.tabstrip li a { height: 30px; text-indent: -10000px; display: block; float:left; background-image: url(images/ss.gif); border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: -1px; }
a#tab1 { width: 62px; background-position: 0px 0px; margin-left: 141px; }
a#tab2 { width: 56px; background-position: -62px 0px; }
a#tab3 { width: 70px; background-position: -117px 0px; }
a#tab4 { width: 80px; background-position: -187px 0px; }
a#tab5 { width: 65px; background-position: -267px 0px; }
a#tab6 { width: 60px; background-position: -332px 0px; }
a#tab7 { width: 68px; background-position: -392px 0px; }
a#tab8 { width: 50px; background-position: -460px 0px; }
a#tab9 { width: 80px; background-position: -510px 0px; }
a#tab10 { width: 66px; background-position: -590px 0px; }
a#tab11 { width: 30px; background-position: -656px 0px; border-right: 1px solid #ddd; }
.tabstrip li a.tab_active { border-bottom: 1px solid #fff; cursor: default; }
#box1, #box2, #box3, #box4, #box5, #box6, #box7, #box8, #box9, #box10, #box11 { display: block; padding: 10px; height: 100px; }
#box2, #box3, #box4, #box5, #box6, #box7, #box8, #box9, #box10, #box11 { display: none; }
#box1 small, #box2 small, #box3 small, #box4 small, #box5 small, #box6 small, #box7 small, #box8 small, #box9 small, #box10 small, #box11 small { display: block; padding: 5px; }

a#bl01, a#bl02, a#bl03, a#bl04, a#bl05, a#bl06, a#bl07, a#bl08, a#bl09, a#bl10, a#bl11 { display: block; width: 100px; height: 50px; background-image: url(images/sl.gif); text-indent: -10000px; float: left; margin-top: 25px; margin-left: 175px; cursor: default; }
a#blres { display: block; width: 100px; height: 50px; background-image: url(images/sl.gif); text-indent: -10000px; float: left; margin-top: 10px; margin-left: 0px; cursor: default; }
a#bl01 { background-position: 0px 0px; }
a#bl02 { background-position: -100px 0px; }
a#bl03 { background-position: -200px 0px; }
a#bl04 { background-position: -300px 0px; }
a#bl05 { background-position: -400px 0px; }
a#bl06 { background-position: -500px 0px; }
a#bl07 { background-position: -600px 0px; }
a#bl08 { background-position: -700px 0px; }
a#bl09 { background-position: -800px 0px; }
a#bl10 { background-position: -900px 0px; }
a#bl11 { background-position: -1000px 0px; }
.form { display: block; width: 500px; height: 50px; float: left; margin-top: 40px; margin-left: 25px; }
.form-results { display: block; width: auto; height: 80px; float: left; }
.form-results form { margin-top: 25px; margin-left: 10px; display: block; float: left; }
.queryinput { width: 390px; padding: 2px; border: 1px solid #ccc; }
#helper { display: block; width: 85%; float: left; }
#options { display: block; width: 15%; float: left; text-align: right; }
a#ico-helper { display: block; width: 22px; height: 22px; float: left; text-indent: -10000px; background-image: url(images/ico_help.gif); margin-top: 6px; margin-left: 5px; background-position: top; cursor: default; }
a#ico-helper:hover { background-position: bottom; }

a#ico-options { display: block; width: 22px; height: 22px; float: right; text-indent: 10000px; background-image: url(images/ico_options.gif); margin-top: 6px; margin-right: 5px;background-position: top; }
a#ico-options:hover { background-position: bottom; }
form#alegeoras { display: block; width: auto; float: right; margin-right: 5px; margin-top: 8px; }
div#vremepopup { display: block; padding: 5px; background-color: #000; color: #fff; position: absolute; bottom: 35px; right: 0px; font-size: 9px; display: none; }
div#vremepopup span { width: 75px; display: block; float: left; padding-top: 8px; border-bottom: 1px dotted #333333; }
div#vremepopup p { padding: 5px 0px; clear: both; }
div#vremepopup a { color: #666; text-decoration: underline; }

a#ico-sethome { display: block; width: 22px; height: 22px; float: right; text-indent: 10000px; background-image: url(images/ico_sethome.gif); margin-top: 6px;  background-position: top; }
a#ico-sethome:hover { background-position: bottom; }
#footer-left { float: left; height: 35px; color: #CCC; padding-left: 5px;}
#footer-left a { color: #999; text-decoration: none;}
#footer-left a:hover { text-decoration: underline; }
#footer-right { float: right; height: 35px; text-align: right; color: #CCC; font-size: 10px; padding-right: 5px; }
#news-category { padding-left: 25px; background-image: url(images/logo-rt.gif); background-position: left; background-repeat: no-repeat; }
.fs { margin: 0px 5px; }