body {
	margin: 0 0 30px 0;
	padding: 0;
	font-size: 70%;
	text-align: center;
	font-family: "Arial CE", Arial, "Verdana CE", Verdana, sans-serif;
	color: black;
	background: #FFF;
	}

* {	margin: 0; padding: 0;}

h1 {font-size: 1.7em; margin: 0 0 15px 0; color: #5B9DCC; clear: both;	 }
h2 {font-size: 1.2em;}
h3 {font-size: 1.1em;}
	h2.blue, h3.blue {color: #1576B0;}
h4 {font-size: 1.1em;}
h5, h6, h7 {font-size: 1em;}

h2, h3, h4, h5, h6, h7 {margin-bottom: 10px;  color: #5b5b5b;	}

.boxin h2 {padding-right: 40px;}

.left	{text-align: left;}
.center	{text-align: center;}
.right	{text-align: right;}
.clr	{
	clear: both;
	margin-top: -1px;
	position: relative;
	padding: 0;
	height: 0;
	border: none;
	overflow:hidden;
	visibility: hidden;
	}
.none {display: none;}

a {color: #332D53;}
a:hover {color: #882262;}
img {border: 1px solid #c0c0c0;}
p {margin-bottom: 15px;}

 hr {
  border: 0;
  width: 100%;
  color: #999999;
	background-color: #999999;
	height: 1px;
	}


img.lft {
	float: left;
	margin: 0 15px 10px 0;
	}

img.rgt {
	float: right;
	margin: 0 0 10px 15px;
	}

.DocumentAttachments {position: relative;}

#content ul, #content ol {margin: 0 0 15px 15px; }
	#content ul ul, #content ol ol {margin: 0 0 0 15px;}

	#content ul {list-style: none;}
	#content ul li {
		background: url(../img/li.gif) no-repeat;
		padding-left: 15px;
		}

#content img {
	position: relative;
	}

#content .Attachment img {border: 0;}

#content ul li h2, #content ul li h3, #content ul li h4 {margin-bottom: -10px;}

.focus {position: absolute;  z-index:200; }

.focus a, .focus span {
	position: relative;
	top: -20px;
	z-index: -10;
	white-space: nowrap;
	}

.focus a:focus, .focus a:active {
    z-index:200;
	top: 93px;
	left: 5px;
    background:#000;
	position: absolute;
	color: #FFF;
	padding: 2px 5px 4px 6px;
}


/* tabulka bezna */
table {

	border-collapse: collapse;
	font-size: 1em;
	margin-bottom: 15px;
	background: #DDDDDD;
	}
	th, td {
		padding: 5px 10px;
		vertical-align: top;
		border: 2px solid #f0f0f0;
		}
		th {background: #CCCCCC;}
/* tabulka bez formatovani */
table.noformat {
	border: 0;
	border-collapse: collapse;
	background: none;
	}
	table.noformat th, table.noformat td {
		padding: 5px 10px;
		vertical-align: top;
		border: 0;
		background: none;
		}

/* nahrada obrazkem */

.neco span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	}


/**********obsah**********/

#all {
margin: 0 auto;
text-align: left;
width: 990px;
background: url(../img/bg-all-shop.gif) repeat-y #F0F0F0;
position: relative;
z-index: 0;
_height: 600px;
min-height: 600px;
}
.byty-rodinne-domy #all, .wohnungen-wohnhauser #all {background: url(../img/bg-all-byty.gif) #F0F0F0;}
.komercni-prostory #all {background: url(../img/bg-all-komerc.gif);}
.prumyslove-objekty #all {background: url(../img/bg-all-prumysl.gif);}
.homepage #all {background: url(../img/bg-all-homepage.gif);}

/* ******* hlavicka ******* */

#top {
	_height: 114px;
	min-height: 114px;
	position: relative;
	background: url(../img/bg-top.gif) repeat-x bottom left #FFF;
	z-index: 3;
	}
	.logo {
		position: absolute;
		top: 14px;
		left: 25px;
		margin-bottom: 5px;
		z-index: 1;
		border: 0;
		}
	#search {
		position: absolute;
		bottom: 10px;
		right: 10px;
		}
		#search p {margin-bottom: 0;}
		.button {
			border: none;
			background: #666666;
			color: #FFF;
			font-size: 1em;
			padding: 1px 4px;
			vertical-align: middle;
			cursor: pointer;
			}
		.pole {
			width: 100px;
			border: 1px solid #a5acb2;
			vertical-align: middle;
			margin-right: 8px;
			}
			
#topbox {
	background: url(../img/bg_top2.jpg) no-repeat top right;
	margin-left: 230px;
	position: relative;
	width: 759px;
	height: 108px;
	border-left: 1px solid #c0c0c0;
	} 
	.prejit {
		float: left;
		padding: 10px 14px;
		font-weight: bold;
		}
	#login {
		float: right;
		padding: 10px;
		}
		#login strong {margin-right: 10px;}
		#login label {margin-right: 4px;}
	.kosikline {
		position: absolute;
		bottom: 10px;
		left: 14px;
		margin: 0;
		}
		.kosikline a {margin: 0 0 0 10px; font-weight: bold;}
	
