* {
	margin: 0;
	padding: 0;
}
/* ### LAYOUT ### */
html, body {
	height: 100%;
}
body {
	font-size: 75%;
	text-align: center;
	line-height: 1.4;
	background: #252525 url(img/bg-body.gif) 0 0 repeat-x;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;

}
html>body {
	font-size: 80%;
}
#bgTop {
	background: url(img/bg-body-top3.gif) center top no-repeat;
	width: 100%; height: 421px;
	position: absolute;
	top: 0; left: 0;
}
#main {
 	width: 900px;
	margin: 0 auto;
	text-align: left;
	min-height: 100%;
	height: 100%;
	position: relative;
	background: url(img/bg-main.gif) 0 400px no-repeat;
 }
.subMain {
	background: url(img/bg-main.gif) 0 155px no-repeat !important;
}
 body>#main {
 	height: auto;
 }
#header {
    width: 100%;
}
#headerIn {
    padding: 90px 0 0 0;
    height: 250px;
	overflow: hidden;
}
#header .sub {
    height: 0px !important;	
}
.subMain #page {
	margin-top: 109px !important;
}
#page {
	margin: 104px 15px 0 15px;
	padding-bottom: 130px;
	background: #fff; width: 870px;
}
#left {
	float: left;
	width: 600px;
	margin-left: 20px;
}
#leftIn {

}
#right {
	float: right;
	width: 200px;
	margin-right: 20px; 
}
#rightIn {

}
#footer {
	width: 100%;
 	height: 100px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #252525;
}
#footerIn {
    padding: 10px; padding-top: 15px;
    border-top: 20px solid #f1f1ee;
	color: #c8c8c8;
}

/* Absolut positioned */
#logoBox {
	position: absolute;
	left: 20px; top: 14px;
	width: 126px; height: 64px;
	z-index: 1000;
}

#crumbs {
	position:absolute;
	top:413px; left:35px;
	font-size: 90%;
	color: #666;
}
.subCrumbs {
	position:absolute;
	top:168px !important; left:35px;
}
#crumbs a, #crumbs a:visited {
	color: #666;
}
#hdrContact {
	position: absolute; right: 0px; top: 14px;
	width: 330px; height: 59px;
	background: transparent url("img/hdr-kontakt.gif") 0 0 no-repeat;	
}
a#hdlink {
	position: absolute; bottom: 22px; left: 125px;
	text-decoration: none; color: #9a9a9a; font-size: 11px; z-index:1003; 
}
a#hdlink:visited {
 color: #9a9a9a;
}

/* Big header content */
#header #ct-left {
	width: 570px;
	height: 250px;
	float:left;
}
#header #ct-right {
	width: 290px;
	height: 211px;
	padding: 20px 20px 20px 20px;
	float:right;
	margin-top: -8px;	
	border-top: 8px solid #c0003b;
	background: #2a2a2a url("img/hdr-ct-right.gif") 0 0 no-repeat;
	color: #dedddd;
}
#header #ct-right h4 {
	font-size: 120%;
	color: #fff;
}
#header #ct-right p {
	font-size: 85%;
	margin-top: 0.4em;
}

/* content */
body a { color: #db107b; }
body a:visited { color: #9e0154; }

h1 {
	padding-top: 0.8em;
	font-weight: normal;
	font-size: 220%;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}
#left h2 {
	padding-top: 0.8em;
	font-weight: normal;
	font-size: 220%;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}
#left h4 {
	font-size: 150%;
	font-family: Tahoma, Arial, sans-serif;
	font-weight: normal;
	margin: 20px 0 5px 0;
	color: #0676b6;
}
#left p {
	margin: 5px 0 5px 0;
	font-family: Tahoma, Arial, sans-serif;
}

#triP {
	position: relative;
	width: 477px; height: 109px;
	margin-top: 20px;
}	
#triP ul {
	list-style: none;
	padding-top: 20px;

}
#triP li {
	height: 22px;
	padding-left: 48px; padding-top: 5px;
	font-weight: bold;
}
#triP span {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	background: url(img/3p.gif) 0 0 no-repeat;
}

#artLinkCon { margin-top: 20px; }

.ltImg { margin-top: 70px; }

/* ### cenik ### */
#cenik { width: 60%; margin-top: 0px; margin-left: 30px;}
#cenik td {
	padding-top: 12px;
	line-height: 180%; 
	border-bottom: 1px dotted #c9c9c9;
}
#cenik td strong {
	font-size: 155%;
	font-weight: normal; 
}
td.separator { width: 10%; border-bottom: 1px solid #CCC; }
strong.price {
	color: #EC0880;
	font-size: 170% !important;
	font-weight: normal !important;
	font-family: Tahoma, Arial, sans-serif;
}
.stovky {
	font-size: 80%;
}

/* List */
ul#list {
	list-style: none;
} 
ul#list li {
	padding: 0 0 0 15px;
	margin: 3px 0 0 0;
	background: transparent url("img/ico-normal.gif") left 0.4em no-repeat;	
}
ul#list li.min {background: transparent url("img/ico-minus.gif") left 0.4em no-repeat;}
ul#list li.pl {background: transparent url("img/ico-plus.gif") left 0.4em no-repeat;}

