/*** BODY ***/
body { font-size: 12px; font-family: Verdana, Arial; line-height: 160%; background-color: #02347D; color: #666666; margin: 0px; }
tr { font-size: 12px; font-family: Verdana, Arial; color: #666666; }
p {font-size: 12px; margin: 0px; padding: 0px; text-indent: 3em; line-height: 160%; }
h1 {margin: 25px 0px 0px 0px; font-size: 16px; font-weight: bold; color: #000000; font-family: arial, verdana; }
li {padding: 4px 0px 4px 0px; line-height: 160%; }

/*** LINKI ***/
a:link {color: #003CB4; text-decoration: underline; }
a:visited {color: #003CB4; text-decoration: underline; }
a:hover {color: #002571; text-decoration: none; }
a:active {color: #003CB4; text-decoration: underline; }

/*** MENU-TOP ***/
td#top-menu
{
	background: url('../images/menu-top-bg.gif') repeat-x;
}
td#top-menu a
{
	font-size: 13px;
	font-weight: bold;
	font-family: Arial;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding: 7px 15px 7px 15px;
	height: 31px;
}
td#top-menu a:hover { background: url('../images/menu-top-active.gif') repeat-x; }
a#top-menu-active { background: url('../images/menu-top-on.gif') repeat-x; }

/*** PANEL-LEFT ***/
td#left-menu
{
	padding: 20px;
}
td#left-menu a
{
	font-size: 12px;
	font-family: tahoma, verdana, arial;
	display: block;
	text-align: left;
	text-decoration: none;
	color: #104880;
	border-bottom: 1px dotted #DDDDDD;
	padding: 6px 0px 6px 15px;
	background: url(../images/point.gif) no-repeat 0px 50%;
}
td#left-menu a:hover { background: url(../images/point-on.gif) no-repeat 1px 50%; color: #333333; }
td#left-menu a.left-menu-active
{
	font-weight: bold;
	color: #0041C4;
}
td#left-menu a.left-submenu
{
	font-size: 11px;
	padding-left: 30px;
	background: url(../images/point-sub.gif) no-repeat 17px 50%;
}
td#left-menu a.left-submenu:hover { background: url(../images/point-sub-on.gif) no-repeat 17px 50%; }
td#left-menu a.left-submenu-active
{
	font-size: 11px;
	padding-left: 30px;
	font-weight: bold;
	color: #0041C4;
	background: url(../images/point-sub.gif) no-repeat 17px 50%;
}
td#left-menu a.left-submenu-active:hover { background: url(../images/point-sub-on.gif) no-repeat 17px 50%; }

/*** BOTTOM-MENU ***/
td#bottom-menu div
{
	padding: 20px;
	text-align: center;
/*	border-top: 1px solid #DDDDDD; */
}
td#bottom-menu div ul
{
	list-style-type: none;
	margin: 0px;
}
td#bottom-menu div ul li
{
	display: inline;
}
td#bottom-menu div ul li a
{
	padding: 2px 15px 2px 12px;
	background: url(../images/point.gif) no-repeat 0px 55%;
	color: #B5BCC3;
	text-decoration: none;
}
td#bottom-menu div ul li a:hover
{
	color: #757B81;
	background: url(../images/point-on.gif) no-repeat 1px 55%;
}

/*** FORM ***/
input, textarea, select {font-size:12px; font-weight: bold; font-family: Arial, Verdana; height: 22px; }
input.button {height: 24px; }
textarea {width: 350px; height: 100px; }


/*** LAYOUT ***/
div#top-icon
{
	background: url(../images/top-icon-bg.gif) repeat-x top left;
	height: 33px;
}
div#top-icon a
{
	border-top: 6px solid #0074E4;
	border-right: 1px solid #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	display: block;
	padding-right: 4px;
}
div#top-icon a:hover
{
	border-top: 6px solid #000000;
	color: #000000;
}
div#top-icon td#mainicon0
{
	background: url(../images/top-menu-point.gif) no-repeat 0px 10px;
}
div#top-icon td#mainicon0 a
{
	padding-left: 14px;
}
div#top-icon td#mainicon1
{
	background: url(../images/top-menu-point.gif) no-repeat 16px 10px;
	text-align: right;
}
div#top-icon td#mainicon2
{
	background: url(../images/top-menu-point.gif) no-repeat 15px 10px;
	text-align: right;
}
div#top-icon td#mainicon3
{
	background: url(../images/top-menu-point.gif) no-repeat 18px 10px;
	text-align: right;
}

tr.info td
{
	background: #CA0000;
	color: #FFFFFF;
	font-weight: bold;
}
tr.head td
{
	font-weight: bold;
	font-size: 13px;
	color: #0766C4;
	border-bottom: 1px dashed #0766C4;
}
.head1
{
	background: #FFFFFF;
 	background-image: url('../images/topbgright.gif');
 	background-position: left top;
 	background-repeat: repeat-x;
}
.head2
{
 	background-image: url('../images/topbgleft.gif');
 	background-position: left top;
 	background-repeat: no-repeat;
}

.divcontent
{
	background: #FFFFFF;
}

.content
{
	background-color: #FFFFFF; padding: 20px 10px 10px 10px;
 	background-image: url('../images/contentbg.gif');
 	background-position: right top;
 	background-repeat: no-repeat;
}
.content2
{
	background-color: #FFFFFF;
}

.bottom
{
	background: #02347D;
}

.borderleft
{
 	background-image: url('../images/shadowbottomleft1.gif');
 	background-position: center bottom;
 	background-repeat: no-repeat;
}
.borderright
{
 	background-image: url('../images/shadowbottomright1.gif');
 	background-position: center bottom;
 	background-repeat: no-repeat;
}

td#footer
{
	background-color: #02347D;
	background-image: url('../images/footerbg.gif');
	background-repeat: repeat-x;
	background-position: top left;
}
td#footer div
{
	float: left;
	padding: 15px 10px 10px 40px;
	color: #FFFFFF;
}
td#footer div b
{
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Verdana;
}
td#footer div span
{
	color: #A5B8D3;
	font-size: 10px;
}
td#footer div a
{
	color: #FFFFFF;
}

/*** CONTENT ***/
td#content-body
{
	padding: 0px 10px;
}
td#content-body h1
{
	margin-top: 25px;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	font-family: arial, verdana;
}
td#content-body b
{
	color: #3F3F3F;
}
td#content-body p
{
	margin: 8px 0px 8px 0px;
}


/*** Home Page ***/
table#icon-text tr td
{
	padding: 5px;
	width: 220px;
	line-height: 170%;
	border-left: 1px dotted #CCCCCC;
}
table#icon-text tr td b
{
	font-family: arial;
	font-weight: bold;
	font-size: 11px;
	color: #000000;
}
table#icon-text tr td p
{
	margin: 20px 0px;
	padding: 5px 5px 5px 5px;
	border-top: 1px dotted #CCCCCC;
	background: #EEEEEE;
	font-size: 11px;
}
table#icon-text tr td p a
{
	margin: 0px;
	padding: 0px;
	text-align: right;
	font-size: 10px;
	text-decoration: underline;
}
table#icon-text tr td a
{
	margin: 5px 0px;
	font-weight: bold;
	font-size: 16px;
	font-family: arial;
	text-decoration: none;
	text-align: center;
	padding: 0px 5px 15px 5px;
	display: block;
}
table#icon-text tr td a#icon-link
{
	margin: 0px;
	padding: 0px;
	text-align: left;
}
table#icon-text tr td a:hover
{
	color: #000000;
	text-decoration: underline;
}
a#tworzenie-stron
{
	color: #173969;
}
a#projektowanie-sklepow
{
	color: #42A837;
}
a#identyfikacja-wizualna
{
	color: #E40303;
}
a#systemy-erp
{
	color: #D303D1;
}
ul#korzysci-blue
{
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 0px 0px;
	list-style-type: none;
	font-size: 13px;
	font-weight: bold;
	color: #173969;
}
ul#korzysci-blue li
{
	padding: 3px 0px 3px 18px;
	background: url('../images/point-blue.gif') no-repeat 0px 8px;
	color: #000000;
	font-family: arial;
	font-weight: bold;
	line-height: 130%;
}
ul#korzysci-red
{
	margin: 0px 0px 0px 10px;
	padding: 0px;
	list-style-type: none;
	font-size: 13px;
	font-weight: bold;
	color: #E40303;
}
ul#korzysci-red li
{
	padding: 3px 0px 3px 18px;
	background: url('../images/point-red.gif') no-repeat 0px 8px;
	color: #000000;
	font-family: arial;
	font-weight: bold;
	line-height: 130%;
}
ul#korzysci-green
{
	margin: 0px 0px 0px 10px;
	padding: 0px;
	list-style-type: none;
	font-size: 13px;
	font-weight: bold;
	color: #42A837;
}
ul#korzysci-green li
{
	padding: 3px 0px 3px 18px;
	background: url('../images/point-green.gif') no-repeat 0px 8px;
	color: #000000;
	font-family: arial;
	font-weight: bold;
	line-height: 130%;
}
ul#korzysci-fiolet
{
	margin: 0px 0px 0px 10px;
	padding: 0px;
	list-style-type: none;
	font-size: 13px;
	font-weight: bold;
	color: #D303D1;
}
ul#korzysci-fiolet li
{
	padding: 3px 0px 3px 18px;
	background: url('../images/point-fiolet.gif') no-repeat 0px 8px;
	color: #000000;
	font-family: arial;
	font-weight: bold;
	line-height: 130%;
}

div#portfolio-pic
{
	margin-top: 15px;
}
div#portfolio-pic img
{
	border: 1px solid #666666;
}
div#portfolio-company
{
	margin-top: 2px;
}
div#portfoliolist-pic img
{
	border: 1px solid #666666;
}
div#portfoliolist-company
{
	font-weight: bold;
	color: #000000;
}
div#portfolio-url
{
	background: url(../images/point.gif) no-repeat 0px 9px;
	font-size: 10px;
	padding: 4px 0px 4px 12px;
}
div#portfoliolist-picsmore
{
	font-size: 10px;
	text-align: right;
}

div#description ul
{
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
}
div#description ul li
{
	margin: 0px;
	padding: 3px 0px 3px 18px;
	background: url(../images/point-blue.gif) no-repeat 0px 6px;
	font-weight: bold;
	text-align: justify;
}
div#description
{
	font-size: 10px;
}

table#kontakt tr td
{
	padding: 0px 10px 20px 0px;
}