@charset "utf-8";
/* CSS Document */
body, textarea, select, table {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #555655;
	font-weight: normal;
	margin: 0px;
}
body {
	text-align: center;
	background: url(../images/wrapper/bg_01.jpg) top center no-repeat #000000
}

/* A */
a { color: #95c93d; text-decoration: none }
a:hover { color: #00aeef; }

/* H*/
h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px
}

h1 { 
	font-size: 20px; 
	color: #000000; 
	font-weight: bold; 
	line-height: 20px; 
}
h2 { 
	font-size: 16px; 
	font-weight: bold; 
	line-height: 17px; 
}
h3 { 
	font-size: 14px; 
	font-weight: bold; 
	line-height: 17px; 
}
h4 { 
	font-size: 12px; 
	font-weight: normal; 
	font-style: italic; 
	line-height: 17px; 
}

p  { margin: 0px; padding: 0px  }

/* FORM GENERAL */
input, textarea, select {
	padding: 5px; 
	border: #666666 solid 1px; 
	background-color: #FFFFFF; 
	color: #000000 
}

/* INPUT */
input {
}

/* BUTTON */
input.button {
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	background-repeat: no-repeat;
	background-position:160px center;
	background-color: #000000;
	border: none
}
input.button:hover {
	background-color: #95c93d
}

/* A-HREF BUTTON */
a.button-icon {
	display: block;
	width: 200px;
	height: 45px;
	padding: 0 0 0 15px;
	line-height: 40px;
	text-decoration: none;
	color: #FFFFFF;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	background-repeat: no-repeat;
	background-position:160px center;
	background-color: #000000
}
a.button-icon-small {
	display: block;
	width: 120px;
	height: 35px;
	padding: 0 0 0 15px;
	line-height: 35px;
	text-decoration: none;
	color: #FFFFFF;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	background-repeat: no-repeat;
	background-position:100px center;
	background-color: #000000
}
	a.button-icon-small:hover,
	a.button-icon:hover { background-color: #95c93d }

	a.button-icon-eye { background-image: url(../images/wrapper/ckdohnany_44.png) }
	a.button-icon-detail { background-image: url(../images/wrapper/subpage_03.png) }
	
/* */ 
.left 			{ float: left }
.right 			{ float: right }
.both			{ width: 100%; clear: both; height: 0px }
.hidden		 	{ display: none }
.center 		{ text-align: center }
.justify 		{ text-align: justify }
.a-left 		{ text-align: left }
.a-right 		{ text-align: right }
.polovicka 		{ width: 50% }
.bold	 		{ font-weight: bold }
.preciarknutie 	{ text-decoration: line-through }

.relative { position: relative; }

.padd-b-20 		{ padding-bottom: 20px; }
.font14			{ font-size: 14px; }

.blue { color: #00aeef!important }
.green { color: #95c93d!important }
.grey { color: #949494!important }
.black { color: #000000!important }

/* PAGINATION */
div.pagination {
	position: relative;
}
	div.pagination .active,
	div.pagination .dotted,
	div.pagination a{
		position: relative;
		width: 30px;
		height: 30px;
		display: block;
		margin-right: 5px;
		float: left;
		text-align: center;
		line-height: 28px;
		background-color: #CCCCCC;
		color: #000000;
		text-decoration: none
	}
		div.pagination .active,
		div.pagination a:hover {
			color: #FFFFFF;
			background-color: #95c93d;
			text-decoration: none;
		}

/* MESSAGE */
.error{
	position: relative;
	padding: 10px 0 10px 0;
	margin: 10px 0 10px 0;
	border: #c80000 solid 1px;
	color: #c80000;
	font-size: 12px;
	font-weight: bold;
	text-align: center
}
.messagge {
}
.message_popup {
}

/* BODY */
#wrapper {
	position: relative;
	width: 1320px;
	margin: 0 auto 0 auto;
	text-align: left;
}

#wrapper #header {
	position: relative;
	width: 1320px;
	height: 182px;
}
	#wrapper #header #logo a {
		position: relative;
		display: block;
		float: left;
		width: 360px;
		height: 119px;
		float: left;
		background: url(../images/wrapper/ckdohnany_02.png) no-repeat center
	}
	#wrapper #header #social {
		width: 790px;
		height: 89px;
		margin-top: 30px;
		float: left;
		padding-right: 10px;
	}
		#wrapper #header #social a {
			display: block;
			width: 28px;
			height: 28px;
			float: right;
			padding-left: 5px;
		}
			#wrapper #header #social a.mail { background: url(../images/wrapper/ckdohnany_social_05.png) no-repeat center }
			#wrapper #header #social a.fb { background: url(../images/wrapper/ckdohnany_social_07.png) no-repeat center }
			#wrapper #header #social a.twitter { background: url(../images/wrapper/ckdohnany_social_09.png) no-repeat center }
			#wrapper #header #social a.p { background: url(../images/wrapper/ckdohnany_social_11.png) no-repeat center }
			#wrapper #header #social a.in { background: url(../images/wrapper/ckdohnany_social_13.png) no-repeat center }
			#wrapper #header #social a.youtube { background: url(../images/wrapper/ckdohnany_social_youtube.png) no-repeat center }
			
	#wrapper #header #search {
		width: 160px;
		height: 89px;
		margin-top: 30px;
		float: left;
		background: url(../images/wrapper/ckdohnany_16.png) no-repeat top center
	}
		#wrapper #header #search input {
			border: none;
			background: transparent
		}
		#wrapper #header #search .input {
			width: 120px;
			height: 28px;
			float: left;
		}
			#wrapper #header #search .input input {
				width: 100px;
				padding: 7px 5px 0 15px;
				color: #FFFFFF
			}
		#wrapper #header #search .submit {
			width: 30px;
			height: 28px;
			float: left;
		}
			#wrapper #header #search .submit input {
				width: 30px;
				height: 28px;
				padding: 0px;
				cursor: pointer
			}
	
	#wrapper #header #submenu,
	#wrapper #header #menu {
		position: relative;
		width: 1320px;
		height: 63px;
		background-color: #000000
	}
		#wrapper #header #submenu {
			display: none;
			position:fixed;
			top:0;
			z-index:500;
			background: url(../images/wrapper/transparent90.png)
		}
		#wrapper #header #submenu ul,
		#wrapper #header #menu ul {
			position: relative;
			list-style: none;
			margin: 0px;
			padding: 0px;
			border-top: solid 1px #161616;
			border-bottom: solid 1px #161616
		}
			#wrapper #header #submenu ul li,
			#wrapper #header #menu ul li {
				height: 63px;
				float: left;
			}
			#wrapper #header #submenu ul li a,
			#wrapper #header #menu ul li a{
				position: relative;
				display: block;
				float: left;
				height: 63px;
				padding: 0 25px 0 25px;
				color: #FFFFFF;
				font-size: 17px;
				font-weight: bold;
				line-height: 60px;
				text-decoration: none;
				border-right: solid 1px #161616
			}
					#wrapper #header #submenu ul li.menu_0 a,
					#wrapper #header #menu ul li.menu_0 a { padding-right: 61px; padding-left: 62px;  }
					#wrapper #header #submenu ul li.menu_6 a,
					#wrapper #header #menu ul li.menu_6 a { border-right: none }
				#wrapper #header #submenu ul li.selected a,
				#wrapper #header #submenu ul li a:hover,
				#wrapper #header #menu ul li.selected a,
				#wrapper #header #menu ul li a:hover{
					background-color: #95c93d;
					color: #FFFFFF
				}
				
				#wrapper #header #menu ul li.maraton {
					float: right
				}
				#wrapper #header #menu ul li.maraton a{
					background-color: #e6a314;
					color: #FFFFFF;
				}
				#wrapper #header #menu ul li.maraton a:hover {
					background-color: #bb840f
				}

