/*** CSS pro Tretters Bar Agency - Cocktail bar '09 ***/

*{margin: 0; padding: 0;}
html { background: url('../img/html.jpg') repeat-x #000000; }
body{ text-align: center;  background: url('../img/pozadi.jpg') no-repeat top center; font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size: 62.5%; _font-size: 52.5%; }
#web{ width: 750px; margin: 0 auto; overflow: hidden; }
#hlavicka { width: 100%; height: 159px; background: url('../img/sklenice.jpg') no-repeat top right; overflow: hidden; }
#obsah { clear: both; height: auto; padding-top: 20px; }
#obsah.player { padding-top: 40px; position: relative; }
#left{ float: left; width: 470px; min-height: 400px; _height: 400px; overflow-x: hidden; }
#right{ float: right; width: 277px; background: url('../img/tecky.jpg') repeat-y; min-height: 400px; _height: 400px; }
.inner { font-size: 100%; }
hr.cleaner { clear: both; visibility: hidden; border: 0px none; height: 1px; font-size: 1px; width: 100%; }
#paticka { width: 100%; }


/*** Nastaveni vzhledu ***/

a{color: #69a717;}
a:hover{text-decoration: none;}
a:focus { outline:none; }

#hlavicka { width: 100%; height: 159px; background: url('../img/sklenice.jpg') no-repeat top right; overflow: hidden; }
#obsah object { position: absolute; top: 10px; right: 3px; }

#logo {  width: 167px; height: 58px; position: relative; margin: 60px 0px 0px 150px; float: left; }
#logo span { position: absolute; width: 167px; height: 58px; left: 0; top: 0; z-index: 1; visibility: visible; background: url('../img/logo.jpg') no-repeat top left; cursor: pointer; }

#menu { list-style-type: none; float: left; width: 100%; height: 49px; overflow: hidden; /*background-color: red;*/ }
#menu li { float: left; height: 49px; }
#menu li span { display: block; width: 100%; height: 49px; background-repeat: no-repeat; background-position: 0 0; }
#menu li span a { position: relative; z-index: 1; display: block; width: 100%; height: 49px; text-decoration: none; }
#menu li span a em { visibility: hidden; font-style: normal; font-size: 130%; }
#menu li#home { width: 96px; }
#menu li#home span.inactive { background-image: url('../img/menu/home-inactive.png'); }
#menu li#home span.active { background-image: url('../img/menu/home-active.png'); }
#menu li#o-nas { width: 45px; }
#menu li#o-nas span.inactive { background-image: url('../img/menu/onas-inactive.png'); }
#menu li#o-nas span.active { background-image: url('../img/menu/onas-active.png'); }
#menu li#nase-sluzby { width: 79px; }
#menu li#nase-sluzby span.inactive { background-image: url('../img/menu/nasesluzby-inactive.png'); }
#menu li#nase-sluzby span.active { background-image: url('../img/menu/nasesluzby-active.png'); }
#menu li#specialni-nabidka { width: 110px; }
#menu li#specialni-nabidka span.inactive { background-image: url('../img/menu/specialninabidka-inactive.png'); }
#menu li#specialni-nabidka span.active { background-image: url('../img/menu/specialninabidka-active.png'); }
#menu li#nabidka-koktejlu { width: 110px; }
#menu li#nabidka-koktejlu span.inactive { background-image: url('../img/menu/nabidkakoktejlu-inactive.png'); }
#menu li#nabidka-koktejlu span.active { background-image: url('../img/menu/nabidkakoktejlu-active.png'); }
#menu li#reference { width: 66px; }
#menu li#reference span.inactive { background-image: url('../img/menu/reference-inactive.png'); }
#menu li#reference span.active { background-image: url('../img/menu/reference-active.png'); }
#menu li#fotogalerie { width: 81px; }
#menu li#fotogalerie span.inactive { background-image: url('../img/menu/fotogalerie-inactive.png'); }
#menu li#fotogalerie span.active { background-image: url('../img/menu/fotogalerie-active.png'); }
#menu li#partneri { width: 62px; }
#menu li#partneri span.inactive { background-image: url('../img/menu/partneri-inactive.png'); }
#menu li#partneri span.active { background-image: url('../img/menu/partneri-active.png'); }
#menu li#kontakt { width: 67px; }
#menu li#kontakt span.inactive { background-image: url('../img/menu/kontakt-inactive.png'); }
#menu li#kontakt span.active { background-image: url('../img/menu/kontakt-active.png'); }

#aktuality { background: url('../img/aktuality.jpg') no-repeat top right; padding-top: 55px; }
.aktualita { text-align: left; padding: 0px 0px 15px 30px; }
.aktualita strong { color: #adadad; font-weight: bold; display: block; font-size: 120%; padding-right: 20px; }
.aktualita strong em { font-weight: normal; font-style: normal; color: #80e000; padding-right: .4em; }
.aktualita p { color: #a0a0a0; padding-right: 30px; line-height: 160%; font-size: 110%; }
.aktualita a { color: #80e000; text-decoration: underline; }

#background-goes-on { background: url('../img/ornament.png') repeat-y; margin-left: 15px; }

img.v_ramecku { border: 22px solid #2e2e2e; }
div.se_stinem { float: left; height: auto; background: url('../img/stin.jpg') repeat-x; margin: 20px 40px 0px 40px; _margin: 20px 40px 0px 20px; _width: 390px; text-align: left; }
div.se_stinem h1, div.se_stinem h2 { padding: 15px 22px 10px 22px; color: #80e000; font-size: 120%; text-transform: uppercase; }
strong.zeleny_text { color: #80e000; }
div.se_stinem p { padding: 5px 22px; color: #878787; font-size: 120%; text-align: justify; }
div.se_stinem ul { list-style-image: url('../img/seznam.jpg'); padding: 0px 22px 0px 35px; color: #878787; font-size: 120%; text-align: left; }
div.se_stinem ul li { padding: 0px 0px 10px 25px; }
div.se_stinem p em { font-style: normal; color: #80e000; }
div.bez_stinu { float: left; width: 100%; height: auto; margin: 20px 40px 0px 40px; text-align: left; }
div.bez_stinu h1 { padding: 10px 22px; color: #80e000; font-size: 120%; }
div.bez_stinu p { padding: 5px 22px; color: #878787; font-size: 120%; text-align: justify; }
div.bez_stinu p em { font-style: normal; }
div.kategorie { background: url('../img/linka.gif') no-repeat bottom left; padding: 5px 0px 20px 0px;}

div.vite_ze { display: block; clear: left; background: url('../img/vite-ze.jpg') no-repeat; height: 117px; margin: 20px 0px 0px 0px; }
div.vite_ze p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 150px; }
div.vite_ze ul { margin: 0px 0px 0px 0px; padding: 10px 0px 0px 100px; list-style-image: none; list-style-type: none; }

div.partneri { display: block; width: 399px; height: auto; clear: left; background: url('../img/partneri.jpg') no-repeat; padding: 18px 0px; margin-left: 40px; _margin-left: 0px; }
div.partneri p { min-height: 360px; _height: 360px; }
div.partneri a { display: block; color: #fff; margin-bottom: 20px; padding: 8px 0px 0px 0px; font-size: 120%; }
div.partneri a:hover { text-decoration: none; }
div.partneri a.prvni { text-decoration: underline; height: 35px; }
div.partneri a.druhy { text-decoration: underline; height: 35px; }
div.partneri a.treti { text-decoration: underline; height: 35px; }
div.partneri a.ctvrty { text-decoration: none; }
div.partneri a.ctvrty strong { text-decoration: none; display: block; font-size: 130%; }
div.partneri a.ctvrty em { text-decoration: none;display: block; font-style: normal; }
div.partneri a.ctvrty em.link { text-decoration: underline; }

.fotos { width: 390px; }
.fotos table { width: 420px; margin: 0px 0px 40px -10px; border-collapse: collapse; }
.fotos table tr.hover { background: #606060; }
.fotos table tr td { padding: 2px 10px; font-size: 12px; color: #80e000; border: 0px none; cursor: pointer; vertical-align: middle; }
.fotos table tr td.nahled { width: 50%; text-align: left; }
.fotos table tr td.pocet { width: 50%; }
.fotos table tr td img { padding: 3px 4px; border: 5px solid #4d4d4d; background: #000000; }
.fotos table tr td.pocet a { display: block; color: #80e000; font-weight: bold; }
.fotos table tr td.pocet em { display: block; font-style: normal; color: #d0d0d0; }

.gallery div { width: 200px; height: 200px; float: left; margin-right: 20px; text-align: left; }
.gallery div img { margin: 5px auto; padding: 3px 4px; border: 5px solid #4d4d4d; background: #000000; }

#paticka { width: 100%; border-top: 1px solid #7fdf00; background: url('../img/paticka-repeat.jpg') repeat-x; text-align: center; margin-top: 40px; }
#paticka #paticka-inner { width: 700px; text-align: left; margin: 0 auto; height: 139px; background: url('../img/paticka.jpg') no-repeat 0px 1px; position: relative; }
#paticka #paticka-inner p { padding: 0px 0px 0px 170px; font-size: 120%; color: #bababa; font-weight: normal; }
#paticka #paticka-inner p.dolni-menu { padding: 7px 0px 0px 170px; font-size: 110%; color: #bababa; font-weight: normal; }
#paticka #paticka-inner p.smalltext { font-size: 100%; padding-top: 10px; }
#paticka #paticka-inner p a {  color: #bababa; }
#paticka #paticka-inner div { color: #6b6b6b; position: absolute; right: 20px; bottom: 3px; }
#paticka #paticka-inner div a { color: #6b6b6b; }



.facebook {display:block;width:125px;height:38px;margin:10px auto 20px auto;background: url('../img/Tretters_facebook2.jpg') no-repeat left top;}
.facebook:hover {background: url('../img/Tretters_facebook1.jpg') no-repeat left top;}