*{
	margin:0;
	padding:0;
	/*behavior: url(iepngfix.htc);*/
	}
	#side_menu, #side_menu img, div.ref_box, #page, #page img, #clients, div.ref_memo h1 img,
  #act_page .act_page,#act_page .act_page_h, #form img.right, #top_ref, #show_web,#footer,#list img{
    behavior: url("http://www.arealsystems.cz/templates/iepngfix.htc");

  }

body{
	font-family:Tahoma, Arial, sans-serif;
	font-size:0.7em;
	color:#333333;
	background: #292929 url(images/background.png) left top repeat-x;

}
h1{
	font-size:1.2em;
	margin:3px 0;
	}
h2{
	font-size:1.2em;
	color:#e7e7e7;
	}
/* begin menu */
#menu{
	position:relative;
	width:100%;
	height:33px;
	background:url(images/menu_back.jpg);
	}
.top_menu{
	position:relative;
	width:1000px;
	margin:0 auto;
	list-style:none;
	text-align:center;
	padding-top:4px;
	}
.top_menu li{
	display:inline;
	}
.top_menu a:link, .top_menu a:visited{
	font-weight:normal;
	font-size:1.1em;
	text-decoration:none;
	color:#333333;
	}
.top_menu a:hover{
	color:#333333;
	text-decoration:none;
	}
.top_menu span{
	color:#e6e6e6;
	font-size:1.3em;
	}
.top_menu strong{
	position:relative;
	background:url(images/menu_back2.jpg) bottom left repeat-x;
	color:#FFFFFF;
	padding:4px 0 11px 0;
	}
#mh1{
	position:relative;
	background:url(images/menu_l.jpg) bottom right no-repeat;
	padding:0px 2px 10px 2px;
	}
.mhe{
	position:relative;
	padding:0px 2px 10px 2px;
	}
#mh2{
	position:relative;
	background:url(images/menu_r.jpg) bottom left no-repeat;
	padding:0px 2px 10px 2px;
	}
/* end menu */
/* begin header */
#header{
	position:relative;
	width:100%;
	height:300px;
	background:url(images/header.jpg) center top;
	min-width:1000px;
	}
#cont{
	position:relative;
	width:1000px;
	height:300px;
	background:url(images/header.jpg) center top;
	margin:auto;
	}
/* end header */
/* begin obsah */
#obsah{
	position:relative;
	width:1000px;
	margin:0 auto;
	

	}
#pg_back{
	position:relative;
	width:100%;
	
	}
/* end obsah */

/*begin side menu*/

#side_menu{
  padding-top: 100px;
  background: url(images/areal_logo1.png) left top no-repeat;
  position:relative;
  float: left;
	width:150px;
}

#side_menu div{
  height: 30px;

}
#side_menu div input,#side_menu div a{
  position: absolute;
  text-decoration: none;
  color: #ffffff;
  left: 20px;
  font-size: 1.2em;
  font-weight: bold;
  padding: 4px 0 0 10px;
  background: transparent;
  border: 0;
  text-align: left;
}

#form_menu_set, #form_set, #form_clients_set{
display: none;
}

#side_menu div input:hover,#side_menu div input.hover{
  color: #89caf2;
}

#side_menu div a:hover,#side_menu div a.hover{
  color: #89caf2;
}

#side_menu div.opacity{
  filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;
}

#side_menu img{
  float: left;

}

#side_menu img.icon{
  width: 20px;
  height: 20px;
}

#form_menu input:hover, #form_clients input:hover{
cursor: pointer; 
  cursor: hand;
}
/*end side menu*/

/* begin clients*/

#clients div input{

  text-decoration: none;
  color: #96d8e4;

  font-size: 1.2em;
  font-weight: bold;
  padding: 4px 0 0 5px;
  background: transparent;
  border: 0;
  text-align: left;
  cursor: hand;
}

#clients div{
  height: 20px;

}

#clients div.opacity{
  filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;
}

/*end side menu*/

/*begin clients*/

#page{
  position:relative;
  float: left;
	width: 690px;
	background: url(images/reference.png) left top no-repeat;
	padding-top: 50px;
  
}

#page h1{
  color: #ffffff;
  font-size: 2em;
  font-weight: normal;
}

