@charset "utf-8";
/* CSS Document */
@import "menu.css"; /* default xhtml tags */
body{
	margin:0;
	color:#6d8a84;
	font-size:11px;
	font-family:Arial;
	background:#f5f5f5 url(../i/layout_bc.jpg) 50% 0 no-repeat;	
}

/* ------------------- */
html, body, #Layout {
    height: 100%;
    min-height: 100%;
    width: 100%;
	margin:0;
}
html > body, html > body #Layout {
    height: auto;
}


html, body {
height: 100%;

}

a{
	text-decoration:none;
}

p{
	margin:0 0 10px 0;
}

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

.clear{
	clear:both;
}

img{
	border:0;
}

h1,h2,h3{
	margin:0 0 20px 0;
	color:#6bb19e;
}

ul, ul li{
	margin:0;
	padding:0;
	list-style:none;
}

#Layout{
	background: url(../i/layout_bc.jpg) no-repeat 50% 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	
}

#LayoutPage{
	width:940px;
	margin:auto;
	position:relative;
	z-index:2;
	margin-bottom:390px;	
}

.ContactPage #LayoutPage{
	margin-bottom:590px;	
}

#SubPage #LayoutPage{
	min-height:200px;	
	background:#FFFFFF url(../i/mainbox_gray_bc.png) repeat-x 0 100%;
}

.ContactPage #LayoutPage{
background:none !important;

}

.ContactPage #ContentPage{
	padding: 0 0 20px 0 !important;
}

#ContentPage ul.list{
	margin-top:5px;
}

#ContentPage a{
	color:#7b7b7b;
}

#ContentPage ul.list li {
    list-style: square outside none;
    margin: 0 0 0 15px !important;
}


#SubPage h1{
border-left:2px solid #6bb19e;
font-size:24px;
padding-left:18px;
}

#SubPage h1 .large{
	position:relative;
	bottom:-8px;
	font-size:48px;	
}

#SubPage h1 .large .cufon-canvas {
    height: 44px !important;	
}

#ContentPage{
	padding:30px;
	line-height:18px;
	font-size:12px;
	position:relative;		
}

#ContentPage .ColumnLeft{
	float:left;
	_display:inline;
	width:308px;
	font-size:12px;
	line-height:16px;	
}

#ContentPage .ColumnRight{
	float:right;
	_display:inline;
	width:518px;
	}

.ContentBoxColor{
	background:#f5f5f5;
	padding:11px 17px;
	margin-bottom:8px;
}

.ContentBoxColorZoom{
	background:#f5f5f5 url(../i/zoom.png) no-repeat 15px 15px;
	padding: 8px 20px 8px 60px;
	
}

#ContentPage .LargeText{
	font-size:18px;	
	color:#6bb19e;
}


#MainPage #LayoutTop{
	border-bottom:1px solid #dedede;
	height:495px;
	width:100%;
}

#SubPage #LayoutTop{
	margin-bottom:44px;
	
}

#Banner{
	width:940px;
	margin:auto;
	position:relative;
}	

#LayoutFooter {
height:333px;
bottom: 0;
clear: both;
margin: 0 auto;
padding-top: 0;
position: absolute;
text-align: left;
width: 100%;
border-top:1px solid #d0d0d0;
}

.ContactPage #LayoutFooter {
height:553px !important;	
}


#Map{
	position:absolute;
	width:100% !important;
}

#Footer{
height:133px;
background:url(../i/footer_bc.png);
_background:url(../i/footer_bc.gif);
position:absolute;
bottom:0;
width:100%;
color:#2c2c2c;	
}

#Footer a{
	color:#2c2c2c;
}

#Footer a:hover{
	color:#000;
}


#FooterContent{
width:940px;
margin:auto;
position:relative;
}

#FooterContent ul{
	margin-top:40px;
}

#FooterContent ul li{
	float:left;
	_display:inline;
	margin-right:20px;	
}

