@import '/css/reset.css';
@import '/css/site.css'; 
@import '/css/slideshow.css';

body {
	font-family: Arial;
	color: #000;
	margin:0;
	padding:0;
	font-size: 13px;
}

a {
	color:#5f5e5e;
}

body.wisiwig-area {
	font-family: Arial;
	color: #000;
	margin:0;
	padding:0;
	font-size: 13px;
}

br.clear {
	display:block;
	clear:both;
	width:100%;
}

#center {
	position:relative;
	width:970px;
	margin:0px auto;
	background-color:#ffffff;
	padding-left:40px;
}

#banners-wrap {
	position:absolute;
	left:-190px; 
	top:177px;
	width:180px;
	height:530px;
	background-color:#ffffff;
}

#banners-wrap a#title {
	display:block;
	color:#fff;
	padding-top:10px;
	padding-bottom:6px;
	text-align:center;
	background-color:#858688;
	text-transform:uppercase;
	text-decoration:none;
}

.jcarousel-clip {
	height: 370px;
	margin-left:10px; 
	margin-top:10px;
}

ul#banners {
	position:relative;
	height: 370px;
	padding: 0px;
	width:159px;
	overflow:hidden;
}


ul#banners li {
	position:relative;
	width:159px;
	height:81px;
	overflow:hidden;	
}

ul#banners li a img {
	width:159px;
	height:81px;
}

#center #content {
	background:url(/images/bg_content_repeat.jpg) -45px top repeat-y;
}

#center #header {
	position:relative;
	width:100%;
	height:240px;
	#background:url(/images/bg_content.jpg) 160px top no-repeat;
}

#center #header a#logo {
	position:absolute;
	top:10px;
	left:-10px;
	width:138px;
	height:140px;
	background:url(/images/logo.jpg) left top no-repeat;
}

#center #header a#info-o-situaci-v-motosportu {
	position:absolute;
	right:10px;
	top:50px;
	color:#fff;
	display:block;
	padding:6px 12px;
	text-align:center;
	font-size:11px;
	text-decoration:none;
	background:url(/images/menu_silnice.jpg) right top no-repeat #c42434;
	line-height:1em;
}

#center #header #header-small-logo {
	position:absolute;
	right:10px;
	width:800px;
	height:150px;
	overflow:hidden;
	top:10px;
}

#center #header #header-small-logo img {
	width:800px;
	height:150px;
}

#center #header form#search {
	position:absolute;
	right:15px;
	top:15px;
	width:160px;
	height:30px;
}

form#search input[type=text] {
	position:absolute;
	left:0;
	top:0;
	width:110px;
	height:22px;
	padding-left:10px;
	padding-right:30px;
	margin:0;
	border-top:1px solid #000;
	background-color:#f5f5f5;
}

form#search input[type=image] {
	position:absolute;
	left:130px;
	top:0;
	width:25px;
	height:24px;
}

#center #header ul#menu {
	position:absolute;
	bottom:30px;
	left:-30px;
	width:970px;
	list-style:none;
	border-bottom:1px solid #aaa;
	padding-left:20px
}

#center #header ul#menu li {
	float:left;
}

#center #header ul#menu li a {
	display:block;
	padding:6px 12px;
	text-align:center;
	color:#5f5e5e;
	font-size:14px;
	text-decoration:none;
}

#center #header ul#menu li a#menu_241 {
	margin-right:60px;
}

#center #header ul#menu li a#menu_62 {
	margin-right:30px;
}

#center #header #languages {
	position:absolute;
	right:10px;
	bottom:35px;
}

#center #header #languages a {
	background-color:#c6212f;
	color:#fff;
	padding:6px;
}

#center #header ul#menu li a:hover, #center #header ul#menu li a.active {
	color:#fff;
}

#center #header ul#menu li a#menu_1:hover,  #center #header ul#menu li a#menu_1.active { background:url(/images/menu_csms.jpg) right top no-repeat #858688; }

#center #header ul#menu li a#menu_36:hover, #center #header ul#menu li a#menu_36.active { background:url(/images/menu_silnice.jpg) right top no-repeat #c42434; }

/*
 #center #header ul#menu li a#menu_59:hover, #center #header ul#menu li a#menu_59.active { background:url(/images/menu_okruhy.jpg) right top no-repeat #6f9a9d; }
 
 */

#center #header ul#menu li a#menu_59:hover, #center #header ul#menu li a#menu_59.active { background:url(/images/menu_okruhy_new.jpg) right top no-repeat #f49e00; }


#center #header ul#menu li a#menu_60:hover, #center #header ul#menu li a#menu_60.active { background:url(/images/menu_kros.jpg) right top no-repeat #efd002; }