#wrapper #content {
	position: relative;
	width: 1280px; /*1320*/
	padding: 20px;
	background-color: #ffffff
}
	#wrapper #content .title {
		position: relative;
		display: block;
		height: 40px;
	}
		#wrapper #content .title .icon {
			position: relative;
			width: 40px;
			height: 40px;
			float: left;
		}
		#wrapper #content .title .icon {
			position: relative;
			width: 40px;
			height: 40px;
			float: left;
			background-color: #FFFFFF;
			background-repeat: no-repeat;
			background-position: center
		}
			#wrapper #content .title .icon-news { background-image: url(../images/wrapper/ckdohnany_15.png) }
			#wrapper #content .title .icon-team { background-image: url(../images/wrapper/ckdohnany_12.png) }
			#wrapper #content .title .icon-gallery { background-image: url(../images/wrapper/ckdohnany_26.png) }
	
		#wrapper #content .title .text {
			position: relative;
			height: 40px;
			padding: 0 10px 0 10px;
			font-size: 40px;
			font-weight: bold;
			text-transform: uppercase;
			float: left;
			background: #FFFFFF
		}
			#wrapper #content .title .text h1 {
				font-size: 40px;
				line-height: 48px;
			}
		#wrapper #content .title .border-full {
			position: absolute;
			width: 100%;
			height: 38px;
			border-bottom: solid 1px #000000
		}
		#wrapper #content .title .border {
			position: relative;
			width: 60px;
			height: 38px;
			border-bottom-style: solid;
			border-bottom-width: 1px;
			float: left;
		}
			#wrapper #content .title .border-blue { border-bottom-color: #00aeef} 
			#wrapper #content .title .border-green { border-bottom-color: #95c93d} 
			#wrapper #content .title .border-grey { border-bottom-color: #949494} 

