/*------------ general --------------*/
* {margin:0px; padding:0px}
html {width:100%; height:100%;}
body {width:766px; margin:auto; font-family: tahoma; font-size: 11px;}
img {border:0px}
ul {list-style-type: none;}
p {margin-bottom: 5px; margin-top: 5px; line-height: 1.3em;}

/*------------ header ----------------*/
#header
{
	width:711px; padding:0 0 0 50px; float:left;
	background:url(/img_front/bg1.gif) 715px 0px no-repeat;
}
#menu
{
	width:719px; padding:2px 0 2px 51px; float:left; 
	background:url(/img_front/bg.jpg) top left no-repeat;
}

#header img, #menu li, #menu img, .input img, .big img {float:left;}

#menu ul {margin:0 2px 0 2px; display:inline; width:219px; float:left}
#menu li {list-style-type:none; width:219px; height:36px; float:left}
#menu ul a {display: block; width: 210px; height: 36px;}

#menu #ofirmie {background: url(/img_front/ofirmie.png) center left;}
#menu #aktualnosci {background: url(/img_front/aktualnosci.png) center left;}
#menu #oferta {background: url(/img_front/oferta.png) center left;}
#menu #portfolio {background: url(/img_front/portfolio.png) center left;}
#menu #kontakt {background: url(/img_front/kontakt.png) center left;}

#menu #ofirmie_curr {background: url(/img_front/ofirmie_light.png) center left;}
#menu #aktualnosci_curr {background: url(/img_front/aktualnosci_light.png) center left;}
#menu #oferta_curr {background: url(/img_front/oferta_light.png) center left;}
#menu #portfolio_curr {background: url(/img_front/portfolio_light.png) center left;}
#menu #kontakt_curr {background: url(/img_front/kontakt_light.png) center left;}

#menu #ofirmie:hover {background: url(/img_front/ofirmie_light.png) center left;}
#menu #aktualnosci:hover {background: url(/img_front/aktualnosci_light.png) center left;}
#menu #oferta:hover {background: url(/img_front/oferta_light.png) center left;}
#menu #portfolio:hover {background: url(/img_front/portfolio_light.png) center left;}
#menu #kontakt:hover {background: url(/img_front/kontakt_light.png) center left;}

.slogan
{
	width:242px; height:180px; float:left; margin:0 2px 0 0;
	background:url(/img_front/slogan.png) top left no-repeat;
}

/*---------- content --------------*/
#content
{
	padding:19px 50px 15px 52px; float:left; width: 665px;
	background:url(/img_front/bg2.gif) bottom left no-repeat;
}

.left {float:left; display:inline; margin:0 10px 0 0;}
.right {float:left; width:435px;}

.left li {list-style-type: none;}
.right > p {text-align: justify;}

/* full-width */
.content_text {margin: 10px 16px 15px 15px; color:#3A3D42;}
.content_text p {text-align: justify;}

/* aktualnosci-glowna */
.event {font-family:Tahoma; font-size:11px; color:#1C1D21; width:190px; padding:0 0 18px 20px;}
.event strong {color:#2A3A4E;}
.event span {color:#1C1D21; font-weight:bold;}
.event p {padding:3px 0;}
.event a
{
	display:block; padding:0 0 0 12px;
	background:url(/img_front/square.jpg) 0px 5px no-repeat;
	font-family:Tahoma; font-size:11px; color:#F1A10D; font-weight:bold; text-decoration:none;
}

/* right panel */
.right h2 {font-size: 17px;}

.read 
{
	display:block; float:left; clear:both; width:213px; padding:0 0 2px 0; 
	text-align:right; background-color:#EDEDEE; margin-bottom: 10px; margin-top: 5px;
}
.read a
{
	padding:0 12px 0 0; margin:0 4px 0 0;
	background:url(/img_front/square.jpg) right 5px no-repeat;
	font-family:Tahoma; font-size:11px; color:#1C1D21; font-weight:bold; text-decoration:none;
}

.big
{
	width:435px; padding:0 0 25px 0; float:left;
	font-family:Tahoma; font-size:11px; color:#3A3D42;
}
.big span {color:#F1A10D; font-weight:bold; margin:0 0 8px 0;}
.big p {padding:0 0 19px 0;}

.pic1 {margin:0 10px 10px 0}
.grey {width:360px; height:10px; float:left; background-color:#EDEDEE;}

.more
{
	display:block; float:left; margin:-3px 0 0 10px; padding:0 0 0 12px;
	background:url(/img_front/square.jpg) 0px 5px no-repeat;
	font-family:Tahoma; font-size:11px; color:#1C1D21; font-weight:bold; text-decoration:none;
}
.services {float:left;width:213px;}
.services .item img {border: 2px solid #AAD4FF;}
.services .item p {margin-top: 0;}

.item {float:left; width:210px; font-family:Tahoma; font-size:11px; color:#3A3D42; margin:0 0 12px 0;}
.item img {float:left; margin:0 8px 5px 0;}
.item  p{width:110px; float:left;}
.item strong{display:block; float:left; color:#F1A10D;}

/* oferta */
.usluga {margin-bottom: 15px;}
.usluga p {text-align: justify; margin-right: 10px;}

.tech_logo {width: 70px; margin-bottom: 12px;}

/* realizacje */
.solutions {float:left; width:222px; font-family:Tahoma; font-size:11px; color:#3A3D42;}
.solutions strong {color:#F1A10D;}
.solutions p {float:left; padding:0 25px 0 32px; margin-top: 0; margin-bottom: 0;}

/* projekt */
.projekt {margin: 5px 0 15px 5px; line-height: 1.3em;}
.projekt img {float: right; border: 2px ridge orange; margin: 0 0 0 5px;}
.projekt li {margin-bottom: 3px;}

.items {margin: 5px 0 5px 0px;}
.items li {background:url(/img_front/li.gif) no-repeat 2px 6px; padding-left: 15px; margin-bottom: 3px;}

.proj_item {width: 150px; font-weight: bold;}

/* formularz */
.frm {margin-top: 10px; margin-bottom: 10px;}

.btn 
{
	border-style: solid; margin: 3px 5px; padding: 0 5px; cursor: pointer;
	background-color: #FFD47F; border-color: #C0966B;
}

input[type='submit']:hover, input[type='button']:hover
{
	background-color: #AAFF7F;
}

#msg 
{
	padding: 5px 10px; margin-bottom: 10px;
	border-style: ridge; border-width: 2px; 
	font-size: 1.1em; font-weight: bold;
	color: green; border-color: #AAFFAA; background-color: #D4FFD4;
}
#err 
{
	padding: 10px; border-style: solid; border-width: 1px; margin-bottom: 10px;
	color: red; background-color: #FEEDEB; 
}
#err p {font-size: 1.1em; font-weight: bold;}
#err ul {list-style-type: disc; margin-left: 15px; margin-top: 5px;}

/*------------ footer ------------*/
#footer
{
	float:left; padding:0 0 0 52px; 
	background:url(/img_front/bg3.gif) top left no-repeat;
}
.first
{
	width:202px; height: 39px; padding: 4px 5px 0px 12px; margin:0 2px 0 0; float:left;
	background-color:#1C1D21;
}
.second
{
	width:441px; float:left; margin: 0 2px 0 0; padding: 15px 0;
	text-align:center; font-family:Verdana; font-size:11px; color:#1C1D21;
	background-color:#F1A10D;
}