body{
	background: #273846 url(../images/bg.jpg) no-repeat center top;
	text-align:center;
	margin:0;
	padding:0;
	color:#fff;
	font-family: arial, verdana, tahoma;
	font-size:14px;
	color:#afe0ea;
}

body.kalkulator{
	background: #273846 url(../images/bg2.jpg) no-repeat center top;
}

p{
	line-height:24px;
	margin:10px 0;
	color: #afe0ea;
	text-align:justify;
}

.clear{
	clear:both;
}

a{
	color:#fff;
	text-decoration:none;
	padding:0 0 3px;
	border-bottom:1px solid #4297b2;
}

a:hover{
	color:#afe0ea;
	text-decoration:none;
	padding:0 0 3px;
	border-bottom:1px solid #4297b2;
}

ul{
	list-style:square;
	margin:0 0 0 15px;
	padding:0;
}

li{
	margin:5px 0;
	padding:0;
	line-height:25px;
	text-align:justify;
	color: #afe0ea;
}

h4{
	color:#fff;
	clear:both;
	width:100%;
	font-weight:normal;
}

h4 a{
	border:0;
}

#wrapper{
	width:980px;
	margin:0 auto;
	text-align:left;
}

#wrapper #header{
	width:100%;
	margin:0;
	padding:0;
	clear:both;
}

#wrapper #header h1{
	margin:0;
	padding:0;
}

#wrapper #header h1 a{
	display:block;
	height:102px;
	width:246px;
	margin:22px 0 0 30px;
	padding:0;
	background: url(../images/logo.png) no-repeat;
	text-indent:-9999px;
	outline:0px;
	border:0;
}

#wrapper #menu{
	height:40px;
	width:100%;
	clear:both;
}

#wrapper #menu ul{
	margin:0 0 0 10px;
	padding:0;
	list-style:none;
}

#wrapper #menu ul li{
	float:left;
	border-left:1px solid #4297b2;
	padding:0;
	margin:0;
}

#wrapper #menu ul li a{
	display:block;
	line-height:26px;
	height:26px;
	padding:8px 20px;
	margin:0 4px 0 0;
	color:#fff;
	font: normal 20px Arial;
	text-indent:-9999px;
	outline:0px;
	border:0;
}

#wrapper #menu ul li a:hover{ background-position: 0 -40px;}

#news{ background: url(../images/news.png) no-repeat 0 0;	width:68px;}
#dlaczego-comarch{ background: url(../images/dlaczego-comarch.png) no-repeat 0 0; width:188px;}
#wyzwanie{ background: url(../images/wyzwanie.png) no-repeat 0 0;	width:113px;}
#rozwiazanie{ background: url(../images/rozwiazanie.png) no-repeat 0 0;	width:133px;}
#download{ background: url(../images/download.png) no-repeat 0 0;	width:107px;}
#kontakt{ background: url(../images/kontakt.png) no-repeat 0 0;	width:87px;}

#text h2{height:50px; margin:0; padding:0; text-indent:-9999px;}

h2.kontakt{background: url(../images/h2-kontakt.png) no-repeat 0 0;}
h2.download{background: url(../images/h2-download.png) no-repeat 0 0;}
h2.rozwiazanie{background: url(../images/h2-rozwiazanie.png) no-repeat 0 0;}
h2.wyzwanie{background: url(../images/h2-wyzwanie.png) no-repeat 0 0;}
h2.dlaczego-comarch{background: url(../images/h2-dlaczego-comarch.png) no-repeat 0 0;}
h2.news{background: url(../images/h2-news.png) no-repeat 0 0;}
h2.oblicz-koszty-wdrozenia{background: url(../images/h2-oblicz-koszty-wdrozenia.png) no-repeat 0 0;}


#text h3{height:50px; margin:0; padding:0; text-indent:-9999px;}
h3.czy-wiesz-ze{background: url(../images/h3-czy-wiesz-ze.png) no-repeat 0 0;}
h3.dlaczego{background: url(../images/h3-dlaczego.png) no-repeat 0 0;}
h3.co-to-oznacza{background: url(../images/h3-co-to-oznacza.png) no-repeat 0 0;}

.kalkulator p{
	font-size:11px;
	line-height:16px;
}

.kalkulator li{
	font-size:11px;
	line-height:16px;
}

#content{
	margin:0;
	padding:0;
	clear:both;
	width:100%;
}

#content #flash{
	float:left;
	margin: 400px 0 0;
	width: 497px;
}
#content #flash.kalkulator-3d{
	float:left;
	margin: 0 !important;
	width: 497px;
}

#content #kalkulator-roi{
	margin:0;
	padding:0;
	text-indent:-9999px;
	outline:0px;
	background: url(../images/kalkulator-roi.png) no-repeat 0 0; 
	height:40px;
	width:100%;
}

#content #sprawdz-sam{
	display:block;
	margin:0;
	padding:0;
	text-indent:-9999px;
	outline:0px;
	background: url(../images/sprawdz-sam.png) no-repeat center right; 
	height:40px;
	width:100%;
	border:0;
}

#content #film{
	float:right;
	margin: 50px 0 0;
	width: 483px;
}

#content #text{
	float:right;
	margin: 50px 0 0;
	width: 483px;
}

.newsMore{
	float:right;
	clear:both;
	height:30px;
	width:100px;
	border:0;
	text-indent:-9999px;
	outline:0;
	background: url(../images/more.png) no-repeat center -20px;
}

.newsMore:hover{
	border:0 !important;
	background-position: center -70px;
}

.newsBack{
	float:right;
	clear:both;
	height:30px;
	width:100px;
	border:0;
	text-indent:-9999px;
	outline:0;
	background: url(../images/back.png) no-repeat center -20px;
}

.newsBack:hover{
	border:0 !important;
	background-position: center -70px;
}

