* {
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;
}
.hide {
	display: none; 
}
body {
	background-color: #F1F3F7;
	text-align: center;
	background-repeat: repeat-y;
}
#megadiv {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
#box {
	float: left;
	background-color: White;
}
#navi {
	width: 800px;
	height: 55px;
	background: url(../img/stin.gif) repeat-y;
	text-align: left;
	background-color: white;
}
#navi ul {
	padding-left: 245px;
	padding-top: 20px;
}
#navi li {
	float: left;
	list-style-type: none;
}
#a-home {
	width: 132px;
	height: 30px;
	background-image: url(../img/home.gif);
	float: left;
}
#a-ref {
	width: 132px;
	height: 30px;
	background-image: url(../img/ref.gif);
	float: left;
}
#a-prace {
	width: 132px;
	height: 30px;
	background-image: url(../img/prace.gif);
	float: left;
}
#a-kontakt {
	width: 132px;
	height: 30px;
	background-image: url(../img/kontakt.gif);
	float: left;
}
#lista {
	width: 800px;
	height: 139px;
	background: url(../img/stin.gif) repeat-y;
	text-align: left;
	background-color: white;
}
#obrazek-od {
	width: 14px;
	height: 139px;
	float: left;
}
#obrazek {
	width: 786px;
	height: 139px;
	background-image: url(../img/obrazek.jpg);
	background-repeat: no-repeat; 
	float: left;
}
#sekce {
	width: 315px;
	height: 100px;
	float: left;
	padding-left: 320px;
	padding-top: 36px;
}
#sekce strong {
	font-size: 1.1em;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#sekce p {
	font-family: Arial, Helvetica, sans-serif;
	color: #949698;
	font-size: 0.75em;
	font-weight: bold;
}
#obsah {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	float: left;
	background-color: White;
}
#news-box {
	width: 248px;
	float: left;
}
#news {
	width: 222px;
	float: left;
	background: url(../img/stin.gif) repeat-y;
	padding-left: 26px;
	padding-top: 27px;
	padding-bottom: 45px;
}
.newsp {
	width: 162px;
	display: block;
	padding-top: 10px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em; 
	background: url(../img/dot.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 5px;
}
#news a {
	color: #008FD4;
}
#news strong {
	color: #008FD4;
}
#news-dole {
	width: 248px;
	height: 18px;
	float: left;
	background: url(../img/stin-dole.gif);
	background-repeat: no-repeat;
}
#novinky {
	width: 222px;
	height: 11px;
	float: left;
	background: url(../img/novinky.gif) no-repeat;
	display: block;
}
#obsah-box {
	width: 552px;
	float: left;
	padding-top: 9px;
	line-height: 16px;
}
#pilir1 {
	width: 175px;
	height: 350px;
	float: left;
	padding-right: 7px;
	background: url(../img/pilir1.gif) no-repeat;
	background-position: bottom left;
}
#pilir2 {
	width: 175px;
	height: 350px;
	float: left;
	padding-right: 7px;
	background: url(../img/pilir2.gif) no-repeat;
	background-position: bottom left;
}
#pilir3 {
	width: 175px;
	height: 350px;
	float: left;
	padding-right: 7px;
	background: url(../img/pilir3.gif) no-repeat;
	background-position: bottom left;
}
#p1 {
	width: 175px;
	height: 203px;
	float: left;
	background: url(../img/pilir1p.gif) no-repeat;
}
#p2 {
	width: 175px;
	height: 203px;
	float: left;
	background: url(../img/pilir2p.gif) no-repeat;
}
#p3 {
	width: 175px;
	height: 203px;
	float: left;
	background: url(../img/pilir3p.gif) no-repeat;
}
#pilir1 h2 {
	padding-left: 15px;
	padding-top: 19px;
	font-size: 0.95em;
	color: #CCE9F6;
	font-family: Arial, Helvetica, sans-serif;
}
#p1 p {
	font-size: 0.75em;
	color: white;
	padding-left: 15px;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	width: 150px;
}
#p1text {
	width: 160px;
	float: left;
	padding-top: 4px;
	padding-left: 15px;
}
#p1text li {
	width: 140px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	padding-left: 15px;
	padding-top: 4px;
	background: url(../img/sipka-blue.gif) 0px 7px no-repeat;
	color: #6D6E71;
}

