body 
{
  background-color: #f8f6f6;
  padding:0;
  margin:0;
  padding-top:10px;
  font-family: verdana;
  
}

#page
{
  width:1020px;
  margin: auto;
  padding: auto;
}

#top
{
  background-image: url(../clip/top_back.png);
  width: 1020px;
  height: 150px;
  background-repeat: no-repeat;
  margin: auto;
  padding: auto;
}
#top_main{
padding:0;
margin:0;
height:150px;
background-image: url(../clip/top_bg.png);
background-repeat: repeat-x;
}

#right_top{
float:right;
margin-right:30px; 

}

#search{
margin-left:810px;
background-color: #960816;
height:24px;
width:180px;
margin-top:74px;
_height:15px;
_background-color: none;

}

#search input
{
  border-color: #960816;
  border: 2px solid    #960816;
  border-bottom: 1px solid #e6a5a7;
  border-right:none;
  text-align: right;
  font-weight: bold;
  font-family: calibri;
  font-style: italic;
  font-size: 14px;
  background-color: #eaeaea;
  
}
#search .submit
{
  border:0;
  
}


#top_menu
{
  float:right;
  height:20px;
  color: #d35860;
  margin-top:10px;   
}
A {
color:white;
}
#top_menu span
{
  margin-right:10px;
  margin-left:10px;
  font-family: verdana;
  font-size: 12px;  
}

#top_menu span A
{
  color:white;
  text-decoration: none;
}

#top_menu span A:hover
{
  color:white;
  text-decoration: underline;
}


#menu{
 width:960px;
 height:36px;
 background-image: url(../clip/menu_bg/menu1_bg.gif);
 float:left;
 margin-left:30px;
 margin-top:14px;
 z-index: 200;
 _margin-top:0;
 _margin-left:22px;
}



#menu span{
 // visibility: hidden;
  //display: none;
}

#menu_left1
{
  border:1px solid #b7b7b7;
  width:248px;
  min-height:500px;
  
}

#menu_left2
{
  
  border-top:1px solid white;
  border-left:1px solid white;
  width:247px;
  min-height:500px;
}

#menu_left3
{
  width:247px;
  background-image: url(../clip/menu_left_bg.png);
  
}

#logo
{
 float:left;
 margin-top:-72px;
 margin-left:30px;
 #margin-top:-68px;/*ie7*/    
  _margin-top:-90px;/*ie6*/
}

#logo img{
border:0;
}
#page_content
{
  margin:auto;
  padding:auto;
  width:960px;
  margin-top:10px;
  background-image: url(../clip/content_bg.png);
  background-repeat: repeat-y;
  background-color: white;
  border-right:1px solid #d6d6d6;
  
  
}

#img_sekce
{
  width:960px;
  height:187px;
  overflow: hidden;
}

#news 
{
  background-image: url(../clip/news_bg.png);
  width: 710px;
  height:150px;
  margin-left:250px;
  margin-top:-2px;
  overflow: hidden;
  _margin-top:-18px;
  _margin-left:247px;
}

#text A {
color:black;
}
#text img{
border:0;
}
#news h2{
font-size: 18px;
font-weight: bold;
color:  white;
text-decoration: none;
}
#text h2 A{
font-size: 18px;
font-weight: bold;
color:  #b90a1b;
text-decoration: none;
}

#text h1 A{
font-size: 24px;
font-weight: bold;
color:  #ea4c4e;
text-decoration: none;
}

#news div{
display: inline;
padding:20px 10px 20px 20px;
width:320px;
height:120px;
color:white;
font-family: verdana;
font-size: 11px;
float: left;
}
#text
{
  background-color: white;
  min-height:400px;
  width:688px;
  margin-left:250px;
  font-size: 12px;
  padding:10px;
  _margin-left:247px;
    
}

#content_top
{
  background-image: url(../clip/content_top.png);
  height:2px;
  width:250px;
  background-repeat: no-repeat;
}

#pata
{
  background-image: url(../clip/pata_bg.png);
  width:960px;
  height:36px;
  margin:auto;
  padding:auto;
  color: white;
  font-size: 10px;
}

#pata A{
color: white;
text-decoration: none;
}

.clear
{
  clear: both;
  
  
}


#menu_left
{
  float:left;
  margin-left:-30px;
}

#menu_left ul
{
  width:230px;
} 
#menu_left li
{
  font-family: verdana;
  font-size: 12px;
  font-weight: bold;    
  list-style-type: none;
  padding:3px;
  padding-left:5px;
}

#menu_left A
{
  display:block;
  font-family: verdana;
  font-size: 12px;
  color: rgb(70,70,70);
  text-decoration: none;
}

#menu_left A:hover{
color:white;
}

#menu_left  .sub A
{
  font-weight: normal;
  display:block;
}


#menu_left .sub 
{
  font-weight: normal;
  background: url(../clip/img_list.png) 20px center no-repeat;
  padding:2px;
  padding-left:30px;
}

#menu_left .sub:hover
{
  background: url(../clip/img_list_hover.png) 20px center no-repeat;
  background-color: #989898;
  
}

#menu_left li:hover
{
  background-color: #989898;
  color:white;
}

/* MENU */


#menu ul
{
  display: inline;
  
}

#menu li
{
  float: left;
  list-style-type: none;
  height:36px;
  background-position: left top;
}

#menu A{
display: block;
height:36px;

}

#leseni { 

width: 64px; }
#bedneni { 

width: 78px; }
#stavebni-technika { 

width: 147px; }
#tesari-a-pokryvaci { 

width: 151px; }
#stavebni-stroje { 

width: 129px; }
#skladovaci-technika { 

width: 166px; }
#rezacky-polystyrenu { 

width: 169px; }


/*
#menu li:hover
{
  background-position: left bottom;
}*/

h1{
font-size: 24px;
font-weight: bold;
color:  #ea4c4e;
}

h2{
font-size: 18px;
font-weight: bold;
color:  #b90a1b;
}

h1 A{
font-size: 24px;
font-weight: bold;
color:  #ea4c4e;
}

h2 A{
font-size: 18px;
font-weight: bold;
color:  #b90a1b;
}

#nadpis_produkty{
margin-top:20px;
} 
#nadpis_produkty h1,h2{
margin:0;
padding:0;
}

#nadpis_produkty td{
vertical-align: top;
text-align: right;
}

#nadpis_produkty img{
border: 1px solid  #b90a1b;
}


#info{
padding-top:18px;
padding-left:10px;
}

#created{
float:right;
margin-top:-12px;
padding-right:10px;
}

#menu_left #activeSub{
background: url(../clip/img_list_hover.png) 20px center no-repeat;
background-color: #989898;
}
#activeSub A, #active A{
color:white;
}

#menu_left #active{
background-color: #989898;
}

#navigace{
text-align: right;
margin-top:-12px;
padding:0px;
}

#navigace h4{
font-size: 10px;
font-weight: normal;
margin:0px;
padding:0px;
padding-top: 5px;
}

#menu li {
background-image: url(../clip/menu_bg/menu1_bg.gif);
background-repeat: repeat-x;
height:36px;
}

#menu li:hover {
background-image: url(../clip/menu_bg/menu1_bg_active.gif);


}

#menu A{
height:26px;
font-size: 15px;
font-family: Calibri;
text-decoration:none;
padding-top:9px;
padding-left:10px;
text-transform: uppercase;
}

#menu A:hover {
font-size: 15px;
font-family: Calibri;
color:black;
_color:gray;
text-transform: uppercase;
}