/* Sportcentrum Puchov 2009 */
/* design by Pixel Plus sro */
/* www.pixelplus.sk */
html,body{margin:0;padding:0}
body{text-align:center;font-size:12px;font-family: Arial, Verdana, sans-serif;background:url('../images/design/bg.gif') repeat-x #fff; color:#000; padding:0px; margin:0px; font-size:14px; }
img{border:0}
form{margin:0;}
p{margin:7px 0;padding:0;}
a:link, a:visited {color:blue;text-decoration:none;}
a:hover {color:blue;text-decoration:underline;}

div#menu{width:400px;height:135px;padding:0px;margin:0px 15px 0px 50px; text-align:right; float:right; }
#header {background:url('../images/design/header.jpg') no-repeat -6px 26px}
#header{height:300px;margin:0px 0px 0px 0px;padding:0; text-align:center; float:none; clear:both}
.logo {width:156px; height:70px; float:left; display:block; margin:10px 0px 0px 10px; }
.logo {background:url('../images/design/logoSportcentrum.gif') no-repeat}
#headline  {padding:0px; text-align:center; width:380px; height:40px; display:block; float:left; margin-top:30px; }
#headline h1 {font-weight:bold; font-size:1.8em; text-shadow: #666 2px 2px; color: #fff; font-family:Arial, Franklin, Verdana  }

/* mainNav */
#mainNav{margin:0;padding:0px 0px 0px 0px;list-style:none; float:left; display:block}
#mainNav li{float:left; padding:0 10px 0 10px;border-left:1px solid #fff;}
#mainNav li.first {border-left:0;}
#mainNav li a{font-size:12px;}
#mainNav a:link, #mainNav a:visited {text-decoration: none;color: #fff;}
#mainNav a:hover {text-decoration: underline;}

/* subNav */
#subNav {margin:3px auto 0px auto;padding:0; width:899px; background:url('../images/design/menuLeft.gif') no-repeat; float:none; clear:both; height:41px; }
#subNav a:link, #subNav a:visited,#subNav a:link, #subNav a:visited {text-decoration: none; color: #000;font-weight:bold; }
#subNav a:hover {text-decoration: underline;}
#subNav a.active {text-decoration: underline;}
#subNav ul {width:auto;margin:0 0 0 28px;padding: 0px 0px 0px 0px;list-style:none; }
#subNav ul {height:41px}
#subNav li {background:url('../images/design/menuBody.gif') repeat-x 0px 0px; line-height:11px; height:41px}
#subNav li {margin:0px 0px 0px 0px;display:inline; float:left; width:90px; text-align:center; padding:4px 0px 6px 0px }
.submenu ul, ul.submenu {float:none; clear:both; padding:0px; margin:0px; height:50px; width:860px; background:url('../images/design/menuBody.gif') repeat-x 0px -2px;}
.submenu li {float:left; list-style:none; padding: 0px 8px 0px 12px; background:url('../images/design/submenuBack.gif') no-repeat 2px 6px}
ul.submenu li a {text-decoration:none!important; font-size:15px}
ul.submenu li a:hover {text-decoration:underline!important}
ul.submenu li a.active {color:#87a865}
#subNav li.sub0 a {display:block;padding:8px; font-size:13px; color:#fff; text-decoration:none;  }

#subNav li.sub0 a.active, #subNav li.sub0 a:hover {color:#000;  height:41px}
#subNav li.sub1 {padding:10px 15px 0px 15px;float:left}
li.sub1 {background:url('../images/design/menuBody.gif') repeat-x 0px -2px; line-height:11px; height:41px; padding:8px 20px}
.sub1 a {color:white!important;font-size:11px;}
.sub1 a.active {color:white; text-decoration:underline!important}
#subNav li.sub2 {padding:10px 10px 2px 10px;font-size:12px; }
#subNav li.sub2 a {color: #e94200;font-size:11px;}
#subNav li.sub3 {padding:1px 0 0 35px;}
#subNav li.sub3 a {color: black;font-size:10px;}
#subNav li.novinky span {display:block;background:url(/images/design/submenu_news.jpg);width:181px;height:40px;padding:9px 0 0 10px;font-size:12px;color:#fff;font-weight:bold;}

.last {width:28px;padding: 0px ;background:url('../images/design/menuRight.gif') no-repeat 0px 0px!important }


div#container{text-align:left }
div#content{}
div#navigation{float:left;width:1032px; margin:0px 0px 0px 0px; height:39px }
div#footer{background: url("../images/design/footer2.gif") no-repeat 50% 0px; }
.footwrapper {background: url("../images/design/footer.gif") repeat-x 0 11px ; height:100px; }

div#container{width:915px;padding:0px 0px 0px 0px;overflow:hidden;margin:0 auto 0 auto; }
div#content{width:900px; background:#fff; float:left;margin:0px 0px 0px 15px}

div#footer{clear:both;width:900px;margin:0 auto 10px auto;font-size:11px;font-weight:bold;padding:30px 0px 10px 0px; text-align:left; font-family: Candara, Verdana, Arial, sans-serif; color:#aaa }
div#footer p, #footer td {font-size:13px; font-weight:normal;margin:4px}
#footer td {padding-right:30px}
small {font-size:8px; font-weight:normal}
div#wrapper{}

div#content-area{margin: 10px 10px 0px 10px; }
div#content-area p, div#content-area li {text-align:justify; color:#333; line-height:1.3em; height:auto}
#content-area h1{padding:0;margin:0 0 10px 0;font-size:24px;font-weight:600; color:#4c7f33;  }
#content-area h2{padding:0;margin:20px 0 10px 0;font-size:16px;font-weight:bold; color:#4c7f33}
div#content-area a {color:#333; text-decoration:underline}
#footer a:link, #footer a:visited,#footer a:link, #footer a:visited {text-decoration: underline; color: #eee;font-weight:normal;}
#footer a:hover {text-decoration:underline;}
#footer img{vertical-align:middle;}

div#content-images{padding:20px 0px 0px 0px; margin:20px 0px 0px 0px; clear:both; float:none; border-top:1px dotted #828571;  }
.content-image{float:left;border:4px solid silver;margin:6px; padding:1px }
.button {background:url('../images/design/buttonGreen.gif') no-repeat; width:116px; height:34px; display:block; padding:4px 2px 2px 2px; text-align:center; float:left; cursor: hand; cursor: pointer;}
a.button , a.button:hover, a.button:visited {text-decoration:underline; color:#000}


td {vertical-align:top}

ul.sitemap {list-style:none;padding:0 0 0 10px;margin:0;}
ul.sitemap li {margin:0;}
ul.sitemap li a {line-height:22px;}
ul.sitemap li.sub1 {padding-left:15px;}
ul.sitemap li.sub2 {padding-left:25px;}
ul.sitemap li.sub3 {padding-left:35px;}
ul.sitemap li.sub4 {padding-left:45px;}
ul.sitemap li.sub5 {padding-left:50px;}
ul.sitemap li.sub6 {padding-left:55px;}
ul.sitemap li.sub7 {padding-left:60px;}
ul.sitemap li.sub8 {padding-left:65px;}

.news {margin:3px 40px 40px 0px; float:right; display:block; line-height:26px; width:200px }
.news a:link, .news a:visited,.news a:link, .news a:visited {font-weight:normal; text-decoration:none!important; margin:0px; padding:0px; line-height:10px}
.news li:hover {background:#d5f6c1}
.news ul {list-style:none; margin:0px; padding:0px}
.news li {border-bottom:1px solid #0f2640; height:45px; overflow:hidden; padding:4px; margin:0px }
.news img {border:2px solid #eed599; margin-right:10px; vertical-align:top; float:left}
.news h2 {color:#0f2640; font-size:1.5em!important; }
.news p {text-align:left!important; }
.news .title {color:#0f2640; display:inline; padding-right:4px; margin-right:4px; border-right:1px dotted #0f2640 }
.news .desc {color:#ddd; }
.news li:hover .desc {color:#666}


#frmSeBigTxt{border:0;width:135px;height:18px;font-size:11px;line-height:18px;background:#fff; border:1px solid #aaa}
#search{width:200px;height:30px; float:right; padding:8px 0px 0px 20px;  background:url('../images/design/lupa.gif') no-repeat 0px 10px}
#frmSeBigSubmit{vertical-align:bottom;}

#left-side {margin:20px; width:65%; clear:both; float:left; border-right:1px solid #ddd; padding-right:20px  }
#right-side {width:25%; float:right; display:block; }
 

hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
      }
      
/* addons sept 2009 */
#boxes {width:100%; text-align:center; margin:0px 0px 0px 0px; padding-left:0px; height:160px; overflow:hidden; display:block; float:left; border:none}
#boxes {background:url('../images/design/blocks.gif') no-repeat}
.box {width:200px; float:left; text-align:left; display:block; border:none}
.box h2 {font-size:1.4em; margin:8px 0px 2px 0px}
.box p, .box a {font-size:1.1em; margin:0px; padding-right:20px; }
.box p {overflow:hidden; height:50px}
.box .headline {width:100%; height:0px; display:block}
.green {width:300px; padding:5px 0px 0px 0px; margin-left:15px; color:white}
.blue {width:300px; padding:5px 0px 0px 0px}
.orange {width:280px; padding:5px 0px 0px 10px}
.inv {width:180px; padding:5px 0px 0px 20px}
a.more {background:url('../images/design/button.png') no-repeat; font-size:12px; font-weight:bold}
a.more {color:#fff; text-decoration:none; float:left; text-align:center;width:100px; height:40px; display:block; margin:0px; padding:12px 0px 0px 0px; }
a.more:hover {color:#fff; text-decoration:underline}

table {border:0px solid gray; width:100% }
td {border-bottom:1px solid silver; padding:4px}
th {background:green; color:white; padding:4px 16px; }