* {
	margin: 0;
	padding: 0;
}
/* ### LAYOUT ### */
html, body {
	height: 100%;
}
body {
	font-size: 80%;
	text-align: center;
	line-height: 1.5;
	background: #e9f2fb url("img/bg-body.gif") 0 0 repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}
html>body {
	font-size: small;
}
#main {
 	width: 810px;
	margin: 0 auto;
	text-align: left;
	min-height: 100%;
	height: 100%;
	position: relative;
	background: #fff url("img/bg-main.gif") 0 92px no-repeat;	
}
 body>#main {
 	height: auto;
}
#header {
	 height: 92px;
     width: 100%;
     padding: 0;
     border: 0;
	 background: transparent url("img/bg-head.gif") 0 -1px no-repeat;		 
}
#headerIn {
     padding: 10px;
}
#right {
     width: 520px;
     float: right;
	 margin: 35px 10px 0 0;
	 padding-bottom: 110px;	 	
}
#rightIn {
     padding: 0 15px 0 20px;
	 border-left: 1px solid #d9d9d9; 
}
#left {
     width: 250px;
     float: left;
	 margin: 35px 0 0 10px;
	 padding-bottom: 110px;
}
#leftIn {
     padding: 0 0 0 20px;
}
#footer {
	width: 810px;
 	height: 70px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
 }
#footerIn {
     margin: 0 10px 0 10px;
	 height: 65px;
     background: #f3fbff;
	 border-top: 5px solid #e1f2fb;
}

#lorry { 
	position: absolute;
	top: 0; left: -93px;
	width: 345px; height: 294px;
	background: transparent url("img/lorry2.gif") 0 -1px no-repeat;
}
#lorryS { 
	position: absolute;
	top: 0; left: 0;
	width: 169px; height: 93px;
	background: transparent url("img/lorry-small.gif") 0 -1px no-repeat;
}
#lorryS a{ 
	display: block;
	width: 100%; height: 100%;
}

/* ### Content  ### */
body a, body a:hover, body a:visited {
	color: #ff7800;
}
#catPrologue {
	margin: 5px 10px 0 10px;
	padding: 20px 20px 0 20px;
	background: url("img/bg-catprologue.gif") 0 0 repeat-x;
}
#catPrologue h6 {
	color: #ff7800;
	font-weight: bold;
	font-size: 190%;
	font-family: Tahoma,Arial,sans-serif;
	padding-right: 290px;
}
#catPrologue p{
	margin: 6px 0 0 0;
	margin-right: 350px;
}
#catPrologueImg {
	float: right;
	margin-right: 0px !important;
}
#catPrologueImg img {
	border: 5px solid #ffcd89;
}

#breadcrumbs {
	padding: 5px 20px 15px 0px;
	font-weight: bold;
	font-size: 87%;	
}
#breadcrumbs a, #breadcrumbs a:visited  {
	font-weight: normal;
	color: #333333;	
}
#prologue {
	font-weight: bold;
	margin-bottom: 20px;
	color: #6a99c6;
}
#headerIn h1 {
	margin: 21px 0 0 65px;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
}
#headerIn span {
	display: block;
	margin: 21px 0 0 65px;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
}
#logoText {
	position: absolute;
	top: 9px; left: 75px;
	font-weight: bold;
	font-size: 18px;
	color: #fff;
	font-family: Tahoma,Arial,sans-serif;
}
#headerContact {
	position: absolute;
	top: 10px; right: 10px;
	text-align: right;
	font-size: 12px;
	color: #397d9e;
}

#right h2 {
	padding: 10px 20px 10px 20px;
	margin: 0 0 20px 0;
	font-weight: bold;
	font-size: 18px;
	line-height: 100%;
	color: #2f6ca5;
	background: url("img/bg-h1.gif") top right no-repeat;
	font-family: Tahoma,Arial,sans-serif;
}
#right h1 {
	padding: 10px 20px 10px 20px;
	margin: 0 0 20px 0;
	font-weight: bold;
	font-size: 18px;
	line-height: 100%;
	color: #2f6ca5;
	background: url("img/bg-h1.gif") top right no-repeat;
	font-family: Tahoma,Arial,sans-serif;
}
#rightIn h4 {	
	padding-top: 5px;
	color: #ff7800;
	font-size: 140%;
	font-family: Tahoma,Arial,sans-serif;
	font-weight: normal;
}
/*### Opera ###*/
@media all and (min-width: 0px){
  #rightIn h4 {
     font-size: 140%;
  }
}

#rightIn p {
	margin-bottom: 15px;
}

