/* Web hairy-potter http://www.hairy-potter.net */
/* Copyright 2008 Erik Polišenský */

body { 
	color: #fd9e4d; 
	background-color: #d5d5d5;
	background: url('images/bg-body.png') repeat-y top center;
	font: normal small Trebuchet, "Geneva CE", lucida, sans-serif;
	font-size: 12px; 
	text-decoration: none; 
	text-align: left;
	line-height: 100%;
	padding: 0; 
	border: none;
	margin: 0; 
}

/* POZICOVÁNÍ */
#kontejner {
	width: 950px;
	margin: 0 auto;
	position: relative; 
}

#header {
	background: url(images/bg-header.jpg) no-repeat #FFF;
	height: 205px;
	clear: both; 
}

#logo { 
	float: left; 
	padding: 0; 
}

#logo span {
	color: #FFF; 
	font-weight: bold;
	width: 300px; 
	height: 28px;
	padding-top: 2px;
	position: absolute; 
	top: -38px; 
	left: 250px;
	z-index: 100; 
}

#global {
	font: normal small Trebuchet, "Geneva CE", lucida, sans-serif;
	font-weight: bold;
	text-align: center;
	background: url(images/bg-menu.png) no-repeat #a2090f;
	color: #f09153;
	height: 25px;
	line-height: 18px; 
	padding: 8px 5px 0 10px; 
	font-size: 13px; 
	clear: both;
}

#global a {
	text-decoration: none; 
	color: #f09153;
	padding: 0px 12px 0 12px; 

}

#global a:hover {
	text-decoration: underline; 
}



#navidrob {
	text-transform: lowercase; 
	font-weight: normal;
	color: #fab384;
	background: url(images/bg-navidrob.png) repeat-y #FFF;
	font-size: 90%;
	/* letter-spacing: 0.1em; */
	margin: 0px 0px 5px 0px; 
	height: 18px;
	padding: 3px 10px 1px 10px; 
}

#navidrob a {
	color: #f09153;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/	


/*-------------------------------------------------------------------------------------------------------------------------------*/	

#hlavni {
	width: 950px;
	margin: 0; 
	padding: 0; 
	background: url(images/bg-hlavni.jpg) no-repeat #FFF;
	clear: both; 
}

#obsah {
	float: right; 
	position: relative;
	width: 940px;
	background-color: transparent;
	margin: 0px;
	padding: 0px 0px 10px 10px; 
	line-height: 130%; 
}


#matrjoska { 
	padding: 0px 0px 10px 0px; 
}

#obsahl {
	font-size: 110%;
	width: 510px;
	background-color: transparent;
	margin: 0; 
	height: 320px;
}

#obsahr {
	float: right; 
	width: 400px;
	position: relative;
	margin: 0 0 0 0px;
	background-color: transparent; 
	height: 370px;
}


#obsahpl {
	background-color: transparent; 
	border-left:1px solid #aaa;
}

#obsahpl address {
	padding: 10px 0 0 5px;
}

#obsahp h4 {
	font-size: 110%; font-weight: bold;
	padding-left: 10px; padding-top: 6px;
	background: url(images/bg-obsah-h4p.png) no-repeat transparent; 
}

ul#obsahp {
	list-style: none;
	padding: 0; 
	border: none; 
	margin: 0 auto 0.5em auto;
	width: 168px; _width: 98%;
	background-color: transparent;
	font-weight: bold; 
}

ul#obsahp li {
	margin: 0;
	height: auto; line-height: 1.2em; 
}

ul#obsahp li a {
	display: block; 
	padding: 2px 1em; _padding: 2px 0 2px 3px;
	background-color: transparent;
	text-decoration: none; 
	width: 100%;
	/* height: 1.5em; line-height: 1.5em; */ 
}











#main-menu {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 200px;
	font-size: 85%;
	background-color: transparent; 
}













#fotogalerie {
	color: #fff; 
	background-color: #bbb; 
	/* background: url('images/bg-fotogalerie.png') repeat-x top left; */ 
	font-size: 130%;
	margin: 10px 0px 10px 10px;
	padding: 5px 0px 0px 10px; 
	text-align: left;
	line-height: 150%; 
	font-weight: bold;
	height: 410px;
}

#fotogalerier {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 140px;
	font-size: 85%;
	background-color: transparent; 
}




















