/*
* CSS dokument vytvorilo studio MakeArt - www.MakeArt.cz
* Autor: Vit Knezinek | kneza@post
* Minimalni rozliseni - 1024/768px
*/

/* Globalni reset */
* {		margin:0; padding:0; border:none; outline:none; list-style-type:none}

body {	font:normal 100% 'Arial', 'Helvetica', sans-serif; color:#000}

a { color:#000; text-decoration:underline}
a:hover { color:#f31; text-decoration:none}
p { color:#000; line-height:21px; margin:10px 0; clear:both}
strong { color:#f11}

h1, h2, h3, h4, h5, h6 {	width:100%; margin:10px 0}
#content_large h1, #content_large h2, #content_large h3, #content_large h4, #content_large h5, #content_large h6, #content h1, #content h2, #content, #content h4, #content h5, #content { float:left}
h1 {		font:bold 130% Arial}
h2 {		font:bold 120% Arial}
h3 {		font:bold 110% Arial}
h4 {		font:bold 100% Arial}

div#screen {	width:968px; margin:0 auto; padding:0 6px}
div#header_position {	width:968px; height:420px; position:absolute; top:0; left:50%; margin:0 0 0 -484px}
div#content_position {	margin:457px 0 0 0} /* 423px */
div#content_position_intro {	margin:423px 0 0 0} /* na uvodu */
div#cesta_webem {	width:968px; height:37px; position:absolute; top:420px; left:50%; margin:0 0 0 -484px; padding: 7px;}

div#header {	height:105px}
div#logo {		background:url('../images/logo.jpg'); width:247px; height:105px; float:left}
div#languages {	width:300px; float:left; margin:46px 0 0 20px; font:bold 90% Arial; text-transform:uppercase; color:#f31; line-height:20px}
a#cz, a#en, a#de {	text-indent:-9999px; display:block; margin:0 5px 0 0; float:left}
a#cz {			background:url('../images/cz.jpg'); width:29px; height:21px}
a#en {			background:url('../images/en.jpg'); width:29px; height:21px}
a#de {			background:url('../images/ger.jpg'); width:29px; height:21px}

div#head_meta {	float:right; width:350px; line-height:25px; margin:65px 0 0 0}
div#head_meta a {	padding:0 0 0 30px; line-height:34px; text-decoration:none; margin:0 0 0 20px; display:block; float:left}
a#home {			background:url('../images/home.jpg') left no-repeat}
a#head_contact {	background:url('../images/mail.jpg') left no-repeat}
a#sitemap {			background:url('../images/sitemap.jpg') left no-repeat}

input#head_search {	border:1px #000 solid; clear:left; width:200px; line-height:25px; margin:5px 0 0 0; color:#f31; padding:3px; float:left}
input#head_submit {	background:url('../images/submit.jpg'); width:25px; height:21px; float:left; display:block; text-indent:-9999px; margin:6px 0 0 5px; cursor:pointer}

div#show {				background:url('../images/show.jpg'); width:642px; height:265px; margin:5px 0 0 0; float:left}
div#header_box {		background:url('../images/header_box.jpg'); width:321px; height:265px; margin:5px 0 0 0; float:right}
div#header_content {	margin:10px 10px 0 10px; height:223px}
div#header_content p {	background:url('../images/arrow.png') top left no-repeat; color:#fff; padding:0 0 0 15px; margin:15px 0 0 0; font-size:90%; line-height:18px}
div#header_content h2 {	font:bold 120% Arial; color:#fff; padding:0 0 0 15px; text-decoration:underline}

a.vice { background:url('../images/vice.jpg'); width:77px; height:23px; padding:4px 0 0 0; margin:0 20px 0 0; text-align:center; float:right; font:normal 100% Arial; color:#000; text-decoration:none}
a.vice:hover { color:#fff}

div#content_frame {		background:url('../images/background_content.jpg') left repeat-y; clear:both; min-height:862px}
div#sidebar_left {		position:absolute; top:457px; left:50%; width:250px; margin:-10px 0 0 -484px;}	 /* top:423px;  */
div#sidebar_right {		float:right; width:203px; margin:-10px 0 0 0}

h2.sidebar_headline_right {	background:url('../images/sidebar_headline_right.jpg') no-repeat; width:140px; height:28px; color:#fff; font:bold 105% Arial; text-transform:uppercase; padding:10px 70px 0 0; border-top:3px #fff solid; text-align:right;}

div.right_bar ul li a {	background:#E5E5E5; display:block; line-height:22px; width:185px; padding:5px 10px; margin:5px 0; color:#000; text-decoration:none}
div.right_bar ul li a:hover {	background:#A7A6A6; color:#000}		
div.right_bar div.nadpis {	background:#E5E5E5; display:block; line-height:22px; width:185px; padding:5px 10px; margin:5px 0; color:#000; text-decoration:none}
div.right_bar div.nadpis:hover {	background:#A7A6A6; color:#000}
div.right_bar p {font:normal 80% Arial;}
div.right_bar p.datum {font:normal 70% Arial; color: #333; margin: 0;}
div.right_bar h3 {font:bold 90% Arial; color: #e22; margin: 5px 0;}
/*div.right_bar h3 a {font:bold 90% Arial; color: #e22; margin: 5px 0; text-decoration: none;}*/
div.right_bar a {color:#e00}
div.right_bar a.vice_n {font:bold 80% Arial; color: #e22; background:url('../images/arrow.jpg') left no-repeat; padding:0 0 0 15px;}
div.right_bar img { float: left; vertical-align: top; margin: 0 7px 5px 0;}
div.right_bar img {border: 1px solid #555;}

h2.sidebar_headline_single, #sidebar_left h2 {background:url('../images/sidebar_headline_single.jpg'); width:203px; height:30px; color:#fff; font:bold 105% Arial; text-transform:uppercase; padding:10px 0 0 40px; margin:40px 0 0 0}

#sidebar_left h2.sidebar_headline_left {	background:url('../images/sidebar_headline_left.jpg'); width:210px; height:30px; color:#fff; font:bold 105% Arial; text-transform:uppercase; padding:10px 0 0 40px; border-top:3px #fff solid; margin: 10px 0;}

div.contact ul {			margin:10px 0 10px 20px}
div.contact ul ul {			margin:0 0 0 50px}
div.contact ul li h3 {		color:#f31; font:bold 100% Arial}
div.contact ul li ul li {	font-size:95%; line-height:20px}

div#content {	width:495px; float:left; margin:5px 0 0 250px; padding:0 10px 20px 10px}
div#content_large {	width:700px; float:left; margin:5px 0 0 0; padding:0 10px 20px 30px}

p.intro, div.intro {	background:url('../images/arrow2.jpg') 10px 20px no-repeat #eee; border:1px #ccc solid; border-top:4px #f31 solid; padding:15px 15px 15px 25px; width:670px; margin:0 auto; clear:both; margin:10px 0; line-height:21px; text-align:justify; font-size:90%}

#content h1 {	background:url('../images/content_headline.jpg') repeat-x; width:100%; min-height:24px; color:#fff; font:bold 105% Arial; padding:5px 0 0 20px; border-top:3px #fff solid; margin:0 0 10px -10px; background-color: #ea0000;}
h2.content_headline {	background:url('../images/content_headline.jpg'); width:495px; height:24px; color:#fff; font:bold 105% Arial; padding:5px 0 0 20px; border-top:3px #fff solid; margin:0 0 10px -10px}
#content h2, #content_large h2 { background:url('../images/arrow.jpg') left no-repeat; color:#e11; padding:0 0 0 20px; font:bold 100% Arial}
#content h3 { background:url('../images/item_headline.jpg'); width:495px; clear:both; height:23px; padding:4px 0 0 10px; margin:15px 0; font:normal 100% Arial; float:left}

#content img { margin:10px}
#content ul, #content ol {	margin:10px 0 10px 20px;}
#content li { list-style-type: disc;}
#content td {vertical-align: top;}
#content input {border: 1px solid #aaa;}
#content textarea {border: 1px solid #aaa;}

#content_large h1, h2.content_headline_large {	background:url('../images/content_headline_large.jpg'); width:745px; height:30px; color:#fff; font:bold 105% Arial; padding:10px 0 0 20px; margin:-2px 0 10px -30px}

div.breadcrumbs ul li {		float:left; margin:0 10px 20px 0; font:bold 90% Arial;}			
div.breadcrumbs ul li a {	color:#F31; text-decoration:none}
div.breadcrumbs ul li a:hover {	color:#000}		

div.features ul { float:right; width:250px; margin:0 0 20px 0;}
div.features ul ul { margin:-10px 0 0 20px}
div.features ul li h3 {	background:url('../images/arrow.jpg') left no-repeat; color:#f31; padding:0 0 0 20px; font:bold 100% Arial}
div.features ul li ul li { font-size:95%; line-height:20px}

img.sample {	margin:0; margin:0 0 20px 0}

div.samples {	width:495px; clear:both}
div.samples img {	margin:3px 3px 0 0}

.alignleft {	float:left} .alignright {	float:right}

h3.item_headline {	background:url('../images/item_headline.jpg'); width:495px; clear:both; height:23px; padding:4px 0 0 10px;
					margin:15px 0; font:normal 100% Arial; float:left}
					
table.pricing {				margin:10px 0}				
table.pricing tr {			line-height:25px}
table.pricing tr.high {		line-height:50px}
table.pricing td.left {		width:250px; text-align:left; background:none}
table.pricing td.right {	width:245px; text-align:right; background:none}	

a.pdf {	background:url('../images/pdf.jpg') left no-repeat; line-height:36px; padding:0 0 0 60px; display:block; float:left;
		clear:both;	margin:10px 0; width:420px}
a.jpg {	background:url('../images/jpg.jpg') left no-repeat; line-height:36px; padding:0 0 0 60px; display:block; float:left;
		clear:both; margin:10px 0; width:420px}		
		

div.clear {		height:5px; clear:both; width:400px}

div#footer {	background:url('../images/footer.jpg'); height:26px; width:968px; margin:10px auto; font:normal 90% Arial; }
p#footer_left a {	float:left; color:#fff; display:block; margin:0 0 0 10px; padding:2px 0}
p#footer_right {	float:right; color:#fff; text-align:right; margin:-23px 10px 0 0}
p#footer_right a {	color:#fff}

#odkazy { width:960px; margin:0 auto;}
#odkazy a {	font-size: 11px; color: #555;}
#odkazy a strong {color: #555;}

.red { color:#f00}

/* pridano kvuli sablone editoru (template) s 2 sloupci */
.clearer {clear: both; height: 0px;}
div.left-blok {
	width: 200px;
	padding-right:10px;
	float:left;
}
div.right-blok {
	float:right;
	width:275px; /* 295px */
	padding-left:10px;
}
.w200 {width: 200px;}

.pic-sablona img {float: left; margin-right: 10px;}

hr.cleaner {clear: both; height: 0;}

/* vypis fotogalerie */
td.fotogalerie { vertical-align: top; text-align: center; font-size: 11px; width: 120px;}
#content .fotogalerie img, .fotogalerie img { padding: 3px;	margin: 5px; background: #e33; /* border: 1px solid #ddd; */}
td.fotogalerie img:hover	{ border: 1px solid #d2d2d2; background: #ccc;}
.oramovat { border: 1px solid #e55; } /* obrazky s odkazem thickbox */

div.bufet {background: url('../images/bufet.jpg') bottom left no-repeat; min-height: 250px; margin: 0; padding: 0 0 190px 0;}