/* CSS Document */

* {
	margin:0; padding:0;
	font-size: 9pt;
	text-align: justify;
}

body{
	background:#FFFFFF;
	text-align:center;
}

em {
font-style: normal;
}

img {vertical-align:top;}
a img { border:0; padding:10px 0 20px;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		line-height:20px;
		color:#000000;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#016efa; outline:none;}
a:hover{text-decoration:none;}
p { padding-bottom:15px;}

h1, h2, h3, h4, h5 {font-weight:normal;}
h1 {
	font-size:34px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;}
h1 span {font-size:47px; padding-right:10px; line-height:48px;}
h1 span span {padding:0;}
h1 a {
	font-size:45px;
	color:#000;
	text-decoration:none;
	line-height:95px;
	letter-spacing:-1px;
	}
h1 a span {font-weight:bold;}
h2 {
	font-size:25px;
	color:#0345C0; 
	padding:25px 0 10px;
	margin-bottom: 10px;
	}
	
h2.podtrzene {
border-bottom: 1px solid #EEF;
}

h2 span {font-size:26px; color:#0e0e0e;}
h4 {
	font-size:16px;
	color:#575757;
	line-height:21px;
	padding-bottom:20px;}
h5 {
	font-size:16px;
	color:#016efa;
	line-height:20px;
	padding-bottom:5px;
}
h6 {font-size:13px; color:#000; font-weight:bold;}
/* ============================= main layout ======================*/

.imgindent {margin:0 30px 0 0; float:left; border: 2px solid #eef;}
.fright {text-align:right;}
.last {padding-bottom:0;}

/* ============================= header ====================== */
#header {background:url(images/header_bg_6.jpg) no-repeat center bottom;}
#header ul li {display:inline;}
.logo {height:58px;}
.logo h1 {line-height:113px;}
.logo ul {padding:5px 0 0;}
.logo ul li {color:#aeacac;}
.logo ul li a {
	padding:0 12px;
	color:#000;
	text-decoration:none;
	font-size:12px;
	letter-spacing:-1px;
}


.logo h1 a {color: white;}

.logo h1 {
   margin-left: 50px; margin-top: 70px;
}

.logo h1 span{
   color: #5dc306;
}

.logo ul li a:hover {text-decoration:underline;}

.menu {padding:10px 20px 0; line-height:18px; margin-top: 93px;}

.menu a {
	color:#fff;
	text-decoration:none;
	text-transform:capitalize;
	font-size:17px;
	position:relative;
}
.menu a:hover  {border-bottom:1px solid #fff;}
.menu a.active {color:#61aefb; cursor:default; border:0;}

.menu-delimiter {margin-left: 15px; display: inline-block; line-height:40px; padding-right: 15px; width: 3px; background-image: url('images/menu_delimiter.png'); background-repeat: no-repeat;}

.slogan {text-align:right; padding:43px 115px 0 0;}
/* ============================= content ====================== */
#content {padding:0px 0 20px;}
#content ul {line-height:25px; padding:0 0 10px;}

.col1 .row1 h1 {
	font-size:42px;
	background:url(images/page1_img1.png) no-repeat center left;
	padding:20px 0 15px 55px;
	}
.col1 .row1 h1 span {
	font-size:42px;}
.block {padding:10px 33px;}
.block a {font-weight:bold; font-size:13px;}
.blocks {padding-bottom:20px}
img.blocks {padding:0 0 15px;}
.block h4 {
	font-size:13px;
	padding-bottom:10px;}

/*green block*/
.green {background:#5dc306 url(images/green_bg.gif) no-repeat center top;}
.green h2 {color: black; line-height: 30px; font-size: 20px;}
.green .foot {background:url(images/bg_green_bottom.gif) left bottom; height:30px;}
.green p {color:#2b5904;}
.green h3,.green p span, .green li, .green a {color:#fff;}
#page2 .green h3 {padding-bottom: 25px;}
.green ul li {background:url(images/marker_green.gif) no-repeat left center; padding-left:22px;}

#page4 .green p a {font-size:16px; text-decoration:none; border-bottom:2px solid #b4e485;}
#page4 .green p a:hover {font-size:16px; border:0;}
#page6 .green p {color:#fff;}
#page6 .green p a {color:#2b5904; font-weight:normal;}

/*grey block*/
.grey {background:#dce4ef url(images/bg_grey.gif) no-repeat center top;}
.grey .foot {background:url(images/bg_grey_bottom.gif) left bottom; height:30px;}
.grey h4 a {color:#2e566f; text-transform:uppercase; font-weight:normal}
.grey h5 {color:#333940; padding:15px 0;}
.grey h2 {color:#0e0e0e; padding:25px 0 15px; line-height: 30px;}
.grey a {color:#000;}
.grey li {color:#333940;background:url(images/marker.gif) no-repeat left center; padding-left:22px;}

/*light-blue block*/
.light-blue {background:#CEE0FA url(images/bg_light-blue.gif) no-repeat center top;}
.light-blue .foot {background:url(images/bg_light-blue_bottom.gif) left bottom; height:30px;}
.light-blue h4 a {color:#2e566f; text-transform:uppercase; font-weight:normal}
.light-blue h5 {color:#333940; padding:15px 0;}
.light-blue h2 {color:#0e0e0e; padding:25px 0 15px;}
.light-blue a {color:#000;}
.light-blue li {color:#333940;background:url(images/marker.gif) no-repeat left center; padding-left:22px;}


#page4 .grey h3 {padding:35px 0 20px;}

table.produkt {
width: 540px;
font-size: 12px;
margin-top: 20px;
}

table.produkt tr td {
	padding: 5px 5px;
}

table.produkt tr td.hlavni-kat {
	background-color: #9BDE1F;
}

table.produkt tr td.nazev {
	width: 130px;
	padding-left: 40px;
	vertical-align: top;
}

table.produkt tr td.obsah {

}


/*cols*/
.col2 .row1 {border-bottom:1px dashed #a6becc; padding-bottom:20px;}
.col2 .row1, .col2 .row2 {padding-right:0px;}
.col2 li {background:url(images/marker_white.gif) no-repeat 0px 8px;
					padding-left:22px;}

#page1 .grey p span {text-decoration:underline;}
/*buttons*/
.btn span span {padding:3px 14px 23px 15px;}
.btn {
	display:inline-block; background:url(images/btn_middle.gif) repeat-x top left;
	color:#3e3e3f;
	font-weight:bold;
	text-decoration:none;
	}
.btn span { background:url(images/btn_left.gif) no-repeat top left; display:inline-block;}
.btn span span {background:url(images/btn_right.gif) no-repeat top right;}
.btn:hover {background:url(images/btn_middle.gif) repeat-x bottom left;}
.btn:hover span { background:url(images/btn_left.gif) no-repeat bottom left;}
.btn:hover span span {background:url(images/btn_right.gif) no-repeat bottom right;}

/*contacts, phones*/
.contacts p {font-size:16px;}
.contacts span {width:95px; display:inline-block;}
.contacts a {
	font-size:16px;
	display:inline-block;
	text-decoration:none;
	border-bottom:2px solid #888f97;
	}
.contacts a:hover {border-bottom:2px solid #dde5ef;}
.phone span {width:85px; display:inline-block;}
.phone p {padding-bottom:30px;}
/* ============================= footer ====================== */
#footer {border-top:1px solid #dee6f0; font-size:12px;}
#footer a  {padding-left:10px; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

#page8 p {padding-bottom:20px;}
#page8 #content {padding:25px 33px 40px;}
#page8 #content a {color:#000; font-weight:bold;}
/* ============================= forms ============================= */
#ContactForm {margin-top:15px;}
#ContactForm input {
	background:url(images/input_bg.gif) no-repeat top left;
	width:191px;
	border:0;
	padding:5px 10px;
	margin-bottom:12px;
	}
#ContactForm textarea {
	background:url(images/textarea_bg.gif) no-repeat top left;
	width:193px;
	height:172px;
	padding:5px 10px 10px;
	overflow:auto;
	border:0;
	margin-bottom:15px;
}
#ContactForm p a {margin-left:15px;}

.produkt-detail {
margin-top: 10px;
margin-bottom: 20px;
}

.produkt-detail h3, .produkt-detail h3 a {
color: #054DD7;
font-size: 18px;
font-weight: bold;
text-decoration: none;
}

.produkt-detail a img{
border-width: 0;
padding-top: 0;
margin-top: 20px;
}


.produkt-detail a.btn {
margin-top: -10px;
margin-left: 460px;
}

#produkt-fotky
{
text-align: center;
}

#produkt-fotky a{
display: inline-block;
width: 100px;
height: 100px;
line-height: 100px;
vertical-align: middle;
margin: 10px;
}

.images-block {
margin: 10px 0;

}

.images-block img {
width: 270px;
padding: 2px;
border: 1px solid rgb(186,186,186);
}

.col2 h3 {
font-size: 16px;
font-weight: bold;
color: #5DC306;
}

.col2 p {
padding: 5px 15px;
margin-bottom: 0px;
}

.contact-img {
width: 290px;
padding: 2px;
border: 1px solid gray;
margin-top: 60px;
}

table.table-contact td {
  vertical-align: top;
}

.error {
color: red;
font-weight: bold;
}

.reference {
 margin-top: 20px;
}

.reference img {
width: 200px;
float: left;
margin-right: 15px;
padding: 2px;
border: 1px solid gray;
}

.reference p {
padding: 0;
min-height: 130px;
font-size: 9pt;
}

.news-item {
margin-bottom: 20px;
}

.news-item h3 {
font-size: 15px;
font-weight: bold;
color: #fff;
text-align: left;
}

.news-item em {
font-size: 10px;
}

#sitemap {
margin: 0 0 10px 10px;
}

#sitemap ul{
margin-left: 20px;
}

.t-right {
text-align: right;
}

#login {
display: none;
width: 160px;
position: absolute;
margin-top: 5px;
margin-right: 250px;
border: 1px solid black;
background-color: #F6F6F6;
padding: 5px 10px;
}

#login .t-right a {
font-weight: bold;
color: red;
text-decoration: none;
display: inline-block;
background-color: #ECECEC;
width: 18px;
height: 14px;
text-align: center;
line-height: 14px;
vertical-align: middle;
}

#login span{
display: inline-block;
width: 60px;
}

#login input{
display: inline-block;
width: 80px;
margin: 2px 0;
}

table.form td.nazev {
width: 80px;
font-weight: bold;
vertical-align: top;
}

table.form input {
width: 230px;
}

h3{
font-size: 12px;
font-weight: bold;
color: #5DC306;
}

#pagination {
text-align: center;

}

#pagination a {
display: inline-block;
width: 20px;
height: 15px;
line-height: 15px;
text-align: center;
vertical-align: middle;
font-weight: bold;
border: 1px solid #0345C0;
color: #0345C0;
text-decoration: none;
}

#pagination a:hover, #pagination a.active{
background-color: #0345C0;
color: white;
}


.centrovani {
  text-align: center;
}

div.ref h2 {
  font-size: 11pt;
  font-weight: bold;
  color: #FFF;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

div.ref {
  font-size: 9pt;
  text-align: justify;
}

div.ref img {
  width: 180px;
  text-align: center;
  margin: 10px;
  margin-left: 20px;
  display: block;
  border: 2px solid #888;
}

.logo-href {
width: 300px; height: 80px; position: absolute; top: 35px;
display: block;
}

.w250 {
width: 250px;
}

.noborder {
border: none;
}

#tagcloud {
width: 100%;
text-align: left;
background-color: white;
}

#tagcloud a {
text-decoration: none;
display: inline;
font-size: 9px;
color: silver;
}

#tagcloud h4, #tagcloud strong, #tagcloud em{
display: inline;
margin: 0;
padding: 0;
padding-right:  4px;
font-weight: normal;
font-style: normal;
}