#page h3{
  color: #89b9c2;
  font-size: 1.6em;
  font-weight: normal;
}
#page img.uvodny{
  width: 500px;
  height: 200px;
  border: 0;
}

#page img.icon{
  padding: 20px 10px 0 0;

}

.page p{
  margin-bottom: 10px;
}

.page a{
  color:#C6D213;
}

#text{
  position: absolute;
  left: 70px;
  top: 160px;
  
}

#text h1{
  color: #89caf2;
  font-size: 2.5em;
  font-weight: normal;
}
/*end page*/


/*begin list reference*/
#list{
  position: relative;
  float: left;
  clear: left;
  width: 840px;
  border: 0;
  	margin-bottom: 10px;
  	
}

#list hr{
  border: 1px inset #777;
  height: 2px;
}

/*end list reference*/

/*begin clients*/
#clients{
  position:relative;
  float: right;
	width: 150px;
	padding-top: 50px;
	background: url(images/client.png) left top no-repeat;
	_position: absolute;
	_right: -150px;
	_top: 0px;
}

#clients h1{
  color: #ffffff;
  font-size: 1.5em;
  font-weight: normal;
}
/*end clients*/

/* begin footer */
#footer{
	position:relative;
	width:1000px;
	margin-top:1px;
	color:#ffffff;
	background-image: url(images/footer.png);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	margin-left: 0px;
	}
#footer div{
	padding:15px 0 0 15px;
	height:70px;
	}
#f1{
	position:relative;
	width:50%;
	float:left;
	}
#f2{
	position:relative;
	width:30%;
	float:right;

	}
#f2 a , #f1 a{
	color: yellow;
	text-decoration: none;
}
#f3{
	position:relative;
	width:164px;
	float:left;
	border-right:solid 1px #FFFFFF;
	}
#f4{
	position:relative;
	width:291px;
	float:left;
	text-align:right;
	padding:140px 15px 0 0 !important;
	height:25px !important;
	}


/* end footer */

/* begin detail reference*/

#top_ref{
  background: url(images/top_ref.png) left top no-repeat;
  width: 570px;
  height: 130px;
  margin: 10px 0;
  text-align: center;
}
#top_ref img{
  text-align: center;
  margin: 5px;
}

#detail{
  position: relative;
  float: left;
  clear: left;
  width: 840px;
  border: 0;
  margin-bottom: 10px;
  _height: 900px;
}


#detail div{
  position:relative;
  float: left;

	width:150px;
	margin: 10px 0;

}

p#show_web_div{
  position:relative;
  float: left;

	width:150px;
	margin: 10px 0;

}


p#show_web_div a{
  color: #c6d213;
  float: right;
  font-weight: bold;
  padding: 18px 3px 3px 3px;
}

#detail div.gallery{
  background: url(images/ref_foto_det.png) left top no-repeat;
  _background: url(images/ref_foto_det.gif) left top no-repeat;
  text-align: center;
  height: 150px;
  width: 148px;

}

#detail a.gallery img{
  position: absolute;
  top: 15px;
  left: 15px;
  margin: 0 auto;
  padding: 0;
  border: 0;
}

p#show_web_div img{
  float: right;
  padding: 15px 5px;
}

#detail div h1{
  color: #fbb834;
  font-size: 2.7em;
  font-weight: normal;
  
}
#detail div h2{
  color: #96d7e3;
  font-size: 2.2em;
  font-weight: normal;
  }
#detail div.page{
  position:relative;
  float: left;
	width: 675px;
	color: #ffffff;
	margin: 10px 0 10px 5px;
 
}

#detail div.page p{
  font-size: 1.4em;

}

#detail div.foto{
  position:relative;
  float: left;

	width:150px;
	margin: 10px 0;
	min-height: 300px; 
  _height: 300px;
}

#detail p.partner_ship{
  color: #fbb834;
  font-style: italic;
}

img#smile{
  position: absolute;
  top: -20px;
  left: -70px;
  width: 60px;
  height: 60px;
}

#show_web{
  _width: 20px;
  _height: 1px;
}
/* end detail reference*/

/* begin reference */

#ref_img{
	position:relative;
	width:160px;
	float:left;
	}
#ref_name{
	position:relative;
	padding:10px 0 10px;
	font-size:14px;
	color:#FF9900;
	}
#ref_name h1{
	display:inline;
	}
#ref_name a:link, #ref_name a:visited{
	color:#FF9900;
	text-decoration:none;
	}
