/*css http://www.midasweb.eu */
*{margin:0;padding:0;}
body {background:#285E82 url(../img/bg.gif); color:#fff; font-size:80%;margin:0 auto; width:100%;height:100%; letter-spacing:1.0px; text-align:center;font-family:Tahoma,georgia,"trebuchet ms",lucida,sans-serif !important;line-height:1.4;}
img {border:0;}
/*ul li {list-style-type:none;}*/
#top {background:#16415B url(../img/top.gif) top center repeat-x; position:absolute; top:0px; left:0px; z-index:0;  width:50%; height:382px; }
#top-right {background:#16415B url(../img/top-right.gif) top center repeat-x; position:absolute; top:0px; right:0px; z-index:0;  width:50%; height:382px; }


/*head*/
#head { width:960px; height:382px; margin:0 auto; text-align:center; position:relative; z-index:0}
#head-in  {background:url("../img/head.jpg")  no-repeat; width:960px; height:382px; display:block; z-index:10; position:relative; clear:both}
#logoclick {position:relative; top:10px; left:0px; z-index:5; display:inline; width:580px; height:180px; float:left; clear:both; z-index:0}
#h1 h1{color:#fff;font-family:"Arial Black"; overflow:hidden;font-weight:normal;letter-spacing:0px;position:absolute;left:0px;top:70px;font-size:200%;z-index:0;width:900px;text-align:left; clear:both}

/*menu*/
#menu {font-size:150%;   margin:0 auto; text-align:right;  height:50px; overflow:hidden; width:960px; font-family:"Arial"; }
#menu ul { text-align:right; margin-top:0px ; float:right }
#menu li {display:inline; letter-spacing:0px }
#menu li a {background:#fff url(../img/top-menu.gif) center left repeat-x;text-align:center;  border-right:#dfdfdf 1px solid;  color:#000;   text-decoration: none; height:50px ; line-height:50px;  display:block; float:left ; padding:0 35px }
#menu li a:hover {background:#143E56 url(../img/top-menu.gif) center right no-repeat; color:#fff;}
.aktiv {background:#FBD807 url(../img/top-menu.gif) center center repeat-x; color:#000; padding:0 35px; height:50px ;  line-height:50px; float:left; border-right:#dfdfdf 1px solid}

/*hlavni-layout-obsahova-cast+prava*/
#hlavni {width:960px; margin:0 auto; display:block; position:relative; min-height:400px; height:auto;}
#obsah {background: url(../img/obsah-top.jpg) top center no-repeat; width:960px; margin:0 auto; display:block; float:left; position:relative;}
#in {background:url(../img/obsah.gif) top center repeat-y; min-height:400px; height:auto; z-index:0; float:left}

/*leva*/
#leva {float:left; width:220px; position:relative; margin:0 auto; padding:0px 0px 15px 0px; z-index:100; letter-spacing:0px; text-align:left}
#leva h2 {background:url(../img/bg-h2-leva.gif) center left no-repeat;color:#fff;  font-size:160%; font-weight:bold; line-height:40px; font-family:"Arial Narrow"; letter-spacing:0px; text-indent:15px }
#leva  hr {color:#f2f2f2; background-color:#f2f2f2; border: 0 none; height:1px; margin:3px auto; text-align:center; width:100%; position:relative;  }
#leva p {font-size:85%; margin-left: 6px;}
  


/*leve-menu*/
#leve-menu {width:220px; float:left}
#leve-menu ul {float:left; margin:0px 0px 10px;}
#leve-menu li {display:block; width:220px; margin-bottom:1px; float:left; text-align:left; text-indent:10px; font-family: Arial; letter-spacing:0px; font-size:100%; }
#leve-menu a {background:#194661 url(../img/leve-menu.gif) top center no-repeat; width:220px; display:block; line-height:25px; text-decoration:none;  color:#80BFE9;  }
#leve-menu a:hover {background:#FDD502 url(../img/leve-menu.gif) bottom center no-repeat; width:220px;color:#826D01 }
#leve-menu .novy a {background:#FDD502 url(../img/leve-menu.gif) bottom center no-repeat; width:220px;color:#826D01 }
#leve-menu .novy a:hover { background:#194661 url(../img/leve-menu.gif) top center no-repeat; width:220px; display:block; line-height:25px; text-decoration:none;  color:#80BFE9;  }

/*submenu*/
.menu { width:193px; height:130px; position:relative;  margin: 0 0 0 1px; text-indent: 15px; }
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width:193px; height:25px; line-height:25px; text-align:left;  }
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#4C8821; }
.menu ul li:hover ul {display:block; position:absolute; top:0; left:216px; width:105px; z-index:1000}
.menu ul li:hover ul li a.hide { width:220px;color:#826D01}
.menu ul li:hover ul li:hover a.hide {width:193px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block;background:#FDD502 url(../img/leve-menu.gif) bottom center no-repeat!important;color:#826D01!important }
.menu ul li:hover ul li a:hover {display:block;background:#194661 url(../img/leve-menu.gif) top center no-repeat!important;color:#fff!important }
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; }
.menu ul li:hover ul li:hover ul li a {display:block; width:193px; }



/*stred-obsahova-cast*/
#stred  {width:665px; float:right; position:relative; padding:0 25px 20px 0; text-align:left;  ; letter-spacing:0.1px }
#stred strong {color:#153F58}
#stred b {color:#FDD502}
#stred  p { padding:6px 0; text-align:left;  }
#stred h1 {background:url(../img/bg-h1.gif) center no-repeat; color:#fff;  font-size:200%; font-weight:bold; font-family:"Arial Narrow"; letter-spacing:0px; padding:0px 0 0px 15px }
#stred h1 span {color:#1B3754!important; }
#stred h1 b {color:#FDD502!important; }
#stred h2 {color:#FDD502; font-size:160%; font-weight:bold; font-family:"Arial Narrow"; margin-top:10px  }
#stred h3 {color:#677F97; font-size:200%; font-weight:bold; font-family:"Arial Narrow";  text-indent:10px; line-height:30px; margin:5px 0 }
#stred h4 {background:url(../img/h4.gif) center left no-repeat; color:#1E3E79; font-size:180%; padding-left:40px; line-height:40px}
#stred ul {margin:15px 0; text-align:left}
#stred  hr {color:#518AB0; background-color:#518AB0; border: 0 none; height:1px; margin:10px auto; text-align:center; width:98%; position:relative;  clear:both }
#stred img { margin:15px 0px 0 0px}
#stred a {font-weight:bold}

/*paticka*/
#foot {background:#16415B url(../img/foot.gif) top repeat-x; width:100%; height:80px;  float:left; margin:0 auto;}
#foot-in {background: url(../img/foot-in.gif) top center no-repeat;   width:960px; height:80px;  margin:0 auto; position:relative; text-align:center; }
#foot-in p {width:960px;position:relative; top:20px; padding-left:0px;  text-align:left; margin:0 auto; color:#fff; font-size:85%}
#foot-in a {color:#fff}
#foot-in a:hover {color:#FDD502}

/*odkazy*/
a {color:#FDD502; }
a:hover {color:#fff}

a img{border:#FDD502 2px solid; }
a:hover img{border:#fff 2px solid}

.in-input {width: 300px;}
textarea {width: 300px; height: 90px;}