/*�2005 jan korbel*/
@import url("form.css");
@import url("table.css");

/* BODY */
body {
	font: 70% "verdana", helvetica, sans-serif;
	margin: 0;
	padding: 0 0 2em 0;
	background: #725955 url("../img/main_bg.gif") 50% 0 repeat-y;
	color: #310017;
	text-align: center;
}

div#topper {
	font-size: 0.1%;
	margin: auto;
	height: 8px;
	border-bottom: 1px solid #6C4D49;
	width: 766px;
	background-color: #ED8B05;
	position: relative;
	left: 1px;
}	html>body div#topper {position: static;}

/* DIVY */
div#allIn {
	text-align: left;
	width: 766px;
	margin: auto;
	background-color: white;
	border-left: 1px solid #6C4D49;
	border-right: 1px solid #6C4D49;
	position: relative;
		left: 1px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 764px;
}	html>body div#allIn {position: static;}
	
	div#header {
		height: 125px;
		background-position: right;
		background-repeat: no-repeat;
		background-image: url(../img/ilu01.jpg);
		text-indent: -150em;
	}
			div#header h1 {
				float: right;
				background: url(../img/logo.gif) no-repeat;
				height: 74px;
				width: 140px;
				margin: 35px 40px 0 0;
				display: inline;
			}	div#header h1 a:link, div#header h1 a:visited {
					display: block;
					height: 63px;
					width: 138px;
					text-decoration: none;
				}
				
				div#header h2 {
					float: left;
					display: inline;
					background: url(../img/claim.gif) no-repeat;
					height: 20px;
					width: 414px;
					margin: 63px 0 0 40px;
				}
			
		div#mainMenu {
			background-color: White;
			margin: 0 0 25px 0;
		}
		
	 /* mainContainer */	
	div#mainContainer {
		float: left;
		width: 67%;/*64*/
		margin: 0 0 3em 0;
		width: 67.5%;
    padding: 0 0 0 1em;
	}

  div#mainContainer.wide{
    width:97%;
}

  div#mainContainer div.titleBox
  {
    background-color: #CF9890;
    border: 1px solid #5E4643;
    width: 328px;
    float: left;
    margin: 20px;
    /*height: 130px;*/
    
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  
  div#mainContainer div.titleBox>h3
  {
    color: #fff;
    font-size: 120%;
    padding: 3px 10px 2px 10px;
    height: 20px;
    line-height: 20px;
    margin: 0;
    border-bottom: 1px solid #8F6A65;
  }
  
  div#mainContainer div.titleBox>p
  {
    background-color: #fff;
    padding: 5px 10px;
    margin: 0;
    overflow: hidden;
  }
    
    div#mainContainer div.titleBox p img
    {
      float: left;
      margin: 5px 10px 10px 0;
    }
  
    div #mainContainer div.titleBox p span
    {
      display: block;
    }
    
    
	  
		div.contentPad {margin:0 23px;}
		
			div.halfColLeft, div.halfColRight {
				float: left;
				width: 49.5%;
				voice-family: "\"}\"";
				voice-family: inherit;
				width: 46.6%;
			}	em {top: auto;}
			
			div.halfColLeft {
				padding: 0 10px 1em 0;
				border-right: 1px solid #6C4D49;
			}
			div.halfColRight {
				padding: 0 0 0 12px;
			}

      span.cena{
        float:right;
        font-size: 0.8em;
        color:#634A4A;
      }

      span.uvod{
      }

      div.boxSluzby
      {
        width:46%;
        margin: 5px;
        padding: 7px;
        float:left;
        border: 1px solid #E6770B;
        overflow: hidden;
        height: 14em;
        
        -moz-border-radius: 8px; /* FF1+ */
        -webkit-border-radius: 8px; /* Saf3+, Chrome */
        border-radius: 8px; /* Opera 10.5, IE 9 */
      }

      div.boxSluzby:hover
      {
        border: 1px solid #583B38;
        cursor: pointer;
      }

      div.boxSluzby>p,
      div.boxSluzby>h2
      {
        padding: 1px 5px;
        margin:0;
      }
      div.boxSluzby>p>img{
        float: left;
        margin: 5px 10px 5px 0;

      }
      div.boxSluzby>h2{
        margin: 0 0 5px 0;
      }

      div.contentPad>img
      {
        float:right;
        margin:0px 0px 0px 5px;
      }


	
	/* SIDEBAR */	
	div#sidebar {
		float: right;
		width: 27.3%;
		margin: 0 10px 3em 0;
		background-color: #f5f3f3;
	}	html>body div#sidebar {
			margin: 0 20px 3em 0;
		}
			
	div#footer {
		padding: 1em 1.5em;
		margin: 0;
		color: #310017;
		font-size: 100%;
		background-color: #F5F3F3;
		border-top: 1px solid #6C4D49;
	}

  div#title{
    background-color: #F5F3F3;
    height: 194px;
  }

    div#title p
    {
      font-size: 1.2em;
      margin: 15px 0 0 0;
      width: 280px;
      float: left;
    }
      div#title p a
      {
        
        line-height: 1.6em;
        cursor:pointer;
      }

  div#title div.picture
  {
    width: 328px;
    height: 194px;
    float: left;
    margin-right: 40px;
    background: url("../img/ilu_pic/title.png") 0 0 no-repeat;
    
    -moz-border-radius: 8px; /* FF1+ */
    -webkit-border-radius: 8px; /* Saf3+, Chrome */
    border-radius: 8px; /* Opera 10.5, IE 9 */
  }

	/* pomocne divy */
	div#iluOne {
		width: 345px;
		height: 204px;
		background: white url("../img/ilu_pic/01.jpg") 0 0 no-repeat;
	}
	div#iluTwo, div#iluNovOne, div#iluNovTwo {
		width: 210px;
		height: 137px;
		background: white url("../img/ilu_pic/02.jpg") 0 0 no-repeat;
	}

		div.roundedImg div {
			background: transparent url("../img/t-r-corner.gif") top right no-repeat;
		}
		div.roundedImg div div {
			background: transparent url("../img/b-r-corner.gif") bottom right no-repeat;
		}
		div.roundedImg div div div {
			background: transparent url("../img/b-l-corner.gif") bottom left no-repeat;
		}
		div.roundedImg div div div div {
			background: transparent url("../img/t-l-corner.gif") 0 0 no-repeat;
		}
			
			div.roundedImg div div div div {width: 210px; height: 137px;}
			
			div#iluOne div div div div {width: 346px; height: 204px;}
			
			
			div#iluSluOne {
				background: white url("../img/ilu_pic/sluzby01.jpg") 0 0 no-repeat;
				padding: 0 0 20px 0;
			}	div#iluSluOne div div div div {
					height: 263px;
				}
				
			
			div#iluSluTwo {
				background: white url("../img/ilu_pic/sluzby02.jpg") 0 0 no-repeat;
				padding: 0 0 20px 0;
			}	div#iluSluTwo div div div div {
					height: 145px;
				}
			
			div#iluSluThree {
				background: white url("../img/ilu_pic/sluzby04.jpg") 0 0 no-repeat;
				padding: 0 0 20px 0;
			}	div#iluSluThree div div div div {
					height: 153px;
				}
			div#iluSluFour {
				background: white url("../img/ilu_pic/sluzby03.jpg") 0 0 no-repeat;
			}	div#iluSluFour div div div div {
					height: 205px;
				}
			
			div#iluRefOne {
				background: white url("../img/ilu_pic/reference01.jpg") 0 0 no-repeat;
				padding: 0 0 20px 0;
			}
			div#iluRefTwo {
				background: white url("../img/ilu_pic/reference02.jpg") 0 0 no-repeat;
			}
			
			div#iluNovOne {
				background: white url("../img/ilu_pic/novinky01.jpg") 0 0 no-repeat;
				padding: 0 0 20px 0;
			}
			div#iluNovTwo {
				background: white url("../img/ilu_pic/novinky02.jpg") 0 0 no-repeat;
			}
			
			div#iluBazOne {
				background: white url("../img/ilu_pic/bazar01.jpg") 0 0 no-repeat;
				padding: 0 0 20px 0;
			}
			div#iluBazTwo {
				background: white url("../img/ilu_pic/bazar02.jpg") 0 0 no-repeat;
			}
			
			div#iluKonOne {
				background: white url("../img/ilu_pic/kontakt.jpg") 0 0 no-repeat;
			}	div#iluKonOne div div div div {
					height: 153px;
				}
		
