body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #dff1fd;
	color: black;
}

.preload {
	position: absolute;
	z-index: -100;
	width: 0px;
	height: 0px;
	border: none;
}

p a:link {
	color: black;
	text-decoration: underline;
}

p a:hover,
p a:active {
	color: maroon;
}

p a:visited {
	color: gray;
}

table {
		font-family: Trebuchet MS, Tahoma, Arial;
		font-size: 1.0em;
		font-weight: 100;
}	


/* ========================== Hlavicka webu ========================== */
#container-top {
	position: relative;
	background-image: url(images/background-top.jpg);
	background-position: top;
	background-repeat: repeat-x;
	height: 262px;
	width: 100%;
}

	#container-top #container-width {
		position: relative;
		width: 780px;
		height: 262px;
		background-image: url(images/hlavny-motiv.jpg);
		background-position: bottom;
		background-repeat: no-repeat;
		margin: auto;
		text-align: left;
	}
	
	H1 {
	display: none;
	}

		#container-top #container-width #flp-logo {
			position: relative;
			background-image: url(images/flp-logo.gif);
			background-repeat: no-repeat;
			width: 113px;
			height: 120px;
			float: left;		
		}
		
		#container-top #container-width #foreign-language-publications {
			position: relative;
			background-image: url(images/foreign-language-publications.gif);
			background-repeat: no-repeat;
			top: 87px;
			width: 245px;
			height: 33px;
			float: left;		
		}
		
		#container-top #container-width #publications {
			display: block;
			top: 87px;
			position: relative;
			float: right;
			margin: 0px;
			padding: 0px;
			list-style: none;
			height:33px;
		}
		
			#container-top #container-width #publications li span {
				display: none;
			}		
		
			#container-top #container-width #publications li
			{
				display:block;
				float: left;
				position: relative;
			}
			
			#container-top #container-width #publications li a {
				display:block;
				position: relative;
				background-repeat: no-repeat;
				height: 33px;
			}
			
			#container-top #container-width #publications li a.lamitie 				{ background-image: url(images/lamitie.gif);width: 89px; }
			#container-top #container-width #publications li a.lamitie:hover,
			#container-top #container-width #publications li a.lamitieact  	{ background-image: url(images/lamitie-over.gif); width: 89px;}
			
			#container-top #container-width #publications li a.hello 				{ background-image: url(images/hello.gif); width: 70px; }
			#container-top #container-width #publications li a.hello:hover,
			#container-top #container-width #publications li a.helloact		{ background-image: url(images/hello-over.gif); width: 70px;}

			#container-top #container-width #publications li a.friendship 			{ background-image: url(images/friendship.gif); width: 105px; }
			#container-top #container-width #publications li a.friendship:hover,
			#container-top #container-width #publications li a.friendshipact { background-image: url(images/friendship-over.gif); width: 105px;}
			
			#container-top #container-width #publications li a.hurra 				{ background-image: url(images/hurra.gif); width: 69px; }
			#container-top #container-width #publications li a.hurra:hover,
			#container-top #container-width #publications li a.hurraact		{ background-image: url(images/hurra-over.gif); width: 69px;}
	
			#container-top #container-width span {
				height: 33px;
				width: 16px;
				display: block;
				float: right;
				top: 87px;
				position: relative;
				margin: 0;
			}			
			
			
			
			
/* ========================== Telo webu ========================== */
#container-body {
	clear: both;
	position: relative;
	width: 780px;
	margin: auto;
	background-image: url(images/background-obsah.gif);
}

	#container-body #tien-vlavo {
		height: 405px;
		float: left; 
		position: relative;
		display: block;
		width: 14px;
		background-image: url(images/tien-vlavo.jpg);
		background-position: top;
		background-repeat: no-repeat;
	}	
	
	#container-body #tien-vpravo {
		height: 405px;
		float: right; 
		position: relative;
		width: 14px;
		background-image: url(images/tien-vpravo.jpg);
		background-position: top;
		background-repeat: no-repeat;
	}
	
