body {
          margin:0px 0px 0px 0px; 
          padding:0px 0px 0px 0px;
          color:#000000;
          background: url(/images/bg.gif) repeat-x;
}

#hlavni  {
width: 800px;
height: 100%;
margin:0px auto;
}

.center
{
	margin: 0px auto;
                  text-align: center;
}

#bodyvnitrek  {
position: absolute;
width: 600px;
height: 100%;
margin:10px 0px 0px 15px; 
}

#head  {
width: 599px;
height: 111px;
margin:0px 0px 0px 15px; 
}

#stred  {
position: absolute;
width: 783px;
height: 216px;
margin: 139px 0px 0px 15px; 
 background-color : #ffffff;
}

#text  {
position: absolute;
width: 600px;
height: 100%;
margin: 0px 0px 0px 15px; 
}

.obrtext {
float: left;
width: 80px;
height: 80px;
margin: 13px 5px 0px 0px; 
                 border : 1px solid #E8E8E8;
}

#textstred1  {
position: absolute;
width: 375px;
height: 150px;
margin: 10px 0px 0px 10px; 
                 border : 0px solid #E8E8E8;
}

#textstred2  {
position: absolute;
width: 375px;
height: 150px;
margin: 10px 0px 0px 395px;
                 border : 0px solid #E8E8E8; 
}

.novinka  {
_position: absolute;
width: 370px;
height: 143px;
padding: 5px 5px 5px 5px;
 background-color : #f8f8f8;
_padding: 25px 5px 0px 5px;  
_margin: 0px 0px 0px 0px;
                 border  : 1px solid #ccc;
}

.novinka li {
list-style-type: none;
background: url('/images/novinka1.gif') 0px center no-repeat;
padding: 1px 0px 2px 25px;
_padding: 0px 0px 0px 0px;
margin: -10px 0px 0px -49px;  
_margin: 0px 0px 0px 0px;  
}

.novinka ul {
_position: absolute;
width: 150px; 
_padding: 0px 0px 0px 0px;  
_margin: 10px 0px 0px -50px;
}

.novinka1  {
_position: absolute;
width: 370px;
height: 143px; 
padding:5px 5px 5px 5px;
background-color : #f8f8f8;
_padding: 5px 5px 5px 5px;  
_margin: 0px 0px 0px 0px;
                 border  : 1px solid #ccc;
}

.novinka1 li {
list-style-type: none;
background: url('/images/novinka1.gif') 0px center no-repeat;
padding: 1px 0px 2px 25px;
margin: -10px 0px 0px -49px;  
_margin: 0px 0px 0px -30px;  
}

.novinka1 ul { 
_margin: 0px 0px 0px 0px; 
}

.novinka-obr { 
width: 80px;
height: 80px;
margin: 25px 0px 0px 5px;
                 border  : 1px solid #D8D8D8;
}

.novinka-vice { 
width: 80px;
height: 15px;
margin: 10px 0px 0px 470px;
_padding: -10px 0px 0px -10px;
}

.novinka-vice li {
font-size:11px;
background: url('/images/odrazka.gif') 0px center no-repeat;
padding: 1px 0px 2px 25px;
_padding: 0px 0px 0px 25px;
margin: -15px ;
_margin: 0px 0px 0px -25px;   
}

.novinka-dal { 
width: 80px;
height: 15px;
margin: -20px 0px 0px 260px;
}

.novinka-dal li {
font-size:11px;
background: url('/images/odrazka.gif') 0px center no-repeat;
padding: 1px 0px 2px 25px;
}

#obsah {
position: absolute;
width: 780px;
height: 100%;
margin:375px 0px 0px 15px;
}

#menu  {
position: absolute;
margin:195px 0px 0px 14px; 
_margin:195px 0px 0px 0px; 
}

#menu a {
color:#0251A1;
text-decoration:none;
}

#menu a:hover {
color:#026DDA;
text-decoration:none;
}

h4 {
margin: 7px 0px 7px 0px; ; 
}

#logo  {
position: absolute;
width: 200px;
height: 100px;
margin:10px 0px 0px 20px;
background: url(/images/logostrojnet.gif) ; 
}

