html {font-size: 100.01%;}
body {
	margin: 0 0 100px 0;
	padding: 0;
	font-size: 62.5%;
	text-align: center;
	font-family: "Arial CE", Arial, "Verdana CE", Verdana, sans-serif;
	color: #444343;
	background: url(../img/bg-body.jpg) no-repeat top center #1a3b55;
	}
	body#zabava {color: #000;}
	body#homepageBody {
		background: url(../img/bg-body.jpg) no-repeat 50% 103px #1a3b55;
	=background-position: 50% 100px;}

* {	margin: 0; padding: 0;}

h1 {font-size: 1.5em; color: #ff563f; text-transform: uppercase; font-family: Arial, sans-serif; margin-bottom: 15px; padding-top: 5px;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5, h6, h7 {font-size: 1em;}

h2, h3, h4, h5, h6, h7 {margin-bottom: 10px; color:#FF563F;}

#zabava h2 {
	font-weight: normal;
	}
	#zabava h2 strong {font-weight: bold;}

.left	{text-align: left;}
.center	{text-align: center;}
.right	{text-align: right;}
.clr	{
	clear: both;
	margin-top: -1px;
	position: relative;
	padding: 0;
	height: 0;
	border: none;
	overflow:hidden;
	visibility: hidden;
	}
	
hr {
  	border: 0;
  	width: 80%;
  	color: #FF0000;
	background-color: #FF0000;
	height: 1px;
	}
	
.leftcol {
	float: left;
	width: 49%;
	margin-bottom: 65px;
	}
.rightcol {
	float: right;
	width: 49%;
	margin-bottom: 65px;
	}
	
	.leftcol p, .rightcol p {text-align: left;}
	
.leftcol h3, .rightcol h3 {
	background: url(../img/dots.gif) repeat-x bottom left;
	padding: 0 0 10px 0;
	}
	
.dots {
	background: url(../img/dots.gif) repeat-x;
	padding: 20px 0;
	}
	.dots h2 {padding-top: 15px;}
	
.privat {font-size: 0.9em;}
.privat input {margin-left: 11em;}
	
.produkty p {text-align: center; font-weight: bold;}
.produkty img {margin-bottom: 10px;}

.citace {height: 4em;}

a {color: #cf6d16;}
a:hover {color: #1B2C3C;}
img {border: none;}
p {margin-bottom: 15px;}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

.warning, .succes {
	padding: 10px 15px;
	font-weight: bold;
	}
	.warning {
		color: #990000;
		border: 1px solid #990000;
		}
	.succes {
		color: #49392e;
		border: 1px solid #49392e;
		}
	

.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none;}

img.lft, .floatleft {
	float: left;
	margin: 0 15px 10px 0;
	}

img.rgt, .floatright {
	float: right;
	margin: 0 0 10px 15px;
	}

.pager {text-align: center;}
.pager a, .pager strong {margin: 0 5px;}

#content ul, #content ol {margin: 0 0 15px 15px;}
	#content ul ul, #content ol ol {margin: 0 0 0 15px;}
	
	#content ol {margin-left: 34px;}
	
	#content ul {list-style: disc;}
	
/* ***** IE6 italic bug hack ***** */

/* \*/

.WYSIWYGContentBody {
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	he\ight: 1%;
}

/* */


input, select {font-size: 1em; padding: 1px;}
option {padding-right: 10px;}

/* IE button fix */
	
input.button {
	width: 0;
	overflow: visible;
}
input.button[class] {width: auto;}

.button {
	border: 0;
	background: url(../img/bg-button.gif) repeat-x #d45000;
	color: #FFF;
	font-weight: bold;
	padding: 3px 15px;
	margin-left: 12em;
	cursor: pointer;
	font-size: 10px;
	}

input, select, label {vertical-align: middle; margin-bottom: 5px;}
input, select {font-size: 1em; padding: 1px;}

label {
	display: block;
	width: 10em;
	float: left;
	}
	#zabava #main label {display: inline; width: auto; float: none;}
	
.pole, .polekont {
	border: 2px solid #b4a075;
	padding: 1px;
	}
	
.polekont {width: 349px;}
.required {margin-left: 11em; font-style: italic; font-size: 0.9em;}

form br {
	clear: both;
	} 

/* tabulka bezna */
table {
	border: 1px solid gray;
	border-collapse: collapse;
	font-size: 1em;
	margin-bottom: 15px;
	}	
	th, td {
		padding: 5px 10px;
		vertical-align: top;
		border: 1px solid gray;
		}
/* tabulka bez formatovani */
table.noformat {
	border: 0;
	border-collapse: collapse;
	}
	table.noformat th, table.noformat td {
		padding: 5px 10px;
		vertical-align: top;
		border: 0;
		}
		
/* nahrada obrazkem */

#h_menu span, .logo span, .thmb span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	}
	
/* float clear */

#content, .videoElements, .pageElements, .video, #content_container, .dots {
	overflow: hidden;
	_display: inline-block;
	}
	
#homepageBody #content {overflow: visible}
	
/* cistic uzivatelskych wysiwyg okras */
	
font {
	font-family: inherit;
	color: inherit;
	font-size: inherit;
	}
	
/* IE6 PNG FIX */

.thmb span, .videoBox, .videoBottom, .png {behavior: url(_dataPublic/js/iepngfix.htc)}
	

/**********obsah**********/

#all {
	margin: 0 auto;
	text-align: left;
	width: 990px;
	font-size: 1.2em;
	background: url(../img/bg-page.jpg) repeat-y #8dc4e6;
	position: relative;
	}
	#pagetop {background: url(../img/bg-top.jpg) no-repeat;	}
	#homepageBody #pagetop {background: url(../img/bg-top-HP.jpg) no-repeat;	}
		#pagebottom {background: url(../img/bg-bottom.jpg) no-repeat bottom left; min-height: 800px; _height: 830px; }
		
	#zabava #main {font-size: 1.1em;}
	
