/* 
Projekt: www.seeyou.sk
Autor: Andrej Panák - www.webriesenia.sk
Dátum: 11.03.2008
*/
img {border: 0;}
/* ----------------------------------------------------------------------------------------------------------
1) LAYOUT 
---------------------------------------------------------------------------------------------------------- */
body {margin: 0 auto; text-align: center; background-repeat: no-repeat;  background-color: #1a0808; color: white; }
#roh {float: right; }
#pozadie_home {margin: 0 auto; width: 766px; height: 100%; text-align: center; background-image: url('../images/bg.jpg'); background-repeat: no-repeat; }
#main_frame { width: 710px; height: 650px; }
    #logo_frame { margin-top: 20px; }
    #content_frame {width: 710px; float: left; margin: 15px 0 0 0; }
        #top_content {width: 710px; height: 24px; float: left; }
            #top_content_left {float: left;}
            
            #top_content_right {float:right; width:350px; height:24px; margin-right:0px; background-image: url('../images/under_menu.jpg'); background-repeat: no-repeat;}
            html>body #top_content_right {float: right; width: 350px; margin-right:0px; height: 24px; background-image: url('../images/under_menu.jpg'); background-repeat: no-repeat;}
                
                #menu0 {float: right; margin-right: 0px;}
                html>body #menu0 {float: right; margin-right: 0px;}
                
                #menu {float: right; margin-right: 0px;}
                html>body #menu {float: right; margin-right: 0px;}
                
                #menu1 {float: left; margin-left: 1px;}
                html>body #menu1 {float: left; margin-left: 1px;}
                
        #middle_content {width: 710px; float: left; float: left; margin-top: 0px;}
            #middle_content_left {border: 5px solid #e8d7b3; width: 340px; float: left; } 
            #middle_content_right {border: 5px solid #e8d7b3; width: 340px; float: left; margin-left: 10px; } 
            #middle_content_middle { float: left; margin: -265px 0 0 125px; width:230px; height: 230px; background-image: url('../images/znacky_popis_bg.jpg'); Background-repeat: no-repeat;}
            html>body #middle_content_middle { float: left; margin: -265px 0 0 235px; width:230px; height: 230px; background-image: url('../images/znacky_popis_bg.jpg'); Background-repeat}  
        #bottom_content {width: 710px; float: left; margin-top: 15px;}
    #footer {width: 710px; float: left; margin: 5px 0 0 0; }
        #footer_decor {width: 710px;}
        #footer_text {width: 710px; height: 60px; text-align: center; color: #461111; font-family: tahoma; font-size: 0.7em;}
/* ----------------------------------------------------------------------------------------------------------
2) LAYOUT DOPLNKY
---------------------------------------------------------------------------------------------------------- */
.img_border_red {border: 5px solid #301111; }
.img_border_red_margin {border: 5px solid #301111; margin-left: 6px;}
#logo_mini {margin: 20px 0 0 9px; float: left; }
html>body #logo_mini {margin: 20px 0 0 20px; float: left; }
#text_mini {margin: 11px 0 0 -5px; width: 190px; }
html>body #text_mini {margin: 5px 0 0 17px; width: 190px; }
#linka_viac {float: left;}
/* ----------------------------------------------------------------------------------------------------------
2) UNIVERZÁLNE ŠTÝLY
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
3) FONTY
---------------------------------------------------------------------------------------------------------- */
p.mini_p {color: #555555; font-family: tahoma; font-size: 0.7em; text-align: left; line-height: 15px; margin-bottom: 9px;}
/* ----------------------------------------------------------------------------------------------------------
4) LINKY
---------------------------------------------------------------------------------------------------------- */
a.footer_link {color: #612323; font-family: tahoma; font-size: 1.0em; text-decoration: none; padding: 5px; }
a.footer_link:hover {color: #612323; font-family: tahoma; font-size: 1.0em; text-decoration: underline; padding: 5px; }
a.copy_link {color: #461111; font-family: tahoma; font-size: 1.0em; text-decoration: none; padding: 5px; }
a.copy_link:hover {color: #461111; font-family: tahoma; font-size: 1.0em; text-decoration: underline; padding: 5px; }
a.viac {color: #612323; font-family: tahoma; font-size: 0.7em; text-decoration: underline; font-weight: bold;}
/* ----------------------------------------------------------------------------------------------------------
5) DOPLNKY
---------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------
5) LOGA INDEX
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
6) MENU
---------------------------------------------------------------------------------------------------------- */
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-h {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 108px; /*For KHTML*/
  list-style: none;
}

ul#navmenu-h li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 15px;
}

ul#navmenu-h ul {
  margin: 0;
  margin-top: -5px;
  margin-left: -12px;
  border: 0 none;
  padding: 0;
  width: 108px;
  list-style: none;
  display: none;
  position: absolute;
  top: 26px;
  left: 0;
}

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

ul#navmenu-h ul li {
  width: 128px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu-h a {
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0 8px;
  height: 15px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #49332c;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
  color: #49332c;
  text-align: left;
  font-weight: bold;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
  float: none;
  background: #9f8c66;
  color: #ede0c5;
  font-weight: normal;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
  background: #9f8c66;
  color: #FFF;
    font-weight: normal;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

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

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

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

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

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

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

/* ----------------------------------------------------------------------------------------------------------
6) MENU1
---------------------------------------------------------------------------------------------------------- */
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-h1 {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 108px; /*For KHTML*/
  list-style: none;
}

ul#navmenu-h1 li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 15px;
}

ul#navmenu-h1 ul {
  margin: 0;
  margin-top: -5px;
  margin-left: -2px;
  border: 0 none;
  padding: 0;
  width: 128px;
  list-style: none;
  display: none;
  position: absolute;
  top: 26px;
  left: 0;
}
html>body ul#navmenu-h1 ul {
  margin: 0;
  margin-top: -5px;
  margin-left: -1px;
  border: 0 none;
  padding: 0;
  width: 128px;
  list-style: none;
  display: none;
  position: absolute;
  top: 26px;
  left: 0;
}

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

ul#navmenu-h1 ul li {
  width: 145px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu-h1 a {
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0 15px;
  height: 15px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #49332c;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu-h1 a:hover,
ul#navmenu-h1 li:hover a,
ul#navmenu-h1 li.iehover a {
  color: #49332c;
  text-align: left;
  font-weight: bold;
}

/* 2nd Menu */
ul#navmenu-h1 li:hover li a,
ul#navmenu-h1 li.iehover li a {
  float: none;
  background: #9f8c66;
  color: #ede0c5;
  font-weight: normal;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h1 li:hover li a:hover,
ul#navmenu-h1 li:hover li:hover a,
ul#navmenu-h1 li.iehover li a:hover,
ul#navmenu-h1 li.iehover li.iehover a {
  background: #9f8c66;
  color: #FFF;
  font-weight: normal;
}

/* 3rd Menu */
ul#navmenu-h1 li:hover li:hover li a,
ul#navmenu-h1 li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

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

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

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

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

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

ul#navmenu-h1 li:hover ul,
ul#navmenu-h1 ul li:hover ul,
ul#navmenu-h1 ul ul li:hover ul,
ul#navmenu-h1 li.iehover ul,
ul#navmenu-h1 ul li.iehover ul,
ul#navmenu-h1 ul ul li.iehover ul {
  display: block;
}
/* ----------------------------------------------------------------------------------------------------------
6) MENU 2 kontakt
---------------------------------------------------------------------------------------------------------- */
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-h2 {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 108px; /*For KHTML*/
  list-style: none;
}

ul#navmenu-h2 li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 15px;
}

ul#navmenu-h2 ul {
  margin: 0;
  margin-top: -5px;
  border: 0 none;
  padding: 0;
  width: 128px;
  list-style: none;
  display: none;
  position: absolute;
  top: 26px;
  left: 0;
}

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

ul#navmenu-h2 ul li {
  width: 115px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu-h2 a {
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0 15px;
  height: 15px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #49332c;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu-h2 a:hover,
ul#navmenu-h2 li:hover a,
ul#navmenu-h2 li.iehover a {
  color: #49332c;
  text-align: left;
  font-weight: bold;
}

/* 2nd Menu */
ul#navmenu-h2 li:hover li a,
ul#navmenu-h2 li.iehover li a {
  float: none;
  background: #9f8c66;
  color: #ede0c5;
  font-weight: normal;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h2 li:hover li a:hover,
ul#navmenu-h2 li:hover li:hover a,
ul#navmenu-h2 li.iehover li a:hover,
ul#navmenu-h2 li.iehover li.iehover a {
  background: #9f8c66;
  color: #FFF;
  font-weight: normal;
}

/* 3rd Menu */
ul#navmenu-h2 li:hover li:hover li a,
ul#navmenu-h2 li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

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

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

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

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

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

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