/* 
Projekt: www.mibo.sk
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/bgcontent.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; margin-top: 17px; line-height: 15px; }
    #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; }
        .polozka_x {float: left; height: 21px; 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; }
        /* ------*/
    #content_frame {float: left; width: 900px; background-color: #fff; }
        #nosny_pic {float: left; height: 150px; width: 900px; border-bottom: 1px solid white;}
            #menu {float: left; width: 200px;}
                #vieteze {float: left; width: 200px; text-align: left;}
            #content {float: left; width: 700px;}
                #navigacia {float: left; width: 700px; height: 27px; border-bottom: 1px solid #dddddd; text-align: left;}
                    #navigacia_osadenie {float: left;  margin: 8px 0 0 17px; color: #999999; font-size: 0.70em; font-family: tahoma; }
                    html>body #navigacia_osadenie {float: left;  margin: 8px 0 0 30px; color: #999999; font-size: 0.70em; font-family: tahoma; }
                
                #content_real {float: left; width: 650px; text-align: left; margin: 15px 0 0 17px;}
                html>body #content_real {float: left; width: 650px; text-align: left; margin: 10px 0 0 30px;}
                
                #predlzovac {float: left; width: 800px; height: 30px; background-color:#ffffff;}
    #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
---------------------------------------------------------------------------------------------------------- */
h1 {font-size: 1.2em; color: #ff0000;  font-family: tahoma; text-align: left; margin-bottom: 3px;}
h2 {font-size: 1.0em; color: #333333;  font-family: tahoma; text-align: left; margin-bottom: 3px;}
h3 {font-size: 0.9em; color: #333333;  font-family: tahoma; text-align: left; margin-bottom: 3px;}
p {font-size: 0.7em; color: #323232;  font-family: tahoma; text-align: left; line-height: 16px;  margin-top: 3px; }
.osadenie_doprava {float: left; margin: 3px 0 0 10px; width: 620px; }
html>body .osadenie_doprava {float: left; margin: 7px 0 0 10px; width: 625px; }
.cervene_pismo_tabulka {font-size: 0.95em; color: #ff0000;  font-family: tahoma; }



p.extra {font-size: 0.7em; color: #323232;  font-family: tahoma; text-align: left; line-height: 16px;  margin-top: -5px;}
html>body p.extra  {font-size: 0.7em; color: #323232;  font-family: tahoma; text-align: left; line-height: 16px; margin-top: -10px;}
p.po_tabulke {font-size: 0.7em; color: #323232;  font-family: tahoma; text-align: left; line-height: 16px;  margin-top: 20px; }
html>body p.po_tabulke  {font-size: 0.7em; color: #323232;  font-family: tahoma; text-align: left; line-height: 16px; margin-top: 10px; }
p.vieteze {font-size: 0.7em; color: #323232;  font-family: tahoma; text-align: left; line-height: 14px; padding-left: 15px; margin-top: 15px;}
.nadpis_1 {font-size: 1.35em; color: #323232;  font-family: tahoma; text-align: left; font-weight: bold; line-height: 30px;}
.nadpis_1_red {font-size: 1.35em; color: #ff0000;  font-family: tahoma; text-align: left; font-weight: bold; line-height: 30px;}
.nadpis_1_x {font-size: 1.35em; color: #323232;  font-family: tahoma; text-align: left; font-weight: bold; }
.chyba {font-size: 0.75em; color: #323232; font-family: tahoma; font-weight: bold;}
/* ----------------------------------------------------------------------------------------------------------
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.link_normal {font-size: 1.0em; color: #323232; font-family: tahoma; text-decoration: underline; }
a.link_normal:hover {font-size: 1.0em; color: #323232; font-family: tahoma; text-decoration: none; }

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

a.link_red {font-size: 1.0em; color: #ff0000; font-family: tahoma; text-decoration: underline; font-weight: bold;}
a.link_red:hover {font-size: 1.0em; color: #ff0000; 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: #666666; 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; }

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

a.navigacia {font-size: 1.0em; color: #999999; font-family: tahoma; text-decoration: none; text-decoration: underline;}
a.navigacia:hover {font-size: 1.0em; color: #999999; font-family: tahoma; text-decoration: none; text-decoration: underline;}
/* ----------------------------------------------------------------------------------------------------------
5) DOPLNKY
---------------------------------------------------------------------------------------------------------- */
.viac {float: left; width: 150px; height: 30px; margin: 310px 0 0 140px; background-image: url('../images/viac.jpg'); background-repeat: no-repeat; color: red;}
.viac_osadenie {float: left; margin: 8px 0 0 10px; }

.gallery {padding: 1px; border: 6px solid #e6e5e5; }
.gallery_right {padding: 1px; border: 6px solid #e6e5e5; margin-left: 12px;}
.gallery_right_none {padding: 1px; margin-left: 12px;}

ul.zoznam {float: left; font-size: 0.7em; color: #323232;  font-family: tahoma; text-align: left; margin-left: 0px; width: 650px;} 
html>body ul.zoznam {float: left; font-size: 0.7em; color: #323232;  font-family: tahoma; text-align: left; margin-left: -40px;} 
*:first-child+html ul.zoznam {float: left; font-size: 0.7em; color: #323232;  font-family: tahoma; text-align: left; margin-left: 0px;}
li.zoznam {list-style: none; width: 550px; height: 16px;}
li.zoznam_osadenie {list-style: none; width: 300px; height: 16px; margin-left: 38px;}

fieldset {background-color: #fcfcfc; }
legend {font-size: 0.8em; color: #323232;  font-family: tahoma;}

.mini_input {width: 30px;}
/* ----------------------------------------------------------------------------------------------------------
6) TABULKY
---------------------------------------------------------------------------------------------------------- */
table { border-left: 1px solid #818181;	border-top: 1px solid #818181; text-align: center; font-size: 0.7em; color: #323232;  font-family: tahoma;}
table.none {  text-align: left;  font-family: tahoma; font-size: 0.7em; color: #323232;  font-family: tahoma; border: 0; margin-top: -15px;} 
html>body table.none {  text-align: left;  font-family: tahoma; font-size: 0.7em; color: #323232;  font-family: tahoma; border: 0; margin-top: -10px;}

table.none_pod_h {  text-align: left;  font-family: tahoma; font-size: 0.7em; color: #323232;  font-family: tahoma; border: 0; margin-top: 0px;} 
html>body table.none_pod_h {  text-align: left;  font-family: tahoma; font-size: 0.7em; color: #323232;  font-family: tahoma; border: 0; margin-top: 5px;}

tr {	}
td {border-right: 1px solid #818181; border-bottom: 1px solid #818181; }
td.none {border: 0;}

table.none_into {font-size: 1.0em; color: #323232;  font-family: tahoma; border: 0; margin-top: 0px;}
td.none_into { color: #323232;  font-family: tahoma; border: 0;}
.osadenie_tabulky_top {float: left; margin-top: 15px; width: 650px;}
td.red {border-right: 1px solid #818181; border-bottom: 1px solid #818181; background-color:#ff0000; color: white; }
/* ----------------------------------------------------------------------------------------------------------
6) SUBMENU
---------------------------------------------------------------------------------------------------------- */
.objekt_1 {float: left; width: 200px; height: 27px; border-bottom: 1px solid white; background-color: #ff0000;}
.osadenie_1 {float: left; margin: 6px 0 0 10px;}
html>body .osadenie_1 {float: left; margin: 6px 0 0 20px;}
a.link_1 { color: #ffffff; font-size: 0.7em; font-weight: bold; font-family: tahoma; text-decoration: none; }
a.link_1:hover { color: #ffffff; font-size: 0.7em; font-weight: bold; font-family: tahoma; text-decoration: underline; }

.objekt_2 {float: left; width: 200px; height: 27px; border-bottom: 1px solid white; background-color: #eeeeee;}
.osadenie_2 {float: left; margin: 6px 0 0 12px; }
html>body .osadenie_2 {float: left; margin: 6px 0 0 25px;}
a.link_2 { color: #555555; font-size: 0.7em; font-weight: bold; font-family: tahoma; text-decoration: none; }
a.link_2:hover { color: #555555; font-size: 0.7em; font-weight: bold; font-family: tahoma; text-decoration: underline; }
a.link_2_now { color: #555555; font-size: 0.7em; font-weight: bold; font-family: tahoma; text-decoration: underline; }
a.link_2_now:hover { color: #555555; font-size: 0.7em; font-weight: bold; font-family: tahoma; text-decoration: underline; }

.objekt_3 {float: left; width: 200px; height: 27px; border-bottom: 1px solid white; background-color: #ffffff;}
.osadenie_3 {float: left; margin: 6px 0 0 17px;}
html>body .osadenie_3 {float: left; margin: 6px 0 0 35px;}
a.link_3 { color: #555555; font-size: 0.7em;  font-family: tahoma; text-decoration: none; }
a.link_3:hover { color: #555555; font-size: 0.7em; font-family: tahoma; text-decoration: underline; }
a.link_3_now { color: #ff0000; font-size: 0.7em;  font-family: tahoma; text-decoration: none; }
a.link_3_now:hover { color: #ff0000; font-size: 0.7em; font-family: tahoma; text-decoration: none; }

.objekt_4 {float: left; width: 200px; height: 27px; border-bottom: 1px solid white; background-color: #ffffff;}
.osadenie_4 {float: left; margin: 6px 0 0 30px;}
html>body .osadenie_4 {float: left; margin: 6px 0 0 65px;}
a.link_3 { color: #555555; font-size: 0.7em;  font-family: tahoma; text-decoration: none; }
a.link_3:hover { color: #555555; font-size: 0.7em; font-family: tahoma; text-decoration: underline; }
a.link_3_now { color: #ff0000; font-size: 0.7em;  font-family: tahoma; text-decoration: none; }
a.link_3_now:hover { color: #ff0000; font-size: 0.7em; font-family: tahoma; text-decoration: none; }

a.link_3_now_black { color: #555555; font-size: 0.7em;  font-family: tahoma; text-decoration: none; }
a.link_3_now_black:hover { color: #555555; font-size: 0.7em; font-family: tahoma; text-decoration: none; }
