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

a { color: #e5007d; text-decoration: none }
a:hover { color: #e5007d; text-decoration: underline }

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

h1 { font-size: 24px; color: #e5007d; font-weight: bold; line-height: 25px; text-align: center; margin: 0 0 10px 0; text-transform: uppercase; }
h2 { font-size: 12px; font-weight: bold; line-height: 17px; }
h3 { font-size: 12px; font-weight: bold; line-height: 17px; }
h4 { font-size: 12px; font-weight: normal; font-style: italic; line-height: 17px; }

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

input, textarea, select { border: none; background-color: #542670; color: #FFFFFF   }
input.submit_prihlasit, input.submit {
	font-size: 15px;
	font-weight: bold;
	padding: 0px;
	text-align: center;
	border: none;
	cursor: pointer;
	background: #542670;
	color: #ea4d68;
	border: solid 2px #ea4d68
}
input.submit_prihlasit:hover, input.submit:hover { 
	background: #ea4d68;
	color: #542670;
	border: solid 2px #542670
}

.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% }
.preciarknutie { text-decoration: line-through }

.error{
	padding: 2px;
	margin: 5px 0 5px 0;
	border: #c80000 solid 1px;
	color: #c80000;
	font-size: 12px;
	text-align: center
}
	.error strong { font-size: 12px }

/* BODY */
#bg {
	position: absolute;
	width: 100%;
	z-index: 10;
}
	.bg-index {
		height: 812px;
		background: url(images/wrapper/bg_01_home.png) no-repeat top center
	}
	.bg-noindex {
		height: 377px;
		background: url(images/wrapper/bg_01.png) no-repeat top center
	}

#wrapper {
	position: relative;
	width: 1000px;
	margin: 0 auto 0 auto;
	text-align: left;
	z-index: 100
}
	#wrapper #header {
		position: relative;
		width: 1000px;
		height: 356px;
	}
		#wrapper #header #logo a {
			position: relative;
			display: block;
			width: 390px;
			height: 280px;
			top: 0px;
			left: 0px;
			z-index: 100;
			cursor: pointer;
		}
		#wrapper #header #fb a {
			position: absolute;
			display: block;
			width: 120px;
			height: 162px;
			top: 0px;
			right: 0px;
			z-index: 100;
			cursor: pointer;
			background: url(images/wrapper/mravenisko_02.png) no-repeat center
		}
		#wrapper #header #virtualna a {
			position: absolute;
			display: block;
			width: 324px;
			height: 180px;
			top: 120px;
			right: -120px;
			z-index: 100;
			cursor: pointer;
			background: url(images/wrapper/virtualna.png) no-repeat center
		}
	#wrapper #header #menu {
		position: relative;
		width: 1000px;
		height: 75px;
	}
		#wrapper #header #menu ul { 
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
			#wrapper #header #menu ul li a {
				position: relative;
				height: 75px;
				display: block;
				float: left;
				cursor: pointer;
				background-repeat: no-repeat;
				background-position: center 
			}
				#wrapper #header #menu ul li a span { display: none }
				#wrapper #header #menu ul li a.menu-2 {
					width: 143px;
					background: url(images/wrapper/mravenisko_06.png) no-repeat center
				}
					#wrapper #header #menu ul li a.selected-2,
					#wrapper #header #menu ul li a.menu-2:hover { background: url(images/wrapper/rollover/mravenisko_06.png) no-repeat center }
				#wrapper #header #menu ul li a.menu-3 {
					width: 304px;
					background: url(images/wrapper/mravenisko_07.png) no-repeat center
				}
					#wrapper #header #menu ul li a.selected-3,
					#wrapper #header #menu ul li a.menu-3:hover { background: url(images/wrapper/rollover/mravenisko_07.png) no-repeat center }
				#wrapper #header #menu ul li a.menu-4 {
					width: 197px;
					background: url(images/wrapper/mravenisko_08.png) no-repeat center
				}
					#wrapper #header #menu ul li a.selected-4,
					#wrapper #header #menu ul li a.menu-4:hover { background: url(images/wrapper/rollover/mravenisko_08.png) no-repeat center }
				#wrapper #header #menu ul li a.menu-5 {
					width: 161px;
					background: url(images/wrapper/mravenisko_09.png) no-repeat center
				}
					#wrapper #header #menu ul li a.selected-5,
					#wrapper #header #menu ul li a.menu-5:hover { background: url(images/wrapper/rollover/mravenisko_09.png) no-repeat center }
				#wrapper #header #menu ul li a.menu-6 {
					width: 195px;
					background: url(images/wrapper/mravenisko_10.png) no-repeat center
				}	
					#wrapper #header #menu ul li a.selected-6,
					#wrapper #header #menu ul li a.menu-6:hover { background: url(images/wrapper/rollover/mravenisko_10.png) no-repeat center }
		
	#wrapper #content {
		position: relative;
		width: 1000px;
		min-height: 500px;
		padding-bottom: 10px;
	}
	
		#wrapper #content #slideshow {
			position: relative;
			width: 1000px;
			height: 465px;
			margin-bottom: 20px;
			background: url(images/wrapper/mravenisko_13.png) no-repeat center
		}
			#wrapper #content #slideshow .slide {
				position: absolute;
				width: 818px;
				height: 395px;
				margin: 35px 0 0 91px;
			}
			
		#wrapper #content .paddingtop { padding-top: 50px;}
	
#bg-footer {
	position: relative;
	width: 100%;
	height: 98px;
	background: url(images/wrapper/bg_04.png) no-repeat center
}
	#bg-footer #footer {
		position: relative;
		width: 1000px;
		margin: 0 auto 0 auto;
		padding-top: 49px; 
		text-align: left;
	}
		#bg-footer #footer #copyright a {
			position: relative;
			display: block;
			width: 408px;
			height: 27px;
			margin-left: 120px;
			float: left;
			cursor: pointer;
			background: url(images/wrapper/mravenisko_21.png) no-repeat center
		}
		#bg-footer #footer #beemark a {
			position: relative;
			display: block;
			width: 295px;
			height: 27px;
			margin-left: 50px;
			float: left;
			cursor: pointer;
			background: url(images/wrapper/mravenisko_23.png) no-repeat center
		}