/* CSS RESET  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent;}
body {line-height: 1;}
blockquote, q {quotes: none;}
legend {display:none;}
button {cursor:pointer}
a {text-decoration:underline;}
a:hover {text-decoration:none;}
sup {color:red;}

:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
/* CSS RESET  */
body{
  background-color: #fff;
  color: #362f2d;
  line-height: 1.4em;
  font-family: arial, Tahoma;
  font-size: 12px;
}
.clear {
  width: 100%;
  clear: both;
  font-size: 1px;
}
input{
  border: solid 1px #cacaca;
  padding: 2px 3px;
}
ul{
  list-style: none;
}
img {
   behavior: url("../pngbehavior.htc");
}
a{
  text-decoration: none;
  color: #362f2d;
}
a:hover{
  text-decoration: underline;
}
#all {
  width: 992px;
  margin: 0 auto;
  padding: 0px 0px 23px 0px;
  text-align: left;
  background: url(../images/back.jpg) no-repeat bottom left;
}
#header {
  text-align: left;
  width: 940px;
  margin: 0 auto;
  padding: 10px 10px 0px 10px;
  position: relative;
  height: 100px;
 
}
#main {
  width: 940px;
  margin: 0 auto;
  padding: 0px 10px 0px 10px;
  clear: both;
  background: #fff url(../images/main.gif) repeat-x top left;
  text-align: left;
  /*padding-bottom:15px;*/
  position:relative;
}
#left{
  width: 180px;
  float: left;
}
#right{
  width: 740px;
  float: right;
}

#header {overflow:hidden;}
/*   header */
#header ul{
  margin: 0px;
  padding: 10px 0px 0px 0px;
  float: right;
  font-size: 12px;
  list-style: none;
  width:744px;
  margin-top:15px;
}
* html #header ul{
  width:750px;
}
#header ul li{
  margin: 0px;
  padding: 0px;
  float: left;
}
#header ul li a{
  margin: 0px 0px 0px 1px;
  display: block;
  background: url(../images/menu_top.jpg) repeat-x top left;
  width: 123px;
  float: left;
  text-align: center;
  height: 33px;
  color: #fff;
  text-decoration: none;
  padding: 17px 0px 0px 0px;
}
#header ul li a:hover{
  background: url(../images/menu_top.jpg) no-repeat bottom left;
  text-decoration: none;
}
#header ul.menuheader1 li a{
  background: url(../images/menu_top.jpg) repeat-x 124px 0px;
}
#header ul.menuheader2 li a{
  background: url(../images/menu_top.jpg) repeat-x 248px 0px;
}
#header ul.menuheader3 li a{
  background: url(../images/menu_top.jpg) repeat-x 372px 0px;
}
#header ul.menuheader1 li a:hover{
  background: url(../images/menu_top.jpg) repeat-x 124px -51px;
}
#header ul.menuheader2 li a:hover{
  background: url(../images/menu_top.jpg) repeat-x 248px -51px;
}
#header ul.menuheader3 li a:hover{
  background: url(../images/menu_top.jpg) repeat-x 372px -51px;
}
#header ul li.active a{
  background: url(../images/menu_top.jpg) no-repeat bottom left;
  text-decoration: none;
}
#header ul.menuheader1 li.active a{
  background: url(../images/menu_top.jpg) repeat-x 124px -51px;
}
#header ul.menuheader2 li.active a{
  background: url(../images/menu_top.jpg) repeat-x 248px -51px;
}
#header ul.menuheader3 li.active a{
  background: url(../images/menu_top.jpg) repeat-x 372px -51px;
}
img.logo{
  position: relative;
  top: 20px;
  float: left;
}
.rightheader{
  text-align: right;
  color: #362f2d;
  font-size: 11px;
}
.rightheader a{
  font-weight: bold;
  text-decoration: underline;
  color: #790000;
}
.rightheader a:hover{
  text-decoration: none;
}
.rightheader input{
  width: 122px;
  font-size: 11px;
  margin-right: 8px;
}
.rightheader img{
  border: solid 1px #b0b0b0;
  position: relative;
  top: 3px;
  margin: 0px 2px 0px 15px;
}




/*   </header> */

/*   left */
#left ul.menu{
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#left ul.menu li{
  margin: 0px 0px 1px 0px;
  padding: 0px;
}
#left ul.menu li a{
  margin: 0px 0px 0px 0px;
  height: 27px;
  color: #fff;
  background: url(../images/menu.jpg) repeat-x top left;
  display: block;
  padding: 8px 0px 0px 18px;
}
#left ul.menu li a:hover{
  background: url(../images/menu.jpg) repeat-x 0px -36px;
  text-decoration: none;

}


