* {margin:0; padding:0; border-width:0;}

#admintab {margin:1; padding:1; border-width:1px; border-color:#000000}

body {
text-align:center;
font-family: 'Trebuchet MS';
background:#fff url(../gfx/pozadi-body.gif) 0 0 repeat-x ;
}

#main-box {
width:980px;
margin: 20px auto 0px auto;
background:#fff;
text-align:left;
position:relative;
}

#header {
width:980px;
height:78px;min-height:78px;
background:#fff;
position:relative;
border-bottom:1px solid #02164b;
background:#fff url(../gfx/bily-prechod.gif) 0 0 repeat-x ;
}

h1 {
width:210px;
height:65px;
position:relative;
top:5px;left:5px;
display:block; 
font-size: 15px;
}

h1 span {
display:block;
position:absolute;
width:210px;
height:65px;
top:0;
left:0;
background:url(../gfx/logo-meteodat.gif) 0 0 no-repeat ;cursor: hand;
}

ul#top-menu {
list-style-type:none;
position:absolute;
bottom:0px;_bottom:-1px;
left:250px;
}

ul#top-menu li {
display:block;
font-size: 14px;
float:left;
margin-left:5px;
border-left:1px solid #02164b;
border-right:1px solid #02164b;
border-top:1px solid #02164b;
border-bottom-width:0px;
background:#2f4b7c url(../gfx/modry-prechod.gif) -5px 0 repeat-x ;
  }
  
  
ul#top-menu li a {
display:block;
position: relative;
top:0;
left:0;
color:#fff;
padding:5px 50px 5px 35px;
text-decoration: none;
background: url(../gfx/odrazka-kulata.gif) 10px 50%  no-repeat ;
}

ul#top-menu li a:hover {
color:lightblue;
text-decoration:underline;
}



ul#top-site-map {
list-style-type:square;
position:absolute;
top:0px;
text-align: center;
line-height: 80%;
right:0px;
background:#2f4b7c url(../gfx/modry-prechod.gif) -5px 0 repeat-x ;
}

ul#top-site-map li {
display:block;
font-size: 10px;
float:left;
border-right:1px solid #02164b;
border-top:1px solid #02164b;
border-bottom-width:0px;
border-left-width:0px;
background: url(../gfx/roh-mapa-webu.gif) 0 100% repeat-x ;
  }
  
  
ul#top-site-map li a {
display:block;
position: relative;
top:0;
left:0;
color:#fff;
padding:25px 10px 6px 10px;
text-decoration: none;
background: url(../gfx/mapa-webu.gif)  50% 5px no-repeat ;
}

ul#top-site-map li a:hover {
color:lightblue;
text-decoration:underline;
background: url(../gfx/mapa-webu-modra.gif)  50% 5px no-repeat ;
}

#horni-levy-roh {
position:absolute;
top:0;
left:0;
width:13px;
height:15px;
background: url(../gfx/horni-levy-roh.gif)  0 0 no-repeat ;}


#search {
position:absolute;
top:0;
right:54px;
padding:5px 10px 5px 10px;
background: url(../gfx/zluty-prechod.gif)  0 0 repeat-x ;
border:1px solid #c3a100;font-size:15px;
color:#c3a100;}


#search input#search-inp {
background:#fff;
border:1px solid #c3a100;
color:#c3a100;
padding:2px;margin:0 2px 0 2px;
font-size:12px;
}


#search input#submit-inp {
width:16px;height:16px;
background: url(../gfx/submit-search-inp-lupa.gif)  0 0 repeat-x ;

}



























ul#left-menu {
list-style-type:none;
position:absolute;
top:79px;
left:0px;
width:185px;z-index:5000;
background:#fff;

}

ul#left-menu, ul
{
padding:0;
margin:0;
list-style-type:none;
}


ul#left-menu ul
{
position:absolute;
top:0;
left:185px;
visibility:hidden;
background-color:white;border-left: 1px solid #888;
}

ul#left-menu li
{
position:relative;
width:185px;
}

ul#left-menu a {
display:block;
left:165px;
padding:2px 0 2px 23px;
text-decoration:none;
color:#646464;
font-size:14px;
background:#fff url(../gfx/odrazka-sipka.gif)  10px 50% no-repeat ;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left-width:0;
border-right-width:0;_width:162px;
}

ul#left-menu  a:hover,  ul#left-menu li:hover a, ul#left-menu li.hover a  {
text-decoration:none;
background:#f6f6f6 url(../gfx/odrazka-sipka.gif)  10px 50% no-repeat ;
border-top: 1px solid #d7d7d7;
border-bottom: 1px solid #d7d7d7;

}