#footer p.fl { padding-left: 10px; }
#footer p.fr { padding-right: 10px; }
#footer a, #footer a:visited { color: #c8c8c8;}
#footer p.fl img { float: left; padding-right: 10px; }
#footer p.fl a { color:#9a9a9a; }
#footer .flinks { font-size:80%; color: #c8c8c8;}

img#priceBanner { margin-top: 20px; }

#bttn-cons-hm { width: 252px; height: 65px; position: relative; float: right; margin-top: 50px;}
#bttn-cons-hm span { display: block; width: 252px; height: 65px; position: absolute; left: 0; top: 0; background: url("img/home-btn-cons.gif") 0 0 no-repeat; cursor: hand; }
#bttn-cons-hm a { color: #fff; font-size: 120%; font-weight: bold; }
#bttn-cons-hm a:visited { color: #fff; }

/* CrossRoad */
#crossRoad  {
	margin-top: 20px;
}
#crossRoad li {
	list-style: none;
}	
#crossRoad li {
	width: 290px;
	float: left;
	margin-left: 20px;
	padding-bottom: 10px;
}
#crossRoad li.clear	{
	margin-left: 0;
	clear: both;
}
#crossRoad li.imageBg {
	margin-left: 0;
	padding-left: 310px !important;
	min-height: 103px;
	background: url("image/cross-nabidka.jpg") 0 0 no-repeat;
}
#crossRoad h4 {
	padding: 0;
	margin: 15px 0 5px;
	font-size: 120%; font-weight: bold;
}
#crossRoad li.imageBg h4 {
	margin: 0 0 5px;
}
#crossRoad p {
	padding: 0 0 5px 0;
	margin: 0;
}
#crossRoad a {
	background: transparent url(img/ico-crossroad.gif) no-repeat 0 0.5em;
	padding:3px 0 3px 12px;	
}
#crossRoad a:visited {
	background: transparent url(img/ico-crossroad-visited.gif) no-repeat 0 0.5em;
}

/* Doporuceni */
#rightIn p {margin-top:25px;}
.cusRef {
	font-style:italic; font-size:90%;
	padding:20px; background:#f1ff99;
	font-family:Verdana, Geneva, sans-serif;
}
.topQuote, .bottQuote { padding: 0; line-height: 20px;}
.topQuote span, .bottQuote span { height: 15px; padding: 0 20px 0 0; white-space: nowrap; }
.topQuote span { background: url("img/top-quote.gif") no-repeat 0 40%;  }
.bottQuote span { background: url("img/bott-quote.gif") no-repeat 70% 70%; }
.cusRef strong { font-style:normal; margin-top:5px; display:block;}
/* ### Poptakovy formular + zbytek v ie.css  ### */
.enquiry .form-spc {
	background: #e2f378  url("img/pop-form.gif") top left repeat-y;
	margin-top: 5px;
	width: 600px; /* ie6 suck */
}
.enquiry .bg-top {
	background: url("img/pop-form-top.gif") top left no-repeat;
}
.enquiry .bg-bot {
	background: url("img/pop-form-bot.gif") bottom left no-repeat;
	padding:15px 18px 10px;
}
.enquiry .col-l, .enquiry .col-r {
	width:46%;
	line-height: 1.5;
}
.enquiry .col-l {
	float: left;
}
.enquiry .col-r {
	float: right;
}
.enquiry p {
	margin: 0.3em 0pt 1em;
}
.enquiry label {
	font-weight: bold;
}
.enquiry input, .enquiry textarea {
	margin-top: 2px;
	width: 100%;
	line-height: 1.5; 
}
input.button {
		width: auto; 
}
form, fieldset {
	border:0px none;
	margin:0px;
	padding:0px; 
}



.telCons { font-weight: bold; }
.phoneNoCons {
	padding-left: 15px;
	color: #333;
	font-size: 180%;
	font-family: Arial, Tahoma, Verdana;
	font-weight: normal;
}