/* HLAVNI MENU */
div#mainMenu ul {
	margin: 0;
	padding: 0 0 0 0px;
	font-size: 11px;
	letter-spacing: 1px;
	background: white url("../img/main-menu-link.gif") 0 50% repeat-x;
}

div#mainMenu ul li {
	list-style: none;
	display: block;
	float: left;
	text-transform: uppercase;
	margin: 0 0px 0 0 ;
	padding: 0;
	height: 22px;
}
	
		div#mainMenu ul li a,div#mainMenu ul li a:visited, 
		div#mainMenu ul li a:active  {
			display: block;
			float: right;
			padding: 4px 10px 0 10px;
      border: 1px solid black;
			background: #e7e7e7;
			color: #634A4A;
			text-decoration: none;
			height: 17px;
      -moz-border-radius: 8px; /* FF1+ */
      -webkit-border-radius: 8px; /* Saf3+, Chrome */
      border-radius: 8px; /* Opera 10.5, IE 9 */
    }
		
			div#mainMenu ul li.uvod {width: 84px;}
			div#mainMenu ul li.sluzby {width: 101px;}
			div#mainMenu ul li.podpora {width: 114px;}
			div#mainMenu ul li.reference {width: 126px;}
			div#mainMenu ul li.novinky {visibility:hidden;width:0px;}
			div#mainMenu ul li.cenik {width: 93px;}
			div#mainMenu ul li.bazar {width: 97px;}
			div#mainMenu ul li.kontakt {width: 118px; margin-right: 0;}
		
		
			div#mainMenu ul li a:hover, div#mainMenu ul li#hereMenu a {
				background-color: #FE9B17;
				color: white;
			}
				