.topBanner {display: none;}
#homepageBody .topBanner {display: block;}
	

/* ******* hlavicka ******* */

#top {
	height: 100px;
	position: relative;
	}
	#top h1 {margin: 0;}
	.logo {
		position: absolute;
		top: 60px;
		left: 13px;
		width: 179px;
		height: 77px;
		display: block;		
		}
		.logo span {background: url(../img/logo-vlnky.jpg) no-repeat; cursor: pointer;}
	#login {
		position: absolute;
		top: 55px;
		right: 15px;
		width: 170px;
		}
		#login h2 {
			color: #FFF;
			font-weight: normal;
			font-size: 1em;
			margin: 0;
			}
		#login span {display: none;}
		#login .pole {
			border: 2px solid #284b66;
			width: 70px;
			background: #1B2C3C;
			color: #7e97aa;
			margin-bottom: 2px;
			}
		#login .button {margin-bottom: 5px; margin-left: -1px;}
		#login a {
			color: #6494BF;
			font-size: 0.9em;
			top: 4px;
			position: relative;
		}
			#login a:hover {color: #FFF;}
		#login p {padding-top: 5px;}
		
		#login label {width: auto; float: none;}
		
		.loggedUser {
			color: #9DCCE8;
			margin-top: -10px;
			}
			.loggedUser strong {font-weight: normal; color: #FFF;}
			
			
		
/* ******************** */
/* ******* menu ******* */
/* ******************** */

#h_menu {
	position: absolute;
	left: 275px;
	top: 35px;
	width: 435px;
	height: 86px;
	background: url(../img/bg-menu.jpg) no-repeat;
	}
/*		#homepageBody #h_menu {top: 135px;} use this with topbanner*/	
#h_menu ul {
		list-style: none;
		}
			#h_menu ul li a {
				display: block;
				text-align: center;
				overflow: hidden;
				color: #FFF;
				position: absolute;
				height: 20px;
				}
				#h_menu ul li a:hover {
					background: #49B8FF;
					color: #003366;
					}					
					.m1 a {top: 18px; left: 24px; width: 107px;}
					.m2 a {top: 18px; left: 147px; width: 173px;}
					.m3 a {top: 18px; left: 339px; width: 70px;}
					.m4 a {top: 43px; left: 46px; width: 71px;}
					.m5 a {top: 43px; left: 131px; width: 65px;}
					.m6 a {top: 43px; left: 211px; width: 84px;}
					.m7 a {top: 43px; left: 314px; width: 72px;}
						#h_menu ul li span {cursor: pointer;}
							.m1 span {background: url(../img/m1.jpg) no-repeat 0 0;}
							.m2 span {background: url(../img/m2.jpg) no-repeat 0 0;}
							.m3 span {background: url(../img/m3.jpg) no-repeat 0 0;}
							.m4 span {background: url(../img/m4.jpg) no-repeat 0 0;}
							.m5 span {background: url(../img/m5.jpg) no-repeat 0 0;}
							.m6 span {background: url(../img/m6.jpg) no-repeat 0 0;}
							.m7 span {background: url(../img/m7.jpg) no-repeat 0 0;}
								#h_menu ul li a:hover span, #h_menu ul li.selected a span {background-position: 0 -20px;}
					
