html, body {
	font: 90%/170% Arial, Tahoma, sans-serif;
	height: 100%;margin: 0;padding: 0;
	background: #ffffff url(../img/background.jpg) repeat-x;
}

p,ul,li,a,img,h1,h2,h3,h4,h5,table,tr,td,hr{
	margin: 0px;
	padding: 0px;
}

#main {
	position: relative;
	min-height: 100%;
	_height: 100%;
	padding-bottom: 10px;
	background-color: transparent;
}
#cover {
	position: relative;
	margin: 0px auto;
	width: 770px;
}

#header {
	position: relative;
	height: 108px;
	width: 770px;
}
#logo{
	position: absolute;
	top: 46px;
	left: 0px;
	border: none;
}

#baner {
	position: relative;
	height: 161px;
	width: 770px;
	margin: 10px 0px;
}

#box {background-color: transparent;width: 770px;padding: 0px 0px 100px 0px;}

/*--- left ---*/
#left{
	float: left;
	width: 219px;
}
#left h2{
	margin: 20px 10px 0px 10px;	padding-bottom: 7px;
	border-bottom: 1px solid #bde5f1;
}
#left-menu ul{
	width: 219px;
	font: bold 115%/145% Arial, Helvetica, sans-serif;
	list-style: none;
}
#left-menu ul li{
	margin: 0px 10px 0px 10px;
	padding: 0px 0px;
	border-bottom: 1px solid #bde5f1;
}
#left-menu ul a{
text-decoration: none;color: #3c3c3c;
display: block;padding-top: 8px;
width: auto;height: 28px;}
#left-menu ul a:hover{text-decoration: none;color: #f77200;}


#left-menu ul ol{
	margin: 0;padding: 0 0 0 20px;
	width: 180px;
	font: bold 95% Arial, Helvetica, sans-serif;
	list-style: decimal;
}
#left-menu ul ol a{display: inline;}
#left-menu ul ol a:hover{background-color: transparent;}
#left-menu ul ol li{	border: none;padding: 5px 0;}

#left-menu li a.current2, #left-menu li a:hover{
	background-color: #ecf5f7;
}


/*
#left-kontakt p{padding: 10px 0px 10px 10px;}
#left-kontakt table{
margin: 10px 0px 10px 10px;
font: 110%/145% Arial, Helvetica, sans-serif;
}

#left-kontakt{
	padding: 0px 10px 10px 10px;
	margin: 10px 10px 0px 0px;
	background-color: #ecf5f7;
	border: 1px solid #bde5f1;
}
#left-kontakt a{text-decoration: underline;color: #f77200;}
#left-kontakt a:hover{text-decoration: none;color: #ffffff;	background-color: #f77200;}*/
/* --- pouze pro baner --- */
#left-kontakt img{
   background-color: #ecf5f7;
	border: 1px solid #bde5f1;
	padding: 3px;
	margin: 10px 0 10px 2px;}

.tel2{
	width: 40px; 
}

/*--- end left ---*/

/*--- right ---*/
#right #banery{padding: 5px auto 10px; height: 300px;}
#right #banery img{float: left;}
#right{
	margin: 20px 0px 0px 219px;
	width: 544px;
	min-height: 400px;
	_height: 400px;
	border-left: 1px solid #bde5f1;
}
#right h1 {margin: 0px 20px;}
#right h2 {margin: 0px 20px;padding: 5px 0px;}
#right h2.hlavni {border-bottom: 3px solid #f77200; text-transform: uppercase;}
#right p{padding: 10px 0px;}

#harting {
	position: relative;
	width: 510px;
	margin: 0px;
	height: 110px;
}
#harting h2 {padding: 40px 0px 0px;}
#harting p { margin: 0px 20px; }
#harting img{float: right;margin: 20px 0px 10px;}
/*--- end right ---*/

#footer{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100px;
	background: url(../img/bg-footer.jpg);
	background-repeat: repeat-x;
}
#ft {
	position: relative;
	margin: 0px auto;
	width: 770px;
}
#footer p{font: 100%/145% Arial, Helvetica, sans-serif;color: #7f7f7f;}
#footer p#copy{float: left;margin: 0px;padding: 10px 0px;}
#footer p#crea{float: right;margin: 0px;padding: 10px 20px;}
#footer p#crea a{text-decoration: none;color: #7f7f7f;}
#footer p#crea a:hover{color: #3c3c3c;background-color: #7f7f7f;}

