/*////////////////////////////////////////
	=RESET 
////////////////////////////////////////*/

html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, img, ol, ul, li, textarea,
fieldset, form, input, button {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline; }

/*////////////////////////////////////////
	=MIXED
////////////////////////////////////////*/

body {
	font-family: 'Tahoma', Geneva, sans-serif;
	background:url(../images/ph_patern.jpg) #FFF;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, h6 { 
	color:#231f20;
	padding-bottom:7px;
	text-shadow:white 1px 1px 1px; }
	
h1 {
	background:url(../images/logo.jpg) no-repeat;
	width:235px;
	height:190px;
	padding:0;
	margin:20px 0 0 80px;
	cursor:pointer;
}
h2 {
	background:url(../images/logo.jpg) no-repeat;
	width:235px;
	height:190px;
	padding:0;
	margin:20px 0 0 80px;
	cursor:pointer;
}

h3 {
	font-size:11px;
	font-weight:bold;
}


.clear {clear:both}

a       {color:#231f20; text-decoration:none; font-weight:normal;}
a:hover {color:#949494; text-decoration:none; font-weight:normal;}


#wrapper {
	background:url(../images/bg.jpg);
	width:1024px;
	height:760px;
	margin:10px auto;
	padding-top:10px;
	font-size:12px;
	border:1px solid #000;
}
#wrapper-kontakt {
	background:url(../images/bg-kontakt.jpg);
	width:1024px;
	height:760px;
	margin:0 auto;
	margin:10px auto;
	padding-top:10px;
	font-size:12px;
	border:1px solid #000;
}

#left {
	background:url(../images/bg_left.jpg);
	width:324px;
	height:760px;
	float:left;
	margin:0;
	padding:0;
}

	.menu {
		width:324px;
		text-align:right;
		margin-top:70px;
	}
		.menu ul {
			list-style:none;
		}
			.menu li {
				text-transform:uppercase;
				font-size:12px;
				padding-bottom:10px;
				
			}
				.menu a       {color:#231f20; text-decoration:none; font-weight:bold;}
				.menu a:hover {color:#949494; text-decoration:none; font-weight:bold;}
			.menu li .active       {color:#949494;}

#right {
	width:700px;
	height:760px;
	float:left;
	margin:0;
	padding:0;
	position:relative;
}

	.search {	
		float:left;
		margin:0 20px 0 290px;
		color:#949494;
		font-size:10px;
	}
		#search     {background:#FFF; color:#949494; cursor:pointer;}
		#search-web {background:#FFF; color:#949494; border:1px solid #dedede; padding:2px; width:169px}

	.language {	
		float:right;
		color:#949494;
		font-size:10px;
		padding-top:2px;
		margin-right:20px;
	}
		.language a       {color:#949494; text-decoration:none; font-weight:normal;}
		.language a:hover {color:#231f20; text-decoration:none; font-weight:normal;}

	.content {	
		width:320px;
		margin:280px 0 0 20px;
		color:#251f21;
		font-size:12px;
	}
		.text {	
			width:280px;
			text-align:left;
		}
		
		.gallery {
			padding-top:10px;
		}		
		.gallery ul {
			list-style:none;
		}
			.gallery li {
				text-transform:uppercase;
				font-size:12px;
				padding:0 10px 10px 0;
				float:left;
			}
			
		.table {	
			width:130px;
			float:left;
		}
				
	.footer {
		position:absolute;
		bottom:0;
		width:700px;
	}	
	.footer-menu {
		width:550px;
		float:left;
	}
	.footer-menu ul {
		list-style:none;
	}
		.footer-menu li {
			font-size:10px;
			padding:0 0 10px 0;
			float:left;
		}
			.footer-menu a       {color:#949494; text-decoration:none; font-weight:normal; padding:0 5px;}
			.footer-menu a:hover {color:#231f20; text-decoration:none; font-weight:normal; padding:0 5px;}
			
	.counter {
		float:right;
		width:150px;
		font-size:10px;
	}
	
.form {
	font-size:10px;
}	
	.odosielatel {
		/*width:200px;*/
		float:left;
	}
		.odosielatel label{ color:#949494; padding:2px; width:80px; float:left; text-align:right;}
		.odosielatel input{background:#FFF; color:#949494; border:1px solid #dedede; padding:2px; width:100px; float:left; margin:0 0 5px 5px}		
		
		.dopl_udaje label{ color:#949494; padding:2px; width:80px; float:left; text-align:right;}
		.dopl_udaje textarea{background:#FFF; color:#949494; border:1px solid #dedede; padding:2px; width:216px; height:100px; float:left; margin:0 0 5px 5px}
		
	.form .div{ padding:2px; width:84px; float:left;}
		
	.prijemca {
		/*width:110px;*/
		float:left;
	}
		.prijemca input{background:#FFF; color:#949494; border:1px solid #dedede; padding:2px; width:100px; margin:0 0 5px 5px}
		
	.submit {
		width:105px;
		height:18px;
		margin-left:90px;
		cursor:pointer;
		background:#7F7F7F;
		color:#FFF;
		font-weight:bold;
		font-size:11px;
	}
	

.success-contact {
	text-align:center;
    color:#3F9153;
	margin-bottom:5px;
    padding:8px 10px 8px 20px;
    background:#D7F7DF url(../images/success.png) no-repeat;
	background-position:15px 5px;
    border:1px solid #A3F7B8
} 
.loading{
    background:url(../images/loading-contact.gif) top left no-repeat;
    padding-left:25px;
	color:#797979;
    margin-top:0px;
}