/* -----------------------------------------------------------------------

	Villamosáram - Gui.css
	http://villamosaram.hu

	* Copyright (c) 2010 Everegine Kft.
   
----------------------------------------------------------------------- */

body {
	display: block;
	margin: 0;
	padding: 0;
	background: url(../images/body_background.png) top left repeat;
	}
	
	#overlay_close {
		position: fixed;
		top: 0;
		left: 50%;
		width: 60px;
		line-height: 24px;
		margin: 0 0 0 420px;
		border-left: 1px solid #aaa;
		border-right: 1px solid #aaa;
		border-bottom: 1px solid #aaa;
		-moz-border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
		background: url(../images/overlay_background.png) bottom center repeat-x;
		text-align: center;
		text-transform: uppercase;
		font-family: "SegoeUINormal", Segoe UI, Verdana, Tahoma, Arial, Helvetica, Sans-serif;
		font-size: 10px;
		color: #fff;
		cursor: pointer;
		z-index: 11;
		}
	
	#overlay_container {
		display: block;
		position: fixed;
		top: 0;
		width: 100%;
		height: 150px;
		border-bottom: 1px solid #777;
		background: url(../images/overlay_background.png) top center repeat-x;
		z-index: 10;
		}
		
		#overlay {
			position: relative;
			display: block;
			width: 960px;
			height: 150px;
			margin: 0 auto;
			background: url(../images/overlay.png) top center no-repeat;
			}
	
	#wrapper {
		min-height: 450px;
		background: url(../images/wrapper_background.png) top left repeat-x;
		}
		
	.kalkulator_wrapper {
		position: relative;
		top: 151px;
		}
		
		#container {
			width: 960px;
			margin: 0 auto;
			padding: 20px 0;
			}
			
			#nav {
				width: 940px;
				height: 45px;
				margin: 0;
				padding: 0 10px;
				-moz-border-radius: 5px 5px 0 0;  
				-webkit-border-radius: 5px 5px 0 0;  
				border-radius: 5px 5px 0 0;
				list-style: none;
				background: url(../images/nav.png) top left repeat-x;
				}
				
				#nav li {
					float: left;
					height: 45px;
					}
					
					#nav li a {
						display: block;
						line-height: 45px;
						padding: 0 20px;
						text-transform: uppercase;
						font-family: "SegoeUINormal", Segoe UI, Verdana, Tahoma, Arial, Helvetica, Sans-serif;
						font-size: 14px;
						color: #7a7a7a;
						}
						
					#first_item a {
						background: #f68103;
						color: #000 !important;
						-moz-border-radius: 5px 5px 0 0;
						-webkit-border-radius: 5px 5px 0 0;
						border-radius: 5px 5px 0 0;
						}
						
					#nav li a.active, #nav li a.active:hover {
						color: #fff !important;
						background: url(../images/nav_active.png) bottom center no-repeat;
						}
						
					#first_item .active, #first_item:hover {
						color: #fff !important;
						background-color: #f68103 !important;
						background-image: url(../images/fisrt_item_active.png) !important;
						background-position: bottom center;
						background-repeat: no-repeat;
						-moz-border-radius: 5px 5px 0 0;
						-webkit-border-radius: 5px 5px 0 0;
						border-radius: 5px 5px 0 0;
						}
						
					#nav li a:hover {
						text-decoration: none;
						color: #7fba1a;
						}
						
			#content_container {
				width: 958px;
				border-left: 1px solid #7e7d7d;
				border-right: 1px solid #7e7d7d;
				background: #f5f5f7 url(../images/content_background.png) top left repeat-x;
				}
				
				#header {
					width: 920px;
					height: 100px;
					margin: 0 auto;
					}
					
					#logo {
						display: block;
						float: left;
						width: 238px;
						height: 100px;
						margin: 0;
						text-indent: -1000em;
						background: url(../images/logo.png);
						}
						
						#logo a {
							display: block;
							height: 100%;
							}
							
					#mail {
						float: right;
						line-height: 50px;
						margin: 25px 0;
						padding: 0 0 0 20px;
						border-left: 1px solid #c1bfbf;
						background: url(../images/mail_icon.png) 20px 18px no-repeat;
						text-indent: 30px;
						font-family: "SegoeUINormal", Segoe UI, Verdana, Tahoma, Arial, Helvetica, Sans-serif;
						font-size: 16px;
						font-weight: bold;
						color: #444444;
						}
						
						#mail a {
							color: #444444;
							}
							
						#mail a:hover {
							text-decoration: none;
							color: #74a918;
							}
						
					#phone {
						float: right;
						line-height: 50px;
						margin: 25px 0;
						padding: 0 20px;
						border-left: 1px solid #c1bfbf;
						background: url(../images/phone_icon.png) 20px 18px no-repeat;
						text-indent: 30px;
						font-family: "SegoeUINormal", Segoe UI, Verdana, Tahoma, Arial, Helvetica, Sans-serif;
						font-size: 16px;
						font-weight: bold;
						color: #444444;
						}
						
				#content {
					float: left;
					width: 595px;
					margin: 0 20px;
					}
					
				#left_side {
					float: left;
					width: 305px;
					}
				
			#footer {
				width: 960px;
				height: 45px;
				-moz-border-radius: 0 0 5px 5px;  
				-webkit-border-radius: 0 0 5px 5px;
				border-radius: 0 0 5px 5px;
				background: url(../images/nav.png) top left repeat-x;
				font-size: 10px;
				}
				
				#footer .left {
					display: block;
					float: left;
					line-height: 45px;
					margin: 0 0 0 20px;
					color: #626262;
					}
					
				#footer .right {
					display: block;
					float: right;
					line-height: 45px;
					margin: 0 20px 0 0;
					}
					
					#footer .right a {
						padding: 0 0 0 13px;
						background: url(../images/top.png) left center no-repeat;
						color: #626262;
						}
						
					#footer .right a:hover {
						text-decoration: none;
						color: #7fba1a;
						}