#ikony { 
	text-align: center; 
}

#ikony img { 
	margin-top: 1em; 
}

#pata {
	color: #f09153;
	background: url(images/bg-pata.png) no-repeat #a2090f;
	margin: 0;
	padding: 0px 10px 0px 10px; 
	height: 60px;
	line-height: 20px;
	font-size: 85%;
	clear: both; 
}

#pata span.copyright {
	float: left; 
}

#pata span.odkazy {
	float: right; 
	text-align: right; 
	padding-right: 1em; 
}


#pata span.menupata {
	display: block; 
	text-align: center; 
}

/* Další styly */

#global span.lng { 
	float: left; 
}

#obsah h1, #obsah h2, #obsah h3, #obsah h4 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 0.5em;
	line-height: 90%; 
}

#obsah h1 {
	color: #fd790a;
	font-size: 190%;
	text-transform: uppercase;
	padding-left: 8px;
	padding-top: 0px;
	background: url(images/bg-obsah-h1.png) no-repeat transparent;
	line-height: 28px;
	margin: 10px 0 0 3px;
}
#obsah h2 {
	color: #fd790a;
	font-size: 160%;
	text-transform: uppercase;
	line-height: 110%;
	padding: 0px 0 0 10px;
	margin: 3px 0 0 0;

}

#obsah h2.novinky {
	font-size: 110%;
	font-weight: bold;
	padding-top: 0.5em; margin-bottom: -1em;
	border-top: 1px solid #006699; 
}

#obsah h2.novinky span {
	font-size: 80%; 
	font-weight: normal;
	padding-right: 1em; 
}

#obsah h3 {
	color: #fd790a;
	font-size: 120%;
	padding: 0px 0 0 3px;
	background: url(images/bg-obsah-h3.png) no-repeat transparent; 
	line-height: 26px;
	padding: 0px 0 0 10px;
	margin: 3px 0 0 0;
}

#obsah h4 {
	font-size: 110%; 
	font-weight: bold;
	padding: 0px 0 0 10px;
	font-weight: normal;

}

#obsah p{
	margin: 10px 10px 10px 10px;
}


hr {
	width: 90%; 
	height: 1px;
	color: #dbdbdb; 
	border: 0px;
}

#obsah div.hr hr { 
	display: none; 
}

#slogan {
	color: #fdb476;
	background: url('images/bg-slogan-.jpg') repeat-x top left;
	font-size: 130%;
	margin: 10px 5px 5px 0px;
	padding: 0px 0px 0px 10px; 
	text-align: left;
	line-height: 190%; 
	font-weight: normal;
	height: 80px;
}

#slogan h2 {
	color: #fd790a;
	font-size: 140%;
	text-align: left;
	line-height: 130%; 
	font-weight: bold;
	padding-left: 0em; 
}

#textuv {
	color: #fdb476;
	font-size: 120%;
	margin: 3px 300px 5px 0px;
	padding: 0px 0px 0px 10px; 
	text-align: left;
	line-height: 160%; 
	font-weight: normal;
}


#sloupce {
	font-size: 110%;
	margin: 10px 0px 10px 0px;
	padding: 0px 10px 0px 10px; 
	line-height: 170%; 
	clear: both; 
}

#druhy-slogan h2 {
	font-size: 110%;
	text-transform: none; 
	text-align: left;
	line-height: 110%; 
	font-weight: bold;
	padding-left: 0em; 
}

#treti-slogan {
	background: url('images/bg-treti-slogan.png') repeat-x top left;
	font-size: 100%;
	margin: 10px 0px 10px 10px;
	padding: 10px 10px 10px 15px; 
	text-align: left;
	line-height: 150%; 
}

#motto {
	background: url('images/bg-motto.png') repeat-x bottom left;
	font-size: 100%;
	margin: 0px 0px 20px 0px;
	padding: 0 10px 5px 4px; 
	text-align: justify;
	font-weight: normal;
}

#vyhledavani {
	color: #fff; 
	background: url('images/bg-treti-slogan.png') repeat-x top left;
	font-size: 130%;
	margin: 0px 0px 0px 0px;
	padding: 12px 0px 0px 5px; 
	text-align: left;
	line-height: 150%; 
	font-weight: bold;
	height: 35px;
	width: 200px;
	font-size: 90%;
}