#left ul.menu li.active a{
  background: url(../images/menu.jpg) repeat-x 0px -36px;
  text-decoration: none;
}

#left ul.menu li ul.podmenu {background-color: #e1e1e1;padding-bottom:15px;}
#left ul.menu li ul.podmenu li a {
  background: #e1e1e1 url(../images/podmenu.jpg) no-repeat 18px 10px;
  margin: 0px 0px 0px 0px;
  color: #790000;
  line-height:16px;
  padding-left:35px;
  padding-top:8px;
  height:auto;
  margin-bottom:5px;
  *margin-bottom:0px;
}
#left ul.menu li ul.podmenu li {
  margin: 0px;
}
#left ul.menu li ul.podmenu li.active a {
  font-weight: bold;
  text-decoration: underline;
}
#left ul.menu li ul.podmenu li a:hover {
  text-decoration: underline;
  background: #e1e1e1 url(../images/podmenu.jpg) no-repeat 18px 10px;
}

#left ul.menu li ul.podmenu li.active ul li a {
  background-image:none;
  margin: 0px 0px 0px 0px;
  color: #000;
  padding: 8px 0px 0px 45px;

  font-weight:normal;
}

#left ul.menu li ul.podmenu ul li a:hover {
  background-image:none;
  margin: 0px 0px 0px 0px;
  color: #000;
  padding: 8px 0px 0px 45px;
  font-weight:normal;
  text-decoration:none;
}

#left ul.menu li ul.podmenu li.active ul li.active a {
  background-image:none;
  margin: 0px 0px 0px 0px;
  color: #000;
  padding: 8px 0px 0px 45px;
  font-weight:bold;
}

#left .maple{
  margin: 5px 0px;
  background: #e8e8e8;
  padding: 12px 10px 12px 18px;
  line-height: 1.5em;
}
#left .maple a{
  font-weight: bold;
}
#left .maple h4{
  color: #790000;
  padding-bottom: 4px;
}
#left h3{
  height: 26px;
  display: block;
  color:white;
  padding: 9px 0px 0px 18px;
  background: url(../images/h22.jpg) repeat-x top left;
}
#left img{
  margin: 1px 0px 1px 0px;
  display: block;
}
#left .corner{
  margin: 0px 0px 5px 0px;
  background: #e8e8e8;
  padding: 12px 18px;
  line-height: 1.5em;
}
/*  </left>  */

/*  right  */
#right .maple{
  float: left;
  width: 367px;
} 
#right .levy{
  margin-right: 6px;
}
#right .maple h3{
  height: 43px;
  display: block;
  font-size: 12px;
  color: #fff;
  padding: 9px 0px 0px 18px;
  background: url(../index_files/h3_right.jpg) repeat-x top left;
}
#right .maple .podmaple{
  background: #f0f0f0;
  padding: 9px;
  height: 50px;
}
#right .maple .podmaple img{
  float: left;
  margin-right: 15px;
  position: relative;
  top: 6px;
}
#right .maple .pravy{
  background: url(../images/backmaple.jpg) no-repeat top left;
  padding-left: 170px;
}
#right .maple .pravy h4{
  color: #790000;
  padding-left: 5px;
  font-size: 16px;
  margin-top:10px;
}



/*
.maplesquare .ram{
  background: url(../images/pruhledny.png) no-repeat bottom left;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6.png', sizingMethod='scale');
  height: 101px;
  width: 361px;
  padding: 10px 10px 0px 15px;  
  clear: both;
  border:1px solid red;
}
*/

.maplesquare .ram h1{
  color: #790000;
  font-weight: normal;
  line-height: 1.2em;
  margin-bottom:5px;
  font-size: 20px;
}

.maplesquare .ram .archiv {text-align:right;}