/* kontaktni tabulka */
#conTab {
	margin-top: 20px;
	line-height: 165%;
}
/* kontaktni stranka */
.contPage #left {
	width: 440px !important;
}
.contPage #right {
	width: 390px !important;
	padding-top: 70px;
	text-align: right;
}
.map { border: 5px solid #D8D8D8; margin-top: 10px; }

/* ### Kontakt form kontakt page ### */
#wrapKontaktForm2 {
	width:440px;
	text-align: left;
	margin-top: 10px;
}
#kontaktForm2 {
	background: #F1F1F1 url("img/bg-form-top2.gif") top left no-repeat;
	padding: 15px 15px 0 15px;
	_padding: 15px 7px 0 15px;
}	
#kontaktForm2 form	{
	background: url("img/bg-form-bottom2.gif") bottom left no-repeat;
	margin: 0 -15px;
	padding: 0 15px 15px 20px;
}
#kontaktForm2 .heading {
	font-size: 110%; font-weight: bold; padding-top: 8px;
} 
#kontaktForm2 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;
}
#kontaktForm2 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;
}
#kontaktForm2 input.checkbox	{
	border: none;
	background: none !important;
	width: 25%;
}
#kontaktForm2 td.tdCheckbox	{
	text-align: left;
	padding-left: 20px;

}
#kontaktForm2 input.button	{
	margin: 15px 0 0 0;
	padding: 0;
	background: none;
	border: none;
	width: auto;
}
tr.valignTop td	{
	vertical-align: top;
}
#kontaktForm2 input.check, #kontaktForm2 input.radio	{
	width: auto;
	border: 0;
	margin-left: 0;
}
#kontaktForm2 select	{
	width: 130px;
}
#kontaktForm2 td.check input.check	{
	float: left;
}
#kontaktForm2 td.check label	{
	display: block;
	margin-left: 25px;
}
#kontaktForm2 td	{
	line-height: 220%;
}
#kontaktForm2 tr {
	width: 100%;
}
#kontaktForm2 .pozn {
	font-size: 90%;
	color: #666666;
}
#vyplnte { font-size: 90%; margin-bottom: 5px; }

/* Main Menu */
#tabs {position:absolute; left:0px; top:340px; height:60px;width: 100%;background-color: #db107b;}
#tabs ul {list-style-type:none; padding: 13px 0 0 20px;}
#tabs ul li {display:inline; margin:0; padding:0;}
				
#tabs a {float:left; margin-right:5px !important; padding-left:11px; background:#FFF url("img/menu-l2.gif") 0 0 no-repeat; text-decoration:none !important; cursor:pointer; color: #333333; line-height: 1.5;}
#tabs a span {float:left; display:block; padding:7px 20px 8px 9px; background:#FFF url("img/menu-r2.gif") 100% 0 no-repeat;}
				
#tabs a:hover {background:#c20267 url("img/menu-l2.gif") 0 -54px no-repeat;}
#tabs a:hover span  {background:#c20267 url("img/menu-r2.gif") 100% -54px no-repeat; color:#FFF;}
				
div.sub #tabs {
	position:absolute; left:0px; top:90px;
	border-top: 5px solid #ea208b;
}

/* Side Menu */
#sideMenu {
	margin-top: 30px;	
}
#sideMenu h3 {
	font-weight: normal;
	background: url(img/side-menu-bg-top2.gif) 0 0 no-repeat;
	color: #179acb;
	font-size: 100%;	
}
#sideMenu h3 span {
	display: block;
	padding: 7px 20px;
	background: transparent url(img/side-menu-h3-bull.gif) 9px center no-repeat;
	
}
#sideMenu ul {
	width: 200px;
	list-style-type: none;
	padding-bottom: 5px;
	background: #f4f4f4 url(img/side-menu-bg-bott2.gif) left bottom no-repeat;	
}
#sideMenu li {
	border-left: 1px solid #dadada; border-right: 1px solid #dadada;
}
#sideMenu a {
	display: block;
	width: 168px;
	padding: 5px 10px 5px 20px;
	background: url(img/side-menu-link.gif) 11px 0.85em no-repeat;	
	text-decoration: none;
	color: #333;
	border-bottom: 1px solid #dadada;
}
#sideMenu li.last a {
	padding-bottom: 0;
	border-bottom: none;	
}
#sideMenu a:hover {
	background-position: -389px 0.85em;
	color: #d20370;
	font-weight: bold;
}


/* Gallery */
.gall {
	width: 600px;
	padding: 0 0 0 0;
	background: #fff2e5;
	margin-top: 25px;
}
.gall ul {
	clear: both;

}
.gall li{
	width: 182px;
	display: block;
	float: left;
	padding-left: 11px;
	padding-bottom: 11px;
	text-align: center;	
}
.gall li:first-child {
	padding-right: 11px;
	background: #ffe9d1;	
}
.gall ul:first-child li {
	padding-top: 0.8em;
	font-weight: bold;
	color: #f66043;
	padding-bottom: 8px;
	font-family: Tahoma, Arial, sans-serif;
}
.gall li img {
	padding: 3px;
	background: #fff;
}




/* ### Obecne ### */
.spacer {
  clear: both;
}
hr.cleaner {
   clear:both;
   height:1px;
   margin: -1px 0 0 0; padding:0;
   border:none;
   visibility: hidden;
}
.clear { clear: both; }
a img	{
	border: 0;
}
.rt { text-align: right; }
.lt { text-align: left; }
.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; }
.purp { color: #ec0880; }
