/* ------------------------------------------------------------------ */
/* screen.css                                                         */
/* autor HTML a CSS - Michal Pr�hoda www.michalprihoda.cz             */
/* ------------------------------------------------------------------ */
@media screen {
	html {
		height: 100%;
	}
	body {
		min-height: 100%;
	}
	body {
		margin: 0; padding: 0;
		font-size: 76%;
		font-family: Verdana, Geneva, sans-serif;
		background: #000 url(../img/body_index.jpg) center 0 no-repeat;
		text-align: center;
		position: relative;
	}
	
	form * { font-family:Arial, Helvetica, sans-serif; font-size: 95%;}
	
	/* ----- layout */
		#page {
			width: 800px;
			margin: 0 auto;
			text-align: left;
			display: table;
			min-height: 100%;
			position: relative;
		}
		#pageMain {
			width: 504px;
			float: right;
		}
		#page h1 {
			background-image: url(../img/title.png);
			width: 394px; height: 37px;
			margin: 60px 0 10px 0;
		}
		#page h1 a {
			display: block;
			width: 394px; height: 37px;
		}
		#page h1 a span {
			display: none;
		}
		/* -----content */
			#content {
				background: url(../img/content.png) 1px 0  repeat-y;
				color: #fff;
				padding: 20px 65px;
				font-size: 90%;
			}
			#content h3 {
				font-size: 120%;
				margin: 2em 0 0 0;
				text-transform: uppercase;	
			}
			#content h4 {
				font-size: 120%;
				margin: 1.5em 0 -0.5em 0;
				font-weight: bold;	
			}
			#content h5 {
				font-size: 110%;
				margin: 1.2em 0 -0.3em 0;
				font-weight: normal;	
			}			
			#content a {
				color: #ffd403;
				text-decoration: none;
			}
			#content a:hover {
				color: #fe3f3f;
			}
			#content table {
				margin: 1em 0;
				width: 100%;
				border-collapse: collapse;
			}
			#content th, #content td {
				padding: 4px 5px;
				border: 1px solid #999;
			}
			
			#content .boxLeft {
				width: 200px;
				float: left;
				margin: 0 0 0 -20px;
			}
			#content .boxRight {
				width: 200px;
				float: right;
				margin: 0 -25px 10px 0;
			}
			#content .boxLeft h3,
			#content .boxRight h3 {
				text-align: center;
				padding: 5px 10px;
				background-color: #fe3f3f;
				color: #000;
			}
			#content .boxRight h3 {
				background-color: #6cbfcb;
			}
			#content h3.pise {
				text-align: center;
				padding: 5px 10px;
				background-color: #99cc00;
				clear: both;
				color: #000;
			}
		/* end. content */
		
		
		#content h2.title4 {
			background: url(../img/proc.png) 0 0 no-repeat;
			width: 409px; height: 59px;
			margin: 0 0 0 -20px;
		}
		#content h2.title6 {
			background: url(../img/www-prohlizece.png) 0 0 no-repeat;
			width: 409px; height: 59px;
			margin: 0 0 0 -20px;
		}
		#content h2.title8 {
			background: url(../img/diskuze.png) 0 0 no-repeat;
			width: 409px; height: 59px;
			margin: 0 0 0 -20px;
		}
		#content h2.title21 {
			background: url(../img/kdo.png) 0 0 no-repeat;
			width: 431px; height: 82px;
			margin: 0 0 0 -26px;
		}
		#content h2 span {
			display: none;
		}
		.contentTop {
			background: url(../img/contenttop.png) 1px 0 no-repeat;
			height: 18px;
		}
		.contentBottom {
			background: url(../img/contentbottom.png) 2px 0 no-repeat;
			height: 18px;
		}
		/* ----- menu */
			#menu {
				margin: 20px 0 0 20px; padding: 0;
				list-style-type: none;
				height: 30px;
			}
			#menu li {
				display: block;
				float: left;
				margin: 0 4px 0 4px;
			}
			#menu li a,
			#menu li span.link{
				display: block;
				float: left;
				background: url(../img/menu-left.png) 0 0 no-repeat;
				padding: 8px 12px 8px 20px;
				text-decoration: none;
				color: #000;
				text-transform: uppercase;
				font-size: 100%;
				font-weight: bold;
			}
			#menu li span.bg {
				background: url(../img/menu-right.png) 100% 0 no-repeat;
				display: block;
				width: 10px;
				float: left;
				padding: 8px 0;
			}
			#menu li.current_page_item a {
				color: #990066;
			}
			#menu li a:hover {
				color: #fe3f3f;
			}
		/* end. menu */
		
		#index {
			color: #fff;
			font-size: 140%;
			margin: 50px 0 200px 0;
		}
		
		#index .pool {
			width: 205px;
			float: right;
			text-align: left;
			font-size: 80%;
			color: #dde3fb;
			margin: 80px 0 0 0;
			display: none;
		}
		#index .pool a {
			display: none;
		}
		#index .pool form * {
			font-family: "Myriad Pro", Geneva, sans-serif;
		}
		#index .pool h3 {
			font-size: 120%;
			text-align: center;
		}
		#index .wp-polls-ans {
			margin: 10px 0;
		}
		#index .wp-polls-ul li {
			margin: 10px 0;
		}
		#index .pool label {
			font-size: 120%;
		}
		.wp-polls input.Buttons {
			background-color: #2c3140;
			margin: 3px 0;
			border: none;
			color: #fff;
			border: 1px solid #fff;
			padding: 3px 10px;
			overflow: visible;
			font-size: 100%;
		}
		#index .wp-polls p {
			margin: 0;
		}
		
		#index p {
			margin: 2em 0;
		}
		#index ul#indexMenu {
			margin: 80px 0 0 0; padding: 0;
			list-style-type: none;
			width: 280px;
			float: left;
		}
		#index #indexMenu li {
			background: url(../img/indexbutton.png) 0  0 no-repeat;
			display: block;
			width: 125px; height: 73px;
			float: left;
			margin: 0 3px 0 0;
		}
		#index #indexMenu li a {
			color: #fed61b;
			font-size: 80%;
			display: block;
			width: 125px; height: 73px;
		}
		#index #indexMenu li a span {
			display: none;
		}
		#index li.im1 a {
			background: url(../img/im1.png) 0 0 no-repeat;
		}
		#index li.im2 a {
			background: url(../img/im2.png) 0 0 no-repeat;
		}
		#index li.im3 a {
			background: url(../img/im3.png) 0 0 no-repeat;
		}
		#index li.im4 a {
			background: url(../img/im4.png) 0 0 no-repeat;
		}
		
		#footer {
			font-family: Arial, Helvetica, sans-serif;
			color: #fed315;
			font-size: 90%;
		}
		#footer a {
			color: #fed315;
			padding: 0 10px 0 0;
		}
		
		form {
			margin: 20px 3px 3px 3px;
		}
		form textarea {
			width: 370px;
			height: 50px;
			padding: 2px;
			background-color: #e9e8e8;
			border: none;
			margin: 3px 0 5px 0;
		}
		form input.text {
			width: 370px;
			padding: 2px;
			background-color: #e9e8e8;
			border: none;
			margin: 3px 0 5px 0;
		}
		form input.textSubmit {
			width: 280px;
			padding: 2px;
			background-color: #e9e8e8;
			border: none;
			margin: 3px;
			float: left;
		}
		form input.submit {
			float: right;
			background-color: #2c3140;
			margin: 3px 0;
			border: none;
			color: #fff;
			border: 1px solid #fff;
			padding: 1px 10px;
			overflow: visible;
			font-size: 90%;
		}
		
		
		.commentBox {
			width: 370px;
			height: 380px;
			overflow-y: scroll;
			margin: 10px 0 0 0;
			font-size: 90%;
		}
		.commentBox a {
			color: #fed315;
		}
		.commentBox p {
			margin: 0;
		}
		.commentmetadata a {
			color: #fff;
			text-decoration: none;
		}
		.commentBox ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		.commentBox ul li {
			margin: 20px 0;
		}
		.commentBox ul li .reply {
			font-size: 90%;
		}
		.commentBox ul ul {
			margin: 5px 0 0px 15px;
			border-left: 1px solid #9c830d;
			padding: 0 0 0 10px;
		}
		.commentBox ul ul li {
			margin: 0 0 20px 0;
		}
		.commentmetadata a {
			color: #fff !important;
		}
	/* end. layout */
}