ul#list {
	list-style: none;
	margin-bottom: 15px;
} 
ul#list li {
	padding: 0 0 0 30px;
	margin: 10px 0 0 0;
}
ul.or li {
	background: transparent url("img/li-or.gif") left 3px no-repeat;	
}
ul.bl li {
	background: transparent url("img/li-bl.gif") left 3px no-repeat;	
}
ul.dot-or li {
	background: transparent url("img/li-dot-or.gif") 12px center no-repeat;
	line-height: 100%;
}


.navLink {
	line-height: 200%;
	background: transparent url("img/navlink.gif") 0 center no-repeat;
	padding-left: 25px; 
}

#footer p.fl {
	margin: 10px 0 10px 15px;
	width: 80%;
	display: inline;
}
#footer p.fr {
	margin: 10px 15px 10px 0;
	width: 15%;
	display: inline;
}
#footer p, #footer p a, #footer p a:hover, #footer p a:visited {
	color: #4889a9;
}


/* ### Tabs ### */
#tabs {
	position: absolute;
	top: 54px; right: 25px;
}	
#tabs ul {
	margin:0;
	list-style:none;
}
#tabs li {
	display:inline;
	margin:0;
	padding:0;
}
#tabs a {
	float:left;
	background:url("img/left-tab2.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 10px;
	text-decoration:none;

	font-weight: bold;
	font-size: 120%;
	margin-right: 0px;
	background-position:0% -148px;
	color: #4786a7;
}
#tabs a span {
	float:left;
	display:block;
	background:url("img/right-tab2.gif") no-repeat right top;
	background-repeat: no-repeat;	
	padding: 10px 16px 5px 6px; 
	background-position:100% -148px;
}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
	/* End IE5-Mac hack */
#tabs a:hover span {
	color:#4786a7;
}
#tabs a:hover {
	background-position:0% -74px;
}
#tabs a:hover span {
	background-position:100% -74px;
}

/* ### Left Menu ### */
#left h3 {	
	background: #8ed236 url("img/bg-h3left.gif") 0 0 no-repeat;
}
#left h3 a {
	display: block;
	padding: 7px 20px 4px 20px;
	color: #fff;
	text-decoration: none;
}
#menu {
	width: 230px;
	list-style-type: none;
	background: #def9be;
}

#menu a {
	display: block;
	width: 180px;
	padding: 6px 20px 4px 30px;
	background: url("img/bg-linkmenu.gif") 20px 11px no-repeat;
	font-weight: bold;
	color: #4e8900 !important;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	/*border-bottom: 1px solid #b2b2b2;*/
}
#menu li {
	_behavior: url(hover.htc);
}
#menu a:link, #menu a:visited {
	color: #000;
	text-decoration: none;
}
#menu a:hover {
	background: #edffd8 url("img/bg-linkmenu.gif") 20px 11px no-repeat;
}

#menu li.last {
	background: url("img/bg-linkmenulast.gif") bottom right no-repeat;	
}
#menu li.last:hover {
	background: #edffd8 url("img/bg-linkmenulast.gif") bottom center no-repeat;
}
#menu li.last.hover {
	_background: #edffd8 url("img/bg-linkmenulast.gif") bottom 230px no-repeat;
}
#menu li.last a {
	border-bottom: none;
	padding-bottom: 8px;
}
#menu li.last a:hover {
	background: transparent url("img/bg-linkmenu.gif") 20px 11px no-repeat;
}

#menu a.first, #menu a.first:hover {
	padding-top: 11px;
	background-position: 20px 17px;
}


/* ### Cenik ### */
#cenik {
	background: #ffe5b2 url("img/ceniktop.gif") 0 0 no-repeat;
	margin-top: 10px;
}
#cenik #in {
	padding: 5px 20px 25px 15px;	
	background: transparent url("img/cenikbottom.gif") bottom left no-repeat;
	font-size: 18px;
}
#cenik #in img {
	vertical-align: baseline;
	padding: 0 6px;
	margin-bottom: -4px;
}
#cenik #in p {
	padding-top: 10px;
	margin: 0;
	text-align: right;	
}
#cenik #cenikH4 {
	font-size: 100%;
	font-family:Arial, Helvetica, sans-serif
}
.nadpisCenik {
	color: #3e7cc0 !important;
}
#cenik #in #priceItems p {
	padding-top: 25px;
	border-bottom: 1px solid #f2d293;
}
#priceItems {
	font-size: 80%;
}
#priceItems span {
	font-size: 130%;
}
#priceItems sup {
	font-size: 10px;
}

