body {
	font-family:Tahoma;
	margin:0px;
	padding:0px;
	background:#e8e8e8 url(img/main-bg.png) repeat-x 0px 54px;
	
}

.full_width {
	width:100%;
}

#lista {
	background:url(img/header-bg.png) repeat-x;
	height:54px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:-1;
}

#main {
	width:900px;
	margin:0px auto;
	position:relative;
}

#logo_menu {
	text-align:center;
}

#logo_menu > div {
	display:inline-block;
}

#login {
	position:relative;left:-40px;float:left;
	margin-left:50px;
	text-align:center;
	height:46px;
	background: #7d7e7d; /* Old browsers */
	background: -moz-linear-gradient(top,  #7d7e7d 0%, #515151 41%, #383838 63%, #383838 63%, #3f3f3f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(41%,#515151), color-stop(63%,#383838), color-stop(63%,#383838), color-stop(100%,#3f3f3f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7d7e7d 0%,#515151 41%,#383838 63%,#383838 63%,#3f3f3f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7d7e7d 0%,#515151 41%,#383838 63%,#383838 63%,#3f3f3f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7d7e7d 0%,#515151 41%,#383838 63%,#383838 63%,#3f3f3f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #7d7e7d 0%,#515151 41%,#383838 63%,#383838 63%,#3f3f3f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#3f3f3f',GradientType=0 ); /* IE6-9 */
	line-height:46px;
	text-align:center;
	-webkit-border-radius:18px;-moz-border-radius:18px;-ms-border-radius:18px;-o-border-radius:18px;border-radius:18px;
	margin-top:4px
}

#login:hover {
	opacity:0.9;
}

#login a {
	text-decoration:none;
	color:white;
	padding:10px 14px 10px 14px;
}

#logo {
float:left;position:relative;left:-30px;
}

#menu {
	float:left;
	color:white;
position:relative;left:-60px;
}

#menu ul {
	padding:0px;
	margin:0px;
}

#menu ul li {
	list-style:none;
	display:inline-block;
	line-height:54px;
	height:54px;
	border-right:2px solid grey;
	font-size:14pt;
}

#menu ul li a {
	text-decoration:none;
	color:white;
	padding-right:20px;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
}

#menu ul li:hover a {
	color:#a6ce39;
}


#content h1 {
	height:70px;
	width:100%;
	color:#3F5F1F;
	background:#E0ECC0;
	text-align:center;
	font-size:29pt;
	text-decoration:none;
	padding:0px;
	margin-top:5px;
	margin-bottom:20px;
	margin-left:0px;
	margin-right:0px;
	line-height:70px;
}

#content {
	padding-top:30px;
	position:relative;
	margin-bottom:40px;
	top:10px;
	background:rgba(255,255,255,0.90);
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
	min-height:700px;
	-webkit-box-shadow: 0px 1px 11px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 1px 11px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 1px 11px 0px rgba(50, 50, 50, 0.75);
text-align:justify;
}

#text {
	padding:10px 30px 10px 30px;
}

#text h2 {
	color:#9ea344;
	font-size:24pt;
	font-weight:bold;
	display:inline-block;
	padding-bottom:1px;
	margin-top:0px;
	border-bottom:3px solid #9ea366;
	margin-bottom:9px;
}

#text h3 {
	font-size:15pt;
	font-weight:bold;
	margin-bottom:-14px;
	-webkit-margin-after:-14px;
}

#text a {color: black}

#text a:hover {color:#a6ce39}

#footer_content {
	width:900px;
	margin:0px auto;
	padding-top:30px;
	color:white;
}

#footer_content div{
	width:280px;
	float:left;
	padding-top:0px;
	margin-right:20px;
}



#footer_content>div>h4{
	font-size:10pt;
	padding-left:10px;
	padding-bottom:10px;
	border-bottom:1px solid grey;
	cursor:default;
}

#footer_content>div:nth-child(2)>ul{
	list-style-image:url(img/odr.png);
	margin-left:0px;
}

#footer_content>div>ul>li{
	line-height:15px;
}

#footer_content>div>ul{
	margin-left:20px;
}

#footer_content>div:nth-child(1)>ul>li{
	line-height:20px;
	font-size:10pt;
	padding-left:7px;
}

