body{font-size:70%; font-family:Verdana,Arial,sans-serif; color:#666; margin:0; padding:0; background-color:#255180; text-align:center; height:100%; background-image:url(../images/bg.jpg); background-repeat:no-repeat; background-position:center top}
p, h1, h2, h3, h4, h5, h6, ul, ol, li, hr, form, fieldset, legend, table, theah, tbody, blockquote{margin:0; padding:0}
a, a:link, a:active{text-decoration:underline; color:#C00}
a:visited{color:#666}
a:hover{color:#000}
a img{border:0}
ul{list-style:none}

#kontejner{position:relative; width:982px; max-width:970px; padding:0 6px 0 6px; text-align:left; margin:15px auto 15px auto; overflow:hidden; z-index:10; background-color:#fff}
* html #kontejner #navigace ul{position:static; overflow:hidden; width:200px}
#navigace a{display:block; padding:5px 24px 6px 24px; color:#fff; border-bottom:1px solid #B7B7B7; background:url(../../edee/content/sys/bgr/img/page/menu-last.gif) 7px 8px no-repeat; text-decoration:none}
* html #kontejner #navigace a{width:100%}

#content ul{margin-bottom:10px}
#content ul li{padding-left:14px; margin-bottom:3px; background:url(../images/li-1.gif) no-repeat 0 5px}
#content ul li ul li{padding-left:14px; margin-bottom:3px; background:url(../images/li-1.gif) no-repeat 0 5px}
#content ul li ul li ul li{padding-left:14px; margin-bottom:3px; background:url(../images/li-1.gif) no-repeat 0 5px}
#content #navigace li{padding:0; margin:0; background-image:none; position:relative}
#content #navigace ul{ margin:0; padding:0; list-style:none}
#content #navigace li{background:#979797 url(../images/menu-level1-bg.gif) repeat-y left top}
#content #navigace li li{background:#DBDADA url(../images/menu-level2-bg.gif) repeat-y left top}
#content #navigace li li li{background:#EBEBEB url(../images/menu-level3-bg.gif) repeat-y left top}

#navigace a:hover{background-color:#0d263f}
#navigace ul a{color:#000; padding-left:40px; background:url(../images/menu-last2.gif) 23px 8px no-repeat}
#navigace ul a:hover{background-color:#D0D0D0}
#navigace ul ul a{padding-left:57px; background-position:40px 8px}
#navigace ul ul a:hover{background-color:#FAFAFA}
#navigace ul ul ul a{padding-left:70px; background:url(../images/menu-odrazka.gif) 57px 10px no-repeat}
#navigace a#active{color:#fff; background-image:url(../images/activ3.gif)}
#navigace a#active2{color:#fff; background-image:url(../images/activ3.gif)}
#navigace ul a#active{color:#000; background-image:url(../images/activ2.gif)}
#navigace li.expanded a.nextLevel{background-image:url(../images/menu-minus.gif)}
#navigace ul li.expanded a.nextLevel{background-image:url(../images/menu-minus-gray.gif)}
#navigace ul li.notexpanded a.nextLevel{background-image:url(../images/menu-plus-gray.gif)}
#navigace ul ul ul a#active{color:#000; background-image:url(../images/menu-odrazka-activ.gif)}
#navigace a.nextLevel{background-image:url(../images/menu-plus.gif)}
#navigace ul a.nextLevel{background-image:url(../images/menu-plus2.gif)}
#navigace ul a.nextLevel{background-image:url(../images/menu-plus2.gif)}
#navigace a.nextLevelActive{background-image:url(../images/menu-minus.gif)}
#navigace ul a.nextLevelActive{background-image:url(../images/menu-minus2.gif)}

#right{float:right}
.subpage #right{position:relative; right:-535px}
#right ul{clear:both}

.hotline ul{padding-right:60px; margin-bottom:-7px; background:url(../images/telefon.jpg) no-repeat 107px 1px}
.hotline ul li{border-bottom:1px solid #fff}
.hotline li strong{display:block; font-size:100%; margin-bottom:4px}
.en .hotline ul, .de .zavolejte ul{background:none}

#left{float:left; width:200px; position:relative}
#small #navigace{margin-bottom:10px}
#small #navigace a#active{color:#FFF; border-bottom:1px solid #B7B7B7; background:url(../images/menu-odrazka-activ.gif) 7px center no-repeat}
#center{float:right; width:535px; max-width:529px; padding-left:6px; padding-bottom:40px; position:relative; left:-210px; border-right:1px solid #E8E8E8; background:url(../images/center-box-middle.gif) repeat-y left top}
* html #center{width:536px; padding-bottom:50px; overflow:hidden}
#center hr{color:#E8E8E8; border-bottom:1x solid #E8E8E8}
#small #center{left:0}
#small .subpage #center{left:-210px}
#small.slovensko #center{left:-210px}
#small.slovensko #left{left:540px}
#c-top, #c-bottom{display:block; width:535px; height:49px; font-size:1px; margin-left:-6px; background:url(../images/center-box-top.gif) no-repeat left top}
#c-bottom{position:absolute; left:6px; bottom:-6px; height:6px; background-image:url(../images/center-box-end.gif)}
* html #c-bottom{bottom:-1px}

#center h1{width:531px; max-width:410px; margin-top:-49px; margin-bottom:13px; padding:13px 20px 12px 19px; font-size:183%; color:#fff; background-color:#C00; border-right:1px solid #F24F00}
* html #center h1{margin-top:-52px}
#center p#cesta{padding:0 19px 13px 19px; margin:0; font-weight:bold; line-height:175%; border-bottom:1px solid #E8E8E8}
#center p#cesta{margin:0 0 12px 0}
#cesta a{padding:0 1px 0 1px; font-weight:normal; color:#666}
#cesta strong{padding:0 1px 0 1px}
#obsah{width:491px; margin:19px; _height:200px; min-height:200px}
#small #obsah{margin:0 19px}
#center p{margin-bottom:15px}
#center p.bold{font-weight:bold}
#center h2{font-size:130%; color:#333; margin-bottom:12px; padding-left:18px; background:url(../images/li-3.gif) no-repeat left center}
.formular1 h2{font-size:130%; color:#333; margin-top:18px; padding-left:18px; background:url(../images/li-3.gif) no-repeat left center}
#center h3{font-size:110%; color:#000; margin-top:16px; margin-bottom:7px}
#center .pruvodce h3{font-size:110%; color:#000}
#center h4{font-size:100%; color:gray; margin-top:16px; margin-bottom:7px}
#small #center h2{display:table}
* html #small #center h2{display:inline-block}

#center .tiles-gray div.box-title{width:238px; max-width:208px; padding:12px 15px 14px 15px; margin:-15px 0 10px -15px; background:#FDE5D9 url(../images/nadpis.gif) no-repeat 205px center}
#center .tiles-gray div h2{width:200px; max-width:180px; background:none; margin:0 0 0 -15px}
#center .tiles-gray p{margin-bottom:0}
#center .tiles-gray div ul{position:relative; margin-top:12px}
#center .tiles-gray-wide div.box-title{width:487px; max-width:457px; padding:12px 15px 14px 15px; margin:-15px 0 10px -15px; background:#FDE5D9 url(../images/nadpis.gif) no-repeat 460px center}
#center .tiles-gray-wide div h2{width:450px; max-width:430px; background:none; margin:0 0 0 -15px}
#center .tiles-gray-wide p{margin-bottom:0}
#center .tiles-gray-wide div ul{position:relative; margin-top:12px}
.tiles-gray div.box-gray{position:relative; float:left; width:238px; height:200px; max-width:208px; max-height:135px; padding:15px; margin-right:10px; margin-bottom:10px; border:1px solid #E8E8E8; padding-bottom:45px; overflow:hidden}
.tiles-gray div.box-perex{height:150px; overflow:hidden}
.tiles-gray div.box-gray2{position:relative; float:left; width:238px; height:200px; max-width:208px; max-height:155px; padding:15px; margin-right:10px; margin-bottom:10px; border:1px solid #E8E8E8; padding-bottom:45px; overflow:hidden}
.tiles-gray div.box-perex2{height:110px; overflow:hidden}
.tiles-gray .link-button{position:absolute; bottom:15px}
.tiles-gray-wide div.box-gray{position:relative; float:left; width:487px; max-width:457px; height:180px; max-height:115px; padding:15px; margin-right:10px; margin-bottom:10px; border:1px solid #E8E8E8; padding-bottom:45px; overflow:hidden}
.tiles-gray-wide div.box-perex{max-height:60px; overflow:hidden; background:cyan}
.tiles-gray-wide .link-button{position:absolute; bottom:15px}

div.contImgLeft{padding:0 20px 0 0; background-color:white; margin:0; text-align:left; width:235px;  height:auto; float:left}
div.contImgLeft img{padding:0; margin:0 0 -15px 0}
div.contImgRight{padding:0; background-color:white; margin:0; text-align:left; width:235px;  height:auto; float:left}
div.contImgRight img{padding:0; margin:0 0 -15px 0}
p.description{padding:10px; background-color:#E6E6E7;  color:black;  margin:0; _margin:-15px 0 0 0; text-align:left; width:215px;  _width:235px;  height:auto;   clear:both}

h1, h2, h3, #logo, #zalozky a, #zalozky strong, .visual, #promo blockquote{position:relative}
h1 span, h2 span, h3 span, #logo span, #zalozky span, .visual span, #promo blockquote span, .help-info span, .help-infow span{position:absolute; left:0; top:0; display:block; background-repeat:no-repeat; background-position:left top; width:100%; height:100%}
* html h1 a span, * html h3 a span, * html #logo a span, * html #zalozky a span, * html .blok p span.obr, * html .blok2 p span.obr, * html .help-info, * html .help-infow{cursor:hand}
.hidden{display:none}
.break{display:block}
.screenHide{position:absolute;  overflow:hidden;  width:0;  height:0}
.clear{clear:both; height:1px; font-size:1px; display:block; overflow:hidden}

* html #page-end{position:absolute; left:0; bottom:-1000px; display:block;  width:982px;  height:1200px; background-color:#fff; z-index:-2}

#header2{position:relative; width:970px; height:140px; background-image:url(../images/header-bg.jpg); background-repeat:no-repeat}
#logo{position:relative; top:30px; left:15px; display:block; width:300px; height:73px; line-height:51px; font-size:22px; overflow:hidden; color:#009; /*background-image:url(../images/logo2.png)*/}
#logo a{color:#F24F00}
#logo strong{font-weight:normal}
* html #logo a span{cursor:hand}
#logo span{background-image:url(../images/logo2.png)}
#header2 a#hpage-link span{display:block; width:220px; height:50px; z-index:100}
#misto-pro-menu{width:730px}
#misto-pro-menu span{display:block; float:left; width:29em; height:30px; text-transform:uppercase; font-weight:bold}
#menu{position:absolute; top:95px; left:8px; width:840px; margin:30px 0 13px 0; z-index:1000}
#menu li{position:relative; float:left; color:#333; font-size:125%; background:url(../images/menu-sep.gif) no-repeat right center; line-height:100%}
#menu li a{display:block; color:#333; text-decoration:none; padding:5px 11px 8px 11px; border-bottom:1px solid #fff}
#menu li a.rozb{background:#E9E9E9 url(../images/menu-odrazka.gif) no-repeat 94% center  !important}
#menu li a.rozb:hover{background:White url(../images/menu-odrazka.gif) no-repeat 94% center !important}
#menu li a:hover{color:#C00; text-decoration:underline}
#menu li a.rozb:hover, 
#menu li li a:hover{color:black; text-decoration:none}
#menu ul{width:230px; margin:0}
#menu ul li{position:relative; padding:0; float:none !important; line-height:105% !important}
#menu li.rozb a{padding:9px 11px 14px 12px; position:relative; left:-1px; margin-right:-1px; margin-top:-4px; min-height:15px; color:#333; text-decoration:none; background-color:#E9E9E9}
#menu li.rozb a:hover{text-decoration:none}
#menu li.rozb li{background:#E9E9E9 none no-repeat 94% center; width:100%; opacity:0.94;   -moz-opacity:0.94;   -khtml-opacity:0.94}
#menu li.rozb li:hover{opacity:1;   -moz-opacity:1;   -khtml-opacity:1}
#menu li.rozb li a{padding:6px 18px 7px 26px; left:0; margin:0; font-weight:normal; background-color:transparent; background:url(../images/menu-odrazka2.gif) no-repeat 12px center}
#menu li.rozb li a:hover{position:static; font-weight:normal; padding:6px 18px 7px 26px; margin:0; left:0; background-color:#fff; background-image:url(../images/menu-odrazka-activ.gif)}
* html #menu li.rozb li a, * html #menu li.rozb li a:hover{padding-bottom:8px}
#menu li li{font-size:100%}
#menu div{position:absolute; top:31px; left:-1px}
#menu div div{top:auto; left:230px; margin-top:-2.15em}
.menuLeft div div{margin-left:-380px}

#content{margin:8px auto 0 auto; clear:both; padding:10px; text-align:left; position:relative; z-index:10; width:970px; max-width:950px}
#small #content{width:760px;  max-width:740px}
#small.rozcestnik #content{max-width:695px}
#small #content ul{margin-bottom:20px}

#right{float:right; width:200px; position:relative; z-index:10}

.box{width:200px; max-width:174px; padding:0 13px 15px 13px; margin-bottom:11px; background:#F5F5F5 url(../images/right-box-bg.gif) no-repeat left bottom; overflow:hidden}
.box h3{width:220px; max-width:180px; height:28px; padding:0 10px 0 10px; margin-left:-13px; margin-bottom:12px; line-height:28px; font-size:11px; text-transform:uppercase; color:#000; background-color:#E8E8E8; overflow:hidden}
.box h3.long{height:50px; max-height:40px; padding-top:10px; line-height:15px}
.box h3 a, .box h3 a:visited{color:#000; text-decoration:none}
.box h3 a:hover{color:#F24F00; text-decoration:underline}
.hotline h3 span{background-image:url(../images/hot_line.gif)}

#footer{margin-top:15px; margin-bottom:35px; width:100%; position:relative; z-index:10}
#footer a, #footer a:visited{color:#666}
#footer a:hover{color:#000}
#footer li{float:left; margin-top:15px; padding:0 12px 15px 12px; border-right:1px solid #fff}
#footer p{float:right; text-align:right}
#footer p#copy{float:left; width:790px; margin:10px 0 10px 15px; text-align:left}

img{border:none; margin:0; padding:0}
img a{border:#fff}
.imgleft{margin:5px 22px 15px 0; padding:5px; float:left; border:2px solid #f8f8f8; background:#f8f8f8}
img.displayed{display:block; margin-left:auto; margin-right:auto}
.italic{font-style:italic}
.bold{font-weight:800}
.underline{text-decoration:underline}

#NewsTicker{border:none; width:796px; height:200px; margin:0 auto}
#NewsTicker h1{padding:6px; margin:0; border:0; background:#dfe7ed; color:#000000; font-size:11px; font-weight:bold}
#NewsVertical{width:850px; height:200px; display:block; overflow:hidden; position:relative}

#TickerVertical{width:850px; height:140px; display:block; list-style:none; margin:0; padding:0}
#TickerVertical li{list-style:none; width:190px; color:#444444; text-align:left; font-size:11px; margin:0; padding:6px 10px; float:left; height:164px; display:inline}
#TickerVertical li .NewsTitle{display:block; color:#000000; font-size:20px; margin-bottom:6px; font-family:Georgia,"Times New Roman",Times,serif}
#TickerVertical li .NewsTitle a:link, #TickerVertical li .NewsTitle a:Visited{display:block; color:#000000; text-decoration:underline}
#TickerVertical li .NewsTitle a:hover{text-decoration:none}
#TickerVertical li .NewsImg{float:left; margin-right:10px; border:solid 1px #DEDEDE}
#TickerVertical li .NewsFooter{display:block; font-size:10px; margin:6px 0 00; color:#000000}

.latest_img{border:none}
.img{border:none}
#latest_work{float:left; width:796px}
#images{margin:0 0 0 75px; width:796px; border:none; float:left}

div.wrap{
width:993px; 
margin:0 auto; 
text-align:left}
div#top div#nav{
float:left; 
clear:both; 
width:993px; 
height:52px; 
margin:10px 0 0}
div#top div#nav ul{
float:left; 
width:700px; 
height:52px; 
list-style-type:none}
div#nav ul li{
float:left; 
height:52px}
div#nav ul li a{
border:0; 
height:52px; 
display:block; 
line-height:52px; 
text-indent:-9999px}
div#header{
margin:-1px 0 0}
div#video-header{
height:683px; 
margin:-1px 0 0}
div#header div.wrap{
height:299px; 
margin:42px 0 0 2px}
div#header div#slide-holder{
z-index:40; 
margin:0 0 0 80px; 
width:796px; 
height:270px; 
position:absolute}
div#header div#slide-holder div#slide-runner{

width:796px; 
height:278px; 
overflow:hidden; 
position:absolute}
div#header div#slide-holder img{
margin:0; 
display:none; 
position:absolute}
div#header div#slide-holder div#slide-controls{
left:0; 
bottom:0px; 
width:796px; 
height:46px; 
display:none; 
position:absolute; 
background:url(../images/slide-bg.png) 0 0}
div#header div#slide-holder div#slide-controls p.text{
float:left; 
color:#fff; 
display:inline; 
font-size:10px; 
line-height:16px; 
margin:15px 0 0 20px; 
text-transform:uppercase}
div#header div#slide-holder div#slide-controls p#slide-nav{
float:right; 
height:24px; 
display:inline; 
margin:11px 15px 0 0}
div#header div#slide-holder div#slide-controls p#slide-nav a{
float:left; 
width:24px; 
height:24px; 
display:inline; 
font-size:11px; 
margin:0 5px 0 0; 
line-height:24px; 
font-weight:bold; 
text-align:center; 
text-decoration:none; 
background-position:0 0; 
background-repeat:no-repeat}
div#header div#slide-holder div#slide-controls p#slide-nav a.on{
background-position:0 -24px}
div#header div#slide-holder div#slide-controls p#slide-nav a{
background-image:url(../images/silde-nav.png)}
div#nav ul li a{
background:url(../images/nav.png) no-repeat}

