html,body { margin:0; padding:0;  height:100%;}

body {background:#fff url(../obr/back_vzor.gif) repeat-y center; font-size:0.6em; line-height:1.6em; color:#000; text-align:center;}
body, table, tr, td {font-family:"Arial CE", "Helvetica CE", Arial, Helvetica, "Verdana CE", Verdana, sans-serif;color: #000;}
/* tabulky */
table {
	border: 1px solid #000;
	width: 98%;
	text-align: center;
	empty-cells: show;
	color: #000;
	border-collapse: collapse;
	border: 2px solid #DF502D;
	font-size: 10px;
	margin: 4px auto;
}
th {
	font-weight: bolder;
	text-align: center;
	font-size: 12px;
	border: 1px solid #DF502D;
}

td {border: 1px solid #DF502D; padding: 2px;}
/* tabulky konec */
/* zakladni nastaveni formulare */
form {
	width:100%;
}
fieldset {
	border:1px solid #333;
	padding: 10px;
	margin: 10px;
}
label {
	float:left;
	width:28%;
	margin-right:5px;
	padding-top:5px;
	text-align:right;
	font-weight:bold;
	margin-top: 5px;
  }
legend {
  padding: 2px 5px;
  border:1px solid #333;
  font-size:90%;
  text-align:right;
  }
input[type=checkbox]{
	margin-left: 0px;
}
input {
	margin-top: 2px;
	margin-bottom: 2px;
}
textarea {
	width: 95%;
	padding: 5px;
	margin: 5px;
}
button {text-align: center;margin: 2px;}
.textareafield {width: 85%; }
/* zakladni nastaveni formulare konec */
/* rozsirene nastaveni formulare */
.tlacitka {
	text-align: center;
	margin: 2px;
}
/* rozsirene nastaveni formulare konec */

#horizont {
	background-image: url(../obr/horizont_pruh.gif);
	background-repeat: repeat-x;
	position: absolute;
	height: 84px;
	margin: 0px;
	padding: 0px;
	display: block;
	width: 100%;
	float: none;
	z-index: 1;
	top: 72px;
	left: 0px;
}
#main {
	margin: 0px auto;
	padding: 0px;
	width: 730px;
	background-color: #fff;
	height: 100%;
	text-align: center;
	z-index: 2;
	position: relative;
	display: block;
	min-height:100%;
}
* html #main {height:100%;}
#pruh {
	background-image: url(../obr/prechod.jpg);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
	height: 100%;
	width: 123px;
}
* html #pruh {min-height:100%;}
#pruh h1 a span{
	display:none;
}
#pruh h1 a{
	display:block;
	background-image: url(../obr/reotrade.gif);
	position: relative;
	background-repeat: no-repeat;
	height: 115px;
	width: 86px;
	margin-top: 55px;
	margin-left: auto;
	padding: 0px;
	margin-right: auto;
}
#hlavicka {
	background-image: url(../obr/hlavicka.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: right;
	position: relative;
	height: 156px;
	width: 607px;
}
#hlavicka div {
	color: #0B501E;
	font-size: 16px;
	font-weight: bold;
	text-align:left;
	position: relative;
	margin-top: 85px;
	margin-left: 15px;
}
ul#menu, h2, .obchod, .next_nabidka, #paticka, .nabidka, .obsah {
	float: right;
	margin-right: 18px;
	position: relative;
	left: 4px;
}
ul#menu {
	padding: 5px 0px 0px;
	color: #0B501E;
	background-image: url(../obr/back_simple.gif);
	background-repeat: repeat;
	height: 20px;
	width: 567px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
