@CHARSET "UTF-8";

body {  
	text-align: center;
	padding: 0;
	margin: 0;
	font-family: arial, helvetica, sans-serif;
	background-color: white;
	behavior: url("http://www.vpcp.cz/css/csshover.htc");
}

/* layout */
div#holder {
	width: 755px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border-right: 5px solid #ffdf1c;
}

div#menu{
	width: 755px;
	height: 30px;
	background: url('../resources/design/vpcp_menu.jpg') top left;
}

div#contentHolder {
	width: 755px;
	margin: 3px 0 10px 0;
	background: url('../resources/design/cpoj_logo.jpg') bottom right no-repeat;
	color: #1c2349;
	font-size: 0.9em;
	line-height: 1.3em;
}

div#content {
	text-align: justify;
	font-size: 0.8em;
	margin: 15px 5px 30px 0;
}

div#contentIn {
	margin: 0 0 0 0; 
}

div#footer {
	background-color: #f2f3f7;
	padding: 4px 0 4px 5px;
	font-size: 0.7em;
	color: #10346a;
}

		/* banner START*/
		h3#logo {
			text-align: left;
			font-size: 15px;
			width: 755px;
			height: 100px;
			padding: 0;
			margin: 0;
			background-color: #edf0f5;
		}
		
		h3#logo a {
			background-color: transparent;
			display: block;
			float: left;
			margin: 45px 0 0 50px;
			padding: 0;
			color: #003399;
			text-decoration: none;
			font-size: 1.4em;
		}
		
		div#counterHolder {
			background: url('../resources/design/vpcp_counter.jpg') top left no-repeat;
			width: 119px;
			height: 120px;
			float: right;
		}
		div#counter {
			padding: 87px 21px 0 5px;
			font-size: 11px;
			font-weight: bold;
			color: #10346a;
			text-align: right;
		}
		div#counter span{
			font-size: 19px;
		}
		/*  END  banner */
		
		/* menu */
		
		ul#dropDownMenu {
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			margin: 0 0 0 5px;
			padding:0;
			
		}
		
		ul#dropDownMenu li {
			float: left;
			margin: 0;
			font-size: 12px;
			font-weight: bold;
			position: relative;
		}
		
		ul#dropDownMenu li ul {
			display: none;
			position: absolute;
			list-style-type:none;
			top: 27px;
			left: 0;
			margin: 0;
			padding: 0 0 0 1px;
			background: url('../resources/design/vpcp_menu_hover.jpg') top left repeat-x;
		}
		
		ul#dropDownMenu li ul li {
			float: left;
		}
		
		ul#dropDownMenu li:hover ul {
			display: block;
		}
		
		ul#dropDownMenu li a, .subMenu {
			padding: 10px 10px 0 6px;
			color: #ffffff;
			text-decoration: none;
			display: block;
			padding-bottom: 4px;
			cursor: pointer;
		}
		ul#dropDownMenu li a:hover, .self {
			border-bottom: 3px solid #ffdf1c;
		}
		
		ul#dropDownMenu li ul li a {
			padding: 4px 16px 2px 8px;
			/*color: #ffffff; */  color: #4f6793; 
			text-decoration: none;
			display: block;
			
		}
		/*  END  menu */

/* vlasni obsah */
	h1, h2, a {color: #10346a; }
	h1 {font-size: 1.2em; padding: 0; margin: 4px 0 6px 0;}
	h2 {font-weight: bold; font-size: 1.3em; margin: 5px 0 10px 0; }
	div#contentIn p {line-height: 1.5em; padding: 2px 0 0.5em 0; text-align: justify; text-indent: 1.5em; }
	img {margin: 10px 0 0 40px;}
	ul#ul-pravidla { margin: 5px 0 0 40px;  list-style: upper-roman; }
	ul#ul-pravidla li { font-weight: bold;  margin-bottom: 15px; }
	ul#ul-pravidla li ul { font-weight: normal;  font-size: 0.9em;  margin: 10px 0 10px 30px;  list-style: lower-alpha; }
	ul#ul-pravidla li ul li {font-weight: normal;  line-height: 1.5em;  margin-bottom: 7px}
	table {border-collapse: collapse; margin: 0 0 10px 10px; margin-left: auto; margin-right: auto; font-size: 0.9em; }
	table td {border-bottom: 1px #cccccc solid; padding: 4px 5px; }
	table thead {font-weight: bold; color: #10346a; padding: 0 10px; font-size: 1.1em;}
	a.ext {padding-right: 15px; background: url(../grafika/external.gif) right center no-repeat; }
	div.foto { text-align: center; }
	div.foto span { display: block; }

/*  END  vlasni obsah */

/* dalsi tridy */
	.rowColor {background-color: #EBEEF3;}
	.inv {display: none; }
	.right {float: right; }
	.left {float: left; }
	.message {padding: 10px; text-align: center; background-color: #FFFDDE; border: 1px #ffdf1c solid; margin: 5px 0px 5px 0px; }
	.cleaner {clear: both; }
	.i {font-style: italic;}
/*END dalsi tridy */

/* forms START */
	div#form {
	padding: 40px 0 40px 50px;
	}
	div#form label {
	display:block;
	float:left;
	width:140px;
	}
	div#form input, div#form select {
	display:block;
	float:left;
	width:300px;
	}

	div#form div {
	float:left;
	margin-bottom:10px;
	width:100%;
	}
	div#form textarea {
	width: 80%;
	}
	#datum {
		width: 100px;
	}
	div#form input#submit {
		width: 100px;
		margin: 10px 0 30px 0;
	}
	
	.sirka {
		width: 100px;
	}
	.seda {
		background-color: #fafafa;
	}
	/* forms STOP */