#MenuTop{
	width:940px;
	margin:auto;
	background:url(../i/menu_top_bc.png) repeat-x;
	height:35px;

}

/*#MenuTop a{
	color:#7b7b7b;
	font-weight:bold;
}

#MenuTop a:hover{
	color:#6bb19e;
}


#MenuTop ul li{
	float:left;
	_display:inline;
	margin-right:18px;
	padding-top:10px;
}*/

#Copyright{
	position:absolute;
	right:0;
	top:30px;
	font-weight:bold;
	padding-right:40px;
	padding-top:8px;
	background:url(../i/webcumulus_minilogo.png) no-repeat 100% 0;
	height:27px;
}

#GoTo{
	position:absolute;
	left:450px;
	top:-254px;	
}

.ContactPage #GoTo{
	top:-473px;		
}

#CR{
	position:absolute;
	left:0;
	top:39px;	
}

.MainBox{
	margin-top:30px;
	height:184px;
	width:202px;
	color:#6d8a84;
	margin-right:20px;
	float:left;
	_display:inline;
	background:#FFFFFF url(../i/mainbox_gray_bc.png) repeat-x 0 100%;
	padding:18px 0 18px 18px;
}

.MainBox .ArrowLink{
	color:#6d8a84;
	background:url(../i/arrow.png) no-repeat 100% 70%;
	padding-right:17px;
	margin:0 20px 0 0;
}

.MainBox h2{
	color:#6bb19e;
	font-size:12pt;
}

.MainBox .cufon-canvas {
    height: 17px !important;
	
}


.GreenBox{
	background:#6bb19e url(../i/mainbox_green_bc.png) repeat-x 0 100% !important;
	margin-right:0 !important;
	color:#FFFFFF;
}

.GreenBox h2{
	color:#FFFFFF;	
}

.GreenBox a{
	color:#FFFFFF;
	font-size:12px;
}

#BoxTop{
	width:940px;
	height:125px;
	margin:auto;
	position:relative;
}

#Logo{
	position:absolute;
	top:30px;
	left:0;	
}

#Cloud{
	position:absolute;
	top:30px;
	right:0;	
}

.MainBox img{
	margin-bottom:30px;
}

.ColumnContact{
	float:left;
	_display:inline;
	color:#7b7b7b;
}

.Contact1{
	width:264px;
}

.Contact2{
	width:206px;
}

.Contact3{
	width:360px;
}

.Contact4{
	width:110px;
	margin-right:0 !important;
}

.ContactPage h1{
	color:#2c2c2c !important;
	font-size:16px !important;
	padding:0 !important;
	border:0 !important;
	text-transform:uppercase;
}

#PhoneTop{
	background: url(../i/phone_bc.png) no-repeat;
	padding-left:50px;
	color:#2c2c2c;
	font-size:20px;
	position:absolute;
	top:45px;
	left:400px;
	padding-top:8px;
}

.TwoColumn{
	float:left;
	_display:inline;
	width:420px;

}

.OptionMargin{
	margin-right:30px;
}

/* Formularz */
.Red{
color:#FF4D00;
}

.blad{
background:#e63129; color:#FFFFFF; width:350px; padding:2px 20px; font-size:11px;
}

.poprawne{
width:340px; margin-top:0px; margin-bottom:30px; color:#FFFFFF; background-color:#000000; padding:20px; font-size:12px;
}

.button_form{
background:#6BB19E !important;
border-radius:3px;
width:69px;
height:25px;
border:none;
color:#FFFFFF;
padding:0 0px 3px 0 !important;
}

.formular input, .formular textarea{
border:none;
background:#E9E9E9;
padding:4px;
}

input, textarea{
    color: #727272;
    font-family: Arial;
    font-size: 12px;
}

.ContentBox{
	border-top: 1px solid #D0D0D0;
	padding:15px 0 30px 0;
}