/* KONEC  HLAVNI MENU */
		
		
/* SUBMENU */
ul#submenu {
	margin: 0;
	padding: 0;
	/*font-family: "Georgia", Times New Roman, Times, serif;*/
	font-size: 90%;
	letter-spacing: 1px;
	border-top: 1px solid #ddd;
}

ul#submenu li {
	list-style: none;
	display: block;
	text-transform: uppercase;
	margin: 0 0 -12px 0 !important;
	padding: 0;
}	html>body ul#submenu li {
		margin: 0 !important;
	}
	
		ul#submenu li a, ul#submenu li a:visited, 
		ul#submenu li a:active  {
			display: block;
			padding: 6px 0px 5px 10px;
			margin: 0;
			color: #010100;
			border-bottom: 1px solid #ddd;
			text-decoration: none;
			background-color: transparent;
		}
			ul#submenu li a:hover {
				background-color: #CDCDCD;
			}
		ul#submenu li.here {
			padding: 6px 0 0 10px;
			border-bottom: 1px solid #ddd;
			background-color: #FFD9C5;
			margin: 0 !important;
		}
	
	/* polozky submenu */
	ul#submenuItem {
		list-style: none;
		display: block;
		background-color: transparent;
		margin: 5px 0 5px -10px;
		padding: 0;
		border-top: 1px solid #ddd;
	}
	
		ul#submenuItem li {
			margin: 0 !important;
			padding: 0;
			display: block;
			background-color: #F5F3F3;
			text-transform: none;
			letter-spacing: normal;
			border-bottom: 1px solid #ddd;
		}
		ul#submenuItem li.lastLi, ul#submenuItem li {
			margin: 0 0 0 0 !important;
			border-bottom: 1px solid #ddd;
		}
		
		ul#submenuItem li a, ul#submenuItem li a:visited, 
		ul#submenuItem li a:active  {
			display: block;
			padding: 3px 0px 3px 24px;
			margin: 0;
			color: #010100;
			/*border-top: 1px solid #ddd;*/
			border-bottom: none;
			text-decoration: none;
			background-color: transparent;
		}
			ul#submenuItem li a:hover {
				background-color: #fdfdfd;
			}
		
/* TEXTOVE PRVKY */
acronym {cursor: help; border-bottom: 2px dotted #333;}

blockquote {
	/*color: black;*/
	float: right;
	width: 37%;
	font-style: italic;
	margin: 0 0 1.5em 0;
	background: transparent url("../img/quot_left.gif") 1em 0.1em no-repeat;
}
	blockquote div {
		margin: 0;
		padding: 0 0.2em 0 2em;
		background: transparent url("../img/quot_right.gif") 100% 100% no-repeat;
	}

span.datum {
	color: #E66417;
	font-weight: bold;
}

p {
	font-size: 1em;
	line-height: 150%;
	margin: 0 0 1.4em 0;
}

p.popiska{
  font-size: 0.9em;
  padding-left: 2em;
  color:#634A4;
}
  ul.popiska>li{
  font-size: 0.9em;
  color:#634A4;
  margin-bottom: 0px;
}

div.produkt{
  width:48%;
  padding:1%;
  float:left;
}

div.produkt>img{
  float:right;
}



ul, ol {margin: 0.5em 0 1em 0; padding: 0;}

	ul.noStyle {
		margin: 0 0 1.5em 0; padding: 0;
	}
	ul.noStyle li {
		list-style: none;
		padding: 0; margin: 0.25em 0;
	}
	
	ol li ol.pismena li {list-style: upper-alpha;}
	ol.cisla li {list-style: decimal;}
li {
	font-size: 1em;
	list-style: square;
	margin: 0.5em 0 0.7em 2.5em;
	padding: 0;
}
	
table {
	font-size: 100%;
}
/* VLASTNI Pcka */
body#titulka div#sidebar p {
	color: #9B3122;
}

div#footer p {
	font-size: 90%;
	margin: 0;
}