ul#left-menu li:hover ul a, ul#left-menu li.hover ul a
{
text-decoration:none;
background:#fff url(../gfx/odrazka-sipka.gif)  10px 50% no-repeat ;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

ul#left-menu li:hover ul a:hover, ul#left-menu li.hover ul a:hover
{
text-decoration:none;
background:#f4faff url(../gfx/odrazka-sipka.gif)  10px 50% no-repeat ;
border-top:1px solid #d7d7d7;
border-bottom:1px solid #d7d7d7;
}

ul#left-menu li:hover ul, ul#left-menu li.hover ul
{
visibility:visible;
}

ul#left-menu li li
{
border:none;
padding:0;
background-color:white;
}

ul#left-menu li
{
behavior: url(hover.htc);
}






















#main-graphic-box {
background:#777 url(../gfx/europe.jpg)  0 0 no-repeat;
width:793px;_width:795px;
height:238px;min-height:238px;
position: relative;
top:0px;
left:185px; 
border-right: 1px solid #777;
border-left: 1px solid #777;
border-top-width:0;
border-bottom-width:0;
}



#graphic-menu {
list-style-type:none;
position:absolute;
background:none;

}

#graphic-menu li a span.main {
display:block;
position:absolute;
width:50px;height:50px;
opacity: 0.5;
filter: alpha(opacity=50);
}

#graphic-menu li a:hover span.main {
opacity: 1;
filter: alpha(opacity=100);
}

ul#graphic-menu li a span.text {
display:none;
}


ul#graphic-menu li a:hover span.text {
display:block;
position:absolute;
width:300px;
height:100px;
top:130px;
left:420px;
z-index:5000;font-size:13px;
}

ul#graphic-menu li a:hover {
text-decoration:none;
}

#graphic-menu li a#cestovani span.main{
background: url(../gfx/ico-cestovani.gif) 0 0 no-repeat;
top:170px;
left:50px;
}



#graphic-menu li a#doprava span.main{
background:url(../gfx/ico-doprava.gif) 0 0 no-repeat;
top:120px;
left:120px;
}

#graphic-menu li a#energetika span.main{
background:url(../gfx/ico-energetika.gif) 0 0 no-repeat;
top:80px;
left:190px;
}

#graphic-menu li a#krizove-rizeni span.main{
background:url(../gfx/ico-krizove-rizeni.gif) 0 0 no-repeat;
top:55px;
left:260px;
}

#graphic-menu li a#media span.main{
background:url(../gfx/ico-media.gif) 0 0 no-repeat;
top:37px;
left:330px;
}

#graphic-menu li a#obchod span.main{
background:url(../gfx/ico-obchod.gif) 0 0 no-repeat;
top:30px;
left:400px;
}

#graphic-menu li a#stavebnictvi span.main{
background:url(../gfx/ico-stavebnictvi.gif) 0 0 no-repeat;
top:25px;
left:470px;
}

#graphic-menu li a#zemedelstvi span.main{
background:url(../gfx/ico-zemedelstvi.gif) 0 0 no-repeat;
top:27px;
left:540px;
}




#login {
position:absolute;
top:350px;width: 185px;
left:0;
padding:5px ;
background:#fed61c url(../gfx/zluty-prechod.gif)  0 0 repeat-x ;
border-top:1px solid #c3a100;
border-bottom:1px solid #c3a100;
font-size:16px;
color:#c3a100;}


#login table td {
color:#c3a100;
font-size:13px;
padding:2px ;
}

#login div {
margin:0px 20px 10px 0px;
background: url(../gfx/login-key.gif) 100% 100% no-repeat;
}

#login input {
background:#fff;
border:1px solid #c3a100;
color:#c3a100;
padding:2px;margin:0 2px 0 2px;
font-size:12px;
}




#roh{
display:block;
position:absolute;
top:0px;
left:0px;
width:10px;
float:left;height:30px;min-height:32px;
background: url(../gfx/roh-drobeckova-navigace.gif) 0 100% no-repeat ;
z-index: 10;
  }




#drobeckova-navigace ul {margin-left:0px;}


#drobeckova-navigace {
position:absolute;
top:0px;
left:0px;
width:793px;_width:794px;
min-height:30px;
border-right:1px solid #02164b;
border-top:1px solid #02164b;
border-bottom:1px solid #02164b;;
border-left-width:0px;
background:#2f4b7c url(../gfx/modry-prechod.gif)  0 -5px repeat-x ;
z-index: 5;
font-size:14px;

}

  
#drobeckova-navigace li {
list-style-type: none;
float:left;
display:block;
}

#drobeckova-navigace li span {
display:block;
color:#fff;
padding:5px 2px 5px 25px;
text-decoration: none;
background: url(../gfx/odrazka-sipka-modra.gif) 10px 50%  no-repeat ;
}


#drobeckova-navigace li a {
display:block;
color:#fff;
padding:5px 2px 5px 25px;
text-decoration: none;
background: url(../gfx/odrazka-sipka-modra.gif) 10px 50%  no-repeat ;
}

#drobeckova-navigace li a:hover {
color:lightblue;
text-decoration: underline;
}

#drobeckova-navigace li#prvni a {
padding:5px 2px 5px 30px;
background:url(../gfx/odrazka-kulata.gif) 10px 50%  no-repeat ;
}