#featured{
width:400px; 
padding-right:250px; 
position:relative; 
border:5px solid #ccc; 
height:250px; 
background:#fff}
#featured ul.ui-tabs-nav{
position:absolute; 
top:0; left:400px; 
list-style:none; 
padding:0; margin:0; 
width:250px}
#featured ul.ui-tabs-nav li{
padding:1px 0; padding-left:13px;  
font-size:12px; 
color:#666}
#featured ul.ui-tabs-nav li img{
float:left; margin:2px 5px; 
background:#fff; 
padding:2px; 
border:1px solid #eee}
#featured ul.ui-tabs-nav li span{
font-size:11px; font-family:Verdana; 
line-height:18px}
#featured li.ui-tabs-nav-item a{
display:block; 
height:60px; 
color:#333;  background:#fff; 
line-height:20px}
#featured li.ui-tabs-nav-item a:hover{
background:#f2f2f2}
#featured li.ui-tabs-selected{
background:url('../images/selected-item.gif') top left no-repeat}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
background:#ccc}
#featured .ui-tabs-panel{
width:400px; height:250px; 
background:#999; position:relative}
#featured .ui-tabs-panel .info{
position:absolute; 
top:180px; left:0; 
height:70px; 
background:url('../images/transparent-bg.png')}
#featured .info h2{
font-size:18px; font-family:Georgia,serif; 
color:#fff; padding:5px; margin:0; 
overflow:hidden}
#featured .info p{
margin:0 5px; 
font-family:Verdana; font-size:11px; 
line-height:15px; color:#f0f0f0}
#featured .info a{
text-decoration:none; 
color:#fff}
#featured .info a:hover{
text-decoration:underline}
#featured .ui-tabs-hide{
display:none}