#baner  {
position: absolute;
width: 468px;
height: 60px;
margin:20px 0px 0px 270px;
                 border : 1px solid #ccc;
}

#texthlava  {
position: absolute;
width: 468px;
height: 20px;
margin:90px 0px 0px 270px;
}

#texthlava h1 {
position: absolute;
font-size:15px;
font-family:Arial,Verdana,Helvitica,sans-serif;
margin:3px 0px 0px 120px;
}

#bg3  {
position: absolute;
width: 15px;
height: 216px;
margin:139px 0px 0px 0px;
background: url(/images/bg3.gif) ; 
}

#bg4  {
position: absolute;
width: 18px;
height: 216px;
margin:139px 0px 0px 798px;
background: url(/images/bg4.gif) ; 
}

#line  {
position: absolute;
width: 900px;
height: 17px;
margin: 355px 0px 0px -13px;
background: url(/images/line.gif) no-repeat ; 
}

#bg1  {
position: absolute;
width: 13px;
height: 139px;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
background: url(/images/bg1.gif) ;
}

#bg2  {
position: absolute;
width: 13px;
height: 139px;
margin: 0px 0px 0px 800px; 
padding: 0px 0px 0px 0px;
background: url(/images/bg2.gif) ;
}

#leftimage  {
position: absolute;
width: 22px;
height: 286px;
margin:372px 0px 0px -9px;
background: url(/images/left.gif) ; 
}

#rightimage  {
position: absolute;
width: 30px;
height: 286px;
margin:372px 0px 0px 800px;
background: url(/images/right.gif) ; 
}

#styleone{position:relative;display:block;height:21px;font-size:11px;font-weight:bold;background:transparent url(/images/bgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;border-bottom:1px solid #d9d9d9;}
#styleone ul{margin:0;padding:0;list-style-type:none;width:auto;}
#styleone ul li{display:block;float:left;margin:0 1px 0 0;}
#styleone ul li a{display:block;float:left;color:#034895;text-decoration:none;padding:3px 20px 0 20px;height:18px;}
#styleone ul li a:hover,#styleone ul li a.current{color:#fff;background:transparent url(/images/bgON.gif) repeat-x top left;}

#menu2 {
position: absolute;
width: 182px;
height: 205px;
margin:-8px 0px 0px 7px;
_margin:6px 0px 0px 7px;
}

.arrowlistmenu{
width: 180px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(/images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #034895;
background: url(/images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #034895;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #000;
background-color: #f3f3f3;
}

#kontakt {
width: 400px;
height: 150px;
margin:0px 0px 0px 0px;
}

#kontakt p {
font-size:12px;
margin:0px 0px 0px 0px;
padding: 8px 0px 0px 0px;
}

#left {
position: absolute;
width: 183px;
height: 700;
margin:0px 0px 0px 0px;
_margin:-2px 0px 0px 0px;
}
#left11 {
position: absolute;
width: 183px;
height: 700;
margin:-2px 0px 0px 0px;
_margin:-2px 0px 0px 0px;
}

#left1 {
_position: absolute;
width: 181px;
height: 459px;
_height: 459px;
margin:250px 0px 0px 2px;  
 background-color : #f8f8f8;
                 border  : 1px solid #ccc;
}

#left1google {
_position: absolute;
width: 181px;
height: auto;
_height: 935px;
margin:250px 0px 0px 2px;  
 background-color : #f8f8f8;
                 border  : 1px solid #ccc;
}

#leftgoogle {
position: absolute;
width: 183px;
height: auto;
margin:0px 0px 0px 0px;
}

#leftvideo p {
text-align: center;
margin: 0px 0px 0px 0px;
}

#leftvideo {
text-align: center;
}

#katalogy p {
text-align: center;
margin: 0px 0px 0px 0px;
_margin: 0px 0px 0px 0px;
_padding: 0px 0px 0px 0px;
}

#katalogy {
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
_margin: 10px 0px 0px 0px;
_padding: 0px 0px 0px 0px;
}

#katalogy form {
_margin: 0px 0px 0px 0px;
_padding: 0px 0px 0px 0px;
}


