@import url("reset.css");

h2 {
	color: #000;
	font-size: 22px;
	width: auto;
	font-weight: normal;
	line-height: 21px;
	margin: 10px 0 15px 0;
	padding: 0 15px 0 0;
	text-shadow: 0 0 3px #5a5a5a;
	vertical-align: baseline;
}
	h2:after {
		content: url("../images/h2_after.gif");
	}

p.date { color: #aaa; }

h4 {
	color: #474747;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;	
}


p { margin: 0 0 1em 0; }
a { color: #f44200; }
	a:hover { color: #b23000; }
strong { font-weight: bold }
em { font-style: italic; color: #9e9e9e; }

hr {
	border: none;
	margin: 25px 0;
	color: #e4e4e4;
	background-color: #e4e4e4;
	height: 1px;
}

body {
	color: #474747;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	line-height: 1.5em;
}

#mainBody ul li {
	list-style: none;
	background: url("../images/li.gif") no-repeat left 2px;
	padding: 0 0 0 30px; 
	margin: 1.5em 0;
}
	#mainBody ul ul { margin: 1em 0 1em 7px; }
	#mainBody ul ul li {
		background: none;
		padding: 0;
		margin: 0;
		background: url("../images/li_li.gif") left 2px no-repeat;
		padding: 0 0 0 10px;
	}
	
#mainBody ol li {

	list-style: decimal;
	margin: 0 0 0 30px;
}

.left { float: left; }

div#header { position: relative; height: 460px; }
div#container { margin: 0 auto; width: 890px; }
img#logo { position: absolute; top: 40px; left: 0; }
a#see_terminal {
	width: 307px;
	height: 43px;
	position: absolute;
	top: 313px;
	right: 200px;
}
	.see_terminal_pl { background-image: url("../images/zobacz_terminal_pl.jpg"); }
	.see_terminal_en { background-image: url("../images/zobacz_terminal_en.jpg"); }
	a#see_terminal:hover { background-position: bottom; }
	a#see_terminal span { display: none; }


/* Menu główne */
ul#main_menu { position: absolute; right: 0; top: 62px; }
ul#main_menu li { float: left; height: 19px; margin: 0 0 0 10px; }
ul#main_menu li a {
	background: url("../images/mainMenu_li.gif") no-repeat right 1px;
	color: #0a1800;
	display: block;
	font-size: 12px;
	line-height: 19px;
	text-align: right;
	text-decoration: none;
	padding: 0 12px 0 0;
}
	ul#main_menu li a:hover { text-decoration: underline; }
	ul#main_menu li.menuItemActive a { text-decoration: underline; }
/* Menu w stopce */
ul#foot_menu li { float: left; }	
ul#foot_menu li a { display: block; margin: 0 20px 0 0; color: #474747; text-decoration: none; }
	ul#foot_menu li a:hover { text-decoration: underline; }		
	
div#foot_menu2 { float: right; }
div#foot_menu2 a  {  color: #474747; text-decoration: none; } 
	div#footer_menu2 a:hover { text-decoration: underline;  }

div#banner {
	position: absolute;
	top: 109px;
	left: 0;
	height: 338px;
	width: 890px; 
}
	div#banner img { position: absolute; top: 2px; left: 40px; }
	div.banner_pl { background: url("../images/banner_pl.jpg"); }
	div.banner_en { background: url("../images/banner_en.jpg"); }
	
	ul.language_select {
		position: absolute; top: 0;
		right: 0;
		background: #a4bb4e url("../images/language_select.gif");
		width: 62px;
		height: 25px;
	}
		ul.language_select li { float: left; text-align: center; width: 31px; padding: 5px 0;  }
		ul.language_select li a { color: #000; text-decoration: none; }
		ul.language_select li.active a { color: #fff; }
	
div#mainBody { float: left; }
	div#mainBody.wLeft { margin-left: 230px; padding-left: 30px;  }
	div#mainBody.wRight { margin-right: 230px; padding-right: 30px;  }
	div#mainBody.wRightWide { margin-right: 330px; padding-right: 30px;   }
div#left { width: 230px; float: left; margin-left: -100%; }
div#right { width: 230px; float: left; margin-left: -230px; }
div#rightWide { width: 330px; float: left; margin-left: -330px; }  

	
/* Kontakt */
div.errors {
	padding: 15px;
	border: 3px red solid;
	margin: 0 0 20px 0;
	background: #eee;
	display: none;
}
	div.errors p { margin: 0;  }
	
div.message {
	padding: 15px;
	border: 3px green solid;
	margin: 0 0 20px 0;
	background: #fff;
	display: none;
}
	div.message p { margin: 0;  }

div#mail_form {
	width: 628px;
	margin: 0;
	height: 270px;
	position: relative;
	background: url("../images/mail_form.gif");
}
	input, textarea { 		font-family: verdana, arial, sans-serif; font-size: 10px; line-height: 1.5em; }
	div#mail_form h2 { color: white; position: absolute; top: 8px; left: 25px; font-size: 17px; margin: 0; }
		div#mail_form h2:after { content: "" }
	#name { position: absolute; top: 72px; left: 25px; width: 172px; height: 16px; font-size: 10px; padding: 4px 4px 0 4px; }
	#email { position: absolute; top: 101px; left: 25px; width: 172px; height: 16px; font-size: 10px; padding: 4px 4px 0 4px; }
	#subject {
		position: absolute;
		top: 130px;
		left: 25px;
		font-size: 10px;
		width: 172px; height: 16px;
		padding: 4px 4px 0 4px;
	}
	#message {
		position: absolute;
		top: 72px;
		left: 214px;
		width: 383px;
		height: 145px;

	}
	div#mail_form a {
		color: #000;
		font-weight: bold;
		margin: 0  0 0 10px;
		top: 232px;
		background: url("../images/li_bg.gif") no-repeat left 1px;
		padding: 0 0 0 15px;
		
	} 
	p#mail_form_buttons {
		position: absolute;
		top: 232px;
		width: 602px;
		text-align: right;
	}
	
