@charset "utf-8";
* { margin:0px; padding:0px; }

body
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	background: url(/img/bgs/bg-guma-motocross.jpg) no-repeat top center #000;
}

img
{
	border: none;
}

a { color:#ff00; text-decoration:none; }
a:link { color:#f00; text-decoration:none; }
a:visited { color:#f00; text-decoration:none; }
/*a { color:#fff; text-decoration:none; }
a:link { color:#fff; text-decoration:none; }
a:visited { color:#fff; text-decoration:none; }*/
a:hover { color:#e81400; text-decoration:none; }
a.selected { color:#e81400; font-weight:normal;}

h1 { font-size:16px; color:#333; font-weight:normal;  padding-bottom:0px; color:#e81400; }
h2 { font-size:16px; color:#333; font-weight:bold; padding-bottom:0px; }	
h2 a { font-size:16px; color:#333; font-weight:bold; padding-bottom:0px; }	
h2 a:hover { color:#70C600;}	


h3 { font-size:16px; color:#333; font-weight:bold;  padding-bottom:0px; }
h3 a { font-size:16px; color:#333; font-weight:bold;  padding-bottom:0px; }
h3 a:link { font-size:16px; color:#333; font-weight:bold;  padding-bottom:0px; }
h3 a:hover { color:#70C600;}	

h4 { font-size:16px; color:#333; font-weight:bold;  padding-bottom:0px; }

#wraper {width:1100px; height:auto; margin:auto;}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
#page { width:1100px; height:auto; position:relative; float:left; color:#FFF; text-align:left;
background: url(../img/page-center.jpg) repeat-y;
}
#page-bottom { width:1100px; height:10px; position:relative; float:left; color:#FFF; text-align:left;
background: url(../img/page-bottom.jpg) no-repeat;
}

/*hlavicka*/

#head
{
	width: 1100px;
	height: 110px;
	position: relative;
	float: left;
	color: #FFF;
	text-align: left;
	background: url(../img/head.jpg) no-repeat bottom center;
}

#logotop {width:500px; height:auto; position:absolute; top:30px; left:30px; z-index:999;}
#logotop img{ float:left;}
#logotop h1{ float:left; padding-top:15px; padding-left:20px; cursor:default; }

#banner-head {width:468px; height:60px; position:absolute; top:5px; right:10px;}

#lista { width:1080px; height:40px; position:relative; float:left; left:10px; color:#FFF; text-align:left;
background: url(../img/lista-top.jpg) no-repeat;
}
#lista-home { float: left; width: 240px; margin-left: 10px; margin-top: 12px; }
#lista-facebook { width: 22px; float: right; margin-top:8px; margin-right: 10px; }
#welcome {width:auto/*500px*/; height:30px; float:left; position:relative; font-size:10px; color:#999; padding-top:5px; padding-left:10px;}
#vyhledavani {width:323px; height:24px; float:right/*left*/; position:relative; padding-top:8px;border:none;}
#searchText
{
	float: left;
	width:140px;
	margin-right: 5px;
	height: 22px;
	border-width: 0px;
	background-image: url(/img/vyheldavani162x22.jpg);
	padding-left:5px;
	padding-right:5px;
	color: #F00;
	font-weight:normal;
	font-size: 11px;
	text-align:center;
}
#searchButton { float: left; }
.search-list-category-icon { height: 15px; margin: 5px; margin-top: 0px; float:left; }
.search-list-title { font-size: 14px; font-weight: bold; margin-bottom: 5px; }
#flag-lang {width:70px; height:12px; float:left; position:relative; padding-top:14px; padding-left:10px;}

/*LEVA strana*/
#leftside { width:250px; min-height:1500px/*1900px*/; position:relative; left:10px; top:0px; float:left; background-color:transparent; overflow:hidden;}

.leftboxes { width:250px; height:auto; position:relative; left:0px; top:0px; float:left; padding-top:5px;}
.leftboxes-top {width:250px; height:30px; position:relative; left:0px; top:0px; float:left; background-image:url(../img/top-boxes.jpg); background-repeat:no-repeat;}
.leftboxes-inside {width:250px; height:auto; position:relative; left:0px; top:0px; float:left; background-color:#000;}
.leftboxes-bottom {width:250px; height:5px; position:relative; left:0px; top:0px; float:left; background-color:#000;}
.nadpis-left-boxes { width:250px; height:20px; position:relative; top:8px; left:0px; color:#e81400; font-size:12px; font-weight:normal; text-align:center; text-transform:uppercase;}

.leftboxes-text {width:240px; height:auto; position:relative; padding-left:5px; padding-top:10px; padding-bottom:5px; float:left; font-size:10px;}
.leftboxes-text h3 {font-size:14px; color:#70C600; padding-bottom:10px;}
.leftboxes-text h3 a {font-size:14px; color:#70C600; padding-bottom:10px;}
.leftboxes-text h3 a:hover {color:#fff}
.leftboxes-text a {color:#70C600;}
.leftboxes-text a:hover {color:#fff;}
.leftboxes-text p { padding-bottom:10px; padding-top:10px;}


.leftboxesW { width:250px; height:auto; position:relative; left:0px; top:0px; float:left; padding-top:5px;}
.leftboxes-topW {width:250px; height:35px; position:relative; left:0px; top:0px; float:left; background-image:url(../img/top-boxesW.jpg); background-repeat:no-repeat;}
.leftboxes-insideW {width:250px; height:auto; position:relative; left:0px; top:0px; float:left; background-color:#000; background-image:url(../img/center-boxesW.jpg); background-repeat: repeat-y;}
.leftboxes-bottomW {width:250px; height:10px; position:relative; left:0px; top:0px; float:left; background-color:#000; background-image:url(../img/bottom-boxesW.jpg); background-repeat:no-repeat;}

.zebricek td { height:25px;}

.kalendar-1st {float:left; position:relative; width:240px; left:5px; height:auto; background-color:#FFF; color:#333; text-align:left; }
.kalendar-2nd {float:left; position:relative; width:240px; left:5px; height:auto; background-color:#CCC; color:#333; text-align:left; }
.kalendar-item {float:left; position:relative; width:85px/*105px*/; padding:10px 0px 10px 13px; height:130px/*auto*/; font-size:10px; text-align:left; }
.kalendar-item h3 {font-size:12px; font-weight:bold;}
.kalendar-item p {font-size:10px; font-weight:normal; padding:5px 0px 5px 0px; color:#333;}
.kalendar-date {font-size:10px; font-weight:bold; color:red;}
div.scrollable, .kalendar-box
{
    position: relative; 
    overflow: hidden; 
    width: 200px;
    height: 290px;
	float: left;
} 
div.scrollable div.items
{
    width: 20000em; 
    position: absolute; 
} 
.kalendar-sipka
{
	color: #000;
	font-weight: bold;
	float: left;
	width: 20px;
	margin-top: 135px;
	cursor: pointer;
	margin-left: 2px;
}
.disabled
{
	visibility: hidden;
}

.black-cleaner { float:left; position:relative; width:250px; height:100%; background-color:#000; display:block; clear:both; margin-bottom:5px;}
#black-cleaner { float:left; width:250px; height:100%; background-color:#000; display:block; margin-bottom:5px;}
.gray-cleaner { float:left; height: 5px; width:250px; background-color: #4D4D4D; display:block; }

/*STRED*/
#centerside { width:620px; height:auto; position:relative; left:15px; top:0px; float:left;}

#topmenu { width:620px; height:120px; position:relative; left:0px; padding-top:5px; float:left; text-align:left; }

.topmenupart { position:relative; top:0px; padding-left:0px; float:left; width:150px; height:120px;}
.topmenupart1 { position:relative; top:0px; padding-left:7px; float:left; width:150px; height:120px;}
.topmenupart2 { position:relative; top:0px; padding-left:6px; float:left; width:150px; height:120px;}
.topmenupart3 { position:relative; top:0px; padding-left:7px; float:left; width:150px; height:120px;}



.centerboxes { width:620px; height:auto; position:relative; left:0px; top:0px; float:left; padding-top:5px;}
.centerboxes-top {width:620px; height:35px; position:relative; left:0px; top:0px; float:left; background-image:url(../img/top-center.jpg); background-repeat:no-repeat;}
.centerboxes-inside {width:620px; height:auto; position:relative; left:0px; top:0px; float:left; background:url(../img/center-center.jpg) repeat-y;}
.centerboxes-bottom {width:620px; height:85px; position:relative; left:0px; top:0px; float:left; background:url(../img/bottom-center.jpg) no-repeat;}

.nadpis-center-boxes { width:600px; height:20px; position:relative; top:8px; left:0px; color:#fff; font-size:12px; font-weight:normal; text-align:left; padding-left:40px;}



#strankovani {width:610px; height:70px; position:relative; float:left; top:30px; text-align:center; color:#CCC; font-weight: bold; cursor: default; }
#strankovani a { color: #333; font-weight: normal; }
#strankovani a:hover { color: #F00; }
#strankovani span { color: #333; }

.claneksmall-1st { width:610px; height:120px; position:relative; float:left; left:5px; background-color:#fff;}
.claneksmall-2nd { width:610px; height:120px; position:relative; float:left; left:5px; background-color:#ccc;}

.fotoclanek {float:left; position:relative; padding:15px; width:120px; height:90px; overflow:hidden; text-align:center;}
.fotoclanek img { max-width: 120px; max-height: 90px;}
.clanektext {float:left; position:relative; padding-top:12px; padding-bottom:5px; width:445px; height:90px; color:#333;}
.clanektext h2 {font-size: 14px; font-weight:normal; padding-bottom:3px; }
.clanektext h2 a {font-size: 14px; font-weight:normal; padding-bottom:3px; }
.clanektext h2 a:hover {font-size: 14px; font-weight:normal; padding-bottom:10px; color:#333; }
.clanektext p {font-size: 12px; font-weight:normal; padding-bottom:5px; height: auto/*55px*/; overflow: visible/*hidden*/;}
.clanektext * a { color:#F00; }

.clanekdate {font-size:10px; color:#666; margin-top:7px;}


.clanekbig1 { width:610px; height:auto; position:relative; float:left; left:5px; background-color:#fff;}

.iconsetbig {position:relative; float:left; left:20px; padding-top:20px; width:570px; height:44px; text-align:left; border-bottom:1px dotted #666;}
.iconsetbig p { float:left; padding-top:5px; padding-left:5px; color:#666;}
.iconsetbig img {padding-top:0px; padding-left:20px; float:left;}

.clanekinside, .clanekinside-files
{
	position: relative;
	color: #333;
	float: left;
	left: 20px;
	width: 570px;
	height: auto;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #666;
}
.clanekinside-files
{
	padding-top: 10px;
	padding-bottom: 10px;
}
.clanekinside-files-item
{
	margin-left: 20px;
}
.clanekinside-files strong
{
	color: #F00;
	font-weight: bold;
}
.clanekinside-files a
{
	color: #333;
	font-size: 11px;
}
.clanekinside-files a:hover
{
	color: #F00;
}
.clanekinside p 
{
	color: #333;
	font-size: 12px;
	padding-top: 0px;
	padding-bottom: 20px;
}
.clanekinside h3
{
	color: #333;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 20px;
}
.clanekinside a
{
	color: #F00;
}

.prevmess {position:relative; float:left; width:auto; height:auto; border:1px solid #CCC; color:#666; padding:5px; font-size:10px;}
.prevmess a{color:#666;}
.prevmess a:hover{color:#e81400;}
.nextmess {position:relative; float:right; width:auto; height:auto; border:1px solid #CCC; color:#666; padding:5px; font-size:10px; text-align:right;}
.nextmess a{color:#666;}
.nextmess a:hover{color:#e81400;}


.diskuse-clanek { width:610px; height:auto; position:relative; float:left; left:5px; background-color:#ccc;}

.diskuse-pridat {position:relative; float:left; left:20px; padding-top:20px; width:570px; height:auto; text-align:left; padding-bottom:20px; border-bottom:1px dotted #666;}
.diskuse-pridat h4 {color:#e81400; font-size:12px; font-weight:normal; padding-bottom:20px;}
.predmet {font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:5px; height:15px; width:200px;  border:1px solid #999; color:#666;}
.text {font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:5px; height:60px; width:90%;  border:1px solid #999; color:#666;}

.tridit {position:relative; float:left; left:20px; padding-top:10px; width:570px; height:20px; text-align:left; border-bottom:1px dotted #666; color:#333; font-size:10px;}



.diskuse-coment { width:570px; height:auto; position:relative; float:left; left:20px; background-color:#CCC; border-bottom:1px dotted #666;}
.diskuse-subcoment { width:535px; padding-left:14px; height:auto; position:relative; float:left; left:40px; background-color:#E0E0E0; border-bottom:1px dotted #666; border-left:1px dotted #666; }
.fotodiskuse {float:left; position:relative; padding:15px 15px 15px 0px; width:60px; height:90px; overflow:hidden;}
.diskusetext {float:left; position:relative; padding-top:15px; padding-bottom:0px; padding-left:15px; width:480px; height:auto; color:#333;}
.diskusetext-subcoment {float:left; position:relative; padding-top:15px; padding-bottom:0px; padding-left:15px; width:445px; height:auto; color:#333;}
.diskusetext h4, .diskusetext-subcoment h4  {font-size: 12px; font-weight:bold; padding-bottom:10px; padding-top:10px; color:#e81400; }
.diskusetext h4 a, .diskusetext-subcoment h4 a {font-size: 12px; font-weight:bold; padding-bottom:10px; color:#e81400; }
.diskusetext h4 a:hover, .diskusetext-subcoment h4 a:hover {font-size: 12px; font-weight:bold; padding-bottom:10px; color:#333; color:#e81400; }
.diskusetext p, .diskusetext-subcoment p {font-size: 12px; font-weight:normal; padding-bottom:5px; color:#333; }
.diskusedatum { font-size:10px; float: right; color: #666; }
.write {font-size:10px; font-weight:bold; color:#333;}
.reagovat {font-size:10px; font-weight:bold; color:#e81400; float:right; cursor: pointer; display:block; padding:10px; text-decoration:underline;}


.button {float:right; width:auto; height:auto; border:1px solid #999; color:#666; padding:5px; font-size:10px; text-align:center; background-color:#FFF;}
.button a{color:#666;}
.button a:hover{color:#e81400;}


.h2red {color:#e81400;}
.h2blue {color:#2a51e0;}
.h2green {color:#68d91c;}
.h2violet {color:#b43ae4;}
.h2grey {color:#1A1A1A;}

.h2red a{color:#e81400;}
.h2blue a{color:#2a51e0;}
.h2green a{color:#68d91c;}
.h2violet a{color:#b43ae4;}
.h2grey a{color:#1A1A1A;}


.iconset {position:absolute; right:10px; bottom:10px; width:145px; height:22px; text-align:right;}
.iconset p { float:left; padding-top:5px;}
.iconset img {padding-top:0px; float:right;}

.banner-center { width:610px; height:70px; position:relative; float:left; left:5px; background-color:#000; overflow:hidden;}
.flashbanner-center {width:468px; height:60px; float:left; position:relative; top:5px; left:71px;}




/*PRAVA strana*/
#rightside { width:200px; height:auto; position:relative; left:20px; top:0px; float:left;}

.rightboxes { width:200px; height:auto; position:relative; left:0px; top:0px; float:left; padding-top:5px;}
.rightboxes-top {width:200px; height:30px; position:relative; left:0px; top:0px; float:left; background-image:url(../img/top-boxes-right.jpg); background-repeat:no-repeat;}
.rightboxes-inside {width:200px; min-height:1400px/*1860px*/; position:relative; left:0px; top:0px; float:left; background-color:#000; text-align:center; overflow:hidden;}
.rightboxes-bottom {width:200px; height:5px; position:relative; left:0px; top:0px; float:left; background-color:#000;}
.nadpis-right-boxes { width:200px; height:20px; position:relative; top:8px; left:0px; color:#e81400; font-size:12px; font-weight:normal; text-align:center;}

.rightboxes-text {width:200px; height:auto; position:relative; padding-left:10px; padding-top:10px; padding-bottom:10px; float:left; font-size:10px;}
.rightboxes-text h3 {font-size:14px; color:#70C600; padding-bottom:10px;}
.rightboxes-text h3 a {font-size:14px; color:#70C600; padding-bottom:10px;}
.rightboxes-text h3 a:hover {color:#fff}
.rightboxes-text a {color:#70C600;}
.rightboxes-text a:hover {color:#fff;}
.rightboxes-text p { padding-bottom:10px; padding-top:10px;}




/*FOOT*/
#foot {width:1080px; height:265px; float:left; position:relative; left:10px; top:5px; background:url(../img/foot-bg.jpg) no-repeat; color:#333;}
#links {position:relative; float:left; padding-top:20px; padding-left:20px; width:900px; height:15px;}
#links a {color:#666; font-size:12px;}
#links a:hover {color:#e81400; font-size:12px;}

#linkmap {position:relative; float:left; padding-top:20px; padding-left:20px; width:1040px; height:200px;}
#linkmap h4 a {font-size:12px; font-weight:bold;}
#linkmap h4 {font-size:12px; font-weight:bold;}
#linkmap h4 a:hover {font-size:12px; font-weight:bold; color:#CCC;}

.linkmap-ico {position:relative; float:left; padding-top:0px; padding-left:20px; width:29px; height:22px;}
.linkmap-part {position:relative; float:left; padding-top:5px; padding-left:10px; width:200px; height:auto; color:#CCC;}
.linkmap-part p a {color:#CCC; font-size:10px; display:block; padding-left:5px;}
.linkmap-part p a:hover{color:#e81400; font-size:10px;}

.linkmap-part h4 a {font-size:12px; font-weight:bold;}
.linkmap-part h4 {font-size:12px; font-weight:bold;}
.linkmap-part h4 a:hover {font-size:12px; font-weight:bold; color:#CCC;}

#copy {position:absolute; bottom:5px;left:20px; width:1040px; height:20px; font-size:10px; color:#666;}
.copy-footer { position:absolute; bottom:35px;left:20px; width:1040px; height: auto; vertical-align:bottom;font-size:10px; color:#666;}
.copy-left {height:auto; float:left}
.copy-right {height:auto; float:right;}

.cleaner
{
	clear: both;
}

.photogallery-image-div
{
	width: 120px;
	height: 90px;
	float: left;
	margin: 10px;
	text-align: center;
	border: 1px dotted #666;
}
.photogallery-image
{
	max-width: 100px;
	max-height: 75px;
	border: 0px;
	position: relative;
	/*left: 10px;*/
	top: 8px;
}
.photogallery-image-hover
{
	width: 120px;
	height: 90px;
	border: 0px;
	position: relative;
	top: 0px;
	left: 0px;
}                  .reklamaaa {height:1px;width:1px;overflow:hidden;}
                       .reklamaaa a {padding:0;margin:0;display:block;font-size:1px; max-height:1px;max-width:1px;  text-decoration: none; color:#000000; top:-1px;  line-height:1px;  }
.videogallery-video-div
{
	text-align: center;
	border: 1px dotted #666;
	width: 100%;
	margin-bottom: 10px;
}
.videogallery-video
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
.videogallery-text
{
	color: #000;
	text-align: left;
	margin: 10px;
}

/*----------------------------------------*/
.button-black
{
	width: 114px;
	height: 21px;
	text-align: center;
	line-height: 21px;
	cursor: pointer;
	font-size: 11px;
	border: none;
	text-transform: uppercase;
	background-color: transparent;
}
.button-black
{
	background-image: url(/img/button-black.png);
	color: #CCC;
}
.button-black:hover
{
	background-image: url(/img/button-black-over.png);
}
/*----------------------------------------*/
.inner
{
	margin: 20px;
}
/*----------------------------------------*/
/*----------------------------------------*/
.banner-div
{
	background-color: #999/*#F6F*/;
	border: none;
	overflow: hidden;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	z-index: 100000;
}
.banner-div img
{
	border: none;
	overflow: visible;
}
.HeadBanner
{
	width: 1100px;
	height: 120px;
	margin: 0px;
}
.FullBanner
{
	width: 468px;
	height: 60px;
}
.LeaderboardBanner
{
	width: 745px;
	height: 100px;
	margin: 0px;
	padding: 0px;
	float: right;
	position:relative;
}
.SquareBanner
{
	width: 250px;
	height: 250px;
}
.MainBanner
{
	width: 610px;
	height: 240px;
}
.Banner
{
	width: 185px;
	height: 80px;
}
.SquareMediumBanner
{
	width: 185px;
	height: 185px;
}
.SkyscraperBanner
{
	width: 160px;
	height: 600px;
}

/*----------------------------------------*/

.bold
{
	font-weight: bold;	
}
.red
{
	color: #F00;
}
.register-label
{
	float: left;
	width: 90px;
	margin-top: 3px;
}
.register-input
{
	float: left;
	width: 160px;
	margin-right: 20px;
}
.register-check-good
{
	margin-top: 3px;
	color: #060;
}
.register-check-bad
{
	margin-top: 3px;
	color: #F00;
}

/*----------------------------------------*/

.bazar-filter-div
{
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	color: #333;
}
.bazar-filter-item
{
	border: 1px #999 solid;
	width: 161px;
	margin-right: 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;	
	padding-left: 5px;
}
.bazar-filter-item option
{
	padding-left: 15px;
}
.bazar-filter-item option.default
{
	color: #999;
}

/*----------------------------------------*/

#dialog {
	/* overlay is hidden before loading */
	display:none;
	
	/* standard decorations */
	width:350px;
	height:230px;
	border:5px solid #333;
	background-color:#000;
	text-align:center;
	color:#999;
	font-size: 12px;
}

#dialog div {
	padding:10px;
}

#dialog div img {
	margin-left: 50px;
	margin-top: 15px;
	margin-bottom: 20px;
}

.yes {
	font-size: 12px;
	height: 23px;
	width:110px;
	text-align: center;
	background:url(../img/buttonX.jpg) no-repeat top left;
	border:0px;
	color:#FFF;
	cursor:pointer;
	left:10px;
	border:1px solid #666;
	margin-right: 10px;
}

.close {
	margin-left: 10px;
	font-size: 12px;
	height: 23px;
	width:110px;
	text-align: center;
	background:url(../img/buttonX.jpg) no-repeat top left;
	border:0px;
	color:#999;
	cursor:pointer;
	left:10px;
	border:1px solid #333;
}

/*----------------------------------------*/

.homepage-photogallery-icon
{
	position: absolute;
	left: -2px;
	top: -2px;
	width: 70px;
	height: 64px;
	display: block;
	background: url('/img/fotogaleria-corner.png') no-repeat top left;
}
.homepage-photogallery-icon a
{
	width: 70px;
	height: 64px;
	display: block;
}