/* CSS Document 
	website:		www.dudr.cz
	author: 		Tomáš Podoba - www.podoba.cz
*/

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	background: #fff url(images/bg_shadow.png) top center no-repeat;
	color: #303030;
	text-align: center;
	font-family: Aria, Tahoma, Verdana, "MS Sans Serif";
}

/* START :		general TAGs	*/
a img {
	border: none;
}
a, a:visited		{	text-decoration: none; color: #1e90ff;}
a:hover 				{	text-decoration: underline;}

h1 {
	font-size: 24px;
	margin: 10px 0px 5px 0px;
	padding-left: 20px;
	background: transparent url(images/h1-arrow.gif) 2px 12px no-repeat;
}
h2 {
	font-size: 18px;
	margin: 5px 0px 5px 0px;
	padding-left: 25px;
	background: transparent url(images/h2-arrow.gif) 2px 7px no-repeat;
}
h3 {
	margin: 5px 0px 5px 0px;
	padding-left: 25px;
	background: transparent url(images/h3-arrow.gif) 10px 3px no-repeat;
	font-size: 14px;
}
h4 {
	font-size: 12px;
	font-weight: bold;
}
ul {
	list-style: square;
}
#content ul.gap li {
	padding: 2px;
}

.clear { clear: both; height: 0px; visibility: hidden; font-size: 1px; }

/* END :			general TAGs	*/
/* START :		LAYOUT STYLE	*/

div#all {
	background: #fff;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: auto;
	min-height: 800px;
	position: relative;
	z-index: 1;
}
/*
div#shadow {
	min-height: 800px;
	display: block;
	width: 1100px;
	padding: 0px 50px 0px 50px;
	background: url(images/bg_shadow.png) top left no-repeat;
	float: left;
}
*/
div#container {
	background: #fff;
	margin: 0px auto;
	width: 1000px;
	height: auto;
	float: left;
}

div#top {
	background: white url(images/logo.gif) 0px 0px  no-repeat;
	width: 1000px;
	height: 110px;
	float: left;
}
	#top #topanimated {
		width: 780px;
		height: 110px;
		float: left;
	}
	#top #logo {
		width: 300px;
		height: 110px;
		float: left;
	}
	#top #title {
		width: 480px;
		height: 110px;
		float: left;
	}
		#top #title .logopic {
			position: relative;
			top: 30px;
			float: left;
		}
	#top #navigator {
		background: #fff url(images/bg_navigator.gif) top right no-repeat;
		width: 200px;
		height: 110px;
		float: left;
	}
	#top #navigator-en {
		background: #fff url(images/bg_navigator-en.gif) top right no-repeat;
		width: 200px;
		height: 110px;
		float: left;
	}
	#top #navigator-de {
		background: #fff url(images/bg_navigator-de.gif) top right no-repeat;
		width: 200px;
		height: 110px;
		float: left;
	}	
	 .f1 {
		position: relative;
		top: 40px;
	}
	.f1 a {
		color: #000;
	}
	.f1 img {
		margin: 0 5px 0 0;
	}
div#head {
	background: #fff;
	width: 1000px;
	height: 240px;
	float: left;
}
	#head #banner {
		background: white;
		width: 590px;
		height: 240px;
		float: left;
		margin: 0 5px 0 5px;
		
	}
div#content {
	background: #fff url(images/prechod.png) 0px 0px repeat-x;
	text-align: justify;
	width: 940px;
	padding: 0px 30px 10px 30px;
	height: auto;
	min-height: 200px;
	float: left;	
}
div#footer {
	background: #fff;
	width: 1000px;
	height: 50px;
	text-align: right;
	font-size: 10px;
	float: left;
}
	#footer p {
		margin-right: 30px;
	}
/*----------------- menu ----------------------*/
#head div#menu{
	width: 250px;
	height: auto;
	overflow: hidden;
	background: #d22700;
	text-align: right;
	float: left;
}
#menu ul{
			width: 250px;
			height: 240px;
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
			#menu ul li{
				background: #fff url(images/pm-off.png) repeat-y;
				list-style:none;
				display:block;
				height: 40px;
				line-height: 40px;
				width: 250px;
				margin: 0px;
				padding: 0px;
			}
				#menu ul li a{
					background: #d22700 url(images/menu-off.png) no-repeat;
					display: block;
/*					float: left;			*/
					color: #fff;
					text-transform: none;
					font-size: 13px;
					font-weight: normal;
					height: 40px;
					line-height: 40px;
					text-decoration: none;
					text-align: left;
					width: 200px;
					padding: 0 0 0 50px;
					margin: 0px;
				}
				#menu ul li a:hover {
						font-weight: normal;
						color: #fff;
						background: #ff5f18 url(images/menu-on.png) no-repeat;
						width: 200px;
						padding: 0 0 0 50px;
						text-align: left;
				}
					#menu ul li a.current{
						background: #ff5f18 url(images/menu-on.png) no-repeat;
						font-weight: bold;
						width: 200px;
						padding: 0 0 0 50px;
						text-align: left;
					}
					#menu ul li a:hover.current{
						text-decoration: underline;
						font-weight: bold;
					}