#vyhledavani input {
	BORDER-RIGHT: #a6a6a6 1px solid; 
	BORDER-TOP: #a6a6a6 1px solid; 
	BORDER-LEFT: #a6a6a6 1px solid; 
	BORDER-BOTTOM: #a6a6a6 1px solid
}
#vyhledavani input.submit {
	BORDER-RIGHT: #939393 1px solid; 
	BORDER-TOP: #939393 1px solid; 
	BORDER-LEFT: #939393 1px solid; 
	BORDER-BOTTOM: #939393 1px solid
}




#uvod-170-l {
	color: #000; 
	background-color: #ddd;
	font-size: 110%;
	margin: 10px 0px 10px 10px;
	padding: 0px 0px 0px 0px; 
	text-align: left;
	line-height: 140%; 
	font-weight: normal;
	height: 170px;

}

#uvod-170-l h2 {
	color: #000;
	font-size: 105%;
	text-align: left;
	line-height: 130%; 
	font-weight: bold;
	padding: 5px 0px 0px 0px; 
}
#uvod {
	color: #000; 
	background-color: #ddd;
	font-size: 110%;
	margin: 10px 0px 10px 10px;
	padding: 0px 0px 10px 10px; 
	text-align: left;
	line-height: 140%; 
	font-weight: normal;
}

#uvod h2 {
	color: #000;
	font-size: 105%;
	text-align: left;
	line-height: 130%; 
	font-weight: bold;
	padding: 5px 0px 0px 0px; 
}
#uvod-170 {
	color: #000; 
	background-color: #ddd;
	font-size: 110%;
	margin: 10px 0px 10px 10px;
	padding: 0px 0px 0px 10px; 
	text-align: left;
	line-height: 140%; 
	font-weight: normal;
	height: 170px;

}

#uvod-170 h2 {
	color: #000;
	font-size: 105%;
	text-align: left;
	line-height: 130%; 
	font-weight: bold;
	padding: 5px 0px 0px 0px; 
}

#uvod-bez {
	color: #000; 
	background-color: #ddd;
	font-size: 110%;
	margin: 10px 0px 10px 10px;
	padding: 0px 0px 5px 10px; 
	text-align: left;
	line-height: 140%; 
	font-weight: normal;
}

#uvod-bez h2 {
	color: #000;
	font-size: 105%;
	text-align: left;
	line-height: 130%; 
	font-weight: bold;
	padding: 5px 0px 0px 0px; 
}

#produkty {
	background: url('images/bg-produkt.png') repeat-x top left;
	font-size: 120%;
	margin: 0px 0px 5px 10px;
	padding: 5px 0px 10px 10px; 
	text-align: left;
	line-height: 200%; 
	font-weight: normal;
	height: 280px;

}

#produkty h2 {
	color: #333;
	font-size: 140%;
	text-align: left;
	line-height: 140%; 
	font-weight: bold;
	padding-left: 0em; 
}

#produkty-delsi {
	color: #000; 
	background-color: #fff9e0;
	background: url('images/bg-produkt.png') repeat-x top left;
	font-size: 100%;
	margin: 0px 0px 5px 10px;
	padding: 5px 0px 10px 10px; 
	text-align: left;
	line-height: 150%; 
	font-weight: normal;
}

#produkty-delsi h2 {
	color: #333;
	font-size: 140%;
	text-align: left;
	line-height: 140%; 
	font-weight: bold;
	padding-left: 0em; 
}

#bazar {
	color: #000; 
	margin: 10px 0px 10px 0px;
	height: 210px;
}

#bazar-l {
	color: #000; 
	background: url('images/bg-bazar.png') repeat-x top left;
	font-size: 95%;
	margin: 10px 0px 10px 10px;
	padding: 0px 10px 0px 10px; 
	text-align: right;
	line-height: 100%; 
	height: 200px;
	width: 340px;
	float: left;
}

#bazar-r {
	color: #000; 
	background: url('images/bg-bazar.png') repeat-x top left;
	font-size: 95%;
	margin: 10px 0px 10px 10px;
	padding: 0px 10px 0px 10px; 
	text-align: right;
	line-height: 100%; 
	height: 200px;
	width: 340px;
	float: right; 
}

#bazars-l {
	color: #000; 
	background: url('images/bg-bazars.png') repeat-x top left;
	font-size: 95%;
	margin: 10px 0px 10px 10px;
	padding: 0px 10px 0px 10px; 
	text-align: right;
	line-height: 100%; 
	height: 200px;
	width: 340px;
	float: left;
}

