@import url(reset.css);

html, body
{
	font-size:16px;
	font-family: "Segoe UI", "Tahoma", sans-serif;
	color:#545555;
}

.clear-both
{
	clear:both;
}

.float-left
{
	float:left;
}

.float-right
{
	float:right;
}

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

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

.bold
{
	font-weight:bold;
}

sup
{
	font-size:60%;
}

p
{
	margin-bottom:20px;
}

div#wrapper
{
	background:#ffffff url(background.gif) repeat-x;
}

.message_preview
{

	border:2px solid #95BAE0;
	background:#fff;
	width:500px;
	padding:20px;
	margin-top:20px;
	font-family: "Courier New", "Arial", "Tahoma";
}

/*
 * Top
 * -------------------------------------------- */

div#top
{
	height:700px;
	background:url(bg01.gif) no-repeat top left;
	padding:0px 50px 0px 50px;
}
	
/*
 * Header
 * -------------------------------------------- */

div#header
{
	position:relative;
	height:60px;
}

div#top div#header img.logo
{
	position:absolute;
	bottom:0px;
}

/*
 * Header menu
 * -------------------------------------------- */

div#top div#header ul.menu
{
	position:absolute;
	top:30px;
	left:235px;
	
	width:600px;
	height:30px;
	background:url(menu-background.gif) no-repeat top left;
	
	padding-left:20px;
}

div#top div#header ul.menu li
{
	display:block;
	float:left;
}

div#top div#header ul.menu li a
{
	display:block;
	height:22px;
	padding-top:6px;
	
	color:#3366cc;
	font-size:14px;
	line-height:1.2em;
	text-decoration:none;
	margin-right:10px;
	
}

div#top div#header ul.menu li a:hover
{
	text-decoration:underline;
}

/*
 * Quote-block
 * -------------------------------------------- */

div#top blockquote
{
	position:relative;
	margin-top:60px;
	font-size:48px;
	padding:10px 50px 10px 60px;
	background:url(blockquote-bg-left.png) top left no-repeat;
}

div#top blockquote p
{
	width:650px;

	font-size:48px;
	padding:0px 50px 25px 0px;
	background:url(blockquote-bg-right.png) bottom right no-repeat;
	line-height:40px;
}

div#top blockquote p span.smaller
{
	font-size:30px;
	letter-spacing:-0.3px;
}

/*
 * Top Heading
 * -------------------------------------------- */

div#top h1
{
	margin:60px 0px 20px 0px;
	font-size:24px;
	color:#22346c;
	font-weight:normal;
}

/*
 * Confused guy
 * -------------------------------------------- */

div#top .confusedGuy
{
	position:absolute;
	top:250px;
	left:600px;
}

/*
 * Top paragraphs
 * -------------------------------------------- */

div#top p
{
	font-size:16px;
	line-height:1.4em;
}

/*
 * Body
 * -------------------------------------------- */

div#body
{
	height:500px;
	background:url(bg02.gif) no-repeat top left;
}

div#body ul.textList
{
	
}

div#body ul.textList li
{
	display:block;
	width:250px;
	float:left;
	
	margin:50px 0px 0px 50px;
}

div#body ul.textList li h2
{
	display:block;
	width:250px;
	height:40px;
	
	font-weight:normal;
	font-size:30px;
	line-height:1.4em;
	background:url(details-block-heading.gif);
	margin-bottom:20px;
	color:#6699cc;
	text-align:center;
	padding-bottom:5px;
}

div#body ul.textList li p
{
	font-size:16px;
	line-height:1.4em;
}

/*
 * Contact form
 * -------------------------------------------- */

div#formSection
{
	height:400px;
	background:url(bg03.gif) no-repeat top left;
	padding:50px;
}

div#formSection h1
{
	font-weight:normal;
	font-size:48px;
	color:#ffffff;
}

div#formSection p.subtitle
{
	font-size:30px;
	color:#ffffff;
	margin-bottom:40px;
}

div#formSection div#formWrap
{
	
}

div#formSection a
{
	text-decoration:underline;
	color:#EFEFEF;
}

div#formSection a:hover
{
	color:#FFFFFF;
	text-decoration:underline;
}

div#formSection .information
{
	background:url(info-bg.gif) no-repeat top left;
	padding:10px 10px 10px 20px;
	/*-moz-border-radius:10px;*/
	width:830px;
	color:#6699CC;
}

div#formSection .information a
{
	color:#545555;
}

/*
 * Form itself
 * -------------------------------------------- */

form#contactForm
{
	margin:20px 0px;
	color:#ffffff;
	/*width:960px;*/
	width:860px;
	overflow:hidden;
}

