/* 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: black; } #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;} #middle_content {width: 710px; float: left; float: left; margin-top: 0px;} #top_middle_content { width: 710px; height: 46px; float: left; background-image: url('../images/top_content.jpg'); background-repeat: no-repeat;} #midle_middle_content {width: 710px; float: left; background-color: #ffffff;} #left_content {float:left; width: 190px; margin-left: 13px; } html>body #left_content {float:left; width: 190px; margin-left: 23px; } #second_menu { float: left; width: 170px; } #vlnka {float: left; margin: 3px 0 0 0; } #novinky {float: left; margin: 15px 0 0 -10px; width: 180px; } #separator_content {float:left; width: 27px; height: 500px; background-image: url('../images/separator.jpg'); background-repeat: no-repeat;} #right_content {float:left; width: 440px; text-align: left;} html>body #right_content {float:left; width: 440px; text-align: left; } #predlzovac {width: 710px; height: 20px; float: left; background-color:#fff; } #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 ---------------------------------------------------------------------------------------------------------- */ .vyhody {float: left; width: 432px; text-align:left; height: 130px; background-image: url('../images/under_vyhody.jpg'); margin-top: 13px; margin: 20px 0 0 0; background-repeat: no-repeat;;} .osadenie_vyhody {float: left; margin: 10px 0 0 15px;} /* ---------------------------------------------------------------------------------------------------------- 2) UNIVERZÁLNE ŠTÝLY ---------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------- 3) FONTY ---------------------------------------------------------------------------------------------------------- */ h1 {color: #632228; font-family: tahoma; font-size: 0.9em; text-align: left; padding: 0; margin-bottom: 5px; } html>body h1 {color: #632228; font-family: tahoma; font-size: 0.9em; text-align: left; padding: 0; margin-bottom: 19px; } h2 {color: #632228; font-family: tahoma; font-size: 0.8em; text-align: left; padding: 0; margin: 0; } p {color: #555555; font-family: tahoma; font-size: 0.7em; text-align: left; line-height: 15px; } p.mini_p {color: #555555; font-family: tahoma; font-size: 0.7em; text-align: left; line-height: 15px; margin-bottom: 9px;} p.novinky {color: #555555; font-family: tahoma; font-size: 0.7em; text-align: left; margin-top: 8px; padding: 0;} .nadpis {color: #632228; font-family: tahoma; font-size: 0.8em; text-align: left; float:left; margin-top: 20px; font-weight: bold;} .nadpis_klasik {color: #632228; font-family: tahoma; font-size: 0.8em; font-weight: bold;} .mini_datum {color: #555555; font-family: tahoma; font-size: 0.7em; } /* ---------------------------------------------------------------------------------------------------------- 4) LINKY ---------------------------------------------------------------------------------------------------------- */ a.link {color: #461111; font-family: tahoma; font-size: 1.0em; text-decoration: underline; } a.link:hover {color: #461111; font-family: tahoma; font-size: 1.0em; text-decoration: none; } 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;} a.viac:hover {color: #612323; font-family: tahoma; font-size: 0.7em; text-decoration: none; font-weight: bold;} a.menu1 {color: #612323; font-family: tahoma; font-size: 0.7em; text-decoration: none; font-weight: bold;} a.menu1:hover {color: #a43c3c; font-family: tahoma; font-size: 0.7em; text-decoration: underline; font-weight: bold;} a.menu2 {color: #a43c3c; font-family: tahoma; font-size: 0.7em; text-decoration: none; font-weight: bold;} a.menu2:hover {color: #a43c3c; font-family: tahoma; font-size: 0.7em; text-decoration: underline; font-weight: bold;} /* ---------------------------------------------------------------------------------------------------------- 5) DOPLNKY ---------------------------------------------------------------------------------------------------------- */ .home_zena {float: left; width: 431px; text-align:left; height: 210px; background-image: url('../images/home_zena.jpg'); margin-top: 13px;} ul.zoznam_zena {float: left; width:420px; margin-left: 1px; } li.zoznam_zena { list-style: none; color: #555555; font-family: tahoma; font-size: 0.7em; height: 15px; } html>body li.zoznam_zena { list-style: none; color: #555555; font-family: tahoma; font-size: 0.7em; height: 18px; margin-left: -35px;} *:first-child+html li.zoznam_zena {list-style: none; color: #555555; font-family: tahoma; font-size: 0.7em; height: 18px; margin-left: 7px;} ul.zoznam {float: left; width:420px; margin-left: 1px; margin-top: -8px; margin-bottom: 12px;} html>body ul.zoznam {float: left; width:420px; margin-left: 1px; margin-top: 3px; margin-bottom: 12px;} li.zoznam { list-style: none; color: #555555; font-family: tahoma; font-size: 0.7em; height: 15px; } html>body li.zoznam { list-style: none; color: #555555; font-family: tahoma; font-size: 0.7em; height: 24px; margin-left: -35px;} *:first-child+html li.zoznam { list-style: none; color: #555555; font-family: tahoma; font-size: 0.7em; height: 18px; margin-left: 0px;} .kontakty_formular {float: left; margin-top: 10px; width: 400px;} td {color: #555555; font-family: tahoma; font-size: 0.7em;} input { width: 200px; border: 1px solid #555555; } textarea { width: 200px; height:100px; border: 1px solid #555555; } .img_text {padding: 10px;} ul.zoznam_vyhody {float: left; width:420px; margin-left: 0px; margin-top: 3px; margin-bottom: 12px;} html>body ul.zoznam_vyhody {float: left; width:420px; margin-left: -9px; margin-top: 6px; margin-bottom: 12px;} *:first-child+html ul.zoznam_vyhody {float: left; width:420px; margin-left: 28px; margin-top: 6px; margin-bottom: 12px;} .umiestnenie {float: left; margin-top: 10px;} .dolava {float: left; width: 200px; } .doprava {float: left; width: 200px; padding:10px 0 0 0;} /* ---------------------------------------------------------------------------------------------------------- 5) LOGA INDEX ---------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------- 6) SECOND MENU ---------------------------------------------------------------------------------------------------------- */ ul.menu {width:180px; margin-left: 0px; margin-top: 0px; float: left;} html>body ul.menu {width:180px; margin-left: -40px; margin-top: 12px; float: left;} *:first-child+html ul.menu {width:180px; margin-left: 0px; margin-top: 0px; float: left;} li.menu1 { list-style: none; text-align: left; margin-left: -15px; height: 20px;} html>body li.menu1 { list-style: none; text-align: left; margin-left: 0px;} li.menu2 { list-style: none; text-align: left; margin-left: 15px; height: 20px;} html>body li.menu2 { list-style: none; text-align: left; margin-left: 15px;} /* ---------------------------------------------------------------------------------------------------------- 6) MENU ---------------------------------------------------------------------------------------------------------- */