.reklama {
text-align: center;
width: 170px;
height: 110px;
margin: 5px 0px 0px 5px;
_margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
_padding: 0px 0px 0px 0px;
background-color : #e6e6e6;
border  : 1px solid #757575;
}

#nadpis {
position: absolute;
width: 590px;
font: bold 14px Arial;
color: white;
text-align: center;
background: black url(/images/titlebar.png) repeat-x center left;
text-transform: uppercase;
padding:4px 0px 4px 0px;
margin:4px 0px 0px 187px;
}

#obsahwww {
position: absolute;
width: 583px;
height: 100%;
margin: 28px 0px 0px 193px;
}


#pataobsah p {
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;
}

#pataobsah {  
width: 583px;
height: 25px;
margin: 20px 0px 0px -11px;
padding: 0px 0px 0px 0px;
font: bold 11px Arial;
text-align: center; 
}

.patka {
position: absolute;
width: 761px;
height: 30px;
margin: 720px 0px 0px 2px;
 background-color : #f8f8f8;
                 border  : 1px solid #ccc;
}

.patka1 {
float: left;
width: 758px;
height: 27px;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.patka1 p {
margin: 0px 0px 0px 0px;
padding:5px 0px 0px 0px;
}

#novinky {
float: left;
width: 400px;
height: 330px;
margin: 15px 0px 0px 0px;
padding:0px 0px 0px 0px;
 background-color : #f8f8f8;
                 border  : 1px solid #ccc;
}

#novinky2 {
float: left;
width: 400px;
height: 290px;
margin: 5px 0px 0px 0px;
padding:0px 0px 0px 0px;
 background-color : #f8f8f8;
                 border  : 1px solid #ccc;
}

#novinky2 p {
margin: 0px 0px 0px 0px;
padding: 5px 5px 0px 5px;
}

#novinky2 li {
list-style-type: none;
background: url('/images/odrazka.gif') 0px center no-repeat;
padding: 0px 0px 5px 25px;
margin: 0px 0px 0px 0px;
}

#novinky2 ul {
 background-color : #fff;
margin: 8px 0px 0px 0px;
}

#novinky2 h2 {
width: 400px;
height: 20px;
font: bold 14px Arial;
color: white;
text-align: center;
background: black url(/images/titlebar.png) repeat-x center left;
text-transform: uppercase;
margin: 0px 0px 0px 0px;
padding: 3px 0px 0px 0px;
}

#novinkykontakt {
float: left;
width: 400px;
height: 200px;
margin: 95px 0px 0px 0px;
padding:0px 0px 0px 0px;
 background-color : #f8f8f8;
                 border  : 1px solid #ccc;
}

#novinkykontakt p {
margin: 0px 0px 0px 0px;
padding: 5px 5px 0px 5px;
}

#novinkykontakt li {
list-style-type: none;
background: url('/images/odrazka.gif') 0px center no-repeat;
padding: 0px 0px 5px 25px;
margin: 0px 0px 0px 0px;
}

#novinkykontakt ul {
 background-color : #fff;
margin: 8px 0px 0px 0px;
}

#novinkykontakt h2 {
width: 400px;
height: 20px;
font: bold 14px Arial;
color: white;
text-align: center;
background: black url(/images/titlebar.png) repeat-x center left;
text-transform: uppercase;
margin: 0px 0px 0px 0px;
padding: 3px 0px 0px 0px;
}

#stredobsah {
float: left;
width: 400px;
height: 646px;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#hledat {
text-align: center;
width: 583px;
height: 35px;
margin: 0px 0px -10px 0px;
_margin: 10px 0px -20px 0px;
padding: 0px 0px 0px 0px;
}

#preklad {
text-align: center;
width: 160px;
height: 45px;
margin: 5px 0px 0px 10px;
_margin: 5px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}

#preklad a img 
{
border:none;
}#novinkyclanek {
width: 552px;
margin: 5px10px 0px 10px;
padding:0px 20px 0px 10px;
 background-color : #f8f8f8;
                 border  : 1px solid #ccc;
}