#center #header ul#menu li a#menu_61:hover, #center #header ul#menu li a#menu_61.active { background:url(/images/menu_supermoto.jpg) right top no-repeat #222d80; }

#center #header ul#menu li a#menu_62:hover, #center #header ul#menu li a#menu_62.active { background:url(/images/menu_enduro.jpg) right top no-repeat #118f40; }

#center #header ul#menu li a#menu_63:hover, #center #header ul#menu li a#menu_63.active { background:url(/images/menu_plochadraha.jpg) right top no-repeat #754e25; }

#center #header ul#menu li a#menu_68:hover, #center #header ul#menu li a#menu_68.active { background:url(/images/menu_mladez.jpg) right top no-repeat #40e0d0; }

#center #header ul#menu li a#menu_58:hover, #center #header ul#menu li a#menu_58.active { background:url(/images/menu_repre.jpg) right top no-repeat #b2b3b5; }

#center #header ul#menu li a#menu_64:hover, #center #header ul#menu li a#menu_64.active { background:url(/images/menu_media.jpg) right top no-repeat #d9d816; }

#center #header ul#menu li a#menu_260:hover, #center #header ul#menu li a#menu_260.active { background:url(/images/menu_supermoto.jpg) right top no-repeat #222d80; }

#center #header ul#menu li a#menu_241:hover, #center #header ul#menu li a#menu_241.active { background:url(/images/menu_plochadraha.jpg) right top no-repeat #754e25; }






#center .sidebar {
	width:180px;
	float:left;
}

#center .sidebar .sidebar-box {
	background: url(/images/vyrez.jpg) right top no-repeat #e4e5e5;
	color:#858688;
	padding:12px;
	margin-bottom:20px;
}

#center .sidebar .sidebar-box span {
	display:block;
	float:right;
	font-size:14px;
	padding-top:4px;
	font-weight:bold;
	text-align:right;
}

#center .sidebar .sidebar-box img {
	margin-bottom:10px;
}

#center .sidebar .sidebar-box a {
	display:block;
	color:#2b2a2d;
	text-decoration:none;
}

#center .sidebar .sidebar-box span a {
	color:#858688;
}



#center .left {
	margin-left:-30px;
	padding-right:10px;
}





#center .middle-bar {
	position:relative;
	width:590px;
	float:left;
	margin-left:10px;
	padding-right:20px;
	margin-top:-20px;
	z-index:1;
}


#center .middle-bar .breadcrumb {
	font-size:11px;
	height:20px;
	color:#797a7b;
}

#center .middle-bar .breadcrumb a {
	color:#797a7b;
	text-decoration:none;
}





.klasifikace {
	font-size:11px;
	margin-bottom:12px;
}

.klasifikace table {
	width:170px;
	margin-bottom:0;
}

.klasifikace a {
	margin:0;
	padding:0;
}

.klasifikace strong {
	color:#000;
}



.zavod {
	font-size:11px;
	border-top:1px solid #bcbdbe;
	padding-top:3px;
	position:relative;
}

.zavod a {
	position:relative;
	display:block;
}


.breakProbehleZavody {
	margin-bottom:10px;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:20px;
	border-top:5px solid;
}

.breakProbehleSezony {
	margin-bottom:10px;
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
	border-top:2px solid;
}

body.silnice .breakProbehleZavody { border-color: #c42434;  }
body.prirodni-okruhy .breakProbehleZavody  { border-color: #6f9a9d;  }
body.motokros .breakProbehleZavody  { border-color: #d7bd03; }
body.supermoto .breakProbehleZavody  { border-color: #222d80;  }
body.enduro .breakProbehleZavody  { border-color: #118f40;  }
body.plocha-draha .breakProbehleZavody  { border-color: #754e25;  }

.kalendar-info {
	position:relative;
	font-size:9px;
	font-style:italic;
	line-height:1em;
	font-weight:normal;
	margin-bottom:6px;
}

/*
body.silnice .kalendar-info { color: #c42434;  }
body.prirodni-okruhy .kalendar-info  { color: #6f9a9d;  }
body.motokros  .kalendar-info  { color: #d7bd03; }
body.supermoto .kalendar-info  { color: #222d80;  }
body.enduro .kalendar-info  { color: #118f40;  }
body.plocha-draha .kalendar-info  { color: #754e25;  }
*/

#socials {
	margin-top:20px;
	padding-left:45px;
}

#socials a {
	float:left;
	font-size:10px;
	display:block;
	width:40px;
	text-align:center;
	color:#9d9e9e;
	text-decoration:none;
}

#socials a#socials-mail img {
	border-right:1px solid #9d9e9e;
	padding-right:12px;
	margin-right:-12px;
}


#socials a#socials-fb {
	margin-left:12px;
	background:url(/images/facebook.jpg) center bottom no-repeat;
}




#vysilaci-casy-box {
	position:absolute;
	top:5px;
	left:170px;
	width:300px;
	height:65px;
	overflow:hidden;
	font-size:10px;
}

#vysilaci-casy-box a {
	display:block;
}

