/*** CSS STYLY WWW.SVATEBNIFOTECKY.COM, MADE BY WJENCESLAW ***/ *{margin: 0; padding: 0;} html { height: auto;} body{text-align:center; background: #fff;color: #a0a0a0; font-family: 'tahoma',arial; font-size: 62.5%; overflow-x: hidden; position: relative; min-height: 100%; _height: 100%; } #web { position: relative; width: 994px; height: 718px; background: url('../img/pozadi.jpg') no-repeat 0px 90px; margin: 0 auto; text-align: left; overflow: hidden; } a{text-decoration: underline; color: #000000; font-weight: bold;} abbr, acronym{cursor: help;} hr.cleaner { clear:both; visibility: hidden; font-size: 0px; height: 1px; border: 0px none; } #hlavicka{width: 994px; height: 90px; background: url('../img/hlavicka.jpg') repeat-x; position: relative; } #hlavicka h1 { display: block; position: relative; width: 492px; height: 90px; overflow: hidden; font-size: 150%;} #hlavicka h1 span {position: absolute; top: 0px; left: 0px; width: 492px; height: 90px; background: url('../img/logo.jpg') no-repeat; cursor: pointer; visibility: visible;} #hlavicka ul { width: 342px; position: absolute; height: 25px; list-style-type: none; left: 674px; top: 65px; } #hlavicka ul li { float: left; height: 25px; font-size: 70%; position: relative; } * html #hlavicka ul li { font-size: 60%; } #hlavicka ul li a { display: block; width: 100%; height: 25px; text-decoration: none; } #hlavicka ul li a span { position: absolute; top: 0px; left: 0px; cursor: pointer; visibility: visible; height: 25px; } /* ceske menu */ #hlavicka ul li.uvod{ width: 60px; } #hlavicka ul li.uvod-active{ width: 60px; } #hlavicka ul li.uvod a span { width: 60px; background: url('../img/menu-home.jpg') no-repeat; } #hlavicka ul li.uvod-active a span { width: 60px; background: url('../img/menu-home.jpg') no-repeat; } #hlavicka ul li.galerie{ width: 65px; } #hlavicka ul li.galerie-active{ width: 65px; } #hlavicka ul li.galerie a span { width: 65px; background: url('../img/menu-galerie.jpg') no-repeat; } #hlavicka ul li.galerie-active a span { width: 65px; background: url('../img/menu-galerie.jpg') no-repeat; } #hlavicka ul li.cenik{ width: 63px; } #hlavicka ul li.cenik-active{ width: 63px; } #hlavicka ul li.cenik a span { width: 63px; background: url('../img/menu-prices.jpg') no-repeat; } #hlavicka ul li.cenik-active a span { width: 60px; background: url('../img/menu-prices.jpg') no-repeat; } #hlavicka ul li.odkazy{ width: 64px; } #hlavicka ul li.odkazy-active{ width: 64px; } #hlavicka ul li.odkazy a span { width: 64px; background: url('../img/menu-links.jpg') no-repeat; } #hlavicka ul li.odkazy-active a span { width: 64px; background: url('../img/menu-links.jpg') no-repeat; } #hlavicka ul li.kontakt{ width: 74px; } #hlavicka ul li.kontakt-active{ width: 74px; } #hlavicka ul li.kontakt a span { width: 74px; background: url('../img/menu-contact.jpg') no-repeat; } #hlavicka ul li.kontakt-active a span { width: 74px; background: url('../img/menu-contact.jpg') no-repeat; } /* english menu */ #hlavicka ul li.home{ width: 60px; } #hlavicka ul li.home-active{ width: 60px; } #hlavicka ul li.home a span { width: 60px; background: url('../img/menu-home.jpg') no-repeat; } #hlavicka ul li.home-active a span { width: 60px; background: url('../img/menu-home.jpg') no-repeat; } #hlavicka ul li.gallery{ width: 65px; } #hlavicka ul li.gallery-active{ width: 65px; } #hlavicka ul li.gallery a span { width: 65px; background: url('../img/menu-galerie.jpg') no-repeat; } #hlavicka ul li.gallery-active a span { width: 65px; background: url('../img/menu-galerie.jpg') no-repeat; } #hlavicka ul li.prices{ width: 63px; } #hlavicka ul li.prices-active{ width: 63px; } #hlavicka ul li.prices a span { width: 63px; background: url('../img/menu-prices.jpg') no-repeat; } #hlavicka ul li.prices-active a span { width: 60px; background: url('../img/menu-prices.jpg') no-repeat; } #hlavicka ul li.links{ width: 54px; } #hlavicka ul li.links-active{ width: 54px; } #hlavicka ul li.links a span { width: 54px; background: url('../img/menu-links.jpg') no-repeat; } #hlavicka ul li.links-active a span { width: 54px; background: url('../img/menu-links.jpg') no-repeat; } #hlavicka ul li.contact{ width: 74px; } #hlavicka ul li.contact-active{ width: 74px; } #hlavicka ul li.contact a span { width: 74px; background: url('../img/menu-contact.jpg') no-repeat; } #hlavicka ul li.contact-active a span { width: 74px; background: url('../img/menu-contact.jpg') no-repeat; } .obal{padding: 0px 0px 60px 0px; margin: 0px 0px 0px 0px; font-family: "Century Gothic"; }/* padding pro patičku */ .obal h2{float: left; width: 74px; height: 568px; position: relative; overflow: hidden; } .obal h2 span{position: absolute; top: 0px; left: 0px; cursor: default; visibility: visible; height: 568px; width: 74px; } .obal h2.home-cz span { background: url('../img/h2-home.jpg') no-repeat;} .obal h2.galerie-cz span { background: url('../img/h2-galerie.jpg') no-repeat;} .obal h2.cenik-cz span { background: url('../img/h2-ceny.jpg') no-repeat;} .obal h2.odkazy-cz span { background: url('../img/h2-odkazy.jpg') no-repeat;} .obal h2.kontakt-cz span { background: url('../img/h2-kontakt.jpg') no-repeat;} .obal img{ border: 0px none; } #homepage { float: left; } .homepage-text { margin-left: 600px; padding: 30px 18px 0px 18px; font-size: 140%; text-align: center; } .signature { margin-left: 600px; padding: 15px 18px 0px 20px; text-align: left; position: relative; font-size: 140%; } .signature span { position: absolute; z-index: 1; width: 182px; height: 64px; background: url('http://www.svatebnifotecky.com/img/podpis.png') no-repeat; left: 120px; top: 10px; } .signature span { _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.svatebnifotecky.com/img/podpis.png',sizingMethod='crop'); } #show { float: left; width: 600px; height: 450px; overflow: hidden; } #paging { float: left; width: 600px; height: 58px; overflow: hidden; } #slide { float: left; width: 600px; height: 60px; overflow: hidden; } #slide a { float: left; } #slide img { float: left; border: 0px none; } #gallery-text { width: 280px; float: right; padding: 30px 18px 0px 18px; font-size: 140%; text-align: center; } #paging p { float: right; height: 20px; margin: 19px 11px 0px 0px; } #paging p a { float: left; width: 18px; height: 20px; background-repeat: no-repeat; text-decoration: none; } #paging p span { float: left; width: 18px; height: 20px; background-repeat: no-repeat; } #paging p a.no1 { background-image: url('../img/no01.gif'); } #paging p a.no2 { background-image: url('../img/no02.gif'); } #paging p a.no3 { background-image: url('../img/no03.gif'); } #paging p a.no4 { background-image: url('../img/no04.gif'); } #paging p a.no5 { background-image: url('../img/no05.gif'); } #paging p a.no6 { background-image: url('../img/no06.gif'); } #paging p a.no7 { background-image: url('../img/no07.gif'); } #paging p a.no8 { background-image: url('../img/no08.gif'); } #paging p a.no9 { background-image: url('../img/no09.gif'); } #paging p a.no10 { background-image: url('../img/no10.gif'); } #paging p span.no1 { background-image: url('../img/no01_active.gif'); } #paging p span.no2 { background-image: url('../img/no02_active.gif'); } #paging p span.no3 { background-image: url('../img/no03_active.gif'); } #paging p span.no4 { background-image: url('../img/no04_active.gif'); } #paging p span.no5 { background-image: url('../img/no05_active.gif'); } #paging p span.no6 { background-image: url('../img/no06_active.gif'); } #paging p span.no7 { background-image: url('../img/no07_active.gif'); } #paging p span.no8 { background-image: url('../img/no08_active.gif'); } #paging p span.no9 { background-image: url('../img/no09_active.gif'); } #paging p span.no10 { background-image: url('../img/no10_active.gif'); } #kontakt-obsah { margin: 230px 0px 0px 540px; } #kontakt-obsah h3 { display: block; font-size: 140%; padding: 0px 0px 20px 30px; } #kontakt-obsah span { display: block; font-size: 120%; padding-bottom: 3px; } #kontakt-obsah span.tel { padding-left: 30px; background: url('../img/telefon.gif') no-repeat; } #kontakt-obsah span.mail { padding-left: 30px; background: url('../img/mail.gif') no-repeat; } #kontakt-obsah span.icq { padding-left: 30px; background: url('../img/icq.gif') no-repeat; } #kontakt-obsah a { display: block; color: #a0a0a0; font-weight: normal; font-size: 140%; padding: 0px 0px 3px 30px; text-decoration: none; } #kontakt-obsah a.kalendar { background: url('../img/kalendar.gif') no-repeat; } #kontakt-obsah a:hover { color: #252F26; } #kalendar { position: absolute; left: 70px; top: 30px; background: url('../images/kalendar.png') no-repeat left top; width: 780px; height: 499px; z-index: 10; display: none; } * html #kalendar { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.svatebnifotecky.com/images/kalendar.png',sizingMethod='crop'); } #kalendar p { position: relative; left: 0px; top: 0px; width: 780px; height: 499px; display: block; } #kalendar p a { display: block; position: relative; z-index: 100; float: right; width: 30px; height: 30px; text-decoration: none; display: block; } .link { float: left; width: 100%; } .link img { display: block; float: left; margin-right: 20px; } .link p { padding: 20px 45px 0px 0px; font-size: 140%; text-align: center; } #cenik .col { float: left; width: 225px; margin: 6px 0px 0px 4px; font-size: 130%; line-height: 130%; height: auto; } #cenik .col em { display: block; padding: 5px 0px 5px 10px; } #cenik .col ul { min-height: 110px; _height: 110px; padding: 0px 0px 0px 40px; } #cenik .col em, .col .tmavytext { color: #4b4b4b; } #cenik .col ul li { padding: 0px 0px 3px 5px; } #cenik p { clear: left; padding: 10px 0px 0px 20px; font-size: 130%; line-height: 130%; } /*** OBSAH WEBU ***/ .obsah{ float: left; width: 920px; height: 568px; overflow: hidden; cursor: default; position: relative; } /*** paticka ***/ #paticka {width: 994px; height: 60px; position: absolute; left: 0; bottom: 0; background: url('../img/paticka.jpg') repeat-x; text-align: center; overflow: hidden; } #paticka p{height: 50px; margin: 0 auto; padding: 10px 0px 10px 0px; border: 0; background: transparent; font-size: 110%; font-style: italic; } #paticka, #paticka a{color: #cfcfcf;} #paticka a{ font-size: 100%; } #paticka #languages { position: absolute; right: 0px; bottom: 20px; list-style-type: none; } #paticka #languages li { float: left; margin-right: 10px; } #paticka #languages li a img { display: block; border: 0px none; }