#wrapper #sponsors {
	position: relative;
	width: 1320px;
	height: 180px;
	padding: 30px 0 0 0 ;
	background-color: #000000;
}
	#wrapper #sponsors .title {
		width: 1320px;
		height: 30px;
	}
		#wrapper #sponsors .title .border {
			height: 15px;
			border-bottom: solid 1px #666666 ; 
		}
		#wrapper #sponsors .title .text {
			width: 200px;
			height: 30px;
			background-color: #000000;
			margin: 0 auto 0 auto;
			font-size: 25px;
			text-transform: uppercase;
			color: #FFFFFF;
			text-align: center;
		}
	
	#wrapper #sponsors ul {
		margin: 0px;
		padding: 0px;
		list-style: none
	}
		#wrapper #sponsors ul li { float: left; margin: 0 45px 0 45px; }

#wrapper #footer {
	position: relative;
	width: 1320px;
	height: 380px;
	color: #FFFFFF;
	line-height: 20px;
	background: url(../images/wrapper/ckdohnany_47.png) no-repeat top center
}
	#wrapper #footer a {
		color: #FFFFFF;
		text-decoration: none;
	}
		#wrapper #footer a:hover { color: #95c93d}
		#wrapper #footer .column1 a:hover ,
		#wrapper #footer .column2 a:hover ,
		#wrapper #footer .column3 a:hover { color: #000000 }
	
	#wrapper #footer .column1,
	#wrapper #footer .column2,
	#wrapper #footer .column3 {
		position: relative;
		width: 220px;
		height: 250px;
		margin-top: 25px;
		font-size: 14px;
		float: left
	}
		#wrapper #footer .column1 { margin-left: 300px; }
		#wrapper #footer .column2,
		#wrapper #footer .column3 { margin-left: 50px; }
	
		#wrapper #footer .column1 .title,
		#wrapper #footer .column2 .title,
		#wrapper #footer .column3 .title {
			position: relative;
			height: 30px;
			margin-bottom: 10px;
			font-size: 25px;
			line-height: 25px;
			font-weight: bold;
			color: #FFFFFF;
			text-transform: uppercase;
			border-bottom: solid 1px #000000; 
		}
			#wrapper #footer .column1 .title .border,
			#wrapper #footer .column2 .title .border,
			#wrapper #footer .column3 .title .border {
				position: absolute;
				height: 30px;
				width: 60px;
				border-bottom: solid 1px #00aeef
			}

		#wrapper #footer .column2 ul {
			list-style: none;
			padding: 0px;
			margin: 0px;
		}
			#wrapper #footer .column2 ul li.selected a { color: #000000; }