html,body,div,ul,ol,li,p,h1,h2,h3,h4,h5,h6{padding:0; margin:0; }

html{
  background:#000 url(bg_html.jpg) 0 -18px repeat-x;
}
body {
  position:relative;
  width:800px;
  margin:0 auto 20px auto;
	font-size: 62.5%;
  color: #333;
	font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
}

#logo {
  position:relative;
  height:125px; width:800px;
  margin:0; padding:0;
  background:url(bg_head.jpg) 100% 0 no-repeat; 
}
#logo a {
  display:block;
  height:84px; width:0px; padding-left:429px;
  overflow:hidden;
  position:absolute;
  top:16px; left:42px;
  background:url(logo.gif) 0 0 no-repeat;
  color:white; text-decoration:none;
}

body.homepage #main {
	height:315px;
	 width:100%;
	background:url(flash.jpg) 0 0 no-repeat;
}
body.detail #main {
 padding-top:10px;
 width:100%;
  background: transparent url(main-head.png) 0 0 no-repeat;
}
body.detail #main div.in {
  margin:0 11px; width:698px;
  padding:0 40px;
  background:#fff; 
  min-height:200px;
  _height:200px;
}
#footer {
  padding-top:5px;
  background:#000; color:white;
}
#footer.detail {
  padding-top:20px;
  background:url(footer.png) 0 0 no-repeat;
}

#flash {position:relative; z-index:2; top:100px; left:50px; height:110px;}
#zmizik {position:absolute; top:-1000px;}

/************ Doplnky layoutu **********/
/* Footer a Lightboxy */
#footer ul {padding:20px 0 20px 160px;}
#footer li {list-style:none; display:inline; color:#5F5F5F; font-size:110%; margin:0 24px;}
#footer li a {color:#7F7F7F;}
#footer p {font-size:120%;}
p#l1 {margin:0; padding:0; width:257px; height:137px; background:url(l1.png) 0 0 no-repeat; position:relative; left:10px; float:left;}
p#l1 a {display:block; position:absolute; top:0; left:0; padding-left:257px; width:0; height:100%; overflow:hidden;}
p#l2 {margin:0; padding:57px 30px 0 30px; width:197px; height:80px; background:url(l2.png) 0 0 no-repeat; position:relative;  left:15px; float:left;}
p#l2 a {display:block; position:absolute; top:0; left:0; padding-left:257px; width:0; height:100%; overflow:hidden;}
p#l3 {margin:0; padding:0; width:257px; height:137px; background:url(l3.png) 0 0 no-repeat; position:relative; left:20px; float:left;}
p#l3 a {display:block; position:absolute; top:0; left:0; padding-left:257px; width:0; height:100%; overflow:hidden;}
#footer p.copy {clear:both; line-height:1.5em; margin:0;  padding:30px 10px 0; font-size:110%; color:#7F7F7F; text-align:right;}
#footer p.copy a {color:#5F5F5F;}


#main ul,#main ol{padding:0.5em 0; }
#main ul li,#main ol li{margin-left:0.2em; font-size:120%; }
#main ul li {list-style:none; background:url("li.gif") 0 50% no-repeat; margin-top:7px; padding-left:15px;}
#main table{font-size:120%; }
#main table th,#main table td{vertical-align:middle; }
#main table thead th{text-align:center; }
#main table caption{caption-side:bottom; font-style:italic; text-align:left; }

#main p.button {text-align:center; padding:30px 0 20px 0; width:570px; margin:0 auto; clear:both;}
#main p.button span {display:block;float:left;  position:relative; width:0; height:31px; padding-left:164px; overflow:hidden; margin:0 10px; cursor:pointer;}
#main span.objednat {background:url(objednat.png) 0 0 no-repeat;}
#main span.tyden {background:url(tyden-zdarma.png) 0 0 no-repeat;}
#main span.dotaz {background:url(odeslat-dotaz.png) 0 0 no-repeat;}

/* Obecne */
h1,h2,h3,h4,h5,h6{font-weight:bold;font-style:italic; padding:1em 0 0.2em 0; }
h1{font-size:260%;  }
h1 span {color:#ef0029;}
h2{font-size:170%; color:#ef0029;}
h3{font-size:150%;}
h4{font-size:130%;}
p{font-size:140%; padding:0.6em 0; line-height:1.4em; }
form,fieldset,legend{margin:0; padding:0; border:none; }
form{font-size:110%; width:80%; margin:0 auto; }
fieldset{margin:0.5em 0; }
fieldset legend{font-size:120%; font-weight:bold; color:#333; }
fieldset fieldset legend{font-size:130%; }

h2.zvyrazni {margin-top:15px; font-size:220%;}
h3.oblasti {color:#E20A15; margin-top:15px;}

/* Specificke */
.floatright {float:right;}
.floatleft {float:left;}
img.floatleft {margin-right:15px;}
img.floatright {margin-left:15px;}
img.floatright.margin {margin-right:35px;}
img.floatright.margin2 {margin-right:55px; margin-top:10px;}
.border {border:2px solid #CFCFCF;}
.hidden{display:none;}
.skrt{text-decoration:line-through;}
.cistic{clear:both; font-size:0; height:0; line-height:0;}
.cistic hr{display:none;}
.bold{font-weight:bold;}
a{text-decoration:underline; color:#DE0128; }
a:hover{text-decoration:none;}
a img{border:none; }
label.overlabel{color:#333; position:absolute; top:-1000px; left:2px;}
label.overlabel-apply{position:absolute; top:4px; left:4px; z-index:1; color:#333; font-size:110%; }
.center {text-align:center;}

p.ceny span {margin:0 19px; font-weight:bold;}

/* Objednat */
#main form .pul {width:50%; float:left;}
#main form label {display:block; width:45px; float:left; margin:3px 0 0 0;}
#main form input {margin:2px 0 0 0; width:200px;}
#main form select {margin:2px 0 0 0;}
#main form textarea {width:265px; height:95px;}
#main form button {margin:0 auto;}
#main form p.center {margin:20px 0;}


/** dodane **/
#left{
	float: left;
	width: 385px;
}
#left p.text,#right p.text{
	clear:both; 
	line-height:1.5em; 
	margin:0;  
	padding: 10px 0 0 0; 
	font-size: 11px; 
	color:#7F7F7F; 
	text-align:justify;
}
#right{
	float: right;
	width: 385px;
}
#left h1,#right h1{
	font-size: 15px;
}
#left h2,#right h2{
	font-size: 13px;
}
#left h3,#right h3{
	font-size: 13px;
	color: #ef0029;
}