#roundIn {
	background: #fff4df url("img/bg-form-top.gif") top left no-repeat;
	width:440px;
	margin-left: 10px;
	margin-top: 20px;
}
#roundInIn	{
	background: url("img/bg-form-bottom.gif") bottom left no-repeat;
	padding: 0 15px 10px 25px;
}
#roundInIn span	{
	color: #ff5a00;	
}
/* ### FORMULAR KONTAKTNI ### */
#wrapKontaktForm {
	width:440px;
	font-size: 70%;
	margin-left: 10px;
	margin-top: 20px;
}

#kontaktForm {
	background: #fff4df url("img/bg-form-top.gif") top left no-repeat;
	padding: 15px 15px 0 15px;
	_padding: 15px 7px 0 15px;
}

p#vyplnte {
	margin-top:0px !important; 
	margin-bottom: 0px !important;
	font-size:90% !important;
	_font-size:85% !important;
	color:#555;
	text-align: left !important;
	
}	

#kontaktForm form	{
	background: url("img/bg-form-bottom.gif") bottom left no-repeat;
	margin: 0 -15px;
	padding: 0 15px 15px 25px;
}
#kontaktForm .heading {
	font-size: 110%; font-weight: bold; padding-top: 8px;
} 
#kontaktForm textarea	{
	width: 400px;
	height: 91px;
	border: 1px solid #505050;
	border-bottom: 1px solid #B6B6B6;
	border-right: 1px solid #818181;
	background: #fff url("img/textarea-bg.gif") top left no-repeat;
	color:#666666;
	font-size: 12px;
}
#kontaktForm input	{
	border: 1px solid #505050;
	border-bottom: 1px solid #B6B6B6;
	border-right: 1px solid #818181;
	background: url("img/input-gray-bg.gif") top left no-repeat;
	width: 127px;
}
#kontaktForm input#cas-demontaze	{
	width: 65px;
}


#kontaktForm input.checkbox	{
	border: none;
	background: none !important;
	width: 25%;
}
#kontaktForm td.tdCheckbox	{
	text-align: left;
	padding-left: 20px;

}

#kontaktForm input.button	{
	margin: 15px 0 0 0;
	padding: 0;
	background: none;
	border: none;
	width: auto;
}
tr.valignTop td	{
	vertical-align: top;
}
#kontaktForm input.check, #kontaktForm input.radio	{
	width: auto;
	border: 0;
	margin-left: 0;
}
#kontaktForm select	{
	width: 130px;
}
#kontaktForm td.check input.check	{
	float: left;
}
#kontaktForm td.check label	{
	display: block;
	margin-left: 25px;
}
#kontaktForm td	{
	line-height: 220%;
}
#kontaktForm tr {
	width: 100%;
}
#kontaktForm h4 {
	color: #ff5a00;
}
#kontaktForm .pozn {
	font-size: 90%;
	color: #666666;
}
/* special styly pro kontaktni formular na kontakt.php */
.kontaktPage {
	background: #ffe5b2 url("img/bg-form-top-kontakt.gif") top left no-repeat !important;
	padding: 15px 15px 0 15px !important;
	_padding: 15px 7px 0 15px !important;
}
.kontaktPage form	{
	background: url("img/bg-form-bottom-kontakt.gif") bottom left no-repeat !important;
	margin: 0 -15px !important;
	padding: 0 15px 15px 25px !important;
}


/* Kontakt Numbers TABLE */
#kontaktNo {
	background: #ffeac2;
	margin-top: 15px;
}
#kontaktNo td {
	vertical-align: baseline;
	padding: 5px 15px;
	line-height: 180%;
}

/* Kontakt table */
#kontaktTable {
	line-height: 150%;
	margin: 10px 0 10px 0;
}

/* Gallery */
#gallery img {
	border: 5px solid #cee3f7;
	margin-top: 30px;
}

#logoBox { position: absolute; top: 0; left: 5px; width: 60px; height: 43px; }

strong.telNo {
	color: #333;
	font-size: 155% !important;
	font-weight: normal !important; 
}
p#potvrzeni {
	color: #ff6c00;
	font-size: 16px;
	font-weight: bold;
	background: #fff0d9;
	padding: 20px;	margin-bottom: 20px;
}




/* ### Obecne ### */
.spacer {
  clear: both;
}
hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
}
a img	{
	border: 0;
}
.redStar { color: #ff0000; }
.rt { text-align: right; }
.lt { text-align: right; }
.fr { float: right; }
.fl { float: left; }
a.ext { background: url(img/ico-ext.png) no-repeat 100% 0 !important; padding-right: 10px !important; } 
.red { color: red; }
.normal { font-weight: normal !important; }
.bold { font-weight: bold; }
.lowRow { line-height: 135%; }
.fs85 { font-size: 85%; line-height: 1.8;}