/* **** hlavni cast **** */

#dsgn {
	height: 36px;
	width: 100%;
	background: url(../img/bg_dsgn.gif) repeat-x;
	}

#main {
	margin: 0 0 0 68px;
	}
	.homepage #main {margin: 0 0 0 28px;}

/* **** leve menu **** */

#navi {
	float: left;
	width: 163px;
	padding-bottom: 30px;
	min-height: 200px;
	_height: 200px;
	}
	.homepage #navi {width: 203px;}
	#navi ul {
		list-style: none;
		margin: 200px 10px 0 10px;
		line-height: 1.5em;
		border-bottom: 1px solid #FFF;
		}
		#navi ul ul {margin-top: 0; border-bottom: 0;}
		#navi ul li {border-bottom: 1px solid #666666;}
		#navi ul li a {
			color: #FFF;
			text-decoration: none;
			border-left: 4px solid #656565;
			padding-left: 5px;
			display: block;
			margin-bottom: 5px;
			font-weight: bold;
			}
			#navi ul li a:hover, #navi ul li.selected a {
				border-left: 4px solid #cacaca;
				}
				#main #navi ul ul li a, #all #main #navi ul ul ul li a {border-left: 4px solid #656565; font-weight: normal}
				#main #navi ul ul li.selected a,  #all #main #navi ul ul ul li.selected a  {border-left: 4px solid #cacaca;}

	#navi {background: url(../img/img_shop.jpg) no-repeat;}
	#navi a:hover {color: #DDEBF4;}

	#navi p {
		margin: 10px 13px 5px 10px;
		color: #FFF;}
		#navi a {color: #FFF;}



/* **** obsah **** */

#content_container {
	float: right;
	width: 759px;
	position: relative;
	}
	#content {
		margin: 15px 25px 15px 25px;

		}
		.homepage #content {clear:both;}

/* **** paticka **** */

#ender {
	background: url(../img/dot.gif) repeat-x 0 2px #FFF;
	clear: both;
	width: 990px;
	
	color: #666666;
	margin: 0 auto;
	position: relative;
	}
	#ender p {margin-bottom: 0;}
	#ender a {color: #666666;}

    .copyright {
        float: left;
        padding: 10px 0 10px 10px;
        }
    .sitemap {
        float: left;
        padding: 10px 0 10px 10px;
        text-align:center;
        }
	.developer {
		float: right;
		padding: 10px 10px 10px 0;
		}


.www {
	width: 23px;
	height: 165px;
	background: url(../img/www.gif) no-repeat;
	position: relative;
	bottom: 0;
	left: -68px;
	}
	
.de .www {background: url(../img/www-at.gif) no-repeat;}

.nadpis {
	width: 38px;
	height: 313px;
	position: absolute;
	top: 149px;
	left: 28px;
	background: url(../img/nadpis_shop.gif) no-repeat;
	}


/* ***** boxy ****** */

