/* 
Projekt: www.r3e.com
Autor: Andrej Panák - www.webriesenia.sk
Dátum: 05.02.2008
*/
img {border: 0;}
/* ----------------------------------------------------------------------------------------------------------
1) LAYOUT 
---------------------------------------------------------------------------------------------------------- */
body { margin: 0 auto; text-align: center; background-image: url('../images/bg.jpg'); background-color: #323232; background-repeat:repeat-x; font-family:tahoma; }
#main_frame {margin: 0 auto; width:900px; }
    #header_frame {float: left; margin: 20px 0 0 0;  width:900px; height: 70px; }
        #logo {float: left; }
        #jazyky {float: right; width: 100px; text-align: left; }
    #menu_frame {float: left;  width:900px; height: 30px; background-color: #ff0000; }
        .polozka {float: left; height: 21px; padding: 9px 20px 0 20px;}
        .polozka_on {float: left; height: 21px; background-color: #990000; padding: 9px 20px 0 20px; }
        html>body .polozka {float: left; height: 26px; padding: 9px 20px 0 20px;}
        html>body .polozka_on {float: left; height: 26px; background-color: #990000; padding: 9px 20px 0 20px; }
        /* ---Objednat---*/
        .polozka_right {float: right; height: 21px; padding: 9px 20px 0 20px;}
        .polozka_right_on {float: right; height: 21px; background-color: #990000; padding: 9px 20px 0 20px; }
        html>body .polozka_right {float: right; height: 26px; padding: 9px 20px 0 20px;}
        html>body .polozka_right_on {float: right; height: 26px; background-color: #990000; padding: 9px 20px 0 20px; }
        /* ------*/
        .polozka_x {float: left; height: 21px; background-color: #990000; padding: 9px 20px 0 20px; }
    #content_frame {float: left; height: 339px; width: 900px;}
        #ochrana_zraku {float: left; width: 301px; height: 339px; background-image: url('../images/ochrana_zraku.jpg'); background-repeat: no-repeat; }
        #ochrana_zraku_en {float: left; width: 301px; height: 339px; background-image: url('../images/ochrana_zraku_en.jpg'); background-repeat: no-repeat; }
        #ochrana_sluchu {float: left; width: 299px; height: 339px; background-image: url('../images/ochrana_sluchu.jpg'); background-repeat: no-repeat;}
        #ochrana_sluchu_en {float: left; width: 299px; height: 339px; background-image: url('../images/ochrana_sluchu_en.jpg'); background-repeat: no-repeat;}
        #sluzby {float: right; width: 300px; height: 339px;  background-image: url('../images/sluzby.jpg'); background-repeat: no-repeat; cursor:pointer; cursor:hand; }
        #sluzby_en {float: right; width: 300px; height: 339px;  background-image: url('../images/sluzby_en.jpg'); background-repeat: no-repeat; cursor:pointer; cursor:hand; }
    #flash_frame {float: left; width: 900px; height: 169px;}
        #flash {float: left; width: 600px; height: 169px;}
        #index_popis {float: left; width: 300px; height: 169px; line-height:16px; text-align:left;  background-image: url('../images/popis.jpg'); background-repeat: no-repeat;}
        #index_popis_en {float: left; width: 300px; height: 169px;  background-image: url('../images/popis_en.jpg'); background-repeat: no-repeat;}
            .index_popis_osadenie {float: left; width: 265px; margin: 65px 0 0 20px; }
            html>body .index_popis_osadenie {float: left; width: 265px; margin: 55px 0 0 20px; }
            *:first-child+html .index_popis_osadenie {float: left; width: 265px; margin: 65px 0 0 20px; }
    #tien {float: left; width: 900px; height: 18px; background-image: url('../images/tien.jpg'); background-repeat: no-repeat;}
    #footer_frame {float: left; width: 900px; height: 50px; text-align: left;}
        #first_step {float: left; width: 900px; height: 30px; }
            .footer_osadenie {float: left; padding: 0 11px 0 11px; margin: 10px 0 0 0;}
        #second_step {float: left; width: 900px; height: 40px; color: #999999; font-size: 0.7em; font-family: tahoma; padding: 0 0 0 11px; }
        
/* ----------------------------------------------------------------------------------------------------------
2) UNIVERZÁLNE ŠTÝLY
---------------------------------------------------------------------------------------------------------- */
li {list-style-type:none; width: 40px; }
/* ----------------------------------------------------------------------------------------------------------
3) FONTY
---------------------------------------------------------------------------------------------------------- */
p {font-size: 0.70em; color: #535353;  font-family: tahoma; text-align: left; line-height: 14px; }
h1.index { color:#000; font-size:11px; margin:0; padding:0; }
/* ----------------------------------------------------------------------------------------------------------
4) LINKY
---------------------------------------------------------------------------------------------------------- */
a.link {font-size: 1.0em; color: #323232; font-family: tahoma; text-decoration: underline; font-weight: bold;}
a.link:hover {font-size: 1.0em; color: #323232; font-family: tahoma; text-decoration: none; font-weight: bold; }

a.jazyk {font-size: 0.7em; color: #ff0000; font-family: tahoma; text-decoration: underline; }
a.jazyk:hover {font-size: 0.7em; color: #ff0000; font-family: tahoma; text-decoration: none; }
a.jazyk_gray{font-size: 0.7em; color: #666666; font-family: tahoma; text-decoration: underline; }
a.jazyk_gray:hover {font-size: 0.7em; color: #ff0000; font-family: tahoma; text-decoration: none; }

a.menu {font-size: 0.7em; color: #fff; font-family: tahoma; text-decoration: none; font-weight: bold; }
a.menu:hover {font-size: 0.7em; color: #fff; font-family: tahoma; text-decoration: none; font-weight: bold; }

a.footer_link {font-size: 0.7em; color: #666666; font-family: tahoma; text-decoration: none; }
a.footer_link:hover {font-size: 0.7em; color: #ffffff; font-family: tahoma; text-decoration: underline; }

a.footer_link_webriesenia {font-size: 1.0em; color: #999999; font-family: tahoma; text-decoration: none; }
a.footer_link_webriesenia:hover {font-size: 1.0em; color: #ffffff; font-family: tahoma; text-decoration: underline; }

.viac_informacii {font-size: 0.7em; color: #fff; font-family: tahoma; text-decoration: none; font-weight: bold; }

/* ----------------------------------------------------------------------------------------------------------
5) DOPLNKY
---------------------------------------------------------------------------------------------------------- */
.viac {float: left; width: 150px; height: 30px; margin: 290px 0 0 140px; background-image: url('../images/viac.jpg'); background-repeat: no-repeat; color: red;}
.viac_osadenie {float: left; margin: 8px 0 0 10px; }
/* ----------------------------------------------------------------------------------------------------------
6) MENU
---------------------------------------------------------------------------------------------------------- */