/*------------- container s obsahom ------------- */
	#container-body #bodyright {
		font-family: Trebuchet MS, Tahoma, Arial;
		font-size: 0.7em;
		font-weight: 100;
		float: right;
		margin-right: 15px;
		text-align: left;
		position: relative;
		width: 512px;
		display: block;
	}	
	
		#container-body #bodyright #z-obsahu {
			display: block;
			position: relative;
			list-style: none;
			margin-left: 0px;
		}
			
			#container-body #bodyright #z-obsahu li {
				clear: both;
				display: block;
				position: relative;
				text-align: left;
				margin: 4px;
			}

			#container-body #bodyright #z-obsahu img.icon {
				position: relative;
				height: 50px;
			}
	
			#container-body #bodyright #z-obsahu div.icon {
				position: relative;
				margin: 0px;
				padding: 0px;
				height: 50px;
				width: 80px;
				text-align: right;
				float: left;
				background-color: #F8F8F8;
				margin-right: 5px;
			}
			
			#container-body #bodyright #z-obsahu div.title {
				position: relative;
				height: 50px;
				width: 250px;
				text-align: left;
				float: left;
			}

			#container-body #bodyright #z-obsahu div.title span {
				margin-left: 10px;
				clear: both;
				display: block;
				position: relative;
			}
	
			#container-body #bodyright #z-obsahu div.title span.title {
				font-size: 1.2em;
			}
			#container-body #bodyright #z-obsahu div.title span.pages {
				font-weight: 800;
			}
	
			#container-body #bodyright #z-obsahu a {
				float: left;
				display:block;
				position: relative;
				background-repeat: no-repeat;
				height: 50px;
				width: 49px;
			}
			
			#container-body #bodyright #z-obsahu a.xl {background-image: url(modules/vydavatelstvo/Image/xl.gif);}
			#container-body #bodyright #z-obsahu a.xxl {background-image: url(modules/vydavatelstvo/Image/xxl.gif);}
			#container-body #bodyright #z-obsahu a.pdf {background-image: url(modules/vydavatelstvo/Image/pdf.gif);}
	
			#container-body #bodyright #z-obsahu a span {
				display: none;
			}

			#container-body #bodyright #z-obsahu .title {
				background-color: #EEEEEE;
			}

			
			#container-body #bodyright #z-obsahu a:hover {
				background-color: silver;
			}	
	
	/* ---------------------- formular ---------------- */
	
		#container-body #bodyright .nadpis,
		#container-body #bodyright h5,
		#container-body #bodyright legend
		{
			font-size: 1.3em;
			font-weight: 800;
			text-decoration: none;
			color: black;
		}
		
		#container-body #bodyright #box
		{
			margin: 10px;
			/*background-color: #f1f6f7;*/
		}

		#container-body #bodyright #box p
		{
			
			text-indent: 0px;
		}
		
		#container-body #bodyright fieldset
		{
			background-color: #f1f6f7;
			border: 1px solid #94A9AD;
			width: 490px;
		}
		
		#container-body #bodyright table.formTable caption
		{
			background-color: #ADBCC0;
			text-align: left;
			font-size: 1.2em;
			font-weight: 800;
			color: white;
			line-height: normal;
			padding: 3px;
			margin: 0px;
		}
		
		#container-body #bodyright table.formTable
		{
			width: 100%;
			border: 1px solid #C4CFD4;
			background-color: #e1eaef;
		}
		
		#container-body #bodyright table.formTable.casopis td
		{
		background-color: white; 
		padding: 5px;			
		}

		#container-body #bodyright table.formTable tr
		{
			padding-right: 10px;
			width: 200px;
		}
		
		#container-body #bodyright table.formTable .label
		{
			width: 200px;
			text-align: right;
		}
		
		#container-body #bodyright table.formTable .value
		{
			padding: 0px;
			margin: 0px;
			width: 200px;
			text-align: left;
			
		}

		#container-body #bodyright .text
		{
			margin-left: 10px;
			width: 200px;
			border: 1px solid silver;
		}
	
		#container-body #bodyright .block
		{
			margin: 0px;
			width: 100%;
			padding: 0px;
			background-color: #E5E5E5;
		}
	
	
	/* ---------------------- formular end ---------------- */
	
		#container-body #bodyright a.nadpis {
			margin-bottom: 10px;
			margin-top: 15px;
			color: #c00b09;
			padding-left: 20px;
			margin-right: 10px;
			background: url(images/sipka-nadpis.gif) no-repeat 0 3px;	
			background-position: left;
			float: left;

		}
			#container-body #bodyright a.nadpis:hover {
			text-decoration: underline;
			}

			#container-body #bodyright .medzera_pod_nadpisom {
			clear: both; 
			width: 100%;
			font-size: 1px; 
			position: relative;
			height: 1px;
			}
			
			#container-body #bodyright img.casopis_vlavo {
			float:left;
			margin-right: 30px;			
			}
			
		#container-body #bodyright a.objednat {
			vertical-align: middle;
			border: 1px dotted silver;
			padding-right: 10px;
			padding-left: 90px;
			padding-top: 12px;
			padding-bottom: 12px;
			position: relative;
			background: url(images/kupit.gif);
			background-repeat: no-repeat;
			background-position: 5px 5px;
			background-color: #efefef;
			float: left;
			font-size: 1.6em;
			font-weight: 300;
			color: #404040;
			text-decoration: none;
			float: right;
		}
			#container-body #bodyright a.objednat:hover {
			background-color: white;
			border: 1px solid silver;
			color: maroon;;
			}
			
		#container-body #bodyright hr {
			border: 1px solid #eeeeee;
			clear: both;
			position: relative;
		}
		
		#container-body #bodyright p {
			margin: 5px;
			display: block;
			text-align: justify;
			position: relative;
			color: #1a3f57;
			line-height: 1.3;
			text-indent: 22px;
		}
		
			#container-body #bodyright div.casopisbox {
				float: left;
				width: 255px;
				display: block;
				text-align: left;
				position: relative;
				line-height: 1;
				border: none;
				text-decoration: none;
				color: gray;
			}
			
			#container-body #bodyright div.casopisbox img {
				float: left;
				margin-right: 2px;
				width: 112px;
				height: 158px;
				border: none;
			}	
			
			#container-body #bodyright div.casopisbox p {
				font-family: Tahoma, Arial;
				font-size: 0.8em;
				font-weight: 800;
				display: block;
				text-align: left;
				color: #a9a9a9;
				line-height: 1.1;
				text-indent: 0px;
				padding-top: 9px;
				float: none;
				clear: none;
			}	
			
			#container-body a.viac {
				font-family: Tahoma, Arial;
				font-size: 0.8em;
				font-weight: 800;
				color: #3b7ea8;
				background-color: transparent;
				line-height: 1.1;
				padding-left: 20px;
				text-decoration: underline;
				background: url(images/sipka.gif) no-repeat 0 4px;	
				background-position: left;
			}	
		

		
		
