@import  url("basics.css");
.navList a{ text-decoration: none;}
html, body                      { height: 100%; line-height: 160%; min-width: 1000px; }
body                            { background: #6773b6 url('page_bg.jpg') top center repeat-x; margin: 0px; padding: 0px; }

#left-side ul.sluzby ul li#activeSection {font-weight: bold;}


#vertical                       { float:left;width:100%; margin: 0px; padding: 0px; height: 0px; overflow: hidden; margin-top: 9px; display: block; }
#root                           { clear: both; width: 1000px; margin: auto auto; position: relative; }


#left-menu                      { width: 200px; float: left; }
#content                        { width: 200px; float: left;}

#pgtitle                        { position: absolute; top: 0px; left: 0px; background: url('logo2.gif') 20px 5px no-repeat; width: 191px; height: 77px; overflow: hidden; }
#pgtitle span                   { font-size: 20px; display: none; }

#header                         { height: 77px; position: relative; }
#footer                         {  height: 56px; margin-top: 10px; }
#footer a                         {  color: #fff; text-decoration:none}

/* MAIN MENU SYLES*/

#main-menu                      { position: absolute; right: 10px; bottom: 10px; }
#main-menu ul                   { list-style: none; font-size: 16px; float: right; margin: 0px; padding: 0px; }
#main-menu ul li                { background-image: none;float: left; padding: 5px 0px; }
#main-menu ul li a              { padding: 6px 10px; font-weight: bold; color: #fff; text-decoration: none; }
#main-menu ul li a:hover        { color: #e2fc03; }
#main-menu ul li.active a { color: #e2fc03; }

.highlight                      { font-weight: bold; font-style: normal; background: yellow; }

#main-content                   { background: #fff url('right-bg.jpg') top right}
#content-bottom					{ clear:both; height:1px;}

#search                         { position: absolute; top: 39px; right: 20px; }
#search .input,
#search .search-active          { position: absolute; right: 20px; top: 0px; background: #fff; color: #000; border: 0px; font-size: 11px; padding: 2px 10px; width: 160px; }
#search-button                  { position: absolute; right: 0px; top: 0px; }
#search .search-active          { color: #c00; }

#footer                         { text-align: left; clear: both; font-size: 12px; padding: 0px 20px 20px 20px }

#foo1                           {float: left;color: #7D7D7D; width: 400px; margin-right: 20px; }
#foo2                           {float: left; color: #fff;}

#left-side                      { height:508px; width: 160px; float: left; margin: 0px 10px 0px 0px; padding: 20px 15px 20px 15px; background: url('left_bg.jpg') bottom repeat-x; }
#right-side                     { position: absolute; right: 20px; width: 223px; float: left;  margin: 20px 0px 20px 20px; padding: 0px; overflow: hidden; }

#right-side .new div            {line-height: 100%;}

#content                        { float: left; width: 500px; padding-right: 10px; margin: 20px 10px 20px 20px; }

.submenu                        { margin-left: 25px; }
#left-side ul.menu              { line-height: 130%; font-size: 12px; list-style: none; margin: 10px 0px; padding: 0px; background-image: none; }
#left-side ul.menu a, #left-side ul.menu span            { display: block; color: #000; padding-left: 25px; text-decoration: none; }
#left-side ul.menu li           { margin: 2px 0px; padding-left: 0px;  background: url('li.gif') 5px 5px no-repeat }
#left-side ul.menu a:hover      { color: #898989; }
#left-side ul.menu li.active a  { font-weight: bold; }
#left-side ul.menu li ul li     { margin: 2px 0px 2px 10px;}


#left-side ul.sluzby a          { font-weight: bold; color: #33437E; }
#left-side ul.sluzby ul li a       { font-weight: normal; color: #000; }
#left-side ul.sluzby li.active           { background: url('sli1.gif') 5px 2px no-repeat }
#left-side ul.sluzby li           { background: url('sli.gif') 5px 5px no-repeat }
#left-side ul.sluzby ul li,#left-side ul.sluzby ul li.active         { background: url('li.gif') 5px 5px no-repeat }
#left-side ul.sluzby li.active li a  { font-weight: normal; }
#left-side ul.sluzby ul li.active a       { font-weight: bold; }
#left-side ul.sluzby ul li.active ul a       { font-weight: normal; }


#left-side ul.produkty a          { }
#left-side ul.produkty ul li a       { font-weight: normal; color: #000; }
#left-side ul.produkty li.active           { background: url('sli1.gif') 5px 2px no-repeat }
#left-side ul.produkty li           { background: url('sli.gif') 5px 5px no-repeat }
#left-side ul.produkty ul li,#left-side ul.sluzby ul li.active         { background: url('li.gif') 5px 5px no-repeat }
#left-side ul.produkty li.active li a  { font-weight: normal; }
#left-side ul.produkty ul li.active a       { font-weight: bold; }


#left-side .menu h2              {margin-top:0px; padding-top: 0px;}

#left-side h2                   { font-weight: bold; }


hr                              { height: 1px; overflow: hidden; border: 1px solid #DAD0BF; border-bottom: 0px; margin: 20px 0px; padding: 0px; }

#right-side p,
#right-side ul                  { margin-top: 7px; margin-bottom: 7px; }


/* HOMEPAGE BANNERS ETC */

.homepage #right-side, 
.homepage #main-content                   {background: #fff url('right-bg.jpg') right 180px}
#root.homepage{}

.submenu ul                  { margin:0px; padding: 0px; position: relative; bottom: 6px;  }

.fileEntry h2                   { font-size: 12px;}

.root-sluzby #main-content {background: #fff;}
.root-sluzby #left-side{width: 292px;}
.root-sluzby #content {width: 620px;}

#.root-wide #main-content {background: #fff;}
.root-wide #content {width: 750px;}


.down-info{ position: relative; left: -2px; font-size: 0.8em; background: url('ico-info.gif') 0px 3px no-repeat; padding: 0px 0px 0px 14px; color: #666; font-style: italic;}

.news DIV a {text-decoration:none;}

#EU{ width: 370px;white-space: nowrap;text-align: left;font-size: 9px; color:#fff;text-transform: uppercase; margin-top: 0px;}
#EU img{ position: relative; top: 2px; float: left; margin-right: 10px; margin-bottom: 10px;}
#EU p{padding:0;color:#B3B3B3; margin: 0; line-height: 1.5em;}