ul#menu li {
	list-style-type:none;
	display: inline;
	margin-right: 15px;
	margin-left: 15px;
}
ul#menu li a {
	font-size: small;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	pading-top: 5px;
}
ul#menu li a:hover{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #DF502D;
}
.clear {clear:both; margin:0;}
.clear_left {clear:left;}
address {
	text-align:left;
	font-size:small;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
h2 {
	background-image: url(../obr/pruh_oddelovac.gif);
	background-repeat: no-repeat;
	background-position:bottom;
	display: block;
	padding: 0px 0px 10px;
	height: 24px;
	width: 567px;
	color:#DF502D;
	font-size: x-large;
	text-align: right;
	margin-top: 35px;
	overflow: visible;
	margin-bottom: 10px;
	line-height: 20px;
}
h3, div.karta h3 a{ text-align:left;
	font-size:medium;
	color: #0B501E;
}
/* uvodni stranka */
.obchod {
	background-image: url(../obr/1.png);
	background-repeat: no-repeat;
	height: 148px;
	width: 564px;
	margin-top: 10px;
	padding: 0px;
	display: block;
}
.next_nabidka{
	height: 158px;
	width: 564px;
	margin-top: 15px;
	padding: 0px;
	margin-left: 0px;
	display: block;
}
.overeni {
	background-image: url(../obr/2.gif);
	background-repeat: no-repeat;
	height: 158px;
	width: 182px;
	display: block;
	float:left;
	margin: 0px;
	padding: 0px;
	position: relative;
}
.sklo {
	background-image: url(../obr/3.gif);	
	background-repeat: no-repeat;
	height: 158px;
	width: 182px;
	display: block;
	float:left;
	margin: 0px 9px;
	padding: 0px;
	position: relative;
}
.servis {
	background-image: url(../obr/4.gif);
	background-repeat: no-repeat;
	height: 158px;
	width: 182px;
	display: block;
	float:left;
	margin: 0px;
	padding: 0px;
	position: relative;
}
/* konec uvod */
.obsah {
	width: 567px;
}
.obsah ul {
	text-align:left;
}
.obsah a {
	color: #000;
	text-decoration: underline;
}
.obsah a:hover {
	text-decoration: none;
}
.obsah *{
	text-align:left;
	font-size:small;
}
.obchod h3, .overeni h3, .sklo h3, .servis h3 {
	font-size: medium;
	color: #0B501E;
	display: block;
	margin: 0px;
	padding-top: 8px;
	padding-left: 10px;
	float:left
}
.obchod h3 a, .overeni h3 a, .sklo h3 a, .servis h3 a {
	color: #0B501E;
	text-decoration:none;
}
p { margin:3 0 0;
	font-size: small;
	text-align: left;
}
.text_right {
	text-align:right;
}
img {
	border: 2px solid #DF502D;
	margin-top: 3px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 5px;
}
div.left img {}
.obchod p, .overeni p, .sklo p, .servis p {
	color: #FFF;
	font-weight: bold;
	position: relative;
	width: 150px;
	padding-left: 10px;
	float:left
}
.obchod p a, .overeni p a, .sklo p a, .servis p a{
	color: #FFF;
}
.obchod p {
	width: 550px;
}
.overeni p {
	width: 40px;
}
#paticka {
	background-image: url(../obr/pruh_oddelovac.gif);
	background-repeat: no-repeat;
	background-position:top;
	display: block;
	padding: 10px 0px 0px;
	height: 24px;
	width: 567px;
	color:#DF502D;
	font-size: x-small;
	text-align: right;
	margin-top: 35px;
}
#paticka span a,#paticka span a:hover{
	color:#DF502D;
}
#paticka span a:hover{
	text-decoration:none;
}
dl.adresa {
	margin-top: 3px;
}
dl.adresa dt {
	font-weight: bold;
	float: left;
	margin-right: 3px;
}
dl.adresa dd {
	font-weight: normal;
	margin-left: 70px;
}
/* nabidka */
.nabidka {	
	width: 567px;
}
.box {
	float: left;
	height: 70px;
	width: 273px;
	background-color:#DF502D;
	display: block;
	position: relative;
	margin-top: 10px;
	margin-right: 4px;
	margin-left: 4px;
	overflow: visible;
}
.box:hover {	background-color:#E88066;}
.box h3 {
	font-size: small;
	text-align: right;
	float: right;
	color: #FFF;
	padding-top: 3px;
	padding-right: 10px;
	margin-bottom: 0px;
	padding-bottom: 3px;
}
.box h3 a , .box h3 a:hover{
	color: #fff;
	text-decoration: underline;
}
.box h3 a:hover{
	color: #fff;
	text-decoration: none;
}
.box p {
	font-size: x-small;
	text-align: right;
	float: right;
	color: #FFF;
	padding-right: 5px;
	width: 170px;
	margin-top: 0px;
	padding-top: 0px;
	line-height: normal;
}
.box img {
	float: left;
	margin: 5px;
	padding: 0px;
	border: none;
}
.right { float:right;}
.left { float:left;}
/* nabidka a vypsani zbozi */
.karta {
	width:95%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DF502D;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DF502D;
	padding:0px 5px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 10px;
}
.karta h3 { font-size:medium;}
.karta dt {
	font-weight: bold;
	float: left;
	margin-right: 3px;
}
.karta dd {
	font-weight: normal;
	margin-left: 80px;
}
.katalog a{
	font-size:11px;
	font-weight:bold;
}
.kontaktni {width:48%}
.manual, .msword, .msexcel {
	padding-left: 25px;
	background-image: url(../obr/acrobat.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.msword {
	background-image: url(../obr/msword.gif);
}
.msexcel {
	background-image: url(../obr/excel.gif);
}
.homepage{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
sup {
	font-size: x-small;
}
.reklama {
	text-align:center;
}
.smaller {
	font-size:x-small;
}