#vysilaci-casy-box a#link-csms-tv {
	position:absolute;
	top:2px;
	left:-5px;
	width:45px;
	height:50px;
	background:url(/images/csms-video.png) left top no-repeat;
}

#vysilaci-casy-box #vysilaci-casy-items {
	position:absolute;
	top:7px;
	left:45px;
	width:160px;
	height:41px;
	background-color:#cfcfd1;
	border:1px solid #f3f3f3;
}

#vysilaci-casy-box #vysilaci-casy-items a {
	font-size:9px;
	height:11px;
	background:url(/images/csms-tv-gray-arr.png) left center no-repeat;
	padding-left:10px;
	text-decoration:none;
	padding-bottom:2px;
	border-bottom:1px solid #b6b7b9;
	overflow:hidden;
}

#vysilaci-casy-box #vysilaci-casy-items a span {
	display:inline-block;
	width:45px;
}

#vysilaci-casy-box #vysilaci-casy-items a span.short {
	display:inline;
	width:auto;
}

#vysilaci-casy-box #vysilaci-casy-items a.first {
	background:url(/images/csms-tv-red-arr.png) left center no-repeat;
}

#vysilaci-casy-box #vysilaci-casy-items a.last {
	border-bottom:none;
}

#vysilaci-casy-box p {
	position:absolute;
	bottom:0;
	left:0;
	font-size:9px;
}

#vysilaci-casy-box p a {
	text-decoration:none;
}



#footer {
	margin-top:20px;
	padding-top:12px;
	border-top:1px solid #c7c7c7;
	width:990px;
	margin-left:-30px;
	clear:both;
	color:#abacad;
	font-size:11px;
}

#footer p#copy {
	float:right;
	padding-top:15px;
}

#footer p#footer-kontakt {
	padding-left:0px;
	#background:url(/images/csms_small_logo.jpg) left center no-repeat;
	line-height:1.2em;
	margin-bottom:12px;
}

#footer p#footer-kontakt a#uem {
	display:block;
	width:42px;
	height:45px;
	background:url(/images/logo-small.jpg) left top no-repeat;
	float:left;
	margin-right:12px;
}

#footer p#footer-kontakt a  {
	text-decoration:none;
	color:#abacad;
}

#footer p#footer-kontakt span {
	padding-top:10px;
	display:block;
	float:left;
	width:500px;
}

#footer-menu {
	color:#fff;
	margin-left:-40px;
	padding-top:12px;
	padding-bottom:20px;
	padding-left:10px;
	border-top:6px solid #dededf;
}

#footer-menu ul {
	list-style:none;
}

#footer-menu a {
	color:#fff;
	text-decoration:none;
	font-size:10px;
}

#footer-menu a.main-parent-link {
	font-weight:bold;
	font-size:12px;
}

#footer-menu li._2 a {
	font-weight:normal;
	font-size:10px;
}

#footer-menu ul#root li a:hover {
	color:#aaa;
}

#footer-menu ul#root a#a0 {
	display:none;
}

#footer-menu ul#root li._1 {
	float:left;
	margin-right:25px;
}

#footer-menu ul#root li._2 ul {
	display:none;
}



body.silnice, body.silnice #footer-menu { background-color:#E4E5E5;}
body.silnice #center a:hover, body.silnice #center span a:hover { color:#ca4855; }


body.cams, body.cams #footer-menu { background-color:#E4E5E5; }
body.cams #center a:hover, body.cams #center span a:hover { color:#ca4855; }

body.prirodni-okruhy, body.prirodni-okruhy #footer-menu { background-color:#E4E5E5; }
body.prirodni-okruhy #center a:hover, body.prirodni-okruhy #center span a:hover { color:#f49e00; }

body.motokros, body.motokros #footer-menu { background-color:#E4E5E5; }
body.motokros #center a:hover, body.motokros #center span a:hover { color:#d7bd03; }

body.supermoto, body.supermoto #footer-menu { background-color:#E4E5E5; }
body.supermoto #center a:hover, body.supermoto #center span a:hover { color:#222d80; }

body.enduro, body.enduro #footer-menu { background-color:#E4E5E5; }
body.enduro #center a:hover, body.enduro #center span a:hover { color:#118f40; }

