/* CSS Document */

div.bg{display: block; height: 100%; width: 100%; margin: 0px; text-align:center;}

#page_container{display: table; width: 970px; margin: 0px auto 0px auto;}
#header{display: block; width: 100%; height: 130px; clear: both; text-align:left;}
	#header img.logo{display: block; margin: 0 0 0 -120px; float: left; position:absolute;}
	#header #icons {display: block; float: right; width: 180px; height: 30px; background: url(images/icons_shadow.png) 50% 0% no-repeat;}
	#header #icons .content {display: block; margin: auto; width: 100px; height: 30px; background: url(images/icons_shadow.png) 50% 0% no-repeat #FFF;}
	#header #icons a {display: block; margin: 2px 2px 0 3px; float: left; width: 28px; height: 28px; background-image: url(images/icons.png); background-repeat: no-repeat;}
	#header #icons a.contacts {background-position: 0% 0%;}
	#header #icons a.contacts:hover {background-position: 100% 0%;}
	#header #icons a.cart {background-position: 0% 50%; text-decoration: none;}
	#header #icons a.cart .items_count {bisplay: block; width: 15px; height:15px; line-height:10px; margin: 0 0 0 15px; position: absolute; top: 0px; padding: 0; font-size:10px; font-weight: bold; text-align:center; background: #F00; color: #FFF; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
	#header #icons a.cart:hover {background-position: 100% 50%;}
	#header #icons a.sitemap {background-position: 0% 100%;}
	#header #icons a.sitemap:hover {background-position: 100% 100%;}
	
#main{display: block; width: 770px; min-height: 550px; height:auto; text-align: left; float:left; background:#FFF}
		
#top_menu {overflow: hidden; position:absolute; z-index:1; width: 760px; clear: both; display: block; height: 48px; line-height: 48px; text-align: left; margin:5px; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; background: url(images/top_menu_bg.jpg) 0% 0% repeat-x;}
	#top_menu a {display: block; background: url(images/top_menu.jpg) 0% 0% no-repeat; float: left; font-size: 12px; text-transform: uppercase; height: 48px; line-height: 48px; margin: 0px; text-align: center; color: #FFF; text-decoration: none; padding: 0 10px 0 30px;}
	#top_menu a:first-child {border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; width: 30px; padding: 0 20px 0 0px; background: url(images/top_menu.jpg) 0% 50% no-repeat;}
	#top_menu a.selected {color: #FFF; background: url(images/top_menu.jpg) 0% 100% no-repeat;}

#column_left {display: block; float:left; min-height:450px !important; height: auto; width: 200px;}
	
#menu {display: block; min-height:450px !important; height: auto; background: url(images/menu_bg.jpg) 100% 0% no-repeat #FFF; margin: 56px 0 0 0; border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px;}
	#menu a {text-decoration:none;}
	#menu a:hover {text-decoration:none;}
	
#footer {display: block; clear: both;}
	#footer .content {display: block; clear: both; background: #f4f4f4; min-height:180px; height:auto; border-top: 1px solid #cfcfcf; margin: 20px;}
	#footer .bottom_menu {display: block; float:left; height: 30px; margin: 10px 20px 10px 20px; color: #dadada; line-height: 30px;}
	#footer .bottom_menu a {text-transform: uppercase; font-size: 12px; color: #007db3; text-decoration: none;}
	#footer .bottom_menu a:hover {color: #dadada}
	#footer .copyrights {display: block; width: 170px; height: 30px; background: url(images/netservice.jpg) 50% 50% no-repeat; float: right; margin: 10px 20px 0 0;}

#languages {display: block; height: 30px; background: transparent; border-radius: 5px; -moz-border-radius: 5px; float: right;}
#languages a:hover {background: #FFF}

.rounded {border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
a.button_up {display: block; float: right; margin: -80px 5px 0 0; width: 76px; height:60px; background: url(images/button_up.jpg) 50% 0% no-repeat;}
a.button_up:hover{background: url(images/button_up.jpg) 50% 100% no-repeat;}

#home a.button_up {margin: -70px 20px 0 0;}