.residential{
  float: left;
  padding-right: 7px;
  width: 242px;
}
.residential h2{
  background: url(../images/h21.jpg) repeat-x top left;
  height: 26px;
  font-size: 12px;
  color: #fff;
  padding: 9px 0px 0px 10px;
}
.residential h2 a{
  color: #fff;
}
.residential p a{
  height: 77px;
  padding: 20px 65px 0px 15px;
  display: block;
  background:#fff url(../images/maplesquare1.jpg) no-repeat top left;
  font-size:12px;
}
.residential p a p{
  padding:0px;
  margin:0px;
  margin-right:10px;
}
.Metal{
  float: left;
  width: 242px;
  padding-right: 7px;
}
.Metal h2{
  background: url(../images/h22.jpg) repeat-x top left;
  height: 26px;
  font-size: 12px;
  color: #fff;
  padding: 9px 0px 0px 10px;
}
.Metal h2 a{
  color: #fff;
}
.Metal p a{
  height: 77px;
  padding: 20px 65px 0px 15px;
  display: block;
  background:#fff url(../images/maplesquare2.jpg) no-repeat top left;
  font-size:12px;
}
.tools{
  float: left;
  width: 242px;
}
.tools h2{
  background: url(../images/h23.jpg) repeat-x top left;
  height: 26px;
  font-size: 12px;
  color: #fff;
  padding: 9px 0px 0px 10px;
}
.tools h2 a{
  color: #fff;
}
.tools p a{
  height: 77px;
  padding: 20px 65px 0px 15px;
  display: block;
  background:#fff url(../images/maplesquare3.jpg) no-repeat top left;
  font-size:12px;
}
.residential p a:hover, .Metal p a:hover, .tools p a:hover{
  text-decoration:none;
}
#copy{
  background: #f1f1f1;
  height: 32px;
  color: #969696;
  clear: both;
  font-size: 10px;
  padding: 18px 15px 0px 15px;
  position: absolute;
  bottom: 4px;
  right:9px; 
  width:711px;
}
#copy p{
  float: left;
}
#copy ul{
  float: right;
  font-size:9px;
}
#copy ul li{
  display: inline;
  padding: 0px 2px 0px 2px;
}
#copy ul li a{
  color: #736357;
}

.topmaple{
  background: url(../images/img2.jpg) no-repeat top left;
  height: 100px;
  font-size: 12px;
  color: #fff;
  clear: both;
  padding: 5px 0px 15px 10px;  
}
.maplevtop{
  width: 316px;
  height: 88px;
  background: url(../images/topvmaple.png) no-repeat bottom left filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='topvmaple.png', sizingMethod='scale');
  padding: 12px 30px 0px 20px;
}
.maplevtop h2{
  color: #790000;
  font-weight: normal;
  line-height: 1.2em;
  font-size: 18px;
}
h1.hl{
  color: #790000;
  font-weight: normal;
  line-height: 1.2em;
  font-size: 18px;
  padding: 10px 0px 10px 15px;
}
#right .textram{
  padding: 10px 35px 10px 15px;
  background: #e6e6e6;
  margin-bottom: 10px;
}
.textram ul {list-style: disc;margin-left:20px;margin-bottom:5px;}
.textram ol {margin-left:20px;margin-bottom:5px;}
.textram p {margin-bottom:10px;}
.textram a {color:#43709a;font-weight:bold;text-decoration:underline;}
.textram a:hover {text-decoration:none;}
.textram p {font-weight:normal}

.item {height:165px;float:left;width:126px;padding-bottom:15px;padding-left:18px;overflow:hidden;}

.item img{
  display: block;
  width:126px;height:130px;
}
.item a h3{
  background: url(../images/h3b.jpg) repeat-x top left;
  height: 26px;
  font-size: 12px;
  display: block;
  margin: 0px;
  color: #fff;
  padding: 9px 0px 0px 0px;
  text-align:center;
  cursor:pointer;
}



.item a h3.minType{
  height: 35px;
  font-size: 11px;
  display: block;
  margin: 0px;
  color: #fff;
  text-align:center;
  padding-top:0px;
  line-height:14x;
  cursor:pointer;
}
.item a:hover h3 {
  background: url(../images/h3a.jpg) repeat-x top left; 
  text-decoration: none;
}
.item h3.neactive  a{
  background: url(../images/h3c.jpg) repeat-x top left;
  height: 26px;
  font-size: 12px;
  display: block;
  margin: 0px;
  color: #fff;
  padding: 9px 0px 0px 20px;
}






img.fotodet{

  border: solid 10px #e6e6e6;
  display: block;
}
img.foto{
  width: 104px;
  height:85px;
  display: block;
  float: left;
  margin: 0px 1px 1px 0px;
  border: solid 10px #e6e6e6;
}

.align-right {text-align:right;}
.align-center {text-align:center;}  
  

.maplevtop h1 a, .maplevtop h2 a {color:#790000 !important;}