/*
	stylesheet.css,v 1.0 2010/05/10

	Artur Syrek
	email: info@web4.com.pl
	http://www.web4.com.pl

	Copyright (c) 2009 Agencja interaktywna "WEB 4"
*/
body { margin: 0px; padding: 0px;}

#web4 .errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }

#web4 html { width: 100%; height: 100%; margin: 0px; padding: 0px; text-align: center;  }
#web4 body { background: transparent url("images/bg/bg_main.jpg") repeat-x scroll 0 0; width: 100%; height: 100%; margin: 0px; padding: 0px; text-align: center; }

#web4 body, div, table { font-size: 11px; font-family: Verdana, Arial, sans-serif; color: #616161; }

#web4 .body_main { width: 100%; height: 100%; }

#web4 .main { color: #414143; line-height: 1.8; }

#web4 .padBottom10{padding-bottom: 10px;}
#web4 .padTop10{padding-top: 10px;}
#web4 .padLeft10{padding-left: 10px;}	
#web4 .padRight10{padding-right: 10px;}

#web4 .txtCenter{text-align: center;}
#web4 .txtLeft{text-align: left;}
#web4 .txtRight{text-align: right;}

#web4 .clear { clear: both; }

#web4 #content_center {background-color: #ffffff;}
#web4 #content_center a.linkTopHeaderMenu { color: #747675; font-size: 10px; text-decoration: none;  font-weight: normal;}
#web4 #content_center a.linkTopHeaderMenu:hover { color: #00b2d9; font-size: 10px; text-decoration: none;  font-weight: normal;}

#web4 #topHeaderLink {position: absolute; float: left; padding-left: 20px; margin: 0px; padding-top: 2px; z-index: 1000;}

#web4 #contentHeaderMenu {position: absolute; float: right; text-align: right; padding-top:26px; padding-left: 350px; z-index: 100;}
#web4 #contentHeaderMenu a.linkMenu { color: #747675; font-size: 13px; text-decoration: none; font-weight: normal;}
#web4 #contentHeaderMenu a.linkMenu:hover { color: #00b2d9; font-size: 13px; text-decoration: none; font-weight: normal;}

#web4 #contentHeaderMenu ul {list-style:none;margin:0;padding:0; height: 40px;}
#web4 #contentHeaderMenu li {float:left;margin:0;padding:0;text-align:center; height: 40px;}
#web4 #contentHeaderMenu li a {display:block;padding:0px 10px; height:100%;color:#FFF;text-decoration:none;}
#web4 #contentHeaderMenu li a:hover, li a:focus, li a:active {background: transparent url("images/bg/bg_menu_top.gif") no-repeat 50% 0;}

#web4 #headerInfoTitle {position: relative; float: left; margin-top: 145px; height: 40px; width: 611px; text-align: left; left: 275px; z-index: 1; padding: 10 0 0 20;}
#web4 #headerInfoTitle h1 {font-size: 11px; padding: 0; margin:0; color: #969696;}
#web4 #headerInfoTitle a {font-size: 11px; color: #5B5B5B; text-decoration: none; font-weight: normal;}
#web4 #headerInfoTitle a:hover {font-size: 11px; color: #969696; text-decoration: none; font-weight: normal;}

#web4 #logo {position: absolute; float: left; padding-top: 45px; padding-left: 10px;}

#web4 .menu {height: 25px; font-size: 12px; color: #747675; padding-right: 40px;}
#web4 .menu ul {list-style-type:none;}
#web4 .menu li {display:inline; padding-left: 10px; margin: 0;}

#web4 .sloganHeader {position: absolute; float: right; bottom: 0px; height: 140px; width: 94%; text-align: left; left: 0px; z-index: 10; padding: 20 0 0 70;}

#web4 .desc { color: #ffffff;}
#web4 .sloganTitle { color: #ffffff;}

#web4 .aleft {text-align: left;}
#web4 .aright {text-align: right;}
#web4 .acenter {text-align: center;}
#web4 .ajustify {text-align:justify;}

#web4 .contentMain { padding-top: 10px;}

#web4 #boxNews h1,h2,h3, #content h1,h2,h3, #boxRealizacje h1,h2,h3 {margin:0px; padding-bottom:2px;}
#web4 #boxNews .text { font-family: Verdana, sans-serif; font-size: 11px; color: #757575;}
#web4 #boxNews .data { font-family: Arial, sans-serif; color: #acacac; font-size: 9px; padding-bottom: 10px; }

