a img {border: none;}
table {border-collapse: collapse; margin: 0; padding: 0;}
table tr td {padding: 0;}
form, p, h1, h2, h3, h4, ul, ol, li, select, option {margin: 0; padding: 0;}
input, select, option, textarea {font-family: Arial, sans-serif; font-size: 12px;}

/* --------------------- OBECNÉ -------------------------- */
body 	{text-align: center; background: #e1e1e1 url(../images/body.jpg) no-repeat center top; font-family: Arial, sans-serif; font-size: 62.5%;
			margin: 0; color: #465155; padding-bottom: 15px;}

h1 {background: url(../images/h1Bg.gif) no-repeat left bottom; font-family: Verdana, Arial, Helvetica, sans-serif; padding-bottom: 21px; font-size: 20px; line-height: 21px; margin-bottom: 8px;}
h2 {font-size: 19px; line-height: normal; color: #0097df; font-weight: normal; padding: 4px 0 0 0; margin-bottom: 16px;}
h3 {font-size: 16px; color: #66AE00; margin-bottom: 9px; font-weight: normal;}

a	{color: #66ae00; text-decoration: underline;}
a:hover {color: #66ae00; text-decoration: none;}
img.ramecek {padding: 4px; border: 1px solid #d8d8d8;}

.cleaner {clear: both; font-size: 0!important;}
.right {text-align: right;}
.center	{text-align: center;}
.bold {font-weight: bold;}
.fl {float: left;}
.fr {float: right;}
.font11 {font-size: 11px;}
.kotva {position: absolute; top: -3000px; left: -3000px;}
.noDisplay, .skryty {display: none;}
.form-chyba {border:1px solid #BF0B0B; padding:3px 10px; background:white; color: #BF0B0B; font-weight:bold; width: 554px; margin:5px 5px 15px 0px;}
.form-ok {border:1px solid #0196DC; padding:3px 10px; background:white; color: #0196DC; font-weight:bold; width: 554px; margin:5px 5px 15px 0px;}

a.vice {background: url(../images/sipkaOdkaz.gif) no-repeat right 6px; padding-right: 8px;}

hr {border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.3);}

/* -------------------- ZÁKLADNÍ ROZVRŽENÍ -------------------- */
#web {width: 982px; margin: 0 auto; text-align: left; position: relative;}

#header {height: 442px; margin-bottom: 18px; position: relative;}
		#logo {position: absolute; width: 190px; height: 61px; left: 23px; top: 24px;}
    
  .headerIn {background: url(../images/headerRepeat.gif) repeat-y; width: 982px; height: 338px; font-size: 1.4em; position: absolute; top: 104px; left: 0;}
  .headerIn1 {background: url(../images/headerTop.gif) no-repeat; width: 982px; height: 6px;}
  .headerInObsah {padding: 26px 30px 0 34px;}
  p.headerNadpis {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 29px; line-height: 30px; margin-bottom: 14px; font-weight: bold; padding: 2px 0 0 0;}
  .headerInObsah ul {list-style-type: none; line-height: 35px; font-size: 17px; margin-bottom: 12px;}
  .headerInObsah ul li {background: url(../images/odrazkaHeader.gif) no-repeat left center; padding-left: 21px;}
  a.demo {background: url(../images/demo.jpg) no-repeat; display: block; width: 212px; height: 41px; text-decoration: none;}
  a.demo:hover {background-position: 0 -41px;}
 
  #carouselObal {background: url(../images/carouselBg.gif) no-repeat; width: 385px; height: 190px; padding: 7px; float: right;}
    #carousel {width: 385px!important; height: 190px!important;}
    #carousel img {display: block; width: 385px; height: 190px; margin: 0;}
    #carousel ul, #carousel ul li {margin: 0; padding: 0; background: none;}
    #carousel ul li {position: relative;}
    #carousel h2 {margin: 0; padding: 0; color: #fff; font-size: 13px; line-height: 17px; position: absolute; left: 14px; top: 164px; font-weight: bold;}
    
  .sporty {position: absolute; left: 0; bottom: 0; height: 85px; font-size: 13px; width: 982px;}
  .sport {background: url(../images/sportTenis.jpg) no-repeat; float: left; width: 198px; height: 85px;}
    .sportBowling {background-image: url(../images/sportBowling.jpg); width: 195px;}
    .sportAerobic {background-image: url(../images/sportAerobic.jpg); width: 196px;}
    .sportHaly {background-image: url(../images/sportHaly.jpg); width: 197px;}
    .sportJeskyne {background-image: url(../images/sportStroje.jpg); width: 196px;}
  .sport a {display: block; width: 179px; height: 22px; color: #dfdfdf; padding: 63px 0 0 16px; text-decoration: none;}
  .sport a:hover {color: #fff;}
  .sport a strong {background: url(../images/sipka.gif) no-repeat right 4px; padding-right: 14px;}
  .sport a:hover strong {background: url(../images/sipkaModra.gif) no-repeat right 4px;}
  .sport a:hover strong.sipky2 {background: url(../images/sipky2.gif) no-repeat right 4px; padding-right: 24px;}
  .sport a:hover strong.sipky3 {background: url(../images/sipky3.gif) no-repeat right 4px; padding-right: 34px;}
  
.vnitrek {background: url(../images/vnitrekRepeat.gif) repeat-y; width: 982px;}
.vnitrek1 {background: url(../images/vnitrekTop.gif) no-repeat; width: 982px;}
.vnitrek2 {background: url(../images/vnitrekBottom.gif) no-repeat left bottom; width: 982px; padding: 24px 0 10px 0;}
.levy {float: left; display: inline; width: 730px; font-size: 1.3em; line-height: 19px; margin-left: 18px;}
.pravy {float: right;	display: inline; width: 190px; font-size: 1.3em; line-height: 17px; margin-right: 16px;}
#footer {padding-left: 18px; padding-top: 6px; font-size: 1.1em; position: relative;}
  .copyright {position: absolute; right: 18px; top: 6px;}

/* ----------------- MENU ------------------- */
ul#menu {font-family: Verdana, Arial, Helvetica, sans-serif; position: absolute; top: 46px; right: 15px; list-style-type: none; color: #fff; height: 31px; font-size: 12px; line-height: 14px;}
ul#menu li {float: left; margin-left: 8px;}
ul#menu li a, ul#menu li span {background: url(../images/menu.png) no-repeat; display: block; color: #465156; text-decoration: none;}

ul#menu li strong {background: url(../images/menuCorner.png) no-repeat right 0; padding: 8px 12px 9px 12px; display: block;}
ul#menu li a:hover, ul#menu li span, ul#menu li a.klikaci {background-position: 0 -31px; color: #fff;}
ul#menu li a:hover strong, ul#menu span strong, ul#menu li a.klikaci strong {background-position: right -31px;}


/* -----------------  levý sloupec - hlavní obsah ------------------- */
.levy p, .levy ul, .levy ol {padding-bottom: 16px;}
.levy ul {margin-left: 28px;}
.levy ol {margin-left: 36px;}
.levy ul li {margin-bottom: 3px; margin-top: 3px; list-style-type: square;}
.levy ol li {margin-bottom: 3px; margin-top: 3px;}
.levy ul ul {margin-top: 5px; padding-bottom: 0;}
.levy ul.sipky {margin-left: 13px; font-size: 14px;}
.levy ul.sipky li {background: url(../images/menu2Odrazka.gif) no-repeat 1px 7px; padding-left: 15px; margin-bottom: 7px; margin-top: 7px; list-style-type: none;}
.levy ul.normal li {margin-bottom: 0;}

.navigace {background: url(../images/navigaceBg.gif) no-repeat; margin-bottom: 19px; width: 706px; padding: 0 12px; height: 29px; line-height: 29px; font-size: 11px; position: relative;}
.navigace span.vybrana {color: #000;}
.navigace a.mapaWebu {background: url(../images/ikonaMapa.gif) no-repeat left 11px; padding-left: 16px; position: absolute; top: -1px; right: 12px; color: #9c9c9c;}

.levy h1.h1Obrazek {margin-bottom: 20px;}

.boxCeny {background: url(../images/boxCenyRepeat.jpg) repeat-y; width: 220px; float: left; margin-right: 26px; line-height: 20px; position: relative; margin-bottom: 20px;}
  .max {margin-right: 0;}
.boxCeny1 {background: url(../images/boxCenyTop.jpg) no-repeat; width: 220px;}
  .medium .boxCeny1 {background-image: url(../images/boxCenyMedium.jpg);}
  .max .boxCeny1 {background-image: url(../images/boxCenyMax.jpg);}
.boxCeny2 {background: url(../images/boxCenyBottom.jpg) no-repeat left bottom; width: 220px; min-height: 184px;}
.boxCeny h2, .boxCeny h2 span {background: url(../images/boxCenyTop.jpg) no-repeat; width: 220px; height: 37px; position: relative; overflow: hidden; margin: 0;}
  .medium h2, .medium h2 span {background-image: url(../images/boxCenyMedium.jpg);}
  .max h2, .max h2 span {background-image: url(../images/boxCenyMax.jpg);}
.boxCeny h2 span {position: absolute; left: 0; top: 0;}
  
.levy .boxCenyIn {padding: 10px 5px 52px 19px;}  
.levy .boxCenyIn ul {margin: 0; padding: 0; padding-bottom: 20px;}  
.levy .boxCenyIn li {margin: 0; list-style-type: none;}  
.boxCeny p.cena {background: url(../images/standardCena.jpg) no-repeat; width: 95px; height: 69px; padding: 24px 0 0 0; position: absolute; bottom: -3px; right: -13px; color: #fff; text-align: center; font-size: 22px; font-family: Verdana, Arial, Helvetica, Sans-serif;}  
  .medium p.cena {background-image: url(../images/mediumCena.jpg);}
  .max p.cena {background-image: url(../images/maxCena.jpg);}
.boxCeny a.viceInfo {background: url(../images/viceInfo.jpg) no-repeat; display: block; width: 94px; height: 24px; padding-top: 1px; position: absolute; bottom: 26px; left: 19px; text-align: center; color: #0188bb;}  


/* -----------------  pravý sloupec ------------------- */
.pravy h2.h2Pravy {background: url(../images/h1Bg.gif) no-repeat left bottom; font-family: Verdana, Arial, Helvetica, sans-serif; padding-bottom: 21px; padding-top: 0; font-size: 20px; line-height: 21px; margin-bottom: 8px; color: #465155; font-weight: bold;}

.box {width: 189px; margin-bottom: 24px;}
.box p {padding-bottom: 0px;}
.box h2 {font-size: 13px; font-weight: bold; margin-bottom: 5px; padding-top: 0;}
.box h3 {margin: 0; padding: 0; margin-bottom: 6px; font-size: 14px;}
.box h3 a, .box h3 {color: #0196dc;}
p.datum {color: #787b7f; padding-bottom: 0;}
img.imgNovinka {float: left; margin: 4px 15px 5px 0; border: none;}
.novinka h3, .novinka h3 a {color: #0196dc;}
.novinka {margin-bottom: 20px;}

/* vnitřní stránky */
.vnitrni #header {height: 104px; margin-bottom: 0;}  
.vnitrni .vnitrek1 {background-image: url(../images/vnitrekTopVnitrni.gif);}

.boxSedy {background: url(../images/boxSedyRepeat.gif) repeat-y; width: 190px;}
.boxSedy1 {background: url(../images/boxSedyTop.gif) no-repeat; width: 190px;}
.boxSedy2 {background: url(../images/boxSedyBottom.gif) no-repeat left bottom; width: 173px; padding: 12px 5px 11px 13px;}
.boxSedy2 img {border: 4px solid #dfe5e8; display: block; margin-bottom: 6px;}

ul.menu2 {list-style-type: none; font-size: 14px; line-height: 17px; width: 187px; padding-bottom: 3px;}
ul.menu2 li {background: url(../images/menu2Li.gif) repeat-x left bottom; padding-bottom: 1px;}
ul.menu2 li a, ul.menu2 li span {background: url(../images/menu2Odrazka.gif) no-repeat 1px 15px; display: block; color: #465155; padding: 9px 5px 10px 11px; text-decoration: none;}
ul.menu2 li a:hover, ul.menu2 li span, ul.menu2 li a.klikaci {background-image: none; background-color: #0097df; color: #fff;}

.formObal {background: url(../images/formObalRepeat.gif) repeat-y; width: 730px; margin-bottom: 20px;}
.formObal1 {background: url(../images/formObalTop.gif) no-repeat; width: 730px;}
.formObal2 {background: url(../images/formObalBottom.gif) no-repeat left bottom; width: 730px;}
.formObal2 p {padding: 12px 14px 14px 16px; color: #000;}
.formObal2 h3 {padding-left: 16px; padding-top: 16px; margin-bottom: 0;}

/* tabulka barevná */
table.barevna {width: 100%; margin-bottom: 20px; font-size: 14px;}
table.barevna td {padding: 0px 10px; height: 33px; border: 1px solid #C7E1F0; text-align: center;}
table.barevna td.left {text-align: left; padding: 4px 10px;}
table.barevna th {text-align: center; border: none; padding: 0;}
table.barevna th strong {display: none;}
table.barevna th.thCenik {background: url(../images/cenikStandard.jpg) no-repeat; width: 156px; height: 37px;}
table.barevna th.thMedium {background-image: url(../images/cenikMedium.jpg);}
table.barevna th.thMax {background-image: url(../images/cenikMax.jpg);}

table.nebarevna {width: 100%; margin-bottom: 20px;}
table.nebarevna td {padding: 10px 10px 10px 10px; vertical-align: top;}
table.nebarevna td img {padding: 4px; border: 1px solid #d8d8d8;}

/* formulář univerzální */
form.fUni {padding: 15px 0px 15px 72px;}
form.fUni table td .povinneUdaje {font-size: 12px; font-style: italic;}
form.fUni table td .povinneUdaje em {position: relative; top: 3px;}
form.fUni table td em {font-style: normal; color: red; font-family: Verdana;}
form.fUni table td {padding: 5px 30px 5px 0; white-space: nowrap;}
form.fUni table td.top {vertical-align: top; padding-top: 7px;}
/*form.fUni table div {background: url(../images/inputBg.gif) no-repeat; width: 357px; height: 25px;}
form.fUni table div.textareaBg {background-image: url(../images/textareaBg.gif); height: 85px;}*/
form.fUni input.req {background: #fff url('../images/req.gif') no-repeat right top;}
form.fUni table input, form.fUni table textarea {background: #fff; width: 350px; font-size: 12px; padding: 6px 2px 5px 4px; border: 1px solid #d3d3d3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/PIE.php); position: relative; z-index:1;}
form.fUni table textarea {width: 350px!important; height: 78px; overflow: auto;}
form.fUni table input.submit {border: none; background: none; width: auto; padding: 0;}

.form-ok, .form-chyba {border: 1px solid; margin: 10px 0px 5px 0; padding: 8px 10px 8px 43px!important; background-repeat: no-repeat; background-position: 15px center; width: 80%;}
.form-ok {color: #4F8A10; background-color: #DFF2BF; background-image:url('../images/ok.png');
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: #9ea4a7 1px 1px 3px; -moz-box-shadow: #9ea4a7 1px 1px 3px; box-shadow: #9ea4a7 1px 1px 3px; behavior: url(/PIE.php); position: relative; z-index:1;}
.form-chyba {color: #9F6000; background-color: #FEEFB3; background-image: url('../images/chyba.png');
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: #9ea4a7 1px 1px 3px; -moz-box-shadow: #9ea4a7 1px 1px 3px; box-shadow: #9ea4a7 1px 1px 3px; behavior: url(/PIE.php); position: relative; z-index:1;}

.boxRef {float: left; width: 168px; padding: 0 0 7px 7px; border: 1px solid #e1e1e1; background-color: #f7f7f7; margin: 0 3px 20px 2px; position: relative; font-size: 12px; line-height: 16px;}
.boxRef p {padding-bottom: 0px;}
.boxRef h3 {margin: 0; padding: 0; margin-bottom: 1px; font-size: 12px;}
.boxRef h3, .boxRef h3 a {color: #0196dc;}
.boxRef img {background-color: #f7ffff; padding: 4px; border: 1px solid #c9dde0; display: block; margin: 5px 0 6px -2px;}
.boxRef img.plusWeb {background: none; position: absolute; right: 10px; top: 24px; padding: 0; border: none; margin: 0;}

ul.reference {padding-bottom: 10px; font-size: 12px;}
ul.reference li {list-style-type: none; margin: 0 0 5px 0;}
ul.reference li {background: url(../images/ctverecek.gif) no-repeat 1px 7px; padding-left: 11px;}

table.oSystemu {width: 80%; margin: 0 auto; margin-bottom: 20px;}
table.oSystemu td {text-align: center; padding-bottom: 8px;}
table.oSystemu td h2 {background: none; font-size: 14px; padding-left: 0; margin-bottom: 0;}

ul.faq {list-style: none;}
ul.faq li div {display: none;}

.strankovani {margin-bottom: 20px;}
table.tStrankovani {margin: 0 auto; line-height: 15px;}
table.tStrankovani th, table.tStrankovani td {padding: 0; vertical-align: bottom;}
table.tStrankovani td a, table.tStrankovani td span {padding: 0px 4px; margin: 0 1px; text-decoration: none; text-align: center; font-size: 14px;}
table.tStrankovani td a:hover {color: #465155;}
table.tStrankovani td span {color: #fff; background-color: #465155;}
table.tStrankovani th {font-weight: normal; text-align: left; color: #9c9c9c;}
table.tStrankovani em {font-style: normal; position: relative; top: -1px; color: #9c9c9c;}

a.fb {float: left; padding-right: 10px;}