/*------------- container s MENU ------------- */
	
	#container-body #bodyleft {
		text-align: center;
		float: left;
		position: relative;
		border-right: 1px solid #eeeeee;
		width: 210px;
	}	
	
		#container-body #bodyleft #dievca {
			position: relative;
			float: left;
			margin-left: 10px;
			background-image: url(images/dievca.gif);
			background-position: top;
			background-repeat: no-repeat;
			width: 114px;
			height: 87px;
			display: block;
		}
		
			#container-body #bodyleft .menubox {
				position: relative;
				clear: both;
				background-image: url(images/menu-tien-back.jpg);
				background-position: top;
				background-repeat: no-repeat;
				width: 192px;
				text-align: center;
				margin: auto;
			}
		
			#container-body #bodyleft .menubox h3 {
				position: relative;
				width: 180px;
				_width: 182px; /* IE bug with border weight */
				border: 1px solid #c8c8c8;
				margin: auto;
				background-color: #ededed;
				color: #1a3f57;
				font-family: Trebuchet MS, Tahoma, Arial;
				font-size: 1.00em;
				vertical-align: middle;
				font-weight: 800;
				margin-top: 0px;
				margin-bottom: 0px;
			}	
				
			#container-body #bodyleft .menubox UL.menubody {
			_margin: 0px;	/* IE bug with border weight */
			}
				
			#container-body #bodyleft .menubox .menubody {
				position: relative;			
				width: 180px;
				_width: 182px; /* IE bug with border weight */
				padding: 0px;
				margin: auto;
				background-color: white;
				background-image: url(images/background-menu.jpg);
				background-position: bottom;
				background-repeat: x-repeat;
				border-left: 1px solid #c8c8c8;
				border-right: 1px solid #c8c8c8;
				font-family: Trebuchet MS, Tahoma, Arial;
				font-size: 0.7em;
				font-weight: 100;
				color: #1a3f57;
				line-height: 1.2;
				text-align: center;
				padding-top: 8px;
			}	

				#container-body #bodyleft .menubox  .novinka {
					margin: auto;
					margin-left: 10px; 
					margin-right: 10px; 
					padding-top: 10px; 
					text-align: left;
				}
				
				#container-body #bodyleft .menubox .menubody li {
					display: table;
					position: relative;
					width: 154px;
					height: 20px;
					background-image: url(images/tlacidlo-back.jpg);
					text-align: left;
					font-size: 1.3em;
					font-weight: 800;
					margin: auto;
					margin-top: 2px;
					list-style: none;
					border: 1px solid silver;
				}
				
				#container-body #bodyleft .menubox .menubody li a {
					display: table-cell;
					width: 154px;
					height: 20px;
					padding-left: 40px;
					text-align: left;
					text-decoration: none;
					padding-top: 9px;
					padding-bottom: 9px;
					color: #404040;
				}
				
					#container-body #bodyleft .menubox .menubody li a.vydavatelstvo {
					background: url(images/ikona-vydavatelstvo.gif) no-repeat 0 4px;	
					background-position: left;
					}
					#container-body #bodyleft .menubox .menubody li a.vysledky-testov {
					background: url(images/ikona-vysledky-testov.gif) no-repeat 0 4px;	
					background-position: left;
					}
					#container-body #bodyleft .menubox .menubody li a.objednavka {
					background: url(images/ikona-objednavka.gif) no-repeat 0 4px;	
					background-position: left;
					}
					#container-body #bodyleft .menubox .menubody li a.dotaznik {
					background: url(images/ikona-dotaznik.gif) no-repeat 0 4px;	
					background-position: left;
					}
					#container-body #bodyleft .menubox .menubody li a.hlasovania {
					background: url(images/ikona-vote.gif) no-repeat 0 4px;	
					background-position: left;
					}
					#container-body #bodyleft .menubox .menubody li a.vyhercovia {
					background: url(images/ikona-vyhercovia.gif) no-repeat 0 4px;	
					background-position: left;
					}
					#container-body #bodyleft .menubox .menubody li a.kontakt {
					background: url(images/ikona-kontakt.gif) no-repeat 0 4px;	
					background-position: left;
					}
					#container-body #bodyleft .menubox .menubody li a:hover,
					#container-body #bodyleft .menubox .menubody li a.checked {
					/*background: url(images/sipka-nadpis.gif) no-repeat 0 4px;	
					background-position: left;*/
					color: #c00b09;
					background-color: white; 