#web4 #content .text { font-size: 10px; color: #757575;}
#web4 #content .data { font-family: Arial, sans-serif; color: #acacac; font-size: 9px; padding-bottom: 10px; }

#web4 .content_zawartosc {padding-top: 5px; padding-right: 10px; text-align: justify; line-height: 1.5;}

#web4 #referencje {width : 100%; padding : 0; margin: 0;}
#web4 #referencje ul { width : 695px; display: block; list-style-type: none; margin:0; padding:0;}
#web4 #referencje ul li { display: block;  width : 200px; float: left; height: auto; padding:0 30px 30px 0;margin:0;}

#web4 #boxRealizacje { font-family: Arial, sans-serif; color: #acacac; font-size: 9px; padding-bottom: 10px;}
#web4 #boxRealizacje p { margin: 0px; padding: 0px; }
#web4 #boxRealizacje a.pageLink { color: #acacac;  text-decoration: none; font-weight: normal; }

#o-firmie-box {padding-right: 25px; bottom: 10px; text-align: justify;}

#box-projekty{width: 300px; overflow: hidden;}
#box-projekty h1.title {margin: 0px; padding: 0px; font-family: Arial, sans-serif; color: #25677d; font-size: 12px; font-weight: bold; width: 300px; padding-bottom: 20px; position: relative; text-align: left;  text-decoration: none;}}
#side-bar { float: left; width: 310px; padding-bottom: 20px; overflow: hidden; }
#nasze-realizacje-box {top: 10px; width: 310px; padding-top: 11px; position: relative;  }
#nasze-realizacje-box div{ position: relative; width: 100%; overflow: hidden; }

#nasze-realizacje-box h4 {margin: 0px; padding: 0px;}
#nasze-realizacje-box h4.title { font-family: Arial, sans-serif; color: #25677d; font-size: 12px; font-weight: bold; width: 300px; padding-bottom: 20px; position: relative; text-align: left;  text-decoration: none;}

#nasze-realizacje-next{ display: block; position: absolute; top: 5px; bottom: 5px; right: 16px; width: 17px; height: 17px; text-indent: -9999em; overflow: hidden; background: url(images/misc/nav-next.png); outline: none; }
#nasze-realizacje-next:hover,#nasze-realizacje-prev:hover { background-position: 0 -17px !important; }
#nasze-realizacje-prev{ display: block; position: absolute; top: 5px; bottom: 5px; right: 42px; width: 17px; height: 17px; text-indent: -9999em; overflow: hidden; background: url(images/misc/nav-prev.png); outline: none; }

.pics { background: none; overflow: hidden; text-align: center; }
.pics p { display: inline; padding-top: 18px; margin: 0px; margin-left: 9px; width: 100%;}
.pics img {padding: 0px 8px; float: left; top: 0; left: 0 } 
.pics img.left { margin: 0px; float: left; }
.pics img.right { margin-left: 20px; float: left; }

#web4 #kol_lewa { border: none; }
#web4 #kol_lewa { padding:0; }
#web4 #kol_lewa img {float:right;}
#web4 #kol_lewa {margin:0;}

#web4 .kolumnaMenu {	border-right:1px solid #EEEEEE;	margin:0 30px 0 0;	padding:0 30px 0 0; }

#web4 #kol_lewa ul { list-style-type: none; margin: 0; padding: 0; font: 12px Arial; }
#web4 #kol_lewa ul a { text-decoration: none; display: block; padding: 10px 0 10px 18px; background-image: url('images/misc/strzalka1.gif'); background-repeat: no-repeat; background-position: left; }
#web4 #kol_lewa ul a:hover { text-decoration: none; }
#web4 #kol_lewa ul li { background-color: #fff; border-top: 1px solid #dfdfdf; padding:0;margin:0; }
#web4 #liKoniec { border-bottom: 1px solid #dfdfdf; }
#web4 #kol_lewa ul strong { font-weight: normal;}

#web4 #sitemap ul { list-style-type: none; margin: 0; padding: 0; font: 12px Arial; }
#web4 #sitemap ul a { text-decoration: none; display: block; padding: 10px 0 10px 18px; background-image: url('images/misc/strzalka1.gif'); background-repeat: no-repeat; background-position: left; }
#web4 #sitemap ul a:hover { text-decoration: none; }
#web4 #sitemap ul li { background: #fff; border-top: 0px solid #dfdfdf; padding:0;margin:0; }

