/* ----------------------------------------------------------------------------------------------------------
reset a obecne formatovani
---------------------------------------------------------------------------------------------------------- */
body, html, p, ul, li, h1, h2, h3, h4, h5, h6, img, form, blockquote, fieldset, legend, ol, ul, li {margin:0; padding:0; border: 0}
input, select, label {vertical-align:middle;outline:0}
ul, ol {list-style-type:none}
p {line-height:1.4;color:#7b7b7b}
table {border-collapse:collapse; border-spacing:0; width: 100%}
hr {display:none}
th { text-align:left; }
.trp { padding-left: 5px}
th,td { padding: 4px 0}
/* ----------------------------------------------------------------------------------------------------------
zaklady dokumentu
---------------------------------------------------------------------------------------------------------- */
html {background: url('/static/img/bg-repeat.jpg') repeat-x}
body {font: normal 10px Arial,Tahoma,sans-serif;background: url('/static/img/bg.jpg') no-repeat 50% 0}

/* odkazy */
a {color:#000;text-decoration:underline}
a:hover {color:#000;text-decoration:none}
p,.bgf {font-size: 1.2em;}
/* obecne tridy */
.right {text-align:right}
.left {text-align:left}
.center {text-align:center}
.float-r {float:right}
.float-l {float:left}
.bold {font-weight:bold}
.italic {font-style:italic}

/* menu pro lepsi pouzitelnost */
ul.usability {position:absolute;top:0;left:-9999px}

/* ----------------------------------------------------------------------------------------------------------
obal
---------------------------------------------------------------------------------------------------------- */
.wrapper {width: 1000px; margin: 0 auto;background: url('/static/img/bg-layout.jpg') repeat-y left}

/* ----------------------------------------------------------------------------------------------------------
hlavicka
---------------------------------------------------------------------------------------------------------- */
.header {height: 252px;background: url('/static/img/bg.jpg') no-repeat 50% 0; position: relative}
    .header .top {display: block; width: 265px; height: 82px; position: absolute; top: 114px; left: 40px;}
        .header .top span {display: block; width: 265px; height: 82px; cursor: pointer; position: absolute; top: 0; left: 0; background: url('/static/img/logo.jpg') no-repeat}

    .header form {position: absolute; top: 149px; left: 780px;}
        .header form label {position: absolute; top: 0; left:-9999px;}
        .header form .text {border: 0;width: 156px;height: 15px;color: #b3c867; font-size: 1.1em;background: #3c4713;position: relative; top: 1px;}

    .header .breadcrumbs {background: url('/static/img/home.gif') no-repeat 0 50%;font-size: 1.1em; padding-left: 15px; position: absolute; top: 225px; left: 20px; width: 400px; color: #9f9f9f;}
        .header .breadcrumbs span {color: #566e1f; margin-left: 5px; padding-left: 10px; background: url('/static/img/arrow-gray.gif') no-repeat 0 55%;}

#toptools {
position: absolute; top: 215px; left: 480px;  
	width: 470px;
	height: 24px;
	line-height: 24px;
	text-align: right;
	padding: 5px 2px 5px 0;
}

#toptools, #toptools a {
color: #6e6e6e;
	
}


.topre { background: url(/static/icon/regi.gif) no-repeat left center; padding-left: 17px }
.topli { background: url(/static/icon/login.gif) no-repeat left center; padding-left: 19px }

/* ----------------------------------------------------------------------------------------------------------
obsah
---------------------------------------------------------------------------------------------------------- */
.content {background: url('/static/img/bg-bottom.jpg') no-repeat left bottom;}
    .container {float: left;width: 800px}
        .main {width: 560px; float: right;padding: 10px 20px;}
            .main .h1d {border-bottom: 1px solid #dedede;padding-bottom: 10px;margin-bottom: 15px;}
            .main h1 {color: #7b7b7b;font-weight: normal;font-size: 2.5em;margin-bottom: 5px;}
            .main .article-preview {margin-bottom: 10px;background: url('/static/img/article-sep.jpg') no-repeat bottom;padding-bottom: 20px;width: 100%;clear: both; height: auto; overflow: hidden;}
            .main .article-preview h2 {color: #990503;margin-bottom: 10px;float: left;font-size: 1.4em}
            .main .article-preview h2 a {color: #990503;}
            .main .article-preview .date {float: right;font-weight: bold; font-size: 1.2em; color: #607a23}
            .main .article-preview a img {float: left;padding: 1px; margin-right: 10px;background: #b23f3d;border: 3px solid #990503}
            .main .article-preview p {font-size: 1.2em;text-align: justify}
            .main .article-preview a.more {padding-right: 10px; color: #990503; background: url('/static/img/arrow-red.gif') no-repeat 100% 55%;}
            .main .article-preview a.more:hover {color: #000}
            .main .ad {background: url('/static/img/article-sep.jpg') no-repeat bottom;padding: 0;padding-bottom: 30px; margin-bottom: 10px;}
            .main .paging {background: url('/static/img/paging-bg.jpg') no-repeat bottom;padding: 10px 0 20px 0;text-align: center;position: relative; overflow: hidden;font-size: 1.2em;font-weight: bold;}
            .main .paging a {color: #607a23;padding: 0 3px;display: inline-block; height: 30px;}
            .main .paging a:hover {color: #000;}
            .main .paging a.active {text-decoration: none;color: #000;background: url('/static/img/paging-ball.jpg') no-repeat bottom center}
            .main .paging a.arrow {position: relative; width: 5px; height: 30px;padding: 0;text-decoration: none;}
            .main .paging a.arrow:hover {color: #fff}
            .main .paging a.arrow span {display: block; position: absolute; top: 0; left: 0; width: 5px; height: 30px;cursor: pointer}
            .main .paging a.left span {background: url('/static/img/paging-left.jpg') no-repeat 0 5px}
            .main .paging a.right span {background: url('/static/img/paging-right.jpg') no-repeat 0 5px}
            .main .paging a.left:hover span {background: url('/static/img/paging-left.jpg') no-repeat 0 -74px}
            .main .paging a.right:hover span {background: url('/static/img/paging-right.jpg') no-repeat 0 -74px}
            .main .paging a.left {margin-right: 15px;}
            .main .paging a.right {margin-left: 15px;}

/* ----------------------------------------------------------------------------------------------------------
sloupec
---------------------------------------------------------------------------------------------------------- */
.sidebar {width: 200px;}

    .sidebar h2,
    .sidebar h2 a {display: block;height: 28px; line-height: 28px;color: #fff;font-size: 1.2em; text-transform: uppercase;}
    .sidebar h2 a {font-size: 1.0em;text-decoration: none}
    .sidebar.float-l h2 {background: url('/static/img/sidebar-title-left.jpg') no-repeat;padding-left: 20px;}
    .sidebar.float-r h2 {background: url('/static/img/sidebar-title-right.jpg') no-repeat;text-align: right;padding-right: 20px;}
    .sidebar .nav {padding: 3px 0;}
    .sidebar .highlight {background: url('/static/img/nav-highlight.jpg') repeat-y}
    .sidebar .nav li {border-top: 1px solid #f1f1f1;width: 199px;}
    .sidebar .nav li.first {border: 0;}
    .sidebar .nav li a {display: block; padding: 6px 0 6px 20px;width: 175px;text-transform: uppercase;text-decoration: none; font-size: 1.0em;color: #7b7b7b;background: url('/static/img/arrow-green.gif') no-repeat 10px 55%}
    .sidebar .nav li a:hover {color: #000;background: url('/static/img/arrow-green-hover.gif') no-repeat 10px 55%;}
    .sidebar .nav .active {background: #f3f3f3}
    .sidebar .nav .nactive {background: #ffffff}
    .sidebar .nav .active a {color: #000;background: url('/static/img/arrow-green-hover.gif') no-repeat 10px 55%;}
    .sidebar .highlight li {border-color: #b5d479;}
    .sidebar .highlight li a {color: #3f5213}
    .sidebar .highlight li a:hover {color: #7a9b2b}
    .sidebar .highlight li.active {background: url('/static/img/nav-active.jpg') repeat-y}
    .sidebar .highlight li.active a {color: #7a9b2b;background: url('/static/img/arrow-green-hover.gif') no-repeat 10px 55%;}
    .sidebar .login fieldset {padding: 10px 20px;}
    .sidebar .login .text {border: 0;padding: 7px 0 7px 10px;font-size: 1.1em;color: #7b7b7b; background: url('/static/img/input-text.jpg') no-repeat;margin-bottom: 4px;width: 150px; height: 15px;}
    .sidebar .login #pass {margin-bottom: 10px;}
    .sidebar .login label {display: none}
    .sidebar .login .submit {float: right;text-transform: uppercase;font-size: 1.0em; font-family: Arial; font-weight: bold;padding: 3px 5px}
    .sidebar .login a {padding-left: 10px;position: relative; top: 8px;text-decoration: none; font-size: 1.1em;float: left;color: #7b7b7b; background: url('/static/img/arrow-green.gif') no-repeat 0 55%;}
    .sidebar .login a:hover {color: #000;background: url('/static/img/arrow-green-hover.gif') no-repeat 0 55%;}
    .sidebar .articles img {border: 1px solid #919191;border-left: 0; border-top: 0; float: left; margin-right: 5px;}
    .sidebar .articles div {clear: both;padding: 10px; border-bottom: 1px solid #f1f1f1;}
    .sidebar .articles div:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
    .sidebar .articles h3 {font-size: 1.1em;font-weight: normal;line-height: 1.2;}
    .sidebar .articles h3 a {color: #566e1f}
    .sidebar .articles .date {color: #7b7b7b}

/* ----------------------------------------------------------------------------------------------------------
paticka
---------------------------------------------------------------------------------------------------------- */
.footer {background: url('/static/img/bg-footer-repeat.jpg') repeat-x bottom; height: 190px;}
    .footer p {width: 1000px; margin: 0 auto; background: url('/static/img/bg-ball.jpg') no-repeat bottom right;height: 190px;color: #dceaaa;font-size: 1.1em}
    .footer p span {position: relative; top: 160px}
    .footer p strong {color: #fff}
    .footer p a {color: #fff}
/* ----------------------------------------------------------------------------------------------------------
nezaraditelne
---------------------------------------------------------------------------------------------------------- */
.topline {position: absolute; top: 3px;  width: 1000px;margin: 0 auto; text-align: center;color: #d4d4d4;font-size: 1.1em}
.topline a {color: #a50d0a;text-decoration: none;padding: 0 3px}
.topline a:hover {color: #000;}
.ad {text-align: center;padding: 10px 0}
/* ----------------------------------------------------------------------------------------------------------
cistice
---------------------------------------------------------------------------------------------------------- */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block}
/* schovani pred ie mac \*/
* html .clearfix {height: 1%}
.clearfix {display: block}
.clear {clear:both;height:0;font-size:0;line-height:0}

#menutop {
	
float: left;
	text-align: left;

	
}


#menutop, #menutop a {
	color: #000;
}
#menutop a.selectedx {  color: #ffcc00 }
#menutop a.chcim {  color: #ff6666; font-weight: bold; }


#menutop li {
	display: inline;
	padding: 0 0 0 14px; margin: 0 10px 0 0;
	background-image: url('../i/tm.gif');
	background-repeat: no-repeat
}

#menutop li.selectedx {
	display: inline;
	padding: 0 0 0 14px; margin: 0 10px 0 0;
	background-image: url('../i/tmy.gif');
	background-repeat: no-repeat
}


#menutop li.chcim {
	display: inline;
	padding: 0 0 0 14px; margin: 0 10px 0 0;
	background-image: url('../i/tmc.gif');
	background-repeat: no-repeat
}


ul#menutop  {
	padding: 0; margin: 0
}


#tagcloud {

	
	text-align:center;
}
#tagcloud a:link, #tagcloud a:visited {
	text-decoration:none;
	color: #33cc33;
}
#tagcloud a:hover, #tagcloud a:active {
	text-decoration: underline;
	color: #000;
}
#tagcloud span {
	padding: 4px;
}
.smallest {
	font-size: 1em;
}
.small {
	font-size: 1.2em;
}
.medium {
	font-size:1.5em;
}
.large {
	font-size:1.6em;
}
.largest {
	font-size:1.8em; 
}

div.comment1 { background-color: #fff; padding: 10px; border-bottom: 0px solid #ffcc01;   }
div.comment { background-color: #ecf5e1; padding: 10px; border-bottom: 0px solid #ffcc01 }
div.h_comment  { border-bottom: 1px dashed #666666;  padding: 0 0 3px 0; font-weight: bold }
div.b_comment  { padding: 3px 0 0 0 }
div.h_comment b { font-weight: bold }
div#comments { margin-bottom: 10px; border-bottom: 4px solid #ffcc01; font-size: 1.2em;}
div#commentsu,div#commentsux {font-size: 1.2em;padding: 2px; margin-bottom: 10px; border: 1px solid #cccccc;}
div#commentsu:hover,div#commentsux:hover {  border: 1px solid #000;}
div#addcomment {  text-align: left; clear: both; width: 100%; height: 162px; margin-top:10px }
div#addcomment textarea { width: 90%; height: 100px; margin: 5px 0 5px 0}
div#addcomment input { width: 120px; margin: 0px 20px 0px 0px}



#fleft { float: right; width: 300px}
#fright { float: right; width: 220px; padding-right: 20px}
#fleft p,#fright p { clear:both; }
form select.wide {
	width: 260px;
}

form .narrow {
	width: 110px;
}

form select.narrow {
	width: 120px;
}

form .narrower {
	width: 50px;
}

form area.short {
	height: 75px;
}

form area.long {
	height: 400px;
}


form area.shortlong {
	height: 200px;
}


form .require {
	color: #ff0000;
}

form small {
	color: #aeaeae;
}

form .container {
	padding: 0 0 5px 0;
	line-height: 2em;
}

.gambrinus-liga { background: url('/static/f/gambrinus-liga.jpg') no-repeat 0 0; padding-left: 130px}
.reprezentace-cr { background: url('/static/f/reprezentace-cr.jpg') no-repeat 0 0; padding-left: 130px}
.fotbalove-kluby { background: url('/static/f/fotbalove-kluby.jpg') no-repeat 0 0; padding-left: 130px}