/*					background-color: white; */
					background-position: -5px;
					}
				
		
			#container-body #bodyleft .menubox .menufooter {
				width: 192px;
				height: 47px;
				margin: auto;
				background-color: #ededed;
				background-image: url(images/menu-spodok.jpg);
				background-position: top;
				background-repeat: no-repeat;
			}	
	
	
	
	
	
	
	
/* ========================== Pata webu ========================== */

#container-bottom {
	clear: both;
	position: relative;
	background-image: url(images/bottom-background.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #96c7e0;
	width: 100%;
}
	
	#container-bottom #bottom-picture {
		position: relative;
		width: 780px;
		height: 112px;
		/*
		background-image: url(images/motiv-bottom.jpg);
		background-color: #96c7e0;
		background-position: top;
		background-repeat: no-repeat;
		*/
		margin: auto;
	}
	
.container-formular {
	background: #fff;
	padding: 10px 5px;
	border: 1px solid silver;
}


.question-box {margin: 5px 0px;}
.question-functions-box {
	float: right;
}

.answer-line {
	display: inline-block;
	height: 1em;
	width: 1px;
	background: red;
}
.tdQuestionText {
	padding-right: 5px;
	text-align: left;
}
.tdQuestionLine {
	width: 150px;
}
.tdQuestionCount {
	padding: 0px 2px;
	text-align: right;
}
.tdQuestionPercent {
	padding: 0px 2px;
	text-align: right;
}
.questionText {width: 60%;}
.questionDiv {margin-top: 10px;}
.labelInlineFirst { width: 80px; display: inline-block;}

td.tdQuestionRadio {width: 25px;}
td.tdQuestionLine {width: 150px;}
td.tdQuestionCount {width: 20px;}
td.tdQuestionPercent {width: 45px;}

div.showed {color: green;}
div.closed {color: red;}
div.prepered {color: yellow;}