body {
margin:0;
padding:0;
font-family:Arial,Tahoma,Verdana;
font-size:70%;
color:#fff;
background:#65605A;
}

img {
border:none;
text-decoration:none;
}
hr {
color:#fff;
background-color:#fff;
height:1px;
border:none;clear:both;
margin:0;padding:0;
}
A {
color:#fff;
}
A:hover {
color:orange;
}
form {
margin:0;padding:0;
}
h1, h2 {
margin:0;padding:0;
}
.nastred {
text-align:center;
}
.mezera {
padding-top:25px;
}
p {
line-height:1.4;
}
#left hr {
margin:5px 20px 5px 20px;
}

#box, #bottom{
width:960px;
margin:0 auto;

}


#left {
float:left;
width:271px;
}

#left p {
margin:10px 0 10px 20px;padding:0;
line-height:1.7;
}
.heading {
height:20px;
display:block;
font-color:#fff;
font-size:13px;
font-weight:normal;
margin:0;padding:3px 0 0 0;
}
#left .heading {
padding-left:19px;
width:111px;
background: url("../images/heading_small.png"/*tpa=http://www.tsp-esd.com/images/heading_small.png*/) no-repeat left bottom;
}














/*---TOP--*/
#top {
height:252px;
background: #504A46 url("../images/top.png") no-repeat left top;
width:960px;
margin:0 auto;
position:relative;
z-index:20;
}
#logo {
position:absolute;
top:20px;left:315px;
}
#top ul#nav {
list-style-type:none;
margin:0;padding:213px 0 0 95px;

}
#top ul#nav li {
float:left;
}
#top ul#nav li A {
display:block;

}
#top ul#nav li A span {
display:none;
}
A.b01 {width:190px;height:39px;text-decoration: none; font-family: arial; font-size: 15px; text-align: center;line-height: 11px;background: url("../images/b05.png") no-repeat  left top;}
A.b02 {width:193px;height:39px;text-decoration: none; font-family: arial; font-size: 15px; text-align: center;line-height: 11px;background: url("../images/b05.png") no-repeat left top;}
A.b03 {width:193px;height:39px;text-decoration: none; font-family: arial; font-size: 15px; text-align: center;line-height: 11px;background: url("../images/b05.png") no-repeat left top;}
A.b04 {width:193px;height:39px;text-decoration: none; font-family: arial; font-size: 15px; text-align: center;line-height: 11px;background: url("../images/b05.png") no-repeat left top;}
A.b05 {width:191px;height:39px;text-decoration: none; font-family: arial; font-size: 15px; text-align: center;line-height: 11px;background: url("../images/b05.png") no-repeat left top;}


#top ul li ul {
position: absolute;
visibility: hidden;
width:193px;
z-index:5;
list-style-type:none;
margin:0;padding:0;
}
#top ul li:hover ul, #top ul li.hover ul {
	visibility: visible;
}

#top ul li li {
margin:0;padding:0;width:193px;
}
#top ul li ul li a {
height:35px;width:193px;
display:block;
}
#top ul li ul li a span {
display:none;
}
A.s01 {background: url("../images/s01.png") no-repeat left top;text-decoration: none; font-family: arial; font-size: 10px; text-align: center;line-height: 11px;}
A.s02 {background: url("../images/s02.png") no-repeat left top;text-decoration: none; font-family: arial; font-size: 10px; text-align: center;line-height: 11px;}
A.s03 {background: url("../images/s03.png") no-repeat left top;text-decoration: none; font-family: arial; font-size: 10px; text-align: center;line-height: 11px;}
A.s04 {background: url("../images/s04.png") no-repeat left top;text-decoration: none; text-decoration: none; font-family: arial; font-size: 10px; text-align: center;line-height:9px;}
A.s05 {background: url("../images/s05.png") no-repeat left top;text-decoration: none; text-decoration: none; font-family: arial; font-size: 10px; text-align: center;line-height:9px;}
A.s06 {background: url("../images/s06.png") no-repeat left top;text-decoration: none; text-decoration: none; font-family: arial; font-size:10px; text-align: center;line-height: 9px;}

