/* KADUS main CSS */

/* start Elements */
* {margin: 0px; padding: 0px;}
body {background-color: #fafafa; color: #484848; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 2em;}
h2 {font-size: 13px; margin: 5px 0 2px 10px; width: 450px;}
h3 {font-size: 13px; margin: 5px 0 2px 10px; width: 200px;}
p {margin: 8px 40px 0 10px;  text-align: justify; }
ul {list-style: circle; padding-left: 10px;}
li {line-height: 2em; margin-left: 10px;}
/* end Elements */

/* start layout */
#wraper {position: relative; margin-left: auto; margin-right: auto; width: 746px;}
#header {position: relative; width: 746px; height: 113px; float: left; background-image: url(../images/bg_header.gif);}
#content {position: relative; width: 746px; float: left; background-image: url(../images/bg_content.gif);}
#columnLeft {position: relative; width: 148px; float: left;}
#columnRight {position: relative; width: 598px; float: left;}
#footer {position: relative; width: 746px; height: 133px; clear: both; background-image: url(../images/bg_footer.gif);}
/* end layout */

/* start header */
.logo {position: relative; float: left; top: 55px; left: 50px;}

#menu {position: relative; float: left; top: 45px; left: 65px;}
/* end header */

/* start columnRight */
.red {background-color: #fff; color: #a63535;}
.blue {background-color: #fff; color: #4c6996;}
.green {background-color: #fff; color: #7b8a18;}
.brown {background-color: #fff; color: #b68113;}
.grey {background-color: #fff; color: #4e4e50;}

.red a:link, .red a:active, .red a:visited {background-color: #fff; color: #a63535; text-decoration: underline; font-weight: bold;}
.red a:hover {background-color: #fff; color: #000; text-decoration: underline; font-weight: bold;}
.blue a:link, .blue a:active, .blue a:visited {background-color: #fff; color: #4c6996; text-decoration: underline; font-weight: bold;}
.blue a:hover {background-color: #fff; color: #000; text-decoration: underline; font-weight: bold;}
.brown a:link, .brown a:active, .brown a:visited {background-color: #fff; color: #b68113; text-decoration: underline; font-weight: bold;}
.brown a:hover {background-color: #fff; color: #000; text-decoration: underline; font-weight: bold;}
.green a:link, .green a:active, .green a:visited {background-color: #fff; color: #7b8a18; text-decoration: underline; font-weight: bold;}
.green a:hover {background-color: #fff; color: #000; text-decoration: underline; font-weight: bold;}			

.columnOne {float: left; width: 260px; margin-left: 10px;}
.columnTwo {float: left; width: 260px; margin-left: 10px;}

.imgPadding {float: left; padding-right: 10px;}
.noJustify {text-align: left;}
.bigA {font-size: 24px; background-color: #fff; color: #b68113; font-weight: bold;}
.tablePopis {width: 560px;}
.center {padding-left: 150px;}
.underline {text-decoration: underline; font-weight: bold;}
/* end columnRight */

/* start footer */
.copyright {position: relative; float: left; top: 30px; left: 60px;}
#menuFooter {position: relative; float: left; top: 10px; left: 45px;}
/* end footer */

/* forme */
input {
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}
select {
		font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}
/* forme */



.kontakt_input {
	background-color: #F5F5F5;
	height: 15px;
	width: 200px;
	border: 1px solid #C1C1C1;
	margin-top: 3px;
}
textarea {
	background-color: #F5F5F5;
	height: 50px;
	width: 200px;
	border: 1px solid #C1C1C1;
	margin-top: 3px;
}

.kontakt_p {
	margin: 0px;
	padding: 0px;
}

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 4px rgba #999999;
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	box-shadow: 0 1px 4px rgba(0,0,0,.2);
	color: #fef4e9;
	border: solid 2px #c68e17;
	background: #c68e17;	
}
.button:hover {
	text-decoration: none;
	background: #fbb117;		
}
.button:active {
	position: relative;
	top: 2px;
}

img.logo:hover {
	cursor: pointer;
	}