#kalkulator{
	width:100%;
	clear:both;
}

#footer{
	width:100%;
	height:61px;
	clear:both;
	margin:40px 0 20px;
	background: url(../images/footer.png) no-repeat top right;
	border-top:1px solid #4297b2;
}

#footer ul{
	float:left;
	margin:10px 0 10px 20px;
	padding:0;
	list-style:none;
}

#footer ul li{
	display:inline;
	padding:0;
	margin:0;
}

#footer a{
	color:#4297b2;
	font: normal 12px Arial;
	text-decoration:none;
	border:0;
}

#footer p{
	float:right;
	margin:10px 20px 10px 0;
	color:#4297b2;
	font: normal 12px Arial;
}

.filmbig{
	width:483px
	float:left;
}
.filmbig object{
	display:block;
	border:1px solid #4297b2;
}

.filmbig .shadow{
	height:50px;
	background: url(../images/filmbig_shadow.png) no-repeat top right;
}

.filmsmall{
	width:220px;
	float:left;
}

#film2{
	margin:0 40px 0 0;
}

.filmsmall a{
	padding:0;
	border:0 !important;
}

.filmsmall img{
	border:1px solid #4297b2;
}

.filmsmall .shadow{
	height:50px;
	background: url(../images/filmsmall_shadow.png) no-repeat top right;
}

.filmbig h2, .filmsmall h2{
	width:100%;
	height:50px;
	margin:0;
	padding:0;
	text-indent:-9999px;
}

.filmbig #korzysci{
	background: url(../images/korzysci_big.png) no-repeat;
}
.filmbig #podsumowanie{
	background: url(../images/podsumowanie_big.png) no-repeat;
}
.filmbig #funkcjonalnosci{
	background: url(../images/funkcjonalnosci_big.png) no-repeat;
}

.filmsmall #podsumowanie{
	background: url(../images/podsumowanie_small.png) no-repeat;
}
.filmsmall #funkcjonalnosci{
	background: url(../images/funkcjonalnosci_small.png) no-repeat;
}
.filmsmall #korzysci{
	background: url(../images/korzysci_small.png) no-repeat;
}



form fieldset{
	border:0;
}

#content form ul.input_text_list{
  list-style-type:none;
  padding:12px 0px 0px 0px;
}
#content form ul.input_text_list li{
  width:450px;
  padding:4px 0px 0px 0px;
}
#content form ul.input_text_list label{
  font-weight:normal;
  display:block;
  width:115px;
  float:left;
  font-size:14px;
  line-height:25px;
  padding:0px 25px 0px 0px;
  text-align:right;
}
#infoAdd{
  display:none;
}
#content form ul.input_text_list label.error{
   width:450px;
   padding:0px;
   color:red;
   font-size:11px;
}
#content form p.requiredSecond{
  text-align:right;
}
.lRequested{
  font-size:12px;
}
#content form ul.input_text_list label span, #content form p.required span, #content form p.requiredSecond span{
  color:red;
}
#content form ul.input_text_list input{
  width:294px;
  height:16px;
  padding:3px 5px;;
  background: #FFF;
  border: 1px solid #6d6d6d;
  font-family:Arial;
  font-size:12px;
}
#content form ul.input_text_list_long label{
  width:250px !important;
}
#content form ul.input_text_list_long select{
  background: #FFF;
  border: 1px solid #6d6d6d;
  font-family:Arial;
  font-size:12px;
    width:170px;
  height:20px;
}
#content form ul.input_text_list label.error{
    width:450px !important;
}
#content form ul.input_text_list_long input{
  width:160px;
  margin-left:275px;
}
#content form textarea{
  width:294px;
  height:110px;
  padding:3px 5px;;
  background: #FFF;
  border: 1px solid #6d6d6d;
  overflow:hidden;
  margin:0px 0px 0px 0px;
  font-family:Arial;
  font-size:12px;
}
#content ul.input_text_list .mesages{
  float:none;
}
#content form input.formAccept{
  margin:5px 10px 0px 119px;
  float:left;
}
#content form label.formAccept{
  display:block;
  float:left;
  width:304px;
}
#content form .sendForm{
  float:right;
  margin: 20px 0px 0px 0px;
}



#content form span.incorrect{
  color:#ff2c2c;
  display:block;
  padding:5px 0px 3px 80px;
  height:13px;
}
#content ul.input_radio_list{
  list-style-type:none;
  padding-top:45px;
}
#content ul.input_radio_list li{
  text-align:right;
  float:left;
  display:block;
}
#content ul.input_radio_list li ul li{
  float:right;
  clear:both;
  color:#686868;
  width:125px;
  line-height:1.5em;
}
#content ul.input_radio_list li label{
  padding-right:5px;
}
label.error{
  color:red;
  clear:both;
  display:block;
}
#content ul.input_radio_list li ul li label.error{

  display:block;
}
#content ul.input_radio_list b{
  font-weight:normal;
  font-size:12px;
}
#content ul.input_radio_list b span{
  color:red;
}
#content ul.input_radio_list ul li{
 color:#FFF;
}
#content ul.input_radio_list li.timeframe{
  width:130px;
  text-align:right;
  padding-right:10px;
}
#content ul.input_radio_list li.timeframe ul li{
  width:140px; color:#FFF;
}
#content ul.input_radio_list li.kindOfCompany{
  width:160px;
  text-align:right;
  padding-right:20px;
}
#content ul.input_radio_list li.kindOfCompany ul li{
  width:170px; color:#FFF;
}
#content ul.input_radio_list li.companySize{
  width:90px;
  text-align:right;
}
#content ul.input_radio_list li.companySize ul li{
  width:90px; color:#FFF;
}

#content ul.input_radio_list ul{
  list-style-type:none;
}