body {
	background: #192325 url(images/bg-top.gif) repeat-x top;
	margin:0 auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#fff;
	margin-top:9px;
}

a img, a:link img, a:visited img, a:hover img { border:0; }

#left { display:inline; float:left; }
#right { display:inline; float:right; }

ul { list-style-image:url(images/arr.gif); }
li { line-height:26px; }

div.header {
	line-height:30px;
	height:30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#fff;
	margin-left:9px;
	margin-right:9px;
}
div.header a, div.header a:link, div.header a:visited, div.header a:hover { color:#fff; padding:3px; }
div.header a:hover { color:#000; background:#00bce9; text-decoration:none; }

#image { padding:0; background:0; }
#image img { border:0; }

a.q, a.q:link, a.q:visited, a.q:hover { color:#fff; padding:3px; }
a.q:hover { color:#000; background:#00bce9; text-decoration:none; }

div.logo {
	background: url(images-login/logo.jpg) no-repeat center;
	margin-top:215px;
	width:100%;
	height:32px;
}

div.login { width:202px; margin:0 auto; margin-top:14px; overflow:hidden; }

input.text, textarea {
	display:block;
	background:#eff1f1 url(images-login/input.gif) repeat-x;
	border: 1px solid #2c383a;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#2c383a;
	font-weight:bold;
	height:17px;
	line-height:17px;
	padding:5px;
	padding-bottom:2px;
	margin-bottom:10px;
	text-align:center;
	width:200px;
}

textarea { height:68px; }

input.button, input.button-send {
	width:99px;
	height:26px;
	margin-left:113px;
	border:0;
	background:url(images-login/button.jpg) no-repeat;
}
input.button-send {	background:url(images/button-odoslat.jpg) no-repeat; }

input.button:hover { background:url(images-login/button-hover.jpg) no-repeat; }
input.button-send:hover {	background:url(images/button-odoslat-over.jpg) no-repeat; }

/* vseobecne */

div.main, div.header, div.tbl {
	width:880px;
	margin:0 auto;
	overflow:hidden;
}

div.left { display:inline; float:left; }
div.right { display:inline; float:right; }

a, a:link, a:visited, a:hover { color:#fff; text-decoration:underline; }
a:hover { text-decoration:none; }

span a, span a:link, span a:visited, span a:hover { color:#00bce9; text-decoration:underline; }
span a:hover { text-decoration:none; }

span { color:#00bce9; }

strong { color:#fff; }
strong span { color:#00bce9; }

p { line-height:20px; margin:0; }

h1, h2, h3, h4, h5, h6 { margin:0; }

div.hr { height:1px; background:#212c2e; overflow:hidden; width:880px; margin:20px 0 20px 0; }

/* header */

div.header { height:100px; }

h1 {
	font-size:18px; font-weight:normal; margin-bottom:15px; background:#192325; padding:5px; line-height:28px; display:inline;
}

h1.header {
	font-size:12px;
	font-weight:normal;
	color:#00bce9;
	line-height:20px;
	margin-right:3px;
	margin-bottom:5px;
	background:none;
}
div.formular h1 { color:#fff; }

h2 { color:#00bce9; font-size:14px; }

img.logo { float:left; }

div.info {
	display:inline;
	float:right;
	text-align:right;
}

div.header p.menu { font-size:17px; }

div.nadpis { height:36px; }

/* index-referencie */

div.tbl {
	width:900px;
}
div.tbl h2 { margin-left:10px; margin-bottom:5px; }

div.tr {
	height:245px;
	overflow:hidden;
}

div.td {
	width:280px;
	margin:10px;
	display:inline;
	float:left;
}
div.td span { display:block; font-size:11px; color:#00bce9; line-height:20px; text-align:center; width:280px; }

div.td div.referencia {}

div.td div.referencia img {
	border: 5px solid #00bce9;
	width:270px;
	height:190px;
}

/* balicek */

div.balicek1, div.balicek2, div.balicek3, div.balicek4 {
	overflow:hidden;
	margin-top:20px;
	height:120px;
}

div.balicek1 {
	padding-top:20px;
	height:100px;
}
div.balicek2 {
	padding-top:20px;
	height:100px;
}
div.balicek3 {
	padding-top:10px;
	height:110px;
}
div.balicek4 {
	padding-top:0px;
}

div.binfo { display:inline; float:left; width:600px; }

div.buy, div.buy1, div.buy2, div.buy3 {
	display:inline;
	float:right;
	overflow:hidden;
	width:186px;
	height:32px;
	background:url(images/buy.gif) repeat-x;
	border:1px solid #00bce9;
	margin-right:2px;
	margin-left:70px;
	line-height:32px;
	color:#212c2e;
	font-size:14px;
	font-weight:bold;
	padding: 0 10px 0 10px;
}

div.buy { margin-top:8px; }
div.buy1 { margin-top:10px; }
div.buy2 { margin-top:17px; }
div.buy3 { margin-top:24px; }

div.balicek1 span, div.balicek2 span, div.balicek3 span, div.balicek4 span { float: right; color:#fff; }

div.buy a, div.buy a:link, div.buy a:visited, div.buy a:hover, div.buy1 a, div.buy1 a:link, div.buy1 a:visited, div.buy1 a:hover, div.buy2 a, div.buy2 a:link, div.buy2 a:visited, div.buy2 a:hover, div.buy3 a, div.buy3 a:link, div.buy3 a:visited, div.buy3 a:hover { color:#212c2e; }

/* kontakt */

div.kontakt { display:inline; float:left; width:630px; }

div.kontakt p { margin:30px 0 30px 0; }

div.kontakt div.hr { width:330px; }

div.formular {
	display:inline;
	float:right;
	width:220px;
	height:320px;
	background: #192325 url(images/form.jpg) no-repeat;
	color:#192325;
	padding:15px;
}

div.formular form { padding:4px; }

div.formular textarea {}

div.formular h2 { color:#fff; }

/* footer */

div.footer {
	margin-top:30px;
	padding-top:30px;
	background: #192325 url(images/bg-bottom.gif) repeat-x top;
	height:180px;
	font-size:14px;
}

div.footer h1 { color:#00bce9; margin-bottom:5px; /* padding:0; background:none; display:block;*/ }

div.footer ul {	margin:0; margin-bottom:15px; padding:0; height:20px; list-style-image:none; }
div.footer li { display:inline; float:left; margin-right:87px; }
div.footer li.last { margin-right:0; }

div.footer p { margin-top:15px; margin-bottom:15px; }

/* panely */

div.panel {
	width:280px;
	display:inline;
	float:left;
}

div.content {
	width:580px;
	margin-left:20px;
	display:inline;
	float:left;
}

div.content p { margin-top:10px; margin-bottom:15px; }

#balik { float:inherit; width:100px; margin-left:18px; }

#t-center { text-align:center; }
#text { margin-right:20px; }
#index-d { margin-top:20px; }

h2 a, h2 a:link, h2 a:visited, h2 a:hover { color:#00bce9; }

div.panel div.referencia img {
	border: 5px solid #00bce9;
	width:270px;
	height:190px;
	margin-bottom:20px;
}

/* red styles definition */

#red { color:#c85856; }
#red-q { color:#fff; }
#red-q a.q, #red-q a.q:link, #red-q a.q:visited, #red-q a.q:hover { color:#fff; padding:3px; }
#red-q a.q:hover { color:#000; background:#c85856; text-decoration:none; }

#red-buy div.buy, #red-buy div.buy1, #red-buy div.buy2, #red-buy div.buy3 {
	background:url(images/buy-red.gif) repeat-x;
	border:1px solid #c85856;
}

#red-li { list-style-image:url(images/arr-red.gif); }