.box {
	width: 340px;
	background: url(../img/bg_box.gif) repeat-x;
	}
	.flleft {float: left;}
	.flright {float: right;}
	
	.boxin {
		padding: 15px;
		}
		.sleva {background: url(../img/ico_sleva.gif) no-repeat top right;}
		.novinka {background: url(../img/ico_novinka.gif) no-repeat top right;}
		.akce {background: url(../img/ico_akce.gif) no-repeat top right;}
		.tip {background: url(../img/ico_tip.gif) no-repeat top right;}
		
			.de .sleva {background: url(../img/ico-de-sleva.gif) no-repeat top right;}
			.de .novinka {background: url(../img/ico-de-novinka.gif) no-repeat top right;}
			.de .akce {background: url(../img/ico-de-akce.gif) no-repeat top right;}
			.de .tip {background: url(../img/ico-tip.gif) no-repeat top right;}
		
	.box img {
		float: left;
		margin-right: 15px;
		}
		.produkt {border: 1px solid #c0c0c0; margin-bottom: 10px;}
		.pridat {clear: both; border: 0;}
			
	.box p {margin-bottom: 5px;}
		
	.cena {text-align: right; font-size: 1.1em;}
		.cena span {color: #c9002e; font-weight: bold;}
		
.breadcrumbs {
	float: left;
	}
		
.pages {border-top: 1px solid #c0c0c0; padding-top: 8px; text-align: right;}
	.noline {border: none; padding: 0;}	
	.pages a, .pages span {margin: 0 2px;}
		.pages img {vertical-align: middle;}
		.pages a.active {text-decoration: none; font-weight: bold;}

div.DocumentAttachments{
    background-color:#DDDDDD;
    width:150px;
    float:right;
    margin:20px 0px 3px 10px;
}
div.DocumentAttachments h2{
    background: url(../img/attachments.gif) no-repeat;
    width:144px;
    height:44px;
    display:block;
    font-size:0px;
    margin:3px;
}
div.Attachment{
    margin:10px 6px;
}

img.floatleft{
    float:left;
    margin:5px 10px 5px 0px;
}
img.floatnone{
    float:none;
}
img.floatright{
    float:right;
    margin:5px 0px 5px 10px;
}

.checkbox {
	margin-right: 10px;
	}
	
/* ************************************************** */	
/* ************* PRODUKTOVA STRANA ****************** */
/* ************************************************** */

#produkt {
	clear: both;
	float: left;
	width: 542px;
	}
	#photo {
		float: left;
		width: 250px;
		}
		.dalsi {margin-bottom: 3px;}
	#popis {
		float: right;
		width: 275px;
		}
		.technicke {
			border-top: 1px solid #c0c0c0;
			border-bottom: 1px solid #c0c0c0;
			padding: 10px 0;
			margin-bottom: 10px
			}
		.cenove {
			border-bottom: 1px solid #c0c0c0;
			padding-bottom: 10px;
			}
			.technicke strong, .cenove strong {
				float: left;
				display: block;
				width: 11em;
				}
				.technicke br, .cenove br {clear: both;}
			.cenove em {
				font-style: normal;
				color: #c9002e;
				font-weight: bold;
				}
				
			.cenove .bezDPH {font-size: 0.9em; color: #595959;}
#souvisejici {
	float: right;
	width: 145px;
	border-left: 1px solid #c0c0c0;
	}
	#souvisejici div, #souvisejici h2 {margin-left: 20px;}
	
	
/* ************************************************** */	
/* ********************* SHOP *********************** */
/* ************************************************** */

#shoporder {
	}
	#shoporder h4 {margin-bottom: 5px; color: #55788C;}
	#shoporder label {
		display: block;
		width: 105px;
		float: left;	
		}
	#shoporder .levysl strong, #shoporder .pravysl strong {
		display: block;
		width: 85px;
		float: left;	
		}
	#shoporder .pole {
		width: 195px;
					margin-bottom: 4px;
		}
	#shoporder br {
		clear: left;
		}
	#shoporder input {
		vertical-align: middle;	
		}
	#shoporder select {
		width: 270px;
		font-size: 1em;
		}
	#shoporder img {border: 0;}
	#shoporder table {
		width: 100%;
		}
		#shoporder th {background: #5B9DCC; color: #FFF}
		#shoporder td {vertical-align: middle;}
		.celkem {background: #CCCCCC; font-weight: bold;}
		
		.delete a {text-decoration: none;}
		.delete {font-weight: bold; font-size: 1.6em; line-height: 1em;}
		#shoporder table input {font-size: 1em;}
	.red { color: #c9002e; font-size: 1.3em; }
	
	.shopItemDetail .cena {font-size: 1.5em; color: #55788C; font-weight: normal; float: left;}
	.objednatbut {float: right; margin-top: 6px; margin-right: 40px;}
	
	.levysl {
	width: 340px;
	float: left;
	margin-bottom: 25px;
	}

.pravysl {
	width: 340px;
	float: right;
	margin-bottom: 25px;
	}
	
	#shoporder .metody label {width: 12.5em;}

.error{
	color: #D0002E;
	}

#logged-user{
	float: right;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	}