h1 {
	font: 200% Myriad Pro, Arial, Helvetica, sans-serif;
	color: #3c3c3c;
}
h2 {
	font: 140% Myriad Pro, Arial, Helvetica, sans-serif;
	color: #3c3c3c;
}
p{font: 110%/145% Arial, Helvetica, sans-serif;}

.modra {
	padding: 10px 20px;
	margin: 10px;
	background-color: #ecf5f7;
	border: 1px solid #bde5f1; 
}
.modra table{
	width: 100%;
	font: 110%/145% Arial, Helvetica, sans-serif; 
	color: #3c3c3c;
}
.modra a {text-decoration: underline;color: #f77200;}
.modra a:hover {text-decoration: none;	background-color:#f77200;	color: white;}

.modra table td.tel{
	width: 50px; 
}
/*--- detail produktu  ---*/
.popis {padding: 0px 10px;margin: 10px 10px 0px;min-height: 160px;_height: 80px;}
.popis p{margin-left: 180px;width: 324px;}
a.ikona {float: left;margin: 40px 30px 0px 20px;}
a.ikona img {border: none;}

.tab {
	width: 504px;
	margin: 20px 20px 10px;
	border-spacing: 1px;
	border: 1px solid #bde5f1;
	font: 110%/140% Arial, Helvetica, sans-serif;
}
.tab td {
	margin: 1px;
	padding: 3px 6px;
	background-color: #ecf5f7;
}
.tab tr.t-top td {background-color: #bde5f1;}
.tab a {text-decoration: underline;color: #f77200;}
.tab a:hover {text-decoration: none;	background-color:#f77200;	color: white;}
.nazev {width: 290px;}
/*--- konec - detail produktu ---*/


/* --- fotogalerie ---*/
.foto{padding: 0px;}
div.pic{
	float: left;
	height: 150px;
	width: 149px;
	padding: 4px 2px;
	margin: 2px;
	border: 1px solid;
	border-color: #bde5f1;
	background-color: white;
	font: bold small Trebuchet MS, Arial, Verdana, sans-serif;
} 
div.pic img {border: 1px solid #bde5f1;}
div.ls img {margin: 5px auto;display: block; text-align: center;}

div.pic a p{text-align: center; font-weight: bold;}
div.pic a {text-decoration: underline;color: #C52A2E;}
div.pic a:hover {text-decoration: none;}
/* --- konec fotogalerie ---*/

span.orange {font-weight: bold;color: #f77200;}
hr.ende{margin: -1px 0 0 0; padding: 0;clear:both; visibility: hidden;border: none;}

.modra table td.oddelovac{
	height: 10px;
	border-bottom: 1px solid #bde5f1;
	margin-bottom: 25px;
}
.modra table img {
	padding: 2px;
	border: 1px solid #bde5f1;
}

.blok-formulare{
	background-color: #ECF5F7;
   border: 1px solid #BDE5F1;
   margin: 10px;
   padding: 10px 20px;
}
.blok-formulare h3{margin-bottom: 10px;}

#formular {
	margin: 20px 0 0;
}
#formular label {
    display: block;
    float: left;
    margin: 0px;
    width: 124px;
}
#formular legend {
	background-color: #BDE5F1;
	padding: 2px 5px;
}

#formular .in, #formular textarea, #formular select {
    border: 1px solid #BDE5F1;
    /*font: 12px Arial,Helvetica,sans-serif;*/
    margin: 0 0 6px 0px;
	 padding: 3px 2px;
}
#formular .in {
	 width: 350px;
}
#formular #tlacitka {
	text-align: center;
}
#chyby {
	text-align: center;
	width: 550px;
}

#chyby a, #chyby h2{
	color: #F77200;
}
#right p.povine {
	color: #F77200;
	margin: 0px 10px;
	padding: 0px;
	font-size: 12px;
}
#dodavat {margin: 0px 10px;padding: 0px;}

#dodavat td {
    border: 1px solid #BDE5F1;
    margin: 0px;
	 padding: 0px 17px;
}