#bazars-r {
	color: #000; 
	background: url('images/bg-bazars.png') repeat-x top left;
	font-size: 95%;
	margin: 10px 0px 10px 10px;
	padding: 0px 10px 0px 10px; 
	text-align: right;
	line-height: 100%; 
	height: 200px;
	width: 340px;
	float: right; 
}

#bazar h2, #bazar-r h2, #bazars h2, #bazars-r h2 {
	color: #000; 
	font-size: 140%;
	text-transform: none; 
	text-align: left;
	line-height: 110%; 
	font-weight: bold;
	padding-left: 0em; 
}

#bazar h3, #bazar-r h3, #bazars h3, #bazars-r h3 {
	color: #ff3d01; 
	font-size: 105%;
	text-transform: none; 
	text-align: right;
	line-height: 110%; 
	font-weight: bold;
	padding-left: 0em; 
}

#bazar-detail {
	color: #000; 
	background: url('images/bg-produkt.png') repeat-x top left;
	font-size: 100%;
	margin: 0px 0px 5px 10px;
	padding: 5px 20px 10px 10px; 
	text-align: right;
	line-height: 150%; 
	font-weight: normal;
	height: 330px;

}

#bazar-detail h2 {
	color: #333;
	font-size: 140%;
	text-align: right;
	line-height: 140%; 
	font-weight: bold;
	padding-left: 0em; 
}

#bazar-detail h3 {
	color: #ff3d01; 
	font-size: 140%;
	text-transform: none; 
	text-align: right;
	line-height: 120%; 
	font-weight: bold;
	padding-left: 0em; 
}

#aktuality {
	color: #000; 
	background: url('images/bg-akcni-nabidka.png') repeat-x top left;
	font-size: 95%;
	margin: 0px 0px 5px 10px;
	padding: 20px 0px 10px 10px; 
	text-align: left;
	line-height: 120%; 
	font-weight: normal;
	width: 220px;
	float: right; 
}

#aktuality  h2 {
	color: #333;
	font-size: 130%;
	text-align: left;
	line-height: 140%; 
	font-weight: bold;
	padding-left: 0em; 
}

#aktuality  h3 {
	color: #333;
	font-size: 120%;
	text-align: left;
	line-height: 140%; 
	font-weight: bold;
	padding-left: 0em; 
}
















address { 
	font-style: normal; 
}

dt { 
	font-weight: bold; 
	font-size: 110%;
	margin-top: 0.5em; 
	}


dd {
	margin: 0;
	border-left: 0px; 
}

dd a {
	color: #373d5d;
	text-decoration: none; 
	width: 100%;
}

dd a:hover {
	text-decoration: underline; 
	width: 100%;
}










img { 
	border: none; 
}

#servis form { 
	margin-top: 0em; 
}

#servis label { 
	display: none; 
}

#servis input { 
	margin-top: 0em; 
	margin-bottom: 0em; 
	margin-left: 1em; 
	font-size: 80%; 
	border:1px solid #aaa;

}

/* Klasy */

.c { 
	text-align: center; 
}

img.obr { 
	border: 1px solid #0054A6; 
}

.refs {
	font-style: normal; 
	font-size: 85%;
	line-height: 100%; 
	text-align: center;
	margin-top: 0.5em; 
	margin-bottom: 1.5em 
}

dl.tn dt img {
	float: left; 
	margin: 0 1em 1em 0;
}
dl.tn dt {
	clear: both; 
}


/* Odkazy */

a {
	color: #FF4600; 
}


#pata a {
	color: #f09153;
	padding: 0px 2px; 
}

#servis a {
	color: #b0b0f6; 
}


/* Tabulky */

table.tbl {
	background-color: #ffdd58;
	border-collapse: collapse; 
}

table.tbl td, table.tbl th {
	border: 1px solid #fff; 
	padding: 3px; 
}

table.tblist td, table.tblist th {
	border-bottom: 1px solid #ffcc01;
	padding: 0.25em; 
	padding-top: 0.5em;
	vertical-align: top; 
}

tr.prvni {
	background-color: #ffd52e;
}

table.tbl th {
	background-color: #aaa;
	color: #fff;
	text-align: center; 
	vertical-align: top; 
}