/* **** hlavni cast **** */

#main {
	margin: 118px 0 0 0;
	}
	#homepageBody #main {margin-top: 120px;}
	
		
/* **** obsah **** */

#content_container {
	margin: 0 246px 285px 68px;
	background: url(../img/bg-content.gif) repeat-y;
	position: relative;
	}				
	#content_container_top {background: url(../img/bg-content-top.gif) no-repeat;
		padding: 55px 20px 20px 15px;
		position: relative;
		}					
		#content {		
			background: url(../img/bg-textcontent-top.gif) no-repeat #f3e3c0;
			text-align: justify;
			padding: 20px 25px;
			min-height: 315px;
			position: relative;
			}	
			.soutez #content, .download #content {padding: 0;}
			
	
			
			#content h1 {text-align: left;}
		#content-bottom {background: url(../img/bg-textcontent-bottom.gif) no-repeat; height: 15px;}
			#homepageBody #content-bottom, #flashContainer #content-bottom {display: none;}
		#claim {
			background: url(../img/bg-claim.gif) no-repeat;
			position: absolute;
			top: 23px;
			right: 50px;
			width: 262px;
			height: 27px;
			}
			#homepageBody #claim, #flashContainer #claim  {display: none;}
		
		
		#zabava #content_container {background-image: url(../img/bg-content-wide.gif); margin-right: 38px; margin-left: 40px;}
		#zabava #content_container_top {background: url(../img/bg-content-top-wide.jpg) no-repeat; padding: 55px 30px 20px 30px;}
		#zabava #content {background-image: url(../img/bg-textcontent-top-wide.gif); padding: 40px 30px;}
		#zabava #content-bottom {background: url(../img/bg-textcontent-bottom-wide.gif) no-repeat; height: 15px;}
		#flashContainer #content {background: none;padding: 0;}
		#flashContainer #content_container_top {background: none; padding: 0;}
	
		
	#navi {
		top: 0;
		left: 0;
		width: 170px;
		position: absolute;
		}
		#navi ul {
			list-style: none;
			margin: 20px 0 0 20px;
			padding: 0;
			}
			.soutez #navi ul {margin: 148px 0 0 13px;}
			#navi ul li {	margin-bottom: 1px;}
			#navi ul li a {
				display: block;
				background: url(../img/bg-navi.gif) no-repeat #ede3ce;
				padding: 8px 0 9px 0;
			
				text-decoration: none;
				color: #000;
				width: 154px;
				}
				#navi ul li a span {padding: 0 10px 0 10px;}
				
				#navi ul li a:hover, #navi ul li.selected a {background-position: -154px 0; background-color: #f0cba4;}
	#naviText {
		float: right;
		width: 425px;
		}
		.soutez #naviText {width: 455px;}
		#text {
			padding: 220px 45px 0 0;
			}
			.pravidla #text {padding-top: 250px;}
		
		
#flashContainer {
	margin: -15px 0 225px 0;
	position: relative;
	}
	#flashContainer #content {overflow: visible;}
	#flashSelect {
	width: 387px;
	height: 40px;
	background: url(../img/bg-flashSelect.jpg) no-repeat;
	position: absolute;
	top: -69px;
	left: 297px;
		}
		#flashSelect label {
			margin: 12px 15px;
			color: #FFF;
			font-weight: bold;
			float: left;
			width: 65px;
			display: block;
			}
			#flashSelect select {
				width: 200px;
				_width: 180px;
				margin-top: 8px;
				margin-right: 10px;
				float: left;
				}
			#flashSelect .button {
				background: url(../img/bg-nacist.gif) no-repeat transparent;
				border: 0;
				width: 71px;
				height: 24px;
				margin: 7px 0 0 0;
				}
			.help {
				position: absolute;
				top: 7px;
				left: 396px;
				}
		
		
