/* 
Projekt: www.optikasiloe.eu
Autor: Monumental s.r.o.
Kontakt: info@monumental.sk 
D�tum: 11.12.2008
*/

/* ----------------------------------------------------------------------------------------------------------
1) LAYOUT 
---------------------------------------------------------------------------------------------------------- */
html { height:100%;  }
body { margin: 0 auto; text-align: center; font-family:tahoma; font-size:0.75em; height:100%; }
#background{ min-width:950px; min-height:100%; background:#060607 url(../images/bg.jpg) repeat-y 50% 0; }
* html #background{ height:100%; }

    #main_frame { width:900px; margin:0 auto; }
        #header { width:900px; float:left; }
            #logo { float:left; width:214px; height:42px; margin:25px 0 0 50px; display:inline; }
        #content { width:860px; padding:0 20px 30px 20px; margin-top:27px; background-image:url('../images/bg_content.jpg'); background-repeat: repeat-y;   }
            #main_menu { width:860px; height:30px; float:left; margin-top:17px;}
            #flash { float:left; width:860px; margin-top:22px; }
                #flash_lista { width:860px; float:left; height:77px; margin-top:-79px; }
                html>body #flash_lista { width:860px; float:left; height:77px; margin-top:-77px; }
                    #flash_lista_left { width:614px; float:left; height:77px; background-color:#000;  }
                    #flash_lista_right { width:246px; float:left; height:77px;  }
            #lista { float:left; width:840px; height:42px; text-align:left; padding:18px 0 0 20px; background-image:url('../images/bg_lista.jpg');  margin-bottom:28px; }
            #text { float:left; width:860px; margin-top:35px; }
                .stlpec { float:left; width:255px; text-align:left; color:#fff; font-size:11px; line-height:17px; padding:0 0 0 20px; margin-right:25px; }
                    .text_obmedzenie { float:left; height:150px; width:255px; Overflow:hidden; }
                    .viac { float:left; margin-top:12px; }
                #delenie { float:left; width:5px; height:179px; margin-top:29px; }
                #baner { float:right; }
                #left_img { float:left; padding-right:35px;  }
                #obsah { float:left; width:600px; text-align:left; line-height:18px; color:#fff;  font-size:11px; }
        #footer { float:left; margin-top:15px; height:80px; padding-left:15px; }
/* ----------------------------------------------------------------------------------------------------------
2) UNIVERZ�LNE �T�LY
---------------------------------------------------------------------------------------------------------- */
img { border-color:#424345;  }

/* ----------------------------------------------------------------------------------------------------------
3) FONTY
---------------------------------------------------------------------------------------------------------- */
h1 { padding:0 0 13px 0; margin:0; color:#fff; font-size:1.5em;  }
h3 { color:#5d6064; }
.datum { color:#5e6062;}
/* ----------------------------------------------------------------------------------------------------------
4) LINKY
---------------------------------------------------------------------------------------------------------- */
a { color:#fff; }
a:hover { color:#fff; text-decoration:none; }
/* ----------------------------------------------------------------------------------------------------------
5) DOPLNKY
---------------------------------------------------------------------------------------------------------- */
.bannery {width:840px; margin:0px auto; }
.table_b {width:840px; height:auto;}
.table_b a {border:0px !important;}

.table_b td {padding-bottom:6px;}
.table_b td:first-child {padding-right: 6px;}
.table_b td:last-child {padding-left: 6px;}

.clearlab{padding-left:0px !important;}

/* ----------------------------------------------------------------------------------------------------------
6) MENU
---------------------------------------------------------------------------------------------------------- */
/* Root = Horizontal, Secondary = Vertical */
li.delic { float:left; width:41px; }
li.delic_plus { float:left; width:34px; }
ul#navmenu-h {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 840px; /*For KHTML*/
  list-style: none;
  height: 24px;
}

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

ul#navmenu-h ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  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: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

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

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
  background: #3a3b3f;
  color: #d2d2d2;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
  float: none;
  background: #3a3b3f;
  color: #666;
  text-align: left;
  font-size:10px;
  padding:2px 0 0 9px;;
  border-bottom:3px solid #3a3b3f;
  border-top:0px solid #3a3b3f;
}


/* 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: #3a3b3f;
  color: #FFF;
  font-size:10px;
  
}

/* 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: 160px;
}

/* 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;
}



/* formular */
.foo_formular { background-image:url(../images/form_bcg.jpg); background-repeat:no-repeat;color: #92969b; width:890px; height:176px; padding:3px 15px 25px 40px; margin:0px auto;margin-left:-20px;}

.foo_formular h5 { font-size:17px; color:#fff;margin-top:10px;padding:0px;margin-bottom:5px;text-align:left;}
.foo_formular h6.red { font-size:13px; color:#c12222;padding:0px;margin:0px;text-align:left;}
.foo_formular h6.green { font-size:13px; color:#5db804;padding:0px;margin:0px;text-align:left;}
.foo_formular input {-moz-border-radius: 4px; border-radius: 4px; border:none; background:#c8c8c8; height:25px; width:180px; margin-left:3px; margin-right:40px; padding-left:1px; padding-right:1px;}

.foo_formular table {float:left; width:auto; height:auto;}

.foo_formular .right {float:left; width:auto; height:auto; margin-left:10px;}
.foo_formular .right p { margin-top:-28px !important;}
.foo_formular .right textarea { -moz-border-radius: 4px; /* right */ -moz-border-radius-topright: 5px; border-radius: 4px; border:none; background:#c8c8c8; height:108px; width:340px; margin-left:23px; margin-top:4px;}
.foo_formular .right .send {-moz-border-radius: 4px; border-radius: 4px; width:60px !important; height:34px !important; background:#085f89; color:#fff; margin-left:26px; cursor:pointer;}

.foo_formular .right .send input:hover,
.foo_formular .right .send input:focus { background:#085f89;}