table.tbl td {
	text-align: center;
	padding-top: 2px; 
	padding-bottom: 2px; 
	font-size: 90%;
}



/* Formuláře */
fieldset {
	border: 1px solid #007AC1;
	margin-bottom: 2em;
	padding: 1em; 
}

legend {
	border: 1px solid #007AC1;
	padding: 0.2em 1em; 
}






/* Kontextové menu */
ul#menu {
	list-style: none;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	border: none; 
	border-top: 1px solid #242e63;
	width: 210px; _width: 98%;
	background-color: transparent;
	font-weight: bold; 
}

ul#menu li {
	margin: 0px 0px 0px 13px;
	padding: 0px 0px 0px 0px; 
	border-bottom: 1px solid #d8d8d8;
	border-left: 1px solid #d8d8d8;
	height: 25px; 

}

ul#menu li a {
	display: block; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 10px; 
	color: #000;
	background-color: transparent;
	text-decoration: none; 
	width: 100%;
	height: 25px; 
}

ul#menu li a:hover {
	display: block; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px; 
	border-left: 1px solid #ffcc01; 
	border-bottom: 1px solid #ffcc01; 
}

ul#menu li.titl {
	color: #000;
	background: url(images/bg-menu-li-titl.png) repeat-y top left;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 20px;
	border-bottom: 1px solid #fff;
	height: 30px; 
	font-weight: bold;
	font-size: 120%; 
}


ul#menu li.titl a {
	display: inline;
	padding: 2px 2px 0px 0px; 
	_padding: 2px 0 2px 3px;
	height: auto; 
	line-height: normal;
	background: transparent;
	text-decoration: none; 
	width: 100%;
}

ul#menu li.titl a:hover {
	display: inline;
	border-bottom: none; 
	border-left: none; 
}

html>body ul#menu li a {
	width: auto; 
}













ul#menu-okno {
	list-style: none;
	border: none; 
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
	width: 715px;
	font-weight: bold; 
	height: 20px; 
	line-height: 15px; 
	background-color: transparent;
}

ul#menu-okno li {
	list-style-type:none;
	float:left;
	display:inline;
	margin: 0px 0px 0px 0px;
	border: 1px solid #999;
	background-color: #dbdbdb;
}

ul#menu-okno li.zluty {
	list-style-type:none;
	float:left;
	display:inline;
	margin: 0px 0px 0px 0px;
	border: 1px solid #999;
	background-color: #ffcc01;
}

ul#menu-okno li a {
	padding: 2px 5px 2px 5px; 
	margin: 0px 0px 0px 0px;
	color: #000;
	display:inline;
	text-decoration: none; 
	height: 1.5em; 
	line-height: 1.5em; 
}

ul#menu-okno li a:hover {
	background-color: #ffcc01;
}














/* Menu okno*/
ul#okno {
	list-style: none;
	padding: 1px; 
	margin: 5px;
	border: none; 
	border-top: 0px;
	background-color: transparent;
	}

ul#okno li {
	margin: 0;
	border-left: 0px; }

#obsah a {
	color: #fd9e4d;
	text-decoration: none; 
	width: 100%;
}

#obsah a:hover {
	text-decoration: underline; 
	width: 100%;
}

/* Menu oknob*/
ul#oknob {
	list-style: none;
	padding: 1px; 
	margin: 5px;
	border: none; 
	border-top: 0px;
	background-color: transparent;
	font-weight: bold;
}

ul#oknob li {
	margin: 0;
	border-left: 0px; 
}

ul#oknob li a {
	color: #373d5d;
	display: block; 
	background-color: transparent;
	text-decoration: none; 
	width: 100%;
	height: 2em; 
	line-height: 2em; 
}

ul#oknob li a:hover {
	text-decoration: underline; 
	width: 100%;
	background-position: -168px bottom; 
}


#odeslat-poptavku {
	color: #000; 
	font-size: 100%;
	margin: 0px 0px 5px 10px;
	padding: 5px 20px 10px 10px; 
	line-height: 150%; 
	font-weight: normal;
}

.st {float:left;width:150px;margin:5px 0 5px 0;padding-left:15px;}

.nd {float:left;width:550px;margin:5px 0 5px 0;}
.nd input {width:400px;font-size:12px;}
.nd textarea {width:396px;height:70px;font-size:12px;padding:2px;}