#novinkyclanek {
width: 552px;
margin: 5px10px 0px 10px;
padding:0px 20px 0px 10px;
 background-color : #f8f8f8;
                 border  : 1px solid #ccc;
}

#novinkyclanek h2{
color: #034895;
font: bold 13px Arial;
margin: 5px 0px 5px 20px;
padding: 0px 0px 0px 0px;
}

#novinkyclanek span {
margin: 0px 0px 0px 78px;
padding:0px 0px 0px 0px;
}

#novinkyclanek img {
margin: 0px 0px 0px 78px;
padding:0px 0px 0px 0px;
}

#novinkyclanek h1 {
font: bold 16px Arial;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
 background-color : #e6e6e6;
                 border  : 1px solid #ccc;
}

#novinkyvloz {
float: left;
width: 569px;
height: 100%;
text-align: center;
margin: 5px10px 0px 10px;
padding:0px 20px 0px 10px;
}

#novinky h2 {
width: 400px;
font: bold 14px Arial;
color: white;
text-align: center;
background: black url(/images/titlebar.png) repeat-x center left;
text-transform: uppercase;
margin: 0px 0px 10px 0px;
padding:3px 0px 3px 0px;
}

#novinky a {
color: #034895;
}

#novinky a:hover {
color: #000;
}

#novinky p {
text-align: center;
font: bold 10px Arial;
margin: 8px 0px 0px 0px;
padding:0px 0px 0px 10px;
}

#novinky li {
list-style-type: none;
border-bottom: 1px solid #dadada;
background: url('/images/odrazka.gif') 0px center no-repeat;
padding: 0px 0px 0px 25px;
margin: 0px 0px 0px 0px;
}

#novinky ul {
margin: 0px 0px 0px 0px;
padding: 3px 25px 3px 25px;
}

#reklama1 {
float: right;
width: 181px;
height: 100%;
margin: 16px 0px 0px 0px;
text-align: center;
}

#reklama1nadpis {
float: top;
width: 180px;
text-align: center;
}

#reklama1nadpis h2 {
width: 180px;
font: bold 14px Arial;
color: white;
text-align: center;
background: black url(/images/titlebar.png) repeat-x center left;
text-transform: uppercase;
margin: 0px 0px 10px 0px;
padding:3px 0px 3px 0px;
}

#textwww {
width:365px;
height: 148px;
margin: -5px 0px 0px -5px;
padding:15px 5px 0px 5px;
}

#textwww  p {
font: bold 14px Arial;
color: #0c6e77;
text-align: center;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 10px;
}

.mail-textarea  {
width: 300px;
height: 50px;
}

#uvodtext {
width: 580px;
height: 170px;
margin: 1px 0px 0px 1px;
padding: 10px 0px 2px 25px;
}

#textwww li {
list-style-type: none;
background: url('/images/odrazka.gif') 0px center no-repeat;
padding: 1px 0px 2px 25px;
margin: 0px 0px 0px 0px;
}

#textwww ul {
margin: 0px 0px 0px 0px;
}

#uvodobr {
width: 150px;
height: 85px;
background: url('/images/technika.jpg') 0px center no-repeat;
margin: -80px 0px 0px 370px;
}

#uvodtext a  { 
color: #6b6b6b; 
text-decoration: none;
 }

#uvodtext a:hover { 
color: #404040; 
}

.blok-left-1 { 
width: 185px;
height: 390px;
margin: 205px 0px 0px 4px;
_padding: 205px 0px 0px 0px;
}

.blok-left-1 li { 
list-style-type: none;
background: url('/images/novinka1.gif') 0px center no-repeat;
padding: 1px 0px 2px 25px;
margin: -10px 0px 0px -20px;  
}

.blok-left-2 { 
width: 180px;
height: 170px;
margin: -15px 0px 0px 1px;
                 border  : 1px solid #D8D8D8;
}

.blok-left-3 { 
width: 180px;
height: 170px;
margin: 5px 0px 0px 1px;
                 border  : 1px solid #D8D8D8;
}

 a  { 
color: #055EC2; 
text-decoration: none;
 }

a:hover { 
color: #034895; 
}