/*
 * Moduły
 */

/* Pomarańczowy moduł */
div#right div.mod_orange, div#left div.mod_orange { width: 180px; background: url("../images/mod_orange_bg.gif") bottom; padding: 0 25px 30px; }
div#right div.mod_orange h3, div#left div.mod_orange h3 {
	font-weight: normal;
	margin: 0 -25px 0px;
	height: 54px;
	background: url("../images/mod_orange_h3.gif");
	color: #fff;
	font-size: 16px;
	text-align: left;
	padding: 13px 0 0 15px;
	text-shadow: 0 0 3px #5a5a5a; 
}

/* Pomarańczowy moduł - Szeroki */
div#rightWide div.mod_orange { width: 280px; background: url("../images/mod_oragne_wide_bg.gif") bottom; padding: 0 25px 30px; margin: 0 0 30px 0; }
div#rightWide div.mod_orange h3 {
	font-weight: normal;
	margin: 0 -25px 4px;
	height: 53px;
	background: url("../images/mod_oragne_wide_h3.gif");
	color: #fff;
	font-size: 16px;
	text-align: left;
	padding: 13px 0 0 15px;
	text-shadow: 0 0 3px #5a5a5a; 
}

/* Srebny moduł */
div#right div.mod_silver, div#left div.mod_silver { margin: 0 0 40px 14px; width: 186px; background: url("../images/mod_silver_bg.gif") bottom; padding: 0 15px 30px;  }
div#right div.mod_silver h3, div#left div.mod_silver h3  {
	font-weight: normal;
	margin: 0 -15px;
	padding: 11px 0 0 17px;
	height: 40px;
	background: url("../images/mod_silver_h3.gif");
	color: #000;
	font-size: 16px;
	text-align: left;
	
}

/* Listy w modułach */
div#right ul li, div#left ul li, div#rightWide ul li {
	list-style: none;
	margin: 9px 0;
	background: url("../images/li_bg.gif") no-repeat 0 2px;
	padding: 0 0 0 17px;
}

/* Kontakt */
div#right div.mod_contact {
	margin: 0 0 0 15px;
}

/* Panel logowania */
div.mod_clientPanel {
	height: 440px;
}

p.mod_clientPanel_inputs { color: #000; text-align: right; line-height: 30px; margin: 20px 0 0 0; }
input.mod_clientPanel_textInput { width: 110px;  background: #f4f4f4; }
p.mod_clientPanel_buttons { text-align: right; margin-top: 0px; }
a.mod_clientPanel_remindPassword { color: #999999; }
a.mod_clientPanel_login {
	color: #000;
	background:  url("../images/mod_clientPanel_next.gif") left 6px no-repeat;
	padding: 5px 0 5px 15px ;
	line-height: 26px;
	font-weight: bold;
}

/* Demo programu */
.mod_demo {
	height: 300px;
	position: relative;
}

img#download_demo {
	position: absolute;
	bottom: -52px;
	display: block;
}

/* Wirutalne zwiedzanie */
div.mod_360 {
	background: url("../images/mod_360_bg.gif") 0 67px no-repeat !important;
	height: 482px;
	padding: 0 25px;
	position: relative;
}
	div.mod_360 .vt_example {
		position: absolute;
		top: 258px;
		left: 9px;
	}


/* Stopka */
div#footer { border-top: 2px #c6d880 solid; background: #f0f1ed; padding: 25px 25px 15px; }
	div#footer_space { clear: both; height: 30px; }
	
p#credits { clear: both; text-align: center; padding: 2em 0 0 0; }