/* ********************************** */
/* ******** NOVINKY ***************** */
/* ********************************** */
		
	.news {
		background: url(../img/dots.gif) repeat-x bottom left;
		padding-bottom: 20px;
		margin-bottom: 35px;
		overflow: hidden;
		_display: inline-block;
		}		
		.thmb {
			display: block;
			width: 106px;
			height: 106px;
			float: left;
			position: relative;
			margin: 0 30px 20px 0;
			}
			.thmb span {background: url(../img/bg-thumb.png) no-repeat top left; height: 106px;}
		.news h2 {
			font-size: 1em;
			font-weight: normal;
			}
			.news h2 span {font-weight: bold;}
			
/* ********************************** */
/* ******** GALERIE ***************** */
/* ********************************** */

#zabava #content .leftcol {width: 497px;}
#zabava #content .rightcol {width: 34%;}

	.video img {float: left; margin: 0 15px 0 0;}
	
	.stars {
		display: block;
		width: 105px;
		height: 21px;
		background: url(../img/stars-bg.gif) no-repeat;
		margin-left: 98px;
		}
		.video .stars img {margin: 0;}
		
	.video {
		background: url(../img/dots.gif) repeat-x;
		padding-top: 15px;
		}		
		.video div {
			float: left;
			width: 33%;
			}
			#best .video div {width: auto; float: none;}
			
			.video strong a {text-align: left;}
			
		.video p {margin-right: 15px; text-align: left;}
	.rating {float: right;}
	.rating strong {
		font-weight: normal;
		float: left;
		}
		.rating .stars {margin-left: 80px; position: relative; top: -3px;}
		
	.rating2 {width: 240px; float: right;}
	.tip {
		font-size: 0.85em;
		font-style:italic;
		text-align: right;
		padding-right: 25px;
		padding-top: 8px;
		color: #85723e;
		}
		
	.videoElements {
		background: url(../img/bg-videodetails.gif) no-repeat bottom left;
		padding: 25px 0 5px 25px;
		}
		.videoElements a.sendToFriend {
			float: left; 
			width: 130px;
			margin-bottom: 25px;
			background: url(../img/ico-letter.gif) no-repeat 0 50%;


			text-align: left;
			}
			.videoElements a span {margin-left: 50px; display: block;}
		
	.pageElements {
		clear: both;
		padding: 30px 0 5px 0;
		width: 100%;
		}
		.pageElements form {float: left;}
		.pageElements .pager {float: right; text-align: right; margin-top: 2px;}
		.pageElements select {margin-right: 10px;}
		.pageElements label span {font-weight: bold;}
		.pageElements p {margin-bottom: 0;}
		
/* **** paticka **** */

#ender {
	clear: both;
	width: 100%;
	text-align: center;
	color: #73899B;
	padding-top: 0;
	position: relative;
	}
	.znacky {
		color: #626f79;
		display: none;
		}
		.znacky a {color: #626f79; margin: 0 5px; text-decoration: none;}

	.copyright span {margin-right: 10px;}
	.copyright a {
		color: #73899B;
		text-decoration: none;
		margin: 0 5px;
		}
		
	#ender a:hover {color: #FFF;}
	
	.opavia {
		position: absolute;
		top: -90px;
		left: 830px;
		width: 60px;
		height: 60px;
		}
		.opavia span {display: none;}
		
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ 
div.rating{cursor:pointer;margin:2em;display:block}
div.rating:after{content:'.';display:block;height:0;width:0;clear:both;visibility:hidden}*/

div.cancel,div.star {
	float:left;
	width:21px;
	height:21px;
	text-indent:-999em;
	cursor:pointer;
	display:block;
	background:transparent;
	overflow:hidden
	}
div.cancel, div.cancel a {background:url(../img/delete.gif) no-repeat 0 -21px;}
	#homepageBody div.cancel, #homepageBody div.cancel a {background:url(../img/delete-hp.gif) no-repeat 0 -21px;}
	
div.star,div.star a {background:url(../img/star-rating.gif) no-repeat 0 0 transparent; }
	#homepageBody div.star, #homepageBody div.star a {background:url(../img/star-rating-hp.gif) no-repeat 0 0 transparent; }
	
div.cancel a,div.star a{
	display:block;
	width:21px;
	height:100%;
	background-position: 0 0;
	border:1 solid #FF0000
	}
div.star_on a, #homepageBody div.star_on a {background-position:0 -21px!important}
div.star_hover a, div.star_live a:hover, #homepageBody div.star_hover a, #homepageBody div.star_live a:hover{background-position:0 -42px}

/* Read Only CSS */
div.star_readonly a,div.star_readonly a:hover{cursor:default !important}

/* Partial Star CSS */
div.star{background:transparent!important;overflow:hidden!important}

#homepageBody .rating2 {
	background: url(../img/h-ohodnot.gif) no-repeat 0 15px;
	padding: 12px 0 0 70px;
	}