#p1text a {
	color: #6D6E71;
}
#pilir2 h2 {
	padding-left: 15px;
	padding-top: 19px;
	font-size: 0.95em;
	color: #FCE0D3;
	font-family: Arial, Helvetica, sans-serif;
}
#p2 p {
	font-size: 0.75em;
	color: white;
	padding-left: 15px;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	width: 150px;
}
#p2text {
	width: 160px;
	float: left;
	padding-top: 4px;
	padding-left: 15px;
}
#p2text li {
	width: 140px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	padding-left: 15px;
	padding-top: 4px;
	background: url(../img/sipka-oranz.gif) 0px 7px no-repeat;
	color: #6D6E71;
}
#p2text a {
	color: #6D6E71;
}
#pilir3 h2 {
	padding-left: 15px;
	padding-top: 19px;
	font-size: 0.95em;
	color: #FCE0D3;
	font-family: Arial, Helvetica, sans-serif;
}
#p3 p {
	font-size: 0.75em;
	color: white;
	padding-left: 15px;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	width: 150px;
}
#p3text {
	width: 160px;
	float: left;
	padding-top: 4px;
	padding-left: 15px;
}
#p3text li {
	width: 140px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	padding-left: 15px;
	padding-top: 4px;
	background: url(../img/sipka-yell.gif) 0px 7px no-repeat;
	color: #6D6E71;
}
#p3text a {
	color: #6D6E71;
}
.reklama {
	width: 540px;
	height: 90px;
	float: left;
	padding-top: 20px;
}
.rek4rec {
	width: 180px;
	height: 89px;
	float: left;
	background: url(../img/reklama.gif);
	background-repeat: no-repeat;
}
.rek4rec p {
	padding: 23px;
	font-size: 0.75em;
	font-family: Arial, Helvetica, sans-serif;
}
.rektext {
	width: 360px;
	height: 89px;
	background: url(../img/reklama-stin.gif);
	background-repeat: repeat-x;
	float: left;
	font-size: 0.75em;
	font-family: Arial, Helvetica, sans-serif;
}
.rektext p {
	padding: 10px;
	line-height: 16px;
}
.rektext a {
  color: #0090D4;
  font-weight: bold;
}
#makaci {
	width: 800px;
	height: 50px;
	float: left;
	background: url(../img/line.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 20px;
	margin-top: 10px;
	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#makaci a {
	color: black;
}
#drobky {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	font-weight: bold;
	float: left;
	width: 539px;
	height: 20px;
	padding-left: 13px;
}
#drobky a {
	color: #008FD4;
}
#clh1 {
	width: 539px;
	height: 41px;
	padding-top: 15px;
	padding-left: 13px;
	float: left;
	background: url(../img/h1bg.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: white;
}
#clh1w {
	width: 539px;
	height: 41px;
	padding-top: 15px;
	padding-left: 13px;
	float: left;
	background: url(../img/h1bgw.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: white;
}
#clh1s {
	width: 539px;
	height: 41px;
	padding-top: 15px;
	padding-left: 13px;
	float: left;
	background: url(../img/h1bgs.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: white;
}
q, blockquote {
  width: 320px;
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px;
  border: 1px solid black;
}
#cltext {
	width: 347px;
	float: left;
	padding-left: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	padding-bottom: 20px;
}
#cltext a, #cltextw a, #cltexts a{
  color: #0097D4;
}
#cltextw {
	width: 347px;
	float: left;
	padding-left: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	padding-bottom: 20px;
}
#cltexts {
	width: 347px;
	float: left;
	padding-left: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	padding-bottom: 20px;
}
#cltextw p, #cltexts p, #cltext p {
	margin: 0px;
	padding: 0px;
	padding-top: 6px;
}
#cltextw h3, #cltexts h3, #cltext h3 {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	padding-top: 16px;
	padding-bottom: 10px; 
}
#cltextref {
	width: 523px;
	float: left;
	padding-left: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	padding-bottom: 20px;
	height: auto;
}
#cltext li {
	width: 300px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding-left: 15px;
	padding-top: 8px;
	background: url(../img/sipka-oranz.gif) 0px 12px no-repeat;
	color: black;
}
#cltextw li {
	width: 300px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding-left: 15px;
	padding-top: 8px;
	background: url(../img/sipka-blue.gif) 0px 12px no-repeat;
	color: black;
}
#cltexts li {
	width: 300px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding-left: 15px;
	padding-top: 8px;
	background: url(../img/sipka-yell.gif) 0px 12px no-repeat;
	color: black;
}
#cltext ul, #cltexts ul, #cltextw ul {
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
	padding-top: 6px;
}

#clsloupec {
	width: 164px;
	height: 300px;
	float: left;
	padding-left: 18px;
	padding-top: 15px;
}
#climg {
	width: 135px;
	_height: 105px;
	min-height: 105px;
	padding: 8px;
	background: url(../img/imgstin.gif) repeat-x left top;
	text-align: center;
}
#clpoznamka {
	width: 135px;
	padding: 8px;
	margin-top: 8px;
	background: url(../img/poznamka.gif) repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: white;
}
#clpoznamkaw {
	width: 135px;
	margin-top: 8px;
	padding: 8px;
	background: url(../img/poznamkaw.gif) repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: white;
}
#clpoznamkas {
	width: 135px;
	margin-top: 8px;
	padding: 8px;
	background: url(../img/poznamkas.gif) repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: white;
}
#clpoznamka a, #clpoznamkaw a, #clpoznamkas a {
	color: white;
}
#refperex {
	color: #1B90CF;
	float: left;
	width: 350px;
	height: 100px;
	padding-right: 150px;
	background: url(../img/reference.gif) no-repeat;
	background-position: right;
	font-weight: bold;
	font-size: .85em;
}
#refod {
	width: 523px;
	height: 15px;
	float: left;
}
.refp {
	width: 340px;
	float: left;
	display: block;
	padding-left: 30px;
	font-size: .9em;
	background: url(../img/sipka-blue.gif) no-repeat 17px 3px;
}
.refp a {
	color: #008FD4;
}
.refimg {
	width: 135px;
	height: 105px;
	padding: 8px;
	background: url(../img/imgstin.gif) repeat-x left top;
	float: left;
	text-align: center;
}
.refbox {
	padding-top: 10px;
	width: 523px; 
	float: left;
	background: url(../img/dot.gif) repeat-x bottom;
	display: block;
}
.peka {
	clear: both;
}
#form {
  padding: 20px;
  margin-top: 10px;
  width: 300px;
  float: left;
  background-color: #E8E9EE;
}
#form input, #form textarea {
  float: left;
  margin-top: 5px;
  width: 300px;

}
#form textarea {
  height: 140px; 
}
#form label {
  width: 300px;
  float: left;
  font-size: 11px;
  font-weight: bold;
  margin-top: 5px;
}
#form br {
  clear: both;
}
.inpbrd {
  border: 1px solid gray;
}
.redstar {
  color: red;
}