/*--- NADPISY ---*/
h1, h2, h3, h4 {color: #634A4A;}
h1 {font-size: 1.6em; margin: 0em 0em 0.7em 0em;}
h2 {font-size: 1.25em; margin: 0em 0em 0.7em 0em;}
h3 {font-size: 1em; margin: 0em 0em 0.3em 0em;}
h4 {font-size: 1em; margin: 0em 0em 0.3em 0em;}

/* special nadpisy*/
div#sidebar h3 {
	text-transform: uppercase;
	padding: 10px 0.8em 7px 10px;
}

div#sidebar h4.varianta {
	padding: 10px 0.8em 7px 10px;
  color: #FE9B17;
}


/* NORMALNI LINK */
a, a:visited {
	color: #CD3216; /*8D9602*/ /*ff6000*/
	text-decoration: underline;
	border: none;
}
a:hover {color: #E66417;}
a:visited {text-decoration: none;}
a:active {color: black;}

div#footer a:link, div#footer a:visited {
	border-width: 0px;
}

/* ZVLASTNI LINKY */
a.aDown:link, a.aDown:visited {
	font-size: 90%;
	color: #6c4d49;
	padding: 2px 0 0 0px;
	height: 16px;
	background: #F7F7E7 url("../img/a_down_border.gif") left top repeat-x;
	border: none;
	margin: 0;
	text-decoration: none;
}	html>body a.aDown:link, html>body a.aDown:visited {
		margin: 0;
	}


	a.aDown:link span.spanALeft, a.aDown:visited span.spanALeft,
	a.aDown:link span.spanARight, a.aDown:visited span.spanARight {
		float: left;
		display: block;
		width: 6px;
		height: 18px;
		background: white url("../img/a_down_l.gif") right top no-repeat;
		position: relative;
			top: -2px;
		margin: 0 0 -2px 0;
	}
	a.aDown:link span.spanARight, a.aDown:visited span.spanARight {
		float: right;
		background: white url("../img/a_down_r.gif") right top no-repeat;
		top: -2px;
		margin: 0 0 -2px 0;
	}
				* html a.aDown:link span.spanARight,
				* html a.aDown:visited span.spanARight {
					top: -14px; /* jenom pro IE 5.0+ */
					margin: 0 0 -14px 0;
				}
				:root a.aDown:link span.spanARight,
				:root a.aDown:visited span.spanARight {
					top: -14px; /*jenom pro Mozillu*/
					margin: 0 0 -14px 0;
				}

		a.aDown:hover {
			background-color: #E7D6D6;
		}
			a.aDown:hover span.spanALeft, a.aDown:hover span.spanARight {
				background-position: 0 -38px;
			}

a.sectionPointer:link, a.sectionPointer:visited {
	border: none;
	text-decoration: none;
	text-indent: -100em;
	display: block;
	height: 15px;
	font-size: 90%;
	background-position: 50% 0;
	background-repeat: no-repeat;
	text-transform: uppercase;
}
	a.sectionPointer:hover {
		background-position: 50% -30px;
	}
	
	a#aPodpora:link, a#aPodpora:visited {
		background-image: url("../img/aPodpora.gif");
	}
	a#aReference:link, a#aReference:visited {
		background-image: url("../img/aReference.gif");
	}
	
/* "GRAFICKE PRVKY" */
hr {
	height: 1px;
	margin: 0.8em 0;
	border: none;
	padding: 0;
}	html>body hr {
		margin: 1.6em 0 1.4em 0;
	}


hr {color: #6C4D49; background-color: #6C4D49;}

br.floatStop {
	clear: both;
	line-height: 0;
	height: 0;
	font-size: 0.1%;
}

.floatHolder:after {
	content: "."; 
   display: block; 
   height: 0.1%;
	line-height: 0.1%;
	font-size: 0.1%;
	clear: both; 
   visibility: hidden;
}
	/* Holly Hack Targets IE Win only \*/ * html .floatHolder {height: 1%;} /* End Holly Hack */

img {border: 0;}
img.border {
	border: 1px solid #6C4D49;
}

img.lftMargin {
	margin:0 0 0 20px;
}

/* ZAROVNAVANI */
.toLeft {text-align: left !important;}
.toCenter {text-align: center !important;}
.toRight {text-align: right !important;}

.fltLft {display: block; float: left;}
.fltRgt {display: block; float: right;}

.clrLft {clear: left;}
.clrRgt {clear: right;}
.clrBth {clear: both;}

.disBlock {display: block;}
.disInline {display: inline;}

.noBorder {border: none;}
.noMargin {margin: 0;}

.wOne {width: 10%;}
.wTwo {width: 15%;}
.wThree {width: 20%;}
.wFour {width: 25%;}
.wFive {width: 30%;}
.wSix {width: 35%;}
.wSeven {width: 45%;}
.wEight {width: 55%;}
.wNine {width: 65%;}
.wTen {width: 75%;}
/*�2003 jan korbel*/