#web4 #sitemap ul a { text-decoration: none; display: block; padding: 10px 0 10px 18px; background-image: url('images/misc/strzalka1.gif'); background-repeat: no-repeat; background-position: left; }
#web4 #sitemap ul li ul { list-style-type: none; margin-left: 20; padding: 0; font: 12px Arial; }


.borderImg {
	border:1px solid #515151;
}
.textImg {
	margin-bottom:10px;
	margin-right:10px;
}

.czytaj-wiecej{ display: block; position: relative; float: right; bottom: 5px; right: 6px; width: 78px; height: 17px; text-indent: -9999em; overflow: hidden; background: url(images/buttons/polish/button_czytaj-wiecej.png); outline: none; }
.czytaj-wiecej:hover { background-position: 0 -17px !important; }

.button-powrot{ display: block; position: relative; bottom: 5px; right: 6px; width: 48px; height: 17px; text-indent: -9999em; overflow: hidden; background: url(images/buttons/polish/button_powrot.png); outline: none; }
.button-powrot:hover { background-position: 0 -17px !important; }

.button_zobacz_strone{ display: block; position: relative; float: right; bottom: 5px; right: 6px; width: 78px; height: 17px; text-indent: -9999em; overflow: hidden; background: url(images/buttons/polish/button_zobacz_strone.png); outline: none; }
.button_zobacz_strone:hover { background-position: 0 -17px !important; }

.box_kontakt {
	position: relative;
	float: left;
	width: 95%; 
	margin-top: 4px;
	margin-left: 5px;
	text-align: left;
}

.justify {
	text-align: justify;
}

#web4 .title {font: 16px Arial, sans-serif; color: #305780; font-weight: normal;}

.fLeft { float: left;}
.fRight { float: right;}

#web4 .titlePage { font: 15px Arial, sans-serif; color: #305780; font-weight: bold; padding-top: 0px; margin-top: 0px;}
#web4 .subTitlePage { font: 11px Arial, sans-serif; color: #454645;	font-weight: bold;	margin: 0px; padding: 0px; }

#web4 .textTitle { font: 15px Arial, sans-serif; color: #305780; font-weight: bold; padding-top: 0px; margin-top: 0px;}
#web4 h1.title { font-family: Arial, sans-serif; color: #25677d; font-size: 11px; padding-top: 0px; margin-top: 0px;}
#web4 a.linkTitleNews {  font-family: Arial, sans-serif; color: #25677d; font-size: 11px; text-decoration: none; }
#web4 a.linkTitleNews:hover { font-family: Arial, sans-serif; color: #01accf; font-size: 11px; text-decoration: none; }

#web4 a {  font-family: Arial, sans-serif; color: #25677d; font-size: 13px; text-decoration: none; }
#web4 a:hover { font-family: Arial, sans-serif; color: #01accf; font-size: 13px; text-decoration: none; }

#web4 a.linkTitleOferta {  font-family: Arial, sans-serif; color: #25677d; font-size: 13px; text-decoration: none; }
#web4 a.linkTitleOferta:hover { font-family: Arial, sans-serif; color: #01accf; font-size: 13px; text-decoration: none; }

#web4 #boxRealizacje a.linkTitleRealizacje {  font-family: Arial, sans-serif; color: #25677d; font-size: 16px; text-decoration: none; }
#web4 #boxRealizacje a.linkTitleRealizacje:hover { font-family: Arial, sans-serif; color: #01accf; font-size: 16px; text-decoration: none; }


#web4 #content .textTitle { font: 16px Arial, sans-serif; color: #305780; font-weight: bold; padding-top: 0px; margin-top: 0px;}
#web4 #content a.linkTitleNews {  font-family: Arial, sans-serif; color: #25677d; font-size: 16px; text-decoration: none; }
#web4 #content a.linkTitleNews:hover { font-family: Arial, sans-serif; color: #01accf; font-size: 16px; text-decoration: none; }

#web4 h2.subtitle { font: 11px Arial, sans-serif; color: #454645; font-weight: bold; margin: 0px; padding: 0px; }
#web4 #boxKontakt .text {font: 12px Arial, sans-serif; color: #454645; font-weight: normal;	margin: 0px; padding: 0px; }
#web4 #boxKontakt .tel, #web4 #box-kontakt .tel {font: 18px Arial, sans-serif; color: #00b2d9; font-weight: normal;	margin: 0px; padding: 0px; }

#container{width: 993px; margin: 50px auto;}

#main_transition{position:relative;width:353px;height:312px;}	
#transition-container{height:292px;overflow:hidden;position:absolute;width:352px;}