body.plocha-draha, body.plocha-draha #footer-menu { background-color:#E4E5E5; }
body.plocha-draha #center a:hover, body.plocha-draha #center span a:hover { color:#754e25; }

body.licence, body.licence #footer-menu { background-color:#E4E5E5; }
body.licence #center a:hover, body.licence #center span a:hover { color:#858688; }

body.repre, body.repre #footer-menu { background-color:#E4E5E5; }
body.repre #center a:hover, body.repre #center span a:hover { color:#b2b3b5; }

body.foto-video, body.foto-video #footer-menu { background-color:#E4E5E5; }
body.foto-video #center a:hover, body.foto-video #center span a:hover { color:#b2b3b5; }

body.media, body.media #footer-menu { background-color:#E4E5E5; }
body.media #center a:hover, body.media #center span a:hover { color:#c1c001; }

/*
body.silnice, body.silnice #footer-menu { background-color:#c42434;}
body.silnice #center a:hover, body.silnice #center span a:hover { color:#ca4855; }


body.csms, body.csms #footer-menu { background-color:#858688; }
body.csms #center a:hover, body.csms #center span a:hover { color:#ca4855; }

body.prirodni-okruhy, body.prirodni-okruhy #footer-menu { background-color:#6f9a9d; }
body.prirodni-okruhy #center a:hover, body.prirodni-okruhy #center span a:hover { color:#6f9a9d; }

body.motokros, body.motokros #footer-menu { background-color:#d7bd03; }
body.motokros #center a:hover, body.motokros #center span a:hover { color:#d7bd03; }

body.supermoto, body.supermoto #footer-menu { background-color:#222d80; }
body.supermoto #center a:hover, body.supermoto #center span a:hover { color:#222d80; }

body.enduro, body.enduro #footer-menu { background-color:#118f40; }
body.enduro #center a:hover, body.enduro #center span a:hover { color:#118f40; }

body.plocha-draha, body.plocha-draha #footer-menu { background-color:#754e25; }
body.plocha-draha #center a:hover, body.plocha-draha #center span a:hover { color:#754e25; }

body.licence, body.licence #footer-menu { background-color:#858688; }
body.licence #center a:hover, body.licence #center span a:hover { color:#858688; }

body.repre, body.repre #footer-menu { background-color:#b2b3b5; }
body.repre #center a:hover, body.repre #center span a:hover { color:#b2b3b5; }

body.media, body.media #footer-menu { background-color:#c1c001; }
body.media #center a:hover, body.media #center span a:hover { color:#c1c001; }
*/

/*
#center .zavod a.z1, #center .zavod a.z1:hover { color: #c42434; }
#center .zavod a.z2, #center .zavod a.z2:hover { color: #6f9a9d; }
#center .zavod a.z3, #center .zavod a.z3:hover { color: #efd002; }
#center .zavod a.z4, #center .zavod a.z4:hover { color: #222d80; }
#center .zavod a.z5, #center .zavod a.z5:hover { color: #118f40; }
#center .zavod a.z6, #center .zavod a.z6:hover { color: #754e25; }
*/

/*
#center .zavod a.z1 { display:block; background: url(/images/silnice/zobak.jpg) left center no-repeat; }
#center .zavod a.z2 { background-color: #6f9a9d; }
#center .zavod a.z3 { background-color: #efd002; }
#center .zavod a.z4 { background-color: #222d80; }
#center .zavod a.z5 { background-color: #118f40; }
*/
#center .zavod a.z1 { border-left: 6px solid #c42434; padding-left:5px; }
#center .zavod a.z2 { border-left: 6px solid #f49e00; padding-left:5px; }
#center .zavod a.z3 { border-left: 6px solid #d7bd03; padding-left:5px; }
#center .zavod a.z4 { border-left: 6px solid #222d80; padding-left:5px; }
#center .zavod a.z5 { border-left: 6px solid #118f40; padding-left:5px; }
#center .zavod a.z6 { border-left: 6px solid #754e25; padding-left:5px; }





#content .pagination {
	position:relative;
	width:100%;
	margin-top:20px;
	padding-top:12px;
	border-top:1px solid #aaa;
	margin-bottom:15px;
	font-size:11px;
}

#content .pagination a.backHome {
	display:block;
	float:left;
	padding-right:10px;
	font-weight:bold;
	color:#5f5e5e;
}

#content .pagination div {
	float:right;
}

#content .pagination div a, #content .pagination div span {
	margin:0 2px;
	color:#5f5e5e;
	text-decoration:none;
}

#content .pagination div span.pages {
	text-decoration:underline;
	font-weight:bold;
}