/* 
Projekt: www.mibo.sk
Autor: Andrej Pan�k - www.webriesenia.sk
D�tum: 05.02.2008
*/

/* ----------------------------------------------------------------------------------------------------------
1) LAYOUT 
---------------------------------------------------------------------------------------------------------- */

body {padding:30px 0; background:#FFF; font:0.9em/1.4 "arial",tahoma; color:#000;}
  #main_frame { margin:0 auto; width:732px; }
    #header_frame { float: left; width: 732px; height: 120px; background-image: url('../images/top.jpg'); }
    #grafic_frame { float: left; width: 732px; height:214px; background-image: url('../images/grafika.jpg');}
      #menu { float:left; width:249px; height:214px; }
      #grafic { float:left; width:249px; height:214px; }
    #pasik { float:left; width: 732px; height:44px; background-image: url('../images/pasik.jpg')}
    #content_frame { float:left; width: 732px; background-image: url('../images/obsah.jpg') }
    #footer_frame { float:left; width: 732px; height: 30px; background-color: #b4af9a; text-align: center;}
    #signature { float:left; width: 732px; height: 30px;  text-align: center;}
/* ----------------------------------------------------------------------------------------------------------
2) STYLE DOPLNKU
---------------------------------------------------------------------------------------------------------- */
#logo { position: relative; top: 35px; left: 32px; float: left;}
#popis { position: relative; top: 30px; left: 210px; float: left;}
#napis_aktuality { position: relative; top: 4px; left: 35px; float: left; font-family:tahoma; color:#fff;  font-weight: bold;}
#napis_sekcia { position: relative; top: 4px; left: 225px; float: left; font-family:tahoma; color:#fff; font-weight: bold; Z-index:0; }
#aktuality { float: left; width: 237px; }
    #aktuality_osadenie { float: left; width: 190px;  margin-left: 9px; }
    html>body #aktuality_osadenie { float: left; width: 190px; margin-left: 20px; }
#content { float: left; width: 470px; }
    #content_osadenie { float: left; width: 465px; margin-left: 8px;}
    html>body #content_osadenie { float: left; width: 465px; margin-left: 15px;}
#footer_frame_osadenie { float:left; width: 730px; margin-top: 3px; text-align: center; font-family:tahoma; color:#fff;}
/* ----------------------------------------------------------------------------------------------------------
3) FONTY
---------------------------------------------------------------------------------------------------------- */
h1 {font-size: 0.95em; text-align:left; color: #8d9b02; margin: 0 0 5px 0; padding: 0;}
h2 {font-size: 0.90em; text-align:left; color: #8d9b02; margin: 15px 0 5px 0; padding: 0;}
h3 {font-size: 0.90em; text-align:left; color: #8d9b02; margin: 15px 0 5px 0; padding: 0; text-decoration: underline;}
p {font-size: 0.75em; text-align:left; color: #656150; margin: 0; padding: 0;}
.mini { font-size: 0.75em; text-align:left; color: #746e58; }
.blue { font-size: 0.75em; text-align:left; color: #087ec2; font-weight: bold; margin-bottom: 5px; }
p.aktualita { font-size: 0.75em; text-align:left; color: #727272; margin-top: 0px; width: 200px; }
.footer_text { font-size: 0.75em; text-align:left; color: #746e58; }
/* ----------------------------------------------------------------------------------------------------------
4) LINKY
---------------------------------------------------------------------------------------------------------- */
a.footer { font-family:tahoma; font-size: 0.75em; color:#fff; text-decoration: none;}
a.footer:hover { font-family:tahoma; font-size: 0.75em; color:#fff; text-decoration: underline;}
.footer_link { font-size: 0.75em; text-align:left; color: #746e58; }
a.link { font-family:tahoma; font-size: 1em; color:#097ec3; text-decoration: underline;}
a.link:hover { font-family:tahoma; font-size: 1em; color:#097ec3; text-decoration: none;}
a.link_table { font-family:tahoma; font-size: 0.95em; color:#097ec3; text-decoration: underline;}
a.link_table:hover { font-family:tahoma; font-size: 0.95em; color:#097ec3; text-decoration: none;}
a.link_sede { font-family:tahoma; font-size: 1em; color:#746e58; text-decoration: underline;}
a.link_sede:hover { font-family:tahoma; font-size: 1em; color:#746e58; text-decoration: none;}
/* ----------------------------------------------------------------------------------------------------------
5) DOPLNKY
---------------------------------------------------------------------------------------------------------- */
.ciara {border-bottom: 1px solid #ebe9e3; float: left;}
td {font-size: 0.75em; text-align:left; color: #656150; margin: 0; padding: 0;}
td {font-size: 0.75em; text-align:left; color: #656150; margin: 0; padding: 0;}
td.formular {font-size: 1em; text-align:left; color: #656150; margin: 0; padding: 0;}
.image_frame { border:1px solid #b7b29a; padding: 4px; margin-left: 5px; margin-top: 5px; }
.image_frame_nomargin { border:1px solid #b7b29a; padding: 4px; margin-top: 5px; }
input {border:1px solid #b7b29a; width: 200px; }
textarea {border:1px solid #b7b29a; width: 200px; height: 90px; }
/* ----------------------------------------------------------------------------------------------------------
6) MENU
---------------------------------------------------------------------------------------------------------- */
#second_menu {
float: left;
margin-top: 20px;
}
/* Root = Vertical, Secondary = Vertical */
ul#navmenu-v,
ul#navmenu-v li,
ul#navmenu-v ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 240px; /*For KHTML*/
  list-style: none;
}

ul#navmenu-v:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-v li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
  Z-index:1;
}

/* Root Menu */
ul#navmenu-v a {
  border: 1px solid #f8f7f2;
  border-right-color: #ebe8e3;
  border-bottom-color: #dedcda;
  padding: 0 6px 0 14px;
  display: block;
  background: #f8f7f2;
  color: #827a5e;
  font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  text-align: left;
  Z-index:1;
}

/* Root Menu Hover Persistence */
ul#navmenu-v a:hover,
ul#navmenu-v li:hover a,
ul#navmenu-v li.iehover a {
  background: #fff;
  color: #827a5e;
  Z-index:1;
}

/* 2nd Menu */
ul#navmenu-v li:hover li a,
ul#navmenu-v li.iehover li a {
  background: #f8f7f2;
  color: #827a5e;
  Z-index:1;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-v li:hover li a:hover,
ul#navmenu-v li:hover li:hover a,
ul#navmenu-v li.iehover li a:hover,
ul#navmenu-v li.iehover li.iehover a {
  background: #fff;
  color: #827a5e;
  Z-index:1;
}

/* 3rd Menu */
ul#navmenu-v li:hover li:hover li a,
ul#navmenu-v li.iehover li.iehover li a {
  background: #f8f7f2;
  color: #827a5e;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-v li:hover li:hover li a:hover,
ul#navmenu-v li:hover li:hover li:hover a,
ul#navmenu-v li.iehover li.iehover li a:hover,
ul#navmenu-v li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
    background: #fff;
  color: #827a5e;
}

/* 4th Menu */
ul#navmenu-v li:hover li:hover li:hover li a,
ul#navmenu-v li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu-v li:hover li:hover li:hover li a:hover,
ul#navmenu-v li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
  Z-index:1;
}

ul#navmenu-v ul,
ul#navmenu-v ul ul,
ul#navmenu-v ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 240px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-v li:hover ul ul,
ul#navmenu-v li:hover ul ul ul,
ul#navmenu-v li.iehover ul ul,
ul#navmenu-v li.iehover ul ul ul {
  display: none;
}

ul#navmenu-v li:hover ul,
ul#navmenu-v ul li:hover ul,
ul#navmenu-v ul ul li:hover ul,
ul#navmenu-v li.iehover ul,
ul#navmenu-v ul li.iehover ul,
ul#navmenu-v ul ul li.iehover ul {
  display: block;
}