/* Web Kromexim http://www.kromexim.cz */
/* Copyright 2008 Erik Polišenský */

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

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

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

#logo { 
	float: left; 
	padding: 0; 
}
#banner { 
	float: right; 
	padding: 0; 
}
#banner-vlevo { 
	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: normal;
	text-align: center;
	background-color: transparent;
	color: #000;
	height: 17px;
	line-height: 18px; 
	padding: 0px 5px 0 5px; 
	font-size: 12px; 
	clear: both;
}

#navidrob {
	text-transform: lowercase; 
}

#navidrob {
	font-weight: normal;
	color: #000;
	background-color: transparent;
	font-size: 85%;
	/* letter-spacing: 0.1em; */
	margin-top: 0.5em; 
}

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


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

#hlavni {
	width: 950px;
	margin: 0; 
	padding: 0; 
    /*_padding-top: 1em;  Pro MSIE bude 1em  */
	background: url(images/bg-hlavni.png) repeat-y #FFF;
	clear: both; 
}

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


#matrjoska { 
	padding-right: 0px; 
	padding-bottom: 0.5em; 
}



#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;
    float:left;
	font-size: 85%;
	background-color: transparent; 
}




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









#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; 
}








#strankovani {
	 text-align: center; 
}












#ikony { 
	text-align: center; 
}

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

#pata {
	color: #FFF;
	background-color: #989898;
	margin: 0;
	padding: 0; padding-left: 1em;
	height: 2em;
	line-height: 2em;
	font-size: 85%;
	clear: both; 
}

#pata span.copyright {
	float: left; 
}

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

/* Další styly */

#global span.lng { 
	float: left; 
}

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

#obsah h1 {
	font-size: 130%;
	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: #444;
	font-size: 120%;
	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 {
	font-size: 105%;
	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: 100%; 
	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: #fff; 
	background: url('images/bg-slogan.png') repeat-x top left;
	font-size: 130%;
	margin: 10px 0px 10px 10px;
	padding: 0px 0px 0px 10px; 
	text-align: left;
	line-height: 190%; 
	font-weight: bold;
	height: 111px;
}

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

#druhy-slogan {
	background-color: #ffcc01;
	font-size: 110%;
	margin: 10px 0px 10px 10px;
	padding: 0px 10px 0px 0px; 
	text-align: left;
	line-height: 170%; 
	height: 170px;
}

#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;
    _width: 190px;
	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 {
	color: #000; 
	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;
	height: 410px;

}

#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;
    _margin: 10px 0px 10px 5px;
    padding: 0px 10px 0px 10px;
	text-align: right;
	line-height: 100%; 
	height: 220px;
	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: 220px;
	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;
    _margin: 10px 0px 10px 5px;
    padding: 0px 10px 0px 10px;
	text-align: right;
	line-height: 100%;
	height: 220px;
	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: 220px;
	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: 374px;

}

#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; 
}



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

#navidrob a {
	color: #111948;
	padding: 0 0.5em 0 0.5em; 
}

#pata a {
	color: #FFF;
	padding: 0 0.5em 0 0.5em; 
}

#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: #000;
	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 select {width:400px;font-size:14px;}
.nd textarea {width:396px;height:70px;font-size:12px;padding:2px;}

#fakeframe {width:0px;height:0px;border:0px none;}
#captcha_img {cursor:Pointer;}

.admin_links {font-size:12px;padding:2px 6px 2px 6px;background:#FFCC01;}
.admin_links a {margin-left:80px;}

#obj_formular {width:80%;}
#obj_formular input {margin:4px 0 4px 0;width:330px;border:1px solid #7F9DB9;}
#obj_formular select {margin:4px 0 4px 0;width:330px;border:1px solid #7F9DB9;}
#obj_formular textarea {margin:4px 0 4px 0;width:330px;border:1px solid #7F9DB9;}
#obj_formular td {margin:4px 0 4px 0;}
#obj_formular .tlac {width:163px;margin-right:5px;}

.item {float:left;width:170px;height:210px;font-size:11px;padding:0;margin:6px;border:1px solid #DDD;}
.item .obrazekx {float:left;width:170px;height:125px;padding:0;margin:0;}
.item .textx {float:left;width:165px;_width:170px;height:65px;padding:0;margin:0;padding:0 0 0 5px;}
.item .viceinfox {float:left;width:170px;height:20px;padding:0;margin:0;background:#DDDDDD;}
.item .viceinfox a {float:left;display:block;width:170px;height:17px;_height:20px;text-align:center;padding:3px 0 0 0;}

#bazar-detail .velky_obrazek {float:left;width:441px;height:330px;}
#bazar-detail .informace {float:left;width:239px;_width:259px;height:330px;text-align:left;padding:0 0 0 20px;}
#bazar-detail .miniatury {float:left;width:441px;height:40px;margin:4px 0 0 0;text-align:left;}
#bazar-detail .miniatury img {margin:0 4px 0 0;}
#bazar-detail .cena {float:left;width:259px;height:40px;margin:4px 0 0 0;font-size:18px;color: #333;}

.filtr {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;
	}
.filtr a {margin:0 5px 0 5px;}

.admin_razeni {text-align:center;margin:5px 0 5px 0;}

.space2 {clear:both;height:20px;}
.space3 {clear:both;height:30px;}
.space4 {clear:both;height:40px;}