#footer_content>div:nth-child(2)>ul li a{
	text-decoration:none;
	color:white;
	font-size:10pt;
}

#footer_content>div:nth-child(1)>ul li a{
	text-decoration:underline;
	color:white;
	font-size:12pt;
}

#footer_content>div:nth-child(2)>ul li a:hover{
	border-bottom:1px solid grey;
}

#footer_content>div:nth-child(1)>ul{
	list-style:none;
	padding-left:10px;
}

#footer_content>div:nth-child(3)>ul>li{
	line-height:20px;
	font-size:10pt;
	padding-left:7px;

}
#footer_content>div:nth-child(3)>ul{
	list-style:none;
	padding-left:10px;
}
#footer_content>div:nth-child(3)>ul li a{
	text-decoration:none;
	color:white;
}

#footer_content>div:nth-child(3)>ul li a:hover{
	border-bottom:1px solid grey;
}


#footer {
	background:url(img/footer-bg.png) repeat;
	height:200px;
}

#areas {
	margin-top:30px;
}

#areas>div{
	padding-top:10px;
	width:280px;
	height:180px;
	text-align:center;
	float:left;
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
	
}

#areas>div:hover{
	-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
background:rgba(255,255,255,0.8);
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}


#areas>div>a{
	text-decoration:none;
}

.img-kulate {width:270px}

.img-kulate-link{display:inline-block;padding:4px;background-color:#FFF;line-height:0;-webkit-transition:background-color 0.1s ease-out;-moz-transition:background-color 0.1s ease-out;-o-transition:background-color 0.1s ease-out;transition:background-color 0.1s ease-out;}

.img-kulate-link:hover{background-color:#a6ce39}

#buy {width:120px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;padding:10px;background-color:#a6ce39;margin-top: 5px;margin-left: auto;margin-right: auto;text-align:center;font-weight: bold}

#buy a {text-decoration:none;color:black}

#buy a:hover {text-decoration:none;color:white}
#buy:hover {opacity:0.85}

#flags {
	width:90px;
	position:absolute;
	left:800px;
	top:58px;
	height:21px;
	text-align:center;
	line-height:21px;
	cursor:pointer;
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    color:white;
	font-size:10pt;
	margin-right:10px;
background:#383838;
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}


#flags:hover{
	background:black;
	opacity:0.8;
}

#flags:hover #flags_box{
	display:block;
	opacity:1;
}

#flags_box {
	position:absolute;
	opacity:1;
	cursor:default;
	display:none;
	width:212px;
	background:url(img/flag_back.png) no-repeat;
	height:60px;
	top:18px;
	left:-64px;
	padding-top:23px;
	padding-left:0px;
}

#flags_box img {
	padding-right:4px;
}

#navrh {position:relative;
	width:60%;
	margin:0px auto;}

#navrh input[type=number] {width:50px}

.vystup {position:relative;
	width:60%;
	margin:0px auto;
	border-collapse: collapse;}

.vystup td, .vystup th {
	border:1px solid #7bad45;
	text-align: center;}

.vystup th {background-color: #7bad45;
    color: white;}
.vystup td.price {
	text-align: right;
	padding-right: 5px;
}

#qa li {padding-bottom:10px}

#pdf {margin-right:4px;margin-left:10px}

.kontaktin {width:100%}

#objednat {text-align:center}
#objednat input[type=button] {margin-right:10px}

.components { background-color:#fff; border-collapse:collapse; width:60%;}
.components thead th { border-right:1px solid #fff; color:#fff; text-align:center; padding:2px; height:25px; background-color:#a3c159;}
.components tfoot { padding:2px; margin-top:6px; border-top:3px solid #a3c159;}
.components tbody tr { background-color:#fff; border-bottom:1px solid #f0f0f0;}
.components tbody td { color:#414141; padding:5px; text-align:left;}
.components tbody th { text-align:left; padding:2px;}

#buy {width:120px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;padding:10px;background-color:#a6ce39;margin-top: 5px;margin-left: auto;margin-right: auto;text-align:center;font-weight: bold}

#buy a {text-decoration:none;color:black}

#buy a:hover {text-decoration:none;color:white}
#buy:hover {opacity:0.85}