#ref_name a:hover{
	text-decoration:underline;
	}
div.ref_memo{
	position:relative;
	width: 160px;
	height: 250px;
	float:left;
  _width: 150px;
	padding: 5px;
	margin: 10px 15px 5px 15px;
	}

div.ref_memo h1{

  color: #fff600;
  font-size: 1.3em;

}

div.ref_memo a{
  z-index: 100;
}

div.ref_memo h1 img{
  width: 8px;
  _height: 6px;

  padding-bottom: 5px;
  margin: 1px;
}

div.ref_memo h2{
  padding-top: 7px;
  color: #ffffff;
  font-size: 1.1em;
  font-weight: normal;

}

#ref_page{
	padding-bottom:10px;
	}
.clear{
	clear:both;
	height:1px !important;
	background:none !important;
	}
#reference{
	position:relative;
	width:655px;
	height:217px;
	float:left;
	padding:5px;
	border-bottom:solid 1px #e7e7e7;
	border-right:solid 1px #e7e7e7;
	}
div.ref_box{
	position:relative;
	display:block;
	width:148px;
	height:130px;
  background: url(images/ref_foto.png) left top no-repeat;
  
	float:left;
	margin-bottom: 20px;
	text-align: center;


	}
	
div.ref_memo h1 a{
  color: #fff600;
  text-decoration: none;
}

div.ref_memo h1 a:hover{
  text-decoration: underline;
}

	
	div.ref_box img{
	background: #ffffff;
  margin: 4px;
	border: 1px solid #dbdbdb;

	}
.ref_hover{
	position:absolute;
	top:120px;
	left:0px;
	width:138px;
	padding-top:10px;
	background:url(images/arrow.gif) center top no-repeat;
	text-align:center;
	visibility:hidden;
	}
/* end reference */
#f1 p {
	padding-bottom: 5px;
}
.product_list {
	width: 220px;
	height: 200px;
	float: left;
	position: relative;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 1O;
}
.product_list h1 {
	margin-left: 20px;
	float: left;
	width: 160px;
}
#products {
	width: 1000px;
	position: relative;
	float: left;
}


#sluzby .nadpis_sluzby {
	color: #3072a6;
	font-size: 1.2em;
	font-weight: bold;
	float: left;
	margin-top: 6px;
}
#sluzby {
	float: left;
	position: relative;
	width: 1000px;
	margin-left: 0px;
	margin-top: 50px;
}
#sluzby p {
	padding-top: 6px;
	padding-bottom: 6px;
}
#sluzby img {
	float: left;
}
.product_list img {
	float: left;
}
.product_list p {
	float: left;
	margin-left: 20px;
}
.sluzby_vypis {
	background-image: url(images/line.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
}

/*begin form*/

#form, #form fieldset{
  position: relative;
  float: left;
  clear: left;
  width: 100%;
  border: 0;


}

#left{
  position: relative;
  float: left;
  background:url(images/before.gif) left top no-repeat;
  border: 0;
  padding: 5px 0 5px 25px;
  text-decoration: underline;
  color: #ffffff;
  cursor: pointer; 
  cursor: hand;
}

#right{
  position: relative;
  float: right;
  background:url(images/next.gif) right top no-repeat;

  border: 0;
  padding: 5px 25px 5px 0;
  
  text-decoration: underline;
  color: #ffffff;
  cursor: pointer; 
  cursor: hand;
}

/*#form img.right{
  position: relative;
  float: right;
  width: 20px;
  height: 25px;
}*/

#act_page{
  position: absolute;
  left: 160px;
  text-align: center;
  width: 70%;
}

#act_page .act_page{
  background:url(images/h_item.png) left top no-repeat;
  border: 0;
  width: 20px;
  height: 25px;
  text-align: center;
  padding-top: 5px;
  margin: 3px;
  font-weight: bold;
  color: #f5a485;
  cursor: pointer; 
  cursor: hand;
}

#act_page .act_page_h{
  background:url(images/item.png) left top no-repeat;
  border: 0;
  width: 20px;
  height: 25px;
  text-align: center;
  padding-top: 5px;
  margin: 3px;
  font-weight: bold;
  color: #f5a485;
  cursor: pointer; 
  cursor: hand;
}

#rem_page{
  display: none;
}

/*end form*/