#top ul li {
behavior: url("hover.htc"/*tpa=http://www.tsp-esd.com/css/hover.htc*/); /* Protože IE nedodržuje CSS standardy, aby bylo řešení funkční, použijeme tento *.htc soubor */
}


/*---BOTTTOM---*/
#bottom {
width:960px;
background:#383533;
position:relative;
}
#bottom p {
font-size:0.8em;
color:#5A5857;
text-align:center;
margin:0;padding:5px 0;
border-top:1px solid #fff;
clear:both;
}
#bottom ul {
list-style-type:none;
margin:0;padding:10px 40px;
}
#bottom ul li {
float:left;
padding:0 20px;
background: url("../images/bot.gif") no-repeat right top;
}
#bottom ul li.bez {
background:none;
}
#bottom ul li A {
display:block;
height:30px;
}
#bottom ul li A span {
display:none;
}
A.bot01 {width:58px;text-decoration: none; font-family: arial; font-size: 10px; text-align: center;line-height: 11px;}
A.bot02 {width:200px;text-decoration: none; font-family: arial; font-size: 10px; text-align: center;line-height: 11px;}
A.bot03 {width:80px;text-decoration: none; font-family: arial; font-size: 10px; text-align: center;line-height: 11px;}
A.bot04 {width:100px;text-decoration: none; font-family: arial; font-size: 10px; text-align: center;line-height: 11px;}
A.bot05 {width:100px;text-decoration: none; font-family: arial; font-size: 10px; text-align: center;line-height: 11px;}
A.bot06 {width:90px;text-decoration: none; font-family: arial; font-size: 10px; text-align: center;line-height: 11px;}

.offaxis {
position:relative;
top:3px;
}

/*---rest---*/
.manual {
width:480px;
float:left;
text-align:center;
}
.manual img {
margin-bottom:5px;
}

ul#products {
list-style-type:none;
margin:0;padding:100px 0 0 0;
}
ul#products li {
margin-bottom:15px;
padding-left:190px;
font-size:140%;
text-transform:uppercase;
font-weight:bold;
}
ul#products li A {
font-size:70%;
text-transform:none;
padding-left:15px;
}
ul#products li.product01 {background: url("../images/product01.png") no-repeat left center;}
ul#products li.product01 span {color:#D3721C;}

ul#products li.product02 {background: url("../images/product02.png") no-repeat left center;}
ul#products li.product02 span {color:#AC1515;}

ul#products li.product03 {background: url("../images/product03.png") no-repeat left center;}
ul#products li.product03 span {color:#522B80;}

ul#products li.product04 {background: url("../images/product04.png") no-repeat left center;}
ul#products li.product04 span {color:#1569B0;}

ul#products li.product05 {background: url("../images/product05.png") no-repeat left center;}
ul#products li.product05 span {color:#2E7A42;}

ul#products li.product06 {background: url("../images/product06.png") no-repeat left center;}
ul#products li.product06 span {color:#FFd800;}


/*---FORM---*/
form {
margin:0;padding:20px 70px;
}
label {
width:150px;
display:block;
float:left;
margin-bottom:8px;
}
label.labeldlouha {
width:250px
}
textarea, input {
font-size:11px;
border:1px solid #655F59;
background-color:#AFADA9;
margin-bottom:8px;
}
input.normal {
width:650px;
}
input.kratky {
width:550px;
}
input.velmikratky {
width:250px;
}
textarea {
width:650px;
height:55px;
}
.red {
color:#D3721C;
font-weight:bold;
}
p.text {
padding:5px 70px;margin:0;
}

h1 {
padding:5px 70px;margin:0;
font-size:120%;
}
ul.odrazky {
list-style-type:none;
padding:0 70px;margin:0;
}
ul.odrazky li {
margin-bottom:5px;
line-height:1.2;
padding-left:12px;
background: url("../images/dot.png"/*tpa=http://www.tsp-esd.com/images/dot.png*/) no-repeat 0px 3px;
}