* {margin: 0; padding: 0; }
 p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, fieldset, img, a {border: none;}
 body {padding: 10px 0 0 0; text-align: center; font-family: Verdana, Arial, lucida, sans-serif; font-size: small; background: #005b86 url("../images/podklad1r.gif") left top repeat-x; }
 #body2 {background: url("../images/hlavicka4.jpg") center top no-repeat;}
 #ram {width: 960px; margin: 0 auto; text-align: left;}
 #hlavicka {width: 960px; height: 310px; position: relative;}
 #logo {margin:0; padding:0;width: 321px; height: 59px; position: absolute; top: 48px; left: 0px; font-size: 1em; overflow: hidden;}
 #logo a {display: block; width: 321px; height: 59px; position: absolute; top:0; left:0; }
 #logo a span {background: url("../images/logo.gif") left top no-repeat; z-index: 3; cursor: pointer; display: block; width: 321px; height: 59px; position: absolute; top:0; left:0; }
 #jazyky {position: absolute; top: 20px; left: 900px;}
 #jazyky a {color: #fff;}
 #jazyky a:hover {background: #fff; color: blue;}
  
 #menu {margin:0; padding:0; list-style: none; display: inline; position: absolute; top: 262px; left: 5px; width: 955px;}
 #menu li {float: left;}
 #menu li a.posledni span{background: none;}
 #menu li a {float: left; display: block; width: auto; height: 48px; color: #8cd1fc; text-align: center; text-decoration: none;}
 #menu li a span {display: block;padding: 9px 15px 0 15px; background: url("../images/menu-border.gif") right top no-repeat;}
 #menu li a:hover,  #menu li a:focus,  #menu li a:active {text-decoration: underline; background: url("../images/menu-podklad.gif") center top no-repeat; color: #fff;}
 #menu li.aktualni a {background: url("../images/menu-podklad.gif") center top no-repeat; color: #fff;}
 
  
 
 #levysloupec1x {width: 960px; float: left; background: #fff }
 #levysloupec2x {background: url("../images/levysloupec2x.jpg") left top no-repeat;}
 #levysloupec3x {font-size: 0.85em; padding: 20px; background: url("../images/levysloupec3x.gif") left bottom no-repeat;}

 #levysloupec1 {width: 451px; float: left; background: #fff }
 #levysloupec2 {background: url("../images/levysloupec2.jpg") left top no-repeat;}
 #levysloupec3 {font-size: 0.85em; padding: 20px; background: url("../images/levysloupec3.gif") left bottom no-repeat;}

 #novinky1 {width: 304px; float: left; background: #abcdde url("../images/novinky1.gif") left top repeat-y; margin-bottom: 15px;}
 #novinky2 {background: url("../images/novinky2.jpg") left top no-repeat;}
 #novinky3 {padding: 10px 20px 20px 20px; background: url("../images/novinky3.jpg") left bottom no-repeat;}
 #novinky1 h3 {font-size: 1.7em; color: #fff; font-weight: normal; margin:0 0 15px 0; padding: 0 0 7px 0; border-bottom: 3px solid #fff;}
 #novinky1 p {padding: 0 0 15px 0; margin: 0 0 15px 0; background: url("../images/border1.gif") left bottom repeat-x; text-align: left; line-height: 1.5em; color: #000; }
 #novinky1 p span {font-weight: bold;}
 #novinky1 a {text-decoration: underline;}
 /* -966px -100px */
 #letiste {width: 280px; height: 150px; position: absolute; left: 650px; top: 100px;}
 #let1 {overflow:hidden; display: block; width: 55px; height: 25px; position: absolute; top: 20px; left: 50px;}
 #let1 span {background: url("../images/hlavicka4.jpg") -1016px -120px no-repeat;  ;display: block; z-index:3; width: 55px; height: 25px; position: absolute; top:0; left:0;}
 #let2 {overflow:hidden;display: block; width: 60px; height: 25px; position: absolute; top: 100px; left: 180px; }
 #let2 span {background: url("../images/hlavicka4.jpg") -1146px -200px no-repeat;  ;display: block; z-index:3; width: 60px; height: 25px; position: absolute; top:0; left:0;}
 #let3 {overflow:hidden;display: block; width: 55px; height: 20px; position: absolute; top: 80px; left: 50px;  }
 #let3 span {background: url("../images/hlavicka4.jpg") -1016px -180px no-repeat;  ;display: block; z-index:3; width: 55px; height: 20px; position: absolute; top:0; left:0;}
 #let4 {overflow:hidden;display: block; width: 55px; height: 25px; position: absolute; top: 50px; left: 50px;}
 #let4 span {background: url("../images/hlavicka4.jpg") -1016px -150px no-repeat;  ;display: block; z-index:3; width: 55px; height: 25px; position: absolute; top:0; left:0;}
 #let6 {overflow:hidden;display: block; width: 90px; height: 20px; position: absolute; top: 100px; left: 65px;}
 #let6 span {background: url("../images/hlavicka4.jpg") -1031px -200px no-repeat;  ;display: block; z-index:3; width: 90px; height: 20px; position: absolute; top:0; left:0;}
 #let7 {overflow:hidden;display: block; width: 55px; height: 25px; position: absolute; top: 43px; left: 115px;}
 #let7 span {background: url("../images/hlavicka4.jpg") -1081px -143px no-repeat;  ;display: block; z-index:3; width: 55px; height: 25px; position: absolute; top:0; left:0;}
 #let5 {overflow:hidden;display: block; width: 80px; height: 15px; position: absolute; top: 85px; left: 190px;}
 #let5 span {background: url("../images/hlavicka4.jpg") -1156px -185px no-repeat; display: block; z-index:3; width: 80px; height: 15px; position: absolute; top:0; left:0;}
 #let8 {overflow:hidden;display: block; width: 60px; height: 25px; position: absolute; top: 75px; left: 115px;}
 #let8 span {background: url("../images/hlavicka4.jpg") -1081px -175px no-repeat; display: block; z-index:3; width: 60px; height: 25px; position: absolute; top:0; left:0;}
 #let9 {overflow:hidden;display: block; width: 60px; height: 25px; position: absolute; top: 60px; left: 180px; }
 #let9 span {background: url("../images/hlavicka4.jpg") -1146px -160px no-repeat;  ;display: block; z-index:3; width: 60px; height: 25px; position: absolute; top:0; left:0;}
 #let10 {overflow:hidden;display: block; width: 80px; height: 20px; position: absolute; top: 130px; left: 220px; }
 #let10 span {background: url("../images/hlavicka4.jpg") -1186px -230px no-repeat;  ;display: block; z-index:3; width: 80px; height: 25px; position: absolute; top:0; left:0;}
 
 
 #pravysloupec1 {width: 509px; float: left;}
 #pravysloupec2 {padding: 0 0 0 20px;font-size: 0.85em; }
 
 #fotoklip {width: 184px; float: left;}
 #fotoklip1, #fotoklip2, #fotoklip3, #fotoklip4, #fotoklip5 {width: 167px; height: 130px; background: url("../images/fotoklip.gif") left top no-repeat; margin-bottom: 20px;}
 #fotoklip a div {padding: 15px; text-align: center; font-size: 1.5em; color: #d55320;} 
 #fotoklip a div strong {color: #000;} 
 #fotoklip div a {display: block; width: 167px; height: 130px; position: relative;} 
 #fotoklip div a  {background: url("../images/fotoklip.gif") left top no-repeat;} 
 #fotoklip div a span {display: block; width: 167px; height: 130px;position: absolute; top: 0; left: 0;}
 #fotoklip1 a span {display: block; background: url("../images/fotoklip1.jpg") left top no-repeat; z-index:3; position: absolute; top: 0; left: 0;}
 #fotoklip1 a:hover span ,  #fotoklip1 a:focus span ,  #fotoklip1 a:active span {display: block; background: none; position: absolute; top: 0; left: 0;}
 
 #fotoklip2 a span {display: block; background: url("../images/fotoklip2.jpg") left top no-repeat; z-index:3; position: absolute; top: 0; left: 0;}
 #fotoklip2 a:hover span,  #fotoklip2 a:focus span,  #fotoklip2 a:active span {display: block; background: none; position: absolute; top: 0; left: 0;}
 
 #fotoklip3 a span {display: block; background: url("../images/fotoklip3.jpg") left top no-repeat; z-index:3; position: absolute; top: 0; left: 0;}
 #fotoklip3 a:hover span,  #fotoklip3 a:focus span,  #fotoklip3 a:active span {display: block; background: none; position: absolute; top: 0; left: 0;}
 
 #fotoklip4 a span {display: block; background: url("../images/fotoklip4.jpg") left top no-repeat; z-index:3; position: absolute; top: 0; left: 0;}
 #fotoklip4 a:hover span,  #fotoklip4 a:focus span,  #fotoklip4 a:active span {display: block; background: none; position: absolute; top: 0; left: 0;}
 
 #fotoklip5 a span {display: block; background: url("../images/fotoklip5.jpg") left top no-repeat; z-index:3; position: absolute; top: 0; left: 0;}
 #fotoklip5 a:hover span,  #fotoklip5 a:focus span,  #fotoklip5 a:active span {display: block; background: none; position: absolute; top: 0; left: 0;}
 
  #rychlykontakt {position: relative; float: left; overflow: hidden; margin: 0 0 20px 0; width: 304px; height: 65px; background: #d65321 url("../images/rychlykontakt.jpg") left top no-repeat;}
  #rychlykontakt p.rk1  {position: relative; top: -2px;text-align: right; color: #fff; font-size: 2.8em; font-weight: bold; letter-spacing: 2px; margin:0; padding:0 15px 0 0; font-family: arial;}
  #rychlykontakt p.rk2  {position: relative; top: -12px; margin: 0;padding: 0px 15px 0 0; margin: 0; text-align: right; letter-spacing: 1px; font-weight: bold; color: #fff; font-size: 1.1em; text-transform: uppercase; font-family: arial;}
  #rychlykontakt2 {position: relative; float: left; overflow: hidden; margin: 0 0 20px 0; width: 304px; height: 85px; background: #d65321 url("../images/rychlykontakt2.jpg") left top no-repeat; text-align: left; text-decoration: none; display: block;}
  #rychlykontakt2 p.rk1  {position: relative; top: 25px; left: 10px; color: #fff; font-size: 1.6em; font-weight: bold; letter-spacing: 2px; margin:0; padding:0 15px 0 0; font-family: arial;}
  #rychlykontakt2 p.rk2  {position: relative; top: 24px; left: 10px; margin: 0;padding: 0px 15px 0 0; margin: 0;  text-align: left; letter-spacing: 1px; font-weight: bold; color: #fff; font-size: 1em; text-transform: uppercase; font-family: arial; line-height: 1.2em;}

 .blok1 {float: left; clear: both; width: 488px; background: #fff url("../images/blok1.gif") left bottom no-repeat; margin: 0 0 20px 0;}
 .blok2 {background: url("../images/blok2.gif") left top no-repeat; padding: 5px 20px 10px 20px;}
 .blok1 img {float: left; margin: 5px 20px 0 0 ;}

 .blok4 {float: left; clear: both; height: 255px; width: 488px; background: #fff url("../images/brezinka.jpg") left bottom no-repeat; margin: 0 0 20px 0;}
 .blok5 {padding: 5px 20px 10px 20px;}
 .blok4 h2 {color: #07740a;}
 .blok4 a {color: #07740a;}
  
 .objednatseskok {width: 408px; height: 42px; overflow: hidden; display: block; position: relative;}
 .objednatseskok span {cursor: pointer; width: 408px; height: 42px; display: block; position: absolute; top:0; left: 0; z-index: 3; background: url("../images/objednat.gif") left top no-repeat;}
 .zvyrazneni {margin: 15px 0; padding: 15px 15px; background: #e7e7e7;}
 
 #znacky td {padding: 7px 0;}
 
 #facebook {width: 488px; height: 60px; display: block; overflow: hidden; position: relative; margin:  0 0 15px 0;}
 #facebook span {width: 488px; height: 60px; display: block; position: absolute; top:0; left:0; z-index: 3; cursor: pointer; background: url(http://www.tandemyfranek.cz/images/facebook.gif) left top no-repeat;}
 #wallpaper {width: 488px; height: 60px; display: block; overflow: hidden; position: relative; margin:  0 0 15px 0;}
 #wallpaper span {width: 488px; height: 60px; display: block; position: absolute; top:0; left:0; z-index: 3; cursor: pointer; background: url(http://www.tandemyfranek.cz/images/wallpaper.jpg) left top no-repeat;} 
 
 #paticka {background: #003954 url("../images/paticka1.gif") left top repeat-x; clear: both; padding: 15px 0 0 0;}
 #patickaIn {background: url("../images/paticka2.gif") center top no-repeat; text-align: center;}
 #paticka a {color: #fff; text-decoration: underline;}
 #paticka a:hover,  #paticka a:focus,  #paticka a:active {color: #fff; text-decoration: none; background: transparent;}
 #patickaram {font-size: 0.85em; width: 960px; margin: 0 auto; text-align: left; position: relative; height: 250px; }
 #paticka h3 {background: url("../images/nadpis-paticka.gif") left center no-repeat; width: 225px; height: 50px; line-height: 50px; color: #fff; font-size: 1.85em; font-weight: normal; margin: 0; padding:0 0 0 20px; font-style: italic;}
 #rekli1 {width: 150px; height: 90px; position: absolute; top: 88px; left: 55px; text-align: center; line-height: 1.5em;}
 #rekli2 {width: 150px; height: 90px; position: absolute; top: 95px; left: 285px;text-align: center; line-height: 1.5em;}
 #rekli3 {width: 150px; height: 90px; position: absolute; top: 90px; left: 535px;text-align: center; line-height: 1.5em;}
 #rekli4 { width: 150px; height: 90px;  position: absolute; top: 100px; left: 772px;text-align: center; line-height: 1.5em;}
 #paticka #rekli4 a, #paticka #rekli3 a, #paticka #rekli2 a,#paticka #rekli1 a{color: #000; text-decoration: none;}
 #paticka #rekli4 a:hover,#paticka #rekli3 a:hover,#paticka #rekli2 a:hover,#paticka #rekli1 a:hover {background: transparent; text-decoration: underline;}
 #copy {color: #7f989e; position: absolute; top: 215px; left: 10px;}

 fieldset {padding: 0 0 10px 15px;}
 form th  {text-align: right; padding-right: 5px;}
 .poznamka {font-size: 0.9em; color: #888;}
 img.floatl {float: left; margin: 0 15px 5px 0; border: 5px solid #f79f3b;}
 img.floatl2 {float: left; margin: 0 15px 5px 0;}
 img.floatl3 {float: left; margin: 0 15px 25px 0; clear: both;}
 img.imgr {float: right; margin: 0 0 3px 7px; border: 5px solid #f79f3b;}
 img.floatl4 {float: left; margin: 0 5px 5px 0;}
 #fotogalerie img {margin: 0 25px 25px 0; border: 5px solid #f79f3b;}

 h2 {clear: both; color: #004667; font-size: 2em; font-weight: normal; margin: 15px 0 8px 0; padding:0; font-style: italic;}
 h2.prvni {margin: 0 0 8px 0;}
 h3 {color: #d95a23; font-size: 1.3em; font-weight: bold; margin: 15px 0 8px 0; padding:0;}
 h3.h32 {color: #d95a23; font-size: 2em; font-weight: normal; margin: 15px 0 25px 0px; padding:0; clear: both;}
 .red {font-weight: bold; color: red; text-align: center; padding: 30px;}
 
 ul {padding: 0 0 0 25px; margin: 10px 0;}
 ul li {margin-bottom: 5px;}
 ul.seznam1 {font-weight: normal; color: #000; padding:0; list-style: none; margin: 20px 0 20px 20px; font-size: 1.2em;}
 ul.seznam1 li {line-height: 1.5em; font-size: 1.2em; margin: 0 0 10px 0; padding: 0 0 0 25px; background: url("../images/odrazka1.gif") 0 5px no-repeat;}
 ul.seznam2 {padding:0; list-style: none; margin: 20px 0 20px 20px;}
 ul.seznam2 li {margin: 0 0 10px 0; padding: 0 0 0 25px; background: url("../images/odrazka2.gif") left center no-repeat;}
 ul.seznam3 {padding:0; list-style: none; margin: 10px 0 25px 130px;}
 ul.seznam3 li {margin: 0 0 10px 0; padding: 0 0 0 25px; background: url("../images/odrazka4.gif") 0 0px no-repeat;}
 ul.seznam4 {font-weight: normal; color: #000; padding:0; list-style: none; margin: 20px 0 20px 20px;}
 ul.seznam4 li {margin: 0 0 20px 0; padding: 0 0 5px 25px; background: url("../images/odrazka1.gif") 0 2px no-repeat;}
  
 p {margin: 0 0 10px 0;  line-height: 1.6em; text-align: justify;}
 p.pl {text-align: left;}
 a {color: #004667;}
 a:hover,  a:focus,  a:active {color: #000; background: #f5ffa1; text-decoration: none;}
 a.odkaz1 {text-decoration: underline; display: block; padding: 2px 0 2px 18px; background: url("../images/odrazka3.gif") 0 3px no-repeat; cursor: pointer;}
 
 #autor {line-height: 25px; position: absolute; top: 215px; left: 850px; width: 95px; height: 25px; background:  url("../images/sup.gif") left center no-repeat; text-align: right; display: block; color: #7f989e; cursor: pointer;}
 #paticka #autor {background:  url("../images/sup.gif") left center no-repeat; }

 .obliceje {margin-bottom: 15px;}
 .obliceje a:hover{background: none;} 

 
 
 
 .floathelp {clear: both; font-size: 1px; height: 1px; line-height: 1px;}
 .schovat {display: none;}
 .pryc {position: absolute; top: -2000px;}