.fleft 		{	float: left;}	
.fright  	{	float: right;}	
.aleft 		{	text-align: left;}	
.aright 		{	text-align: right;}	
.ablock 		{	text-align: justify;}	
.acenter		{	text-align: center;}	
.vmiddle 	{	vertical-align: middle;}
.vbase		{	vertical-align: bottom;}
.vtop			{	vertical-align: top;}


/* START :		other clases	*/
.pics img { display: none }
#content { display: none }
.prouzek-v {background: #fff url(images/linka_vertikalni.gif) 0px 0px no-repeat;}
.prouzek-h {background: #fff url(images/linka_horizontalni.gif) 0px 0px repeat-x; height: 1px; width: 100%; margin: 10px 0px 10px 0px;}

.contact-table {
	width: 100%;
}

.contact-table img {
	vertical-align: middle;
}
.prechod {
	background: #fff url(images/prechod.png) 0px 0px repeat-x;
	height: 40px;
	width: 100%;
	padding: 2px;
}

/*************** main page table ******************/
table#tmainpage {
	margin-top: 40px;
	width: 100%;
}
	.mc {
		vertical-align: top;
		text-align: center;
		width: 280px;
		height: 270px;
	}
		.mc .obal {
			margin: 0px auto;
			text-align: left;
			width: 250px;
		}
			.mc .obal h1 {
				text-align: right;
				font-size: 15px;
				color: #000;
				padding-right: 10px;
				border-right: 5px solid #d2d2d2;
				background: #fff;
			}
			.mc .obal ul {
				list-style: none;
				margin: 10px 0 0 0;
				padding: 0px;
			}
				.mc .obal ul li {
					margin: 0px;
					padding: 5px 0 5px 0px;
					color: #616161;
					font-weight: normal;
				}
				.mc .obal ul li span{
					color: #616161;
					font-weight: normal;
					font-size: 9px;
				}
	.ml {
		background: white url(images/linka_vertikalni.gif) top center no-repeat;
		width: 250px;
	}

fieldset {
	background: #fff url(images/prechod.png) 0px 0px repeat-x;
	border: 2px solid #E3E3E3;
}
fieldset:hover {
	border: 2px solid #f30;
}
legend {
	background: #f30;
	padding: 2px;
	color: white;
	font-weight: bold;
}
td.desc {
	width: 100px;
	vertical-align: middle;
	text-align: left;
}
td.desc2 {
	width: 150px;
	vertical-align: middle;
	text-align: left;
}
.btn_submit {
	height: 50px;
	width: 150px;
	color: #fff;
	background: #4FD450;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid #eee;
}
.btn_submit:hover {
	background: #f30;
}

#content p {
	max-width: 600px;
	margin-left: 10px;
}
th {
	text-align: right;
	padding-right:10px;
}
/****************** formulare *****************/
div#contactFormNavigator {
	width: 100%;
	margin: 0px auto;
	background: transparent;
}
	#contactFormNavigator img {
		padding: 0px;
		margin: 0px;
	}
		#contactFormNavigator ul li {
			float: left;
		}
div#contactFormSelection {
	margin: 0px auto;
	width: 460px;
	margin-left: 250px;
}
		#contactFormSelection ul{
			margin: 0px;
			padding: 0px;
			list-style: none;
			font-size: 14px;
			font-weight: bold;
		}
			#contactFormSelection li{
				background: transparent;			
				list-style: none;
				display: block;
				float: left;			
				height: 50px;
				line-height: 50px;
				padding-right: 2px; 
			}
				#contactFormSelection li a{
					background: #f30;
					display: block;
					float: left;
					color: #fff;
					text-transform: uppercase;
					text-decoration: none;
					text-align: center;
					width: 50px;
					line-height: 50px;
					width: 150px;
					padding: 0px;
					margin: 0px;
				}
					#contactFormSelection li a:hover{
						text-decoration: none;
						background: #000;	
						color: #fff;
						height: 46px;
						line-height: 46px;
					}	


/************* CONTACT MENU ***********************/					
ul#contactMenu {
	
}

.povinne {
	color: #f30;
}
.tdpovinne {
	background: #ededed;
}

.pblok1 {
	float: left;
	width: 150px;
	text-align: left;
}
.pblok2 {
	float: left;
	width: 200px;
	text-align: left;
}


#kontakt, #objednavka, #poptavka {
	padding: 10px;
	margin-top: 30px;
	border: 1px solid #E3E3E3;
}


#b2b {
	position: absolute;
	top: 400px;
	left: -50px;
	height: 200px;
	width: 50px;
	background: transparent;
	z-index: 100;
}
#b2b a {
	display: block;
	height: 200px;
	width: 50px;
	background: transparent url(images/b2b_button.png) 0 0 no-repeat;	
}
#b2b a:hover {
	background-position: -50px 0;
}