.form-wrapper
{
	height:180px;
}

.user-details
{
	width:440px;
}

form#contactForm .user-details label
{
	float:left;
	width:200px;
	margin:0px 19px 10px 0px;
	text-align:right;
	clear:left;
}

/*
 * Inputs
 * -------------------------------------------- */

form#contactForm input,
form#contactForm select,
form#contactForm textarea
{
	border:0px;
	padding:0px;
	margin:0px;
}
 
form#contactForm div.input
{
	float:left;
	margin:0px 20px 10px 0px;
}

form#contactForm .user-details input
{
	width:189px;
	height:20px;
}

form#contactForm .user-details div.input
{
	width:189px;
	height:20px;
	padding:6px;
	background:url(text-input-background.gif) top left no-repeat;
}

/* wiek */

form#contactForm .user-details div.input.wiek input
{
	width:49px;
	text-align:center;
}

form#contactForm .user-details div.input.wiek
{
	width:49px;
	height:20px;
	padding:6px;
	background:url(small-text-input-background.gif) top left no-repeat;
}

form#contactForm .user-details div.input.specjalista select
{
	width:189px;
	outline:none;
}

/* txt area */

form#contactForm .the-problem
{
	width:420px;
}

form#contactForm .the-problem textarea
{
	width:408px;
	height:153px;
	font-family:inherit;
}

form#contactForm .the-problem div.input.textarea
{
	width:408px;
	height:153px;
	position:relative;
	background:url(textarea-background.gif) no-repeat top left;
	padding:6px;
}

/* sub button */

form#contactForm .form-submit
{
	width:300px;
	position:relative;
	left:220px;
}

form#contactForm .form-submit sub
{
	display:block;
	font-size:12px;
	width:200px;
}

/*
 * end-section
 * -------------------------------------------- */

div#end-section
{
	height:400px;
	overflow:hidden;
	background:url(bg04.gif) no-repeat top left;
	color:#EFEFEF;
	padding:50px;
	font-size:0.9em !important;
}

div#end-section h1
{
	font-weight:normal;
	font-size:48px;
	color:#ffffff;
	margin-bottom:50px;
}

div#end-section
{
	font-size:16px;
	line-height:1.4em;

}

div#end-section a
{
	text-decoration:underline;
	color:#EFEFEF;
}

div#end-section a:hover
{
	color:#ffffff;
	text-decoration:underline;
}


div#end-section ul li,
div#end-section ol li
{
	/*display:block;
	width:250px;
	float:left;
	*/
	list-style-type:none;
	list-style-position:inside;
	width:900px;
	margin:20px 0px 10px 0px;
}


/*
 * footer
 * -------------------------------------------- */


div#footer
{
	padding:50px 50px 0px 50px;
	background:url(footer-bg.gif) repeat-x;
	font-size:14px;
}

div#footer .section
{
	overflow:auto;
	margin-bottom:20px;
	padding-bottom:20px;
}

div#footer .section.border
{
	border-bottom:1px solid #D3E0ED;
}

div#footer .section h3
{
	font-size:16px;
	font-weight:normal;
}

div#footer ul.menu
{
	display:block;
	overflow:auto;
	height:32px;
	float:left;
}

div#footer ul.menu li
{
	display:block;
	float:left;
}

div#footer ul.menu li a
{
	display:block;
	height:22px;
	padding-top:6px;
	
	color:#3366cc;
	font-size:14px;
	line-height:1.2em;
	text-decoration:none;
	margin-right:10px;
	
}

div#footer p a,
div#footer ul.menu li a
{
	color:#4C81B6;
	text-decoration:none;
}

div#footer p a:hover,
div#footer ul.menu li a:hover
{
	text-decoration:underline;
}

p.design-creation,
p.design-creation a
{
	color:#A7B3BF !important;
	text-decoration:none;
	text-align:right;
	line-height:1.2em;
}

/*

Link rotator

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


/*
 * Submit button
 * -------------------------------------------- */

.submit-button
{
	margin-top:10px;
	display:block;
	color:#333333;
	background:url(button-submit.png) top left no-repeat;
	width:194px;
	height:38px;
	outline:0px;
	cursor:pointer;
	font-size:18px;
	padding:0px 0px 5px 0px;
	font-weight:normal;
	text-align:center;
	border:0px !important;
}

a.submit-button
{
	padding:5px 0px 0px 0px;
	height:35px;
	text-decoration:none;
}

.announcement
{
	position:absolute;
	top:70px;
	text-align:center;
	background:#fff;
	padding:5px;
	border:5px solid #CF1111;
}

.announcement p
{
	font-size:0.8em !important;
}