#main-text-box, #main-text-box-backg-energetika {
background:#fff url(../gfx/bily-prechod-obsah.gif)  0 -25px repeat-x;
width:774px;_width:774px;_height:250px;
position: relative;

left:185px; 
border-right-width:0;
border-left: 1px solid #666;
border-top-width:0;
border-bottom-width:0;
padding: 45px 10px 10px 10px ;
font-size:13px;
color:#555;
}

#main-text-box {
background:#fff url(../gfx/bily-prechod-obsah.gif)  0 -25px repeat-x;
}
#main-text-box-backg-energetika { 
background:#dfebff;
} 
 
#text-energetika {margin-top:-30px; background: none;} 

























#footer {
text-align:center;
width:100%;
height:55px;_height:50px;
position:relative;
/*background:#2f4b7c url(../gfx/modry-prechod.gif) 0 0 repeat-x;*/

}

#footer-inside {
width:980px;
min-height:49px;_height:50px;
margin: 0px auto;
text-align:left;
position:relative;
color:#fff;padding:3px 8px;
font-size:13px;
border-top:1px solid #02164b;
background:#2f4b7c url(../gfx/modry-prechod.gif) 0 0 repeat-x;
}

#footer-inside p {margin: 0; }


#footer-inside p a {
color:#fff;
}

#footer-inside p a:hover {
color:lightblue;
}



/* ------------------ site map ----------------- */

ul#mapa-webu li  {
list-style-type: square; margin-left:30px;
}







/*----------------------------*/

address {font-style: normal;margin:10px 0 10px 0 ;}

.center {text-align:center;}

.fle {float:left}

.fri {float:right}

.clear {clear:both;}

h2, h3, h4  {margin: 8px 0 8px 0; color:#2f4b7c;}

h2 {font-size: 18px;}

b {color:#2f4b7c; font-size: 14px;}

h3 {font-size: 15px;}

h4 {font-size: 13px;}

p {margin:10px 0 10px 0 }

.zip {color:#f1bb00;}

a:hover {color:#333;}

a {color:#2f4b7c;}

ul.seznam {
margin:18px;
list-style-type: square;
}

ul.seznam li ul{
margin:0 18px 0 18px;
list-style-type: circle;
}

ol {
margin:18px 18px 18px 22px;
}

ol li{
margin:5px 0 5px 0;
}

.ramecek_img {padding:1px; border:1px solid #2f4b7c}

.m5l {margin-left:5px;}
.m5r {margin-right:5px;} 
.m5t {margin-top:5px;} 
.m5b {margin-bottom:5px;}

.m10l {margin-left:10px;}
.m10r {margin-right:10px;} 
.m10t {margin-top:10px;} 
.m10b {margin-bottom:10px;}



/* -------------- Vyhledavani -------------- */





.zoom_searchform 
 {
background:#fff;
border:1px solid #c3a100;
padding:10px;margin: 10px 0 10px 0;
font-size:12px; width:300px;
}

.zoom_searchbox  {
background:#fff;
border:1px solid #c3a100;
color:#c3a100;
padding:2px;margin:0 2px 0 2px;

}

.zoom_button {
background:#fed61c url(../gfx/zluty-prechod.gif)  0 0 repeat-x ;
border:1px solid #c3a100;
color:#c3a100;
padding:2px;margin:0 2px 0 2px;

}

.zoom_results_per_page {
background:#fff;display:block;
border:0px solid #c3a100;
padding:2px;margin:10px  0 0 0;

}

.zoom_per_page {
background:#fff ; 
border:1px solid #c3a100;
color:#c3a100;
padding:2px;

}

.zoom_match {
background:#fff ;
padding:2px;margin:0 2px 0 2px;
font-size:12px;
}

.zoom_match input {

margin:0px 5px 0px 5px;

}



.result_block {

padding:10px;
background:#eee ;
}

.result_block a  {


font-weight: bold;
}

.result_altblock {
padding:10px;

}

.result_altblock  a{


font-weight: bold;
}

table#admintab    {border-spacing: 0; width:100%; padding:0;margin-top:10px;border-left:0px solid red;border-top:1px solid  #2f4b7c;border-left:1px solid #5471a2;border-right:1px solid #5471a2;}

table#admintab input   {padding:3px;border:1px solid  #2f4b7c;background:#fff;color:#555;}
table#admintab select  {padding:3px;border:1px solid  #2f4b7c;background:#fff;color:#555;width:150px;}
table#admintab tr    {margin:0;padding:0;}

table#admintab tr td {text-align: right; border-spacing: 0; border-bottom:1px solid #2f4b7c;border-right:0px solid red;border-left:0px solid red; padding:5px;margin:0;border-right:1px solid #93b3bf;}

table#admintab tr th {text-align: center; border-spacing: 0; background:#bed9e3;border-bottom:1px solid #2f4b7c;border-right:0px solid red;border-left:0px solid red;padding:5px;margin:0;}