#all .Clear .button {margin-left: 15px;}
/* END jQuery.Rating Plugin CSS */

/* ***************** HOMEPAGE ************************ */

#homepageBody #content_container_top {background: none; padding: 0;}

	#homepageBody #content {
	  	padding: 0 45px 0 0;
	  	background: none;
	  	margin: -55px 56px 220px 0;
		position: relative;
	}
	#flashHP {
		float: left;
		width: 620px;
		height: 550px;
		background: url(../img/flash-komponenta-hp.jpg) no-repeat;
		position: relative;
		}
		
	#flashHP #flashHpPlayer {
	  position: relative;
	  margin-top: 84px;
	  left: 96px;
	  width: 495px;
	  height: 379px;
	  overflow: hidden;
	  float: left;
	}

	#hpColumn {
		float: right;
		width: 301px;
		padding-top: 72px;
		margin-right: -45px;
		_margin-right: -35px;
		}
		.videoBox {
			background: url(../img/bg-videoBox.png) no-repeat;
			}
			.videoBox .in {
			  padding: 15px 15px 0 15px
			}
		.videoBottom {
			background: url(../img/bg-videoBox-bottom.png) no-repeat;
			height: 9px;
			margin-bottom: 5px;
			}
		#homepageBody #content .video {background: none;}
		.videoBox h2 {
			text-align: center;
			color: #ce5400;
			background: url(../img/dots.gif) repeat-x bottom left;
			padding-bottom: 10px;
			margin-bottom: 5px;
			text-transform: uppercase;
			font-weight: bold;
			font-size: 1.2em;
			}
.actions {margin-right: 300px;}
.details strong, .actions a {
	position: absolute;
	font-size: 1.2em;
	}
	
	.name, .autor {top: 60px;}
		.name {left: 160px;}
		.autor {left: 480px;}
		.views {top: 478px; left: 178px;}
		
	.actions a {
		display: block;
		width: 80px;
		height: 80px;

		left: 13px;
		}
			.actions a span {display: none;}
		.make {top: 88px;}
		.fun {top: 168px;}
		.send {top: 248px;}
		
		
#banner {
	width: 322px;
	position: relative;
	left: -3px;
	margin-top: 15px;
	}
/******************************************************************* */
	
p.error {
	color: #FF563F;
}



#coop {background: url(../img/bg-coop.jpg) no-repeat; height: 883px;}
#soutezBg {background: url(../img/bg-soutez-karibik.jpg) no-repeat; height: 379px;}
#plakat {background: url(../img/bg-plakat-karibik.jpg) no-repeat; height: 1064px;}
#soutezBg.pravidla {height: 950px; }
#soutezBg.kam {height: 2000px;}
#download {background: url(../img/bg-dvere.jpg) no-repeat 0 100px; height: 759px; padding:20px 25px 15px 250px;}


.soutez div.calendar {
	float: left;
	margin-left: 20px;
	margin-right: 30px;
}

.soutez div.calendar td {
	text-align: center;
}



.soutez #scrollArea {
  height: 600px;
  overflow: auto;
  overflow-x: none;
  padding-right: 10px;
}

.soutez h1 {
	text-align: center;
}

.soutez h1, .soutez h2 {
	color: #584529;
} 

.soutez table {
	border: none;
}
.soutez td, .soutez th {text-align: left; border: 0; border-bottom: 1px solid #584529;}

.soutez table td a {
	color: #584529;
	text-decoration: none;
}

.soutez table td a.current {
	font-weight: bold;
}

.soutez table td a:hover {
	text-decoration: underline;
}

.soutez .results th {
	color: #584529;
	font-weight: bold;
	width: 120px;
}

.soutez .results th.first {
	width: 60px;
}

.sky {
	position: absolute;
	bottom: 31px;
	right: 110px;
	width: 120px;
	height: 60px;
	}
.coop {
	position: absolute;
	top: 380px;
	left: 200px;
	width: 200px;
	height: 100px;
	}
	.sky span, .coop span {display: none;}