/* --------------------------------------------------------------------------
		created by Marek Levák - www.designme.sk
	-------------------------------------------------------------------------- */

/* Reset by Eric Meyer ................. */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;	
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; 	border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

blockquote2:before, blockquote2:after, q:before, q:after {}
blockquote2, q {}
	
	
/* Common ................. */
body {
	color: #000000;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #2060A6;
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
	text-align: center;
}
a, a:active, a:visited { color: #41658D; text-decoration: underline; font-weight: bold; }
a:hover { color: #000; }

div { text-align: left; }
img { border: none; }
input, textarea { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #555; border: 1px solid #85AFDE; padding: 3px; overflow: visible; }
select, option { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #555; }

/* Cleaners ................. */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.cleaner { height: 0; font-size: 0; line-height: 0; clear: both }

/* Headings ................. */
h1 { font-size: 20px; color: #007FE5; margin: 20px 10px; padding-bottom: 4px; font-weight: normal; line-height: 105%; border-bottom: 1px dotted #6DD5EB; }
h2 { font-size: 16px; color: #000064; margin: 25px 0 10px 0; font-weight: bold; }
h3 { font-size: 13px; color: #007FE5; margin: 5px 0 10px 0; font-weight: bold; }

/* Paragraphs ................. */
p { margin: 10px 0; }

/* Layout ................. */
#wrapper { width: 910px; margin: 0 auto; }

#header { height: 195px; background-image: url(../images/header.jpg); background-repeat: no-repeat; position: relative; }
#header #logo { position: absolute; left: 0; top: 50px; }
#header #language { position: absolute; right: 0; bottom: 15px; }
#header #language ul li { float: left; display: inline; width: 60px; text-align: center; }
#header #language ul li img { margin-bottom: 3px; }
#header #language ul li a, #header #language ul li a:active, #header #language ul li a:visited { 
	font-size: 12px; color: #fff; text-decoration: none;
}
#header #language ul li a:hover, #header #language ul li a.aktivna, #header #language ul li a.aktivna:link, #header #language ul li a.aktivna:visited
{ text-decoration: underline; color: #5BE7FF; }


#sidebar { float: left; display: inline; width: 180px; background: url(../images/sidebar-bg.jpg) no-repeat top right; }
#sidebar img { margin-top: 35px; }
#sidebar ul li { background: url(../images/bullet-menu.gif) no-repeat left 8px; }
#sidebar ul li ul li { background: none; }
#sidebar ul li a, #sidebar ul li a:active, #sidebar ul li a:visited {
	color: white;
	font-weight: bold;
	padding: 6px 5px 6px 15px;
	display: block;
	font-size: 12px;
	text-decoration: none;
	height: 1%;
	background: url(../images/divider-menu.png) no-repeat left bottom;
}
#sidebar ul li ul li a, #sidebar ul li ul li a:active, #sidebar ul li ul li a:visited {
	font-weight: normal;
	padding: 6px 5px 6px 25px;
	font-size: 11px;	
}
#sidebar ul li a:hover, #sidebar ul li a.aktivna, #sidebar ul li a.aktivna:link, #sidebar ul li a.aktivna:visited
{ color: #00CCFF; text-decoration: underline; }


#obsah-wrapper { float: left; display: inline; width: 730px; background-color: #fff; }
#lista { height: 35px; position: relative; background: url(../images/lista.png) no-repeat top left; }
#lista #print { position: absolute; top: 10px; right: 13px; }
#lista p { line-height: 35px; margin: 0 0 0 10px; color: #fff; }
#lista p a, #lista p a:active, #lista p a:visited { color: White; }
#lista p a:hover { color: Aqua; }

#padding { padding: 10px 0 20px 10px; background: url(../images/padding-bg.png) no-repeat top left; }

#obsah { float: left; display: inline; width: 500px; margin-right: 10px; }
#intro { background: url(../images/intro-bg.jpg) no-repeat top left; height: 140px; color: White; margin-bottom: 20px; }
#intro p { margin: 10px 20px 0 20px; line-height: 140%; font-size: 12px; }
#intro h1 { color: white; margin: 0 0 0 20px; padding-top: 20px; font-size: 18px; border: none; }
h1.aktuel { background: url(../images/ico-fish.gif) no-repeat top left; padding-left: 35px; line-height: 35px; }

.novinka { margin: 0 10px; border-bottom: 1px solid #ddd; margin-bottom: 15px; padding-bottom: 15px; font-size: 12px; line-height: 140%; }
.novinka img { float: left; margin-right: 15px; }
.novinka div.novinka-text { float: left; width: 320px; margin: 0; }
img.mehrinfo { margin-top: 10px; }


#right-sidebar { float: left; display: inline; width: 200px; }
#right-sidebar .box { border: 1px solid #0099FF; background-color: #DFF2FF; margin-bottom: 10px; }
#right-sidebar .box h3 { background: url(../images/box-head.jpg) no-repeat left; line-height: 35px; margin: 0; padding: 0 0 0 10px; color: white; }
#right-sidebar .box p { margin: 10px; line-height: 130%; }
#right-sidebar .box p.kosik { line-height: 170%; }
#right-sidebar .box p a { font-size: 12px; }
#right-sidebar .box img.button { margin-top: 5px; }
#right-sidebar .box img.thumb { float: left; margin-right: 10px; }


#footer {
	height: 90px;
	background-color: #2060A6;
	background-image: url(../images/footer-bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	color: #80CCFF;
}
#footer p { margin: 0; padding: 15px 0 0 15px; }
#footer a, #footer a:active, #footer a:visited { color: #80CCFF; }
#footer a:hover { color: white; }

img.produkt { float: left; margin-right: 15px; margin-left: 10px; }
p.popis { font-size: 12px; line-height: 150%; padding-right: 15px; }

.border-thick, .border-thick2 { padding: 15px 5px; border-bottom: 2px solid #ddd; font-size: 12px; clear: both; margin: 0 10px 20px 10px; }
.border-thick2 { border: none; border-top: 2px solid #ddd; margin: 15px 10px 0 10px; }

table.tabulka { border: none; border-collapse: collapse; margin-left: 10px; }
table.tabulka td { border-bottom: 1px solid #ddd; padding: 5px 0 5px 5px; vertical-align: middle; }
table.tabulka tr.noborder td { border-bottom: none; solid #ddd; padding: 10px 5px; }
table.borders { border: none; border-collapse: collapse; margin-left: 10px; }
table.borders td { border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; padding: 5px 0 5px 5px; vertical-align: middle; }
table.borders tr.noborder td { border-bottom: none; border-left: 1px solid #ddd; padding: 10px 5px; }
span.preis { font-weight: bold; color: #28609D; }
span.total { font-weight: bold; color: #28609D; font-size: 13px; }

table.borders { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}

div.pridat { margin: 0 10px; padding: 15px 0 0 0; text-align: right; }
input.pocet { border: 1px solid #ccc; padding: 1px 3px; vertical-align: middle; width: 20px; overflow: visible; }
input.do-kosika-big { border: none; vertical-align: middle; background-image: url(../images/dokosika.png); width: 155px; height: 24px; cursor: pointer; }

label.obj {
	display: block;
	float: left;
	width: 90px;
	clear: left;
	font-size: 12px;
	padding-left: 10px;
	line-height: 22px;
}
input.policko, textarea.policko2 {
	border: 1px solid #85AFDE;
	background-color: #ECF8FF;
	padding: 3px;
	overflow: visible;
	width: 240px;
	float: left;
	margin-bottom: 5px;
	font-size: 12px;
}
textarea.policko2 { width: 340px; overflow: auto; }
div.objednat { margin: 0 53px 0 100px; clear: both; }
input.bestellen { border: none; vertical-align: middle; background-image: url(../images/bestellen-big.png); width: 68px; height: 24px; cursor: pointer; float: right; }

/* upravy */
div.article {
	border-bottom: 1px solid #ddd;
	padding: 3px;
}
div.article h3 {
	margin-top: 10px;
	margin-left: 0px;
	margin-bottom: 4px;
	margin-right: 0px;
	padding: 0px;
}
div.article div.publish {
	font-size: 80%;
	margin-bottom: 10px;
}
div.more {
	width: auto;
	text-align: right;
}
div.nums {
	width: auto;
	padding-top: 20px;
	text-align: center;
	font-size: 90%;
}
p.nums {
	display: block;
	width: auto;
	padding-top: 20px;
	text-align: center;
	font-size: 90%;
}
div.photos {
	width: auto;
	text-align: center;
}
div.photos table {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 80%;
}
div#info_handler {
	border: 3px solid #BF6060;
	margin-bottom: 1em;
	background-color: #FFE6E6;
	color: #BF6060;
	font-size: 120%;
	text-align: left;
	padding: 1em;
}