/*------< GLOBAL RESET & SETTINGS >------------------*/

*, html, body, div, h1, h2, h3, h4, h5, p, ol, ul, li, img, form, input, label, fieldset, select, table, tr, td {margin: 0; padding: 0;}

ol, ul, li {list-style: none;}
*, img, form, fieldset {border: none;}
td {vertical-align: top;}

html, body {}

.alignright {text-align: right;}
.floatleft {float: left;}
.floatright {float: right;}
.visible {display: block;}
.hidden {display: none;}
.clear {clear: both; height: 1px;}

.colums {width: 100%;}

/*------< LINKS >------*/

a {text-decoration: none; outline: none; color: #fff;}
a span {display:none;}
/*------< FORMS >------*/

.text-box, .text-area {margin: 0; padding: 4px 5px 2px 5px; border: none; font: 100% Verdana; letter-spacing: 0.02em; line-height: 11px;}
.text-box {height: 11px; background: #fff;}
.text-area {height: 100px; background: #fff;}
.select {height: 17px; font-size: 11px;}
.button {margin: 0; padding: 0;}

/*------< FORMATING >------------------*/

body, select, input, textarea {font: 120%, "lucida sans", verdana, arial, helvetica, sans-serif;}

h1, h2, h3, h4, h5, h6 {color: #fff;}

h1 {padding: 0 0 10px 6px; font: 16px Arial; font-weight: bold; text-transform: uppercase;}

h2 {padding: 10px 0 0 0;font: 14px Arial; font-weight: bold; color: #9e9e9e;}
h2.toggler {cursor: pointer;}
h2.toggler:hover {padding-left: 4px;}

h3 {}

p, .article ul {margin: 0.8em 0 0.8em 0;}

/*------< MAIN-FRAME >------------------*/

html {background: #000; font: 13px 'Verdana', Arial, Helvetica, sans-serif; color: #fff;}

#container {margin: 30px auto; width: 996px; background: url(../images/container-bck.jpg) no-repeat 6px 6px;}
#sidebar {float: right; width: 237px;}
#page {padding: 20px 0 20px 0; width: 723px; height:0px; padding-top:440px;
       background: url(../images/homepage-bck.jpg) no-repeat 5px 75px;}
#footer {clear: both; height: 165px;}

/*------< SIDEBAR >------------------*/

#sidebar {margin: 13px 0 20px 0;}

/*------< MENU >------*/

.tabs-menu, .tabs-online-res-menu {position: relative;}
.selector {float: right; font-size: 1px; color: #000;}
.tabs-menu .section {position: absolute; left: 0; top: 87px; width: 100%; overflow: hidden; z-index: 10;}
.tabs-online-res-menu .section {position: absolute; left: 0; top: 35px; width: 100%; overflow: hidden; z-index: 10;}
.tabs-menu .sectionInner a, .tabs-online-res-menu .sectionInner a {float: right; font-size: 1px; color: #000;}

.mainmenuitem { display:block; margin-bottom:75px;}
.menuitem { display:block; margin-bottom:20px;}
.mainmenuitem span,.menuitem span { display:none;}

#mi-sportclub {width: 160px; height: 155px; background: url(../images/menu/sportclub.png) no-repeat;}
#mi-ricochet {width: 161px; height: 85px; background: url(../images/menu/ricochet.png) no-repeat;}
#mi-bowling {width: 160px; height: 97px; background: url(../images/menu/bowling.png) no-repeat;}

#mi-sportclub:hover {background: url(../images/menu/sportclub.png) no-repeat -159px 0px;}
#mi-ricochet:hover {background: url(../images/menu/ricochet.png) no-repeat -159px 0px;}
#mi-bowling:hover {background: url(../images/menu/bowling.png) no-repeat -159px 0px; }

#menu-sportclub {position:absolute; margin-left:-160px; margin-top:-250px;}
#mi-info {width: 120px; height: 122px; background: url(../images/menu/info.png) no-repeat;}
#mi-kdejsme { margin-left:-20px;  width: 120px; height: 77px; background: url(../images/menu/kdejsme.png) no-repeat;}
#mi-opentime {width: 150px; height: 103px; background: url(../images/menu/opentime.png) no-repeat;}
#mi-foto {margin-left:-40px; width: 110px; height: 84px; background: url(../images/menu/foto.png) no-repeat;}
#mi-bar {width: 80px; height: 113px; background: url(../images/menu/bar.png) no-repeat;}

#mi-info:hover {background: url(../images/menu/info.png) no-repeat -121px 0px;}
#mi-kdejsme:hover {margin-left:-20px; background: url(../images/menu/kdejsme.png) no-repeat -132px 0px;}
#mi-opentime:hover {background: url(../images/menu/opentime.png) no-repeat -162px 0px;}
#mi-foto:hover {margin-left:-40px; background: url(../images/menu/foto.png) no-repeat -120px 0px;}
#mi-bar:hover {background: url(../images/menu/bar.png) no-repeat -98px 0px;}

#menu-ricochet {position:absolute; margin-left:-162px; margin-top:-340px;}
#mir-pravidla {width: 150px; height: 84px; background: url(../images/menu/pravidla.png) no-repeat;}
#mir-turnaje {width: 127px; height: 103px; background: url(../images/menu/turnaje.png) no-repeat;}
#mir-rakety {width: 88px; height: 117px; background: url(../images/menu/rakety.png) no-repeat;}
#mir-ricoklub {width: 150px; height: 86px; background: url(../images/menu/ricoclub.png) no-repeat;}

#mir-pravidla:hover {background: url(../images/menu/pravidla.png) no-repeat -155px 0px;}
#mir-turnaje:hover {background: url(../images/menu/turnaje.png) no-repeat -129px 0px;}
#mir-rakety:hover {background: url(../images/menu/rakety.png) no-repeat -89px 0px;}
#mir-ricoklub:hover {background: url(../images/menu/ricoclub.png) no-repeat -155px 0px;}


#menu-bowling {position:absolute; margin-left:-170px; margin-top:-585px;}
#mib-monthscore {width: 127px; height: 107px; background: url(../images/menu/monthscore.png) no-repeat;}
#mib-topscore {width: 155px; height: 85px; background: url(../images/menu/topscore.png) no-repeat;}
#mib-turnaje {width: 127px; height: 103px; background: url(../images/menu/turnaje.png) no-repeat;}
#mib-pravidla {width: 150px; height: 84px; background: url(../images/menu/pravidla.png) no-repeat;}
#mib-history {width: 107px; height: 110px; background: url(../images/menu/history.png) no-repeat;}

#mib-monthscore:hover {background: url(../images/menu/monthscore.png) no-repeat -136px 0px;}
#mib-topscore:hover {background: url(../images/menu/topscore.png) no-repeat -162px 0px;}
#mib-turnaje:hover {background: url(../images/menu/turnaje.png) no-repeat -129px 0px;}
#mib-pravidla:hover {background: url(../images/menu/pravidla.png) no-repeat -155px 0px;}
#mib-history:hover {background: url(../images/menu/history.png) no-repeat -119px 0px;}

#menu-online {position:absolute; margin-left:0px; margin-top:-80px;}
#mi-online {display:block; margin-left:129px; margin-top:-34px; width: 362px; height: 47px; background: url(../images/menu/online.png) no-repeat;}
#mi-online:hover {background: url(../images/menu/online.png) no-repeat 0px -47px;}
#mi-oricochet {width: 161px; height: 85px; margin-left:0px; margin-top:-110px; background: url(../images/menu/ricochet.png) no-repeat;}
#mi-obowling {width: 160px; height: 97px; margin-left:140px; margin-top:5px; background: url(../images/menu/bowling.png) no-repeat;}
#mi-oricochet:hover {background: url(../images/menu/ricochet.png) no-repeat -159px 0px;}
#mi-obowling:hover {background: url(../images/menu/bowling.png) no-repeat -159px 0px; }

/*------< PAGE >------------------*/

#intro {padding-top: 56px; height: 351px; background: url(../images/homepage-bck.jpg) no-repeat 6px 56px;}

/*------< POST >------*/

.post {margin-bottom: 20px;}
.article p, .article ul, table {padding: 0 6px 0 6px; }

.table-head {font-weight: bold;}

#topxscore ul {clear: left;}
#topxscore ul li {float: left;}
	#topxscore .name {width: 30%;}
	#topxscore .score {width: 30%;}
	#topxscore .sate {width: 40%;}

#map {padding: 5px; width: 723px; height: 400px; border: 1px solid #808080;}

.metadata {clear: left;}
.metadata a {color: #c7c7c7;}

/*------< FOOTER >------------------*/

#address {float: right;}
#address li {text-align: right; color: #6e6e6e;}
#skype p {padding-top: 3px;}
#skype img {float: right; margin-left: 6px;}

#ok-sport-club a {display: block; width: 237px; height: 13px; background: url(../images/ok-sport-club.gif) no-repeat;}
#ok-sport-club a:hover {display: block; width: 237px; height: 13px; background: url(../images/ok-sport-club-on.gif) no-repeat;}


/* content na strankach */
div#container_content{margin-top:50px; margin-left: auto;margin-right: auto;width: 800px;min-height:600px;text-align: left;
                      background:transparent url(../images/content-bck.jpg) repeat-y scroll 6px 6px;
                      }
#hplhome {display: block; width: 96px; height: 50px;  margin-left:-5px;margin-top:-5px; 
          background: url(../images/homelogo.png) no-repeat;}
          
.basic{ line-height:20px;}          
p.basic {font-size:12px;font-weight:normal;text-align:justify;}
p.subtext {font-size:12px;font-weight:normal;text-align:justify;width:215px;}
p.LeftAlign {font-size:12px;font-weight:normal;text-align:left;width:215px;}
p.nadpis {color:Red;font-weight:bold;text-align:center;}

p a {color:#00F;text-decoration: underline;}
#news
{
width:200px;
min-height:200px;
}

.articlelist li h4 a, .articlelist li a, .articlecontent h4,.articlecontent a
{
color: #FF0 !important;
}
.articlesub
{
font-size: 9px;
}