#footer{height:45px; background:#305780;/*overflow:hidden;*/color:#cadcea;min-width:75em;}
#footer a{color:white;text-decoration:none;}
#footer .info{height: 100%; position: relative; float: left; width: 695px; color: #E2E2E2; margin: 0px; padding-top:15px; padding-bottom:0px; font-size: 9px; }
#footer .company{height: 100%; position: relative; float: left; width: 300px; color: #E2E2E2; margin-top: 0px; padding-top:0px; font-size: 9px; background:#404041;}
/*#footer .info{padding:0; float:left; background-color: red; padding-top:.6em; padding-bottom:.6em;}
#footer .info .links{position: relative; float: left; width: 696px; padding-bottom:.1em; color: #B9B9B9;}
*/
#web4 #footer a.linkMenu { color: #E0E0E0; font-size: 13px; text-decoration: none; font-weight: normal;}
#web4 #footer a.linkMenu:hover { color: #00b2d9; font-size: 13px; text-decoration: none; font-weight: normal;}
#web4 #footer .menu {height: 15px; font-size: 11px; color: #E0E0E0; margin: 0px; padding: 0px; padding-right: 0px;}
#web4 #footer .menu ul {list-style-type:none; margin: 0px; padding: 0px;}
#web4 #footer .menu li {display:inline; padding-left: 10px; margin: 0;}


#web4 #formKontakt label {
	/*display:block;*/
	padding:4px;
	/*float:left;*/
	width:100%;
	font-weight: normal;

}
#web4 #formKontakt label.tytul {
	font-size: 11px; 
	margin-top: 0px; 
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 0px;
}

#web4 div.container1 { 
	position: relative; 
	top: 0px; 
	left: 0px;
	margin: 0px;
	padding: 0px;
	margin-left: 0px;
	padding-left: 0px;
	float: left;
	width: 200px;
}
#web4 div.container2 { 
	position: relative; 
	float: left; 
	left: 0px;
	width: 200px; 
	height: 15px;
	top: 0px; 
	z-index: 10; 
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	text-align: left;
}

a.linkWiecej { color: #00b2d9; font-size: 10px; text-decoration: none; font-weight: normal;}
a.linkWiecej:hover { color: #008AA8; font-size: 10px; text-decoration: none; font-weight: normal;}

a.linkBottomMenu { color: #fff; font-size: 10px; text-decoration: none; }
a.linkBottomMenu:hover { color: #ee8816; font-size: 10px; text-decoration: none; }
a.linkNavi { color: #00b2d9; font-size: 10px; text-decoration: none; }
a.linkNavi:hover { color: #008AA8; font-size: 10px; text-decoration: none; }

#web4 .inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

FORM {
	display: inline;
}

CHECKBOX, INPUT, SELECT {FONT-SIZE: 11px; FONT-FAMILY: Tahoma, Arial, Verdana, sans-serif; color: #708090; }

TEXTAREA {BORDER-RIGHT: #c0c0c0 1px solid; BORDER-TOP: #c0c0c0 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #c0c0c0 1px solid; BORDER-BOTTOM: #c0c0c0 1px solid; FONT-FAMILY: Tahoma, Arial, Verdana, sans-serif; color: #708090;}

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #FFD700; background-color: #DC143C; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

.input {
	border: 1px solid #A0A0A0; 
	padding: 3; 
	text-decoration: none; 
	color: #708090; 
	display: inline; 
	background: #F9F9F9; 
	font-family: Verdana, sans-serif; 
	font-size: 11px;	
}

.input_readonly {
	border: 1px solid #A0A0A0; 
	padding:3; 
	text-decoration: none; 
	color: #708090; 
	display: inline;
	background: #E8E8E8; 
	font-family: Verdana, sans-serif; 
	font-size: 11px;	
}

.cmxform fieldset p.error label { color: red; }
div.container1 {
	margin: 0px;
	padding-bottom: 8px;
	float: left;
	
}
div.container2 ol li {
	list-style-type: disc;
	margin-left: 2px;
}

div.container2 { display: none }
.container2 label.error {
	display: inline;
}
form.cmxform { width: 100%; }
form.cmxform label.error {
	/*display: block;*/
	margin-left: 10px;
	padding-left: 0px;
	font-size: 10px;
	width: auto;
	color:red;
}

img, div, input { behavior: url("iepngfix.htc"); }
.png { behavior: url("iepngfix.htc"); }