/*css http://www.midasweb.eu */
*{margin:0;padding:0;}
body {background:#D5D5D5 url(../img/bg.gif); color:#000; font-size:80%;margin:0 auto; width:100%;height:100%; letter-spacing:0px; text-align:center;font-family: Tahoma,georgia,"trebuchet ms",verdana,arial,lucida,sans-serif !important;line-height:1.4;}
img {border:0;}
ul li {list-style-type:none;}
#top {background:#1D2E6E url(../img/top.gif) repeat-x; position:absolute; left:0px; z-index:0;  width:100%; height:314px;  float:left}
#motiv {background:url(../img/kompas.png); position:absolute; top:360px; right:0; z-index:1000;  width:236px; height:249px}

/*odkazy*/
a {color:#790101}
a:hover {color:#2E418A}

/*logo*/
#head {background:#1D2E6E;width:980px; height:280px; margin:0 auto; text-align:center; position:relative; z-index:10}
#head-in  {background:url("../img/head.jpg")  no-repeat; width:980px; height:280px; display:block; z-index:100; position:relative; float:left}
#headclick {position:absolute; top:0px; left:0px; z-index:5; display:inline; width:560px; height:275px;  clear:both; z-index:10}
#h1 h1 {color:#fff; font-family:"Arial Black"; overflow:hidden;  font-weight:normal; letter-spacing:0px; position:absolute; left:0; top:25px; font-size:260%; z-index:0; margin:0 auto; text-align:left}
#h1 span {font-weight:normal; font-size:45%; color:#4D8AA2; }

/*horni menu pod headem*/
#menu { background:#2E418A url(../img/bg-menu.jpg) center no-repeat; font-family:"Arial"; width:980px; height:55px; font-size:100%;  margin:0 auto;   text-align:center}
#menu ul { margin:0 auto ; text-align:left; margin-left:10px}
#menu li {display:inline; font-weight:bold; text-align: center; letter-spacing:0px   }
#menu li a {color:#fff; text-decoration: none; padding:0 24px; border-right:#214152 1px solid;  height:54px; line-height:54px; display:block; float:left }
#menu li a:hover {background:#1D2C6C; color:#79A5EA; }
.aktiv-menu {color:#79A5EA; text-decoration: none; padding:0 24px; border-right:#214152 1px solid;  height:54px; line-height:54px; display:block; float:left }

/*tooltip*/
#easyTooltip{padding:5px 10px;border:1px solid #888;background:#DFDFDF;color:#222; display:block; text-align:left; letter-spacing:0px; z-index:1000}
#easyTooltip b {font-size:120%}

/*obsah*/
#hlavni {width:980px; margin:0 auto; display:block; position:relative;  height:auto;}
#obsah {background: url(../img/obsah-top.jpg) top center no-repeat; width:980px; margin:0 auto; display:block; float:left; position:relative;}
#in {background:url(../img/obsah.gif) top center repeat-y; min-width: 980px; z-index:0; float:left; min-height:550px;}

/*leva*/
#leva {float:left; width:230px; position:relative;  padding:15px 15px 20px 10px; z-index:100; text-align:left;}
#leva p {text-align:left; padding:0px 10px;  font-size:85%; margin:5px 0  }
#leva h2, #leva h3, #leva h4 {text-align:left; font-size:130%; text-indent:0px;  line-height:25px;  font-weight:normal; text-indent:10px }
#leva h2, #prava h2 {color:#000;}
#leva h3 {font-size:120%; color:#cacaca; font-weight:normal; }
#leva h4 {background:url(../img/bg-h-zlata.gif) center no-repeat; color:#fff; }

/*leva-blok*/
.box {background:#E8E8E8; padding:10px 0; border:#BBB9B9 1px solid}

/*bocni-menu*/
.bocni-menu {position:relative;width:215px;font-family:Arial,sans-serif;font-size:12px; color:#000; margin:0 auto; }
.bocni-menu ul { margin:5px 0 10px }
.bocni-menu li{display:block; text-align:left; letter-spacing:0px;  margin-bottom:1px;  }
.bocni-menu a {background:#2E418A url(../img/bg-menu.jpg) center left no-repeat; border:#7384C3 2px solid; border-right:#2182865 2px solid; border-bottom:#182865 2px solid; text-decoration:none; width:205px; display:block;  color:#fff;  padding:5px 0 5px 10px  }
.bocni-menu a:hover {background:#7384C3 url(../img/bocni-menu.gif) center right no-repeat; }

/*vysouvaci-menu*/
.menu { width:215px;  position:relative;  margin: 5px 0 10px 8px; float:left  }
.menu li {display:block; text-align:left; letter-spacing:0px;  margin-bottom:1px;  }
.menu li a {background:#2E418A url(../img/bg-menu.jpg) center left no-repeat;  display:block; text-decoration:none; color:#fff; width:205px;  text-align:left; border:#7384C3 2px solid; border-right:#2182865 2px solid; border-bottom:#182865 2px solid; padding:5px 0 5px 10px  }
.menu a:hover {background:#7384C3 url(../img/bocni-menu.gif) center right no-repeat; color:#fff }
.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:#fff;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:180px; width:205px; z-index:1000}
.menu ul li:hover ul li a.hide {background:#fff; color:#000;}
.menu ul li:hover ul li:hover a.hide {width:205px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#2E418A; color:#fff; width:205px;}
.menu ul li:hover ul li a:hover {background:#DA251D; color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:205px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:205px; background:#DA251D; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#DA251D; color:#fff;}
.menu ul li:hover ul li {margin-bottom:0px!important}

/*foto*/
#leva img {margin:10px; z-index:0; text-align:center}
#leva a img, #stred a img {border:#cacaca 3px solid}
#leva a:hover img, #stred a:hover img {border:#2E418A 3px solid}
.fright {float:right; margin:10px 0px 10px 15px!important}
.fleft {float:left; margin:10px 15px 10px 0px!important}
.border {border:#cacaca 3px solid}
.center {text-align:center!important}
.no-border img {border:none!important}

/*stred*/
#stred  {width:690px; float:right; position:relative; padding:15px 15px 20px 0px;  z-index:0;}
#stred  p {text-align:justify; padding:5px ;   }
#stred  strong {color:#2E418A}  
#stred b {color:#000}
#stred h1 {color:#000; font-size:240%; text-indent:5px; text-align:left; font-weight:normal; position:relative ; letter-spacing:0px; font-family:"Georgia" }
#stred h1 span {color:#A0C3D5!important; font-size:75%!important }
#stred h1 strong {color:#000!important; font-weight:normal}
#stred h2, #stred h3, #stred h4 {padding:5px 0 5px 0px; font-size:140%; text-indent:5px; text-align:left; font-weight:normal; font-family:Arial; }
#stred h2 {color:#666; font-style:italic; font-size:160%}
#stred h3 {color:#2E418A; border-bottom:#ABABAB 1px dashed; display:block; font-size:180%}
#stred h3 em {font-style:normal; color:#DA251D!important}
#stred h3 a {color:#2E418A;}

#stred h4 {color:#DA251D; }
#stred h4 a {color:#DA251D;}
#stred h5 {text-align:left; font-size:120%; color:#444}
#stred hr, #leva hr{color:#dcacaca;  background-color:#cacaca; border: 0 none; height:1px; margin:10px auto;_margin:5px auto; text-align:center; width:98%; position:relative; clear:both  }
#stred ul {margin:10px 0; text-align:left}
#stred li {list-style-type:disc; margin-left:25px; padding:2px 0}

#stred table {border-collapse:collapse; border:#cacaca 1px solid; text-align:left; width:100%; margin-bottom:10px}
#stred th {text-align:left; padding:5px 10px; border:#cacaca 1px solid; background:#f3f3f3}
#stred td {padding:5px 10px; border:#cacaca 1px solid; vertical-align:top}
#stred img {margin:10px auto}
#stred .strediska td {border-bottom:#cacaca 3px solid!important}

.vyrazny-p {color:#000!important; padding:10px 15px 10px 5px!important; margin:5px auto; font-size:200%; }
.vyrazny-p strong {color:#453D0A!important}
.linka {display:block; height:1px; width:100%; border-bottom:#666 3px dotted; margin:10px auto; clear:both}

/*uprava textu*/
.mensi {font-size:150%!important}
.vetsi {font-size:200%!important; font-weight:bold!important}
.vetsi-red {font-size:160%; color:#DA251D}

/*loga*/
.loga {width:690px; clear:both}
.loga a {float:left; margin:5px}
.loga a img {border:none!important}

/*seznamy*/
.blok1 {float:left; width:330px}
.blok2 {float:right; width:330px}
#kontakt {background:url(../img/kontakt-zeme.jpg) 100% 100% no-repeat}

/*paticka*/
#foot {background:#122057 url(../img/foot.gif) repeat-x; width:100%;  float:left; margin:0 auto;  }
#foot-in {background:#122057 url(../img/foot-in.gif) no-repeat; color:#fff ; font-size:90%;   width:980px;  height:85px;   margin:0 auto; position:relative; text-align:center; letter-spacing:-0px}
#foot-in p {padding-top:30px; padding-left:30px;  text-align:left; margin:0 auto; clear:both; width:950px  }
#foot-in a {color:#fff}
#foot-in a:hover {color:#2C4D5F}
