/* CSS Document */

* {padding: 0px; margin: 0px}
body {
font-family: Trebuchet MS;
background-image:url(images/top_bg.gif);
background-position:top;
background-repeat:repeat-x;
font-size:15px;
color:#4C4C4C;
}

.h2left {font-size:15px;font-weight:normal;margin:-2px 0 0 25px;}
a:link, a:visited {
	color:#0075AE;
}
a:hover {color:#45B0DF}
div.articles a {
text-decoration:none;
font-weight:bold;skr
}
div#resoiurcecontent {font-size:13px;}
div#resoiurcecontent ul { font-size:13px;padding-left:20px;
}
div#resoiurcecontent ul li {
list-style:none;
background:url(images/li_dot.png) no-repeat left 7px;
padding-left:10px;
}
.resource-image {
    border: 1px solid #E9E9E9;
    float: left;
    padding: 7px;
	text-align:center;
	
}
.image-descr {
    float: left;
    padding: 10px;
    text-align: left;
	font-size:11px;
	clear:left;
	width:149px;
}
h1.resource-title {
    margin-bottom: 7px;
}
.resource-title {
    color: black;
    font-size: 16px;
    margin: 0;
	font-weight:bold;
	
}
.resource-left-colum {
    float: left;
    margin-right: 12px;
    margin-top: 10px;
   /* padding-left: 24px;*/
   width:205px\9;
}
#resoiurcecontent p {
    margin-top: 14px;
	margin-bottom:14px;
	font-size:13px;
}
#theader td {
    color: #9D309E;
    font-size: 12px;
}
.resource-content td {
    background-color: #FFFFFF;
    padding: 10px;
    text-align: center;
}
.resource-content table {
    background-color: #E2E0E0;
    padding: 0;
}
.addbox {

    float: left;
    margin-bottom: 15px;
    padding: 0 0 10px 0;
    text-align: left;
    width: 185px;
	font-size:11px;
}
.addbox ul li ,.addbox2 ul li {
list-style:none;
background:url(images/addbox_li_bg.png) no-repeat left bottom;
height:25px;
padding:5px 0 0 18px;
}
.addbox ul li.row , .addbox2 ul li.row {
list-style:none;
background:#ededed url(images/addbox_li_bg.png) no-repeat left bottom;
height:25px;
padding:5px 0 0 18px;
}
.addbox ul li a, .addbox2 ul li a{
text-decoration:none;
font-size:12px;
}
.addbox2 {
    float: left;
    margin-bottom: 15px;
    margin-left: 10px;
	margin-top:55px;
    padding: 0 0 10px 0;
    text-align: left;
    width: 185px;
	font-size:11px;
}
.article-image-container a
{
	font-size:11px;
	margin:4px 0 0 5px;
	float:left;
	text-decoration:none;
}
form input, textarea {
    background-color: white;
    border: 1px solid #626262;
    font-size: 11px;
    height: 16px;
    padding-left: 4px;
    padding-top: 4px;
}
.gal-imgageCont {
    float: left;
    height: 131px;
    width: 140px;
}
.galery-image-container a {
    overflow: hidden;
}
.gal-bottomframe {
    /*background: url("images/large-bottom-image-bg.gif") repeat scroll 0 0 transparent;
    height: 10px;
    overflow: hidden;
    width: 120px;*/
}
.gal-middleframe {
    /*background: url("images/large-middle-image-bg.gif") repeat scroll 0 0 transparent;
    text-align: center;
    width: 120px;*/
}
.gal-topframe {
    /*background: url("images/large-top-image-bg.gif") repeat scroll 0 0 transparent;
    height: 10px;
    overflow: hidden;
    width: 120px;*/
}
.gal-backbtt {
    float: left;
    text-align: left;
    width: 45px;
}
.gal-fotosectionno {
    float: left;
    padding-top: 9px;
    text-align: center;
    width: 192px;
	font-size:11px;
}
.gal-nextbtt {
    text-align: right;
}
h3 {font-size:14px;margin:5px 0 5px 0;}
img { border: none;}
h1 {font-size:17px; color: #626262; line-height: 1.1; font-weight:normal}
.left-box-content {padding-left: 23px; padding-right: 23px; padding-top:30px; background-image:url(images/cudz_1.png); background-repeat:no-repeat; background-position: 10px 0px}

.left-box-content p {line-height:1.2; font-size:15px; color:#4c4c4c; margin-top:15px}
ul.menu { padding:5px 0 0 0;}
ul.menu li { float:left;margin:0 20px 0 0;list-style:none;}
ul.menu li a { float:left;color:white;text-decoration:none;font-size:13px;background: url(images/grey_dot.png) no-repeat left center;padding-left:7px;}
ul.menu li a:hover { background: url(images/blue_dot.png) no-repeat left center;}
div.left-box1 { background:url(images/box_bg2.jpg) repeat-y;}
.rollup { margin:-20px 0 0 30px;border:none; }
div.right { float:left;padding:30px;width:710px; }
div.box_front { background: url(images/box_front_bg.png) no-repeat left bottom; height:200px;width:677px; margin-bottom:20px;padding:10px;font-size:14px;color:black;}
div.box_front * table { border-collapse:collapse; }
div.box_front * td { padding:5px;line-height:1.3em; }
div.bf {width:215px;float:left;margin:10px 7px 10px 0;height:75px;}
td.desc {color:grey;font-size:10px;border-left:1px solid black;}
div.box_front * td.title {font-weight:bold;border-bottom:1px solid black;border-left:1px solid black;background: url(images/blue_puzzle.png) no-repeat left bottom;line-height:1.1em;height:40px;}
div.box_front * td.title a {color:black;text-decoration:none; }
div.box_front * td.title a:hover {color:#4C4C4C;text-decoration:none; }
div.box_front * td.ico, div.box_front * td.ico2,  div.box_front * td.ico3 { background:url(images/ikona1.png) no-repeat 5px 10px;width:50px;height:68px;overflow:hidden;}
div.box_front * td.ico2 { background:url(images/ikona2.png) no-repeat 5px 10px;}
div.box_front * td.ico3 { background:url(images/ikona3.png) no-repeat 5px 10px;}
div.box_front * td.ico4 { background:url(images/ikona4.png) no-repeat 5px 10px;}
div.box_front * td.ico5 { background:url(images/ikona5.png) no-repeat 5px 10px;}
div.box_front * td.ico6 { background:url(images/ikona6.png) no-repeat 5px 10px;}
div.box_front * td.desc div { position:relative; width:144px;border:1px solid black; border-width:0 0 1px 1px;margin:0 0 -5px -6px;padding: 0 0 6px 8px;line-height:1.2em;}
div#footer { float:left;background:black url(images/footer_bg.jpg) no-repeat top center;width:100%;height:153px;color:white;clear:both;}
div.footer_content { width:990px;margin:0 auto;padding:20px 0 15px 0;}
div#footer_box1 { color:gray;font-weight:bold;}
div#footer_box2 p { font-size:12px;margin:18px 0 0 0;line-height:1.2em;}
div#footer_box2 { font-size:12px;margin:5px 20px 0 0; border: 0px solid red}
div#footer_box3 { font-size:12px;margin:5px 0 0 0;}
div#footer_box2 a { color:#4c4c4c; font-weight:bold;text-decoration:none;float:right;}
div.footer_box { width:200px;float:left;line-height:1.2em;margin-right:20px;}
#zap_ofertowe_button { display:block;background: url(images/zap_ofertowe_button.png) no-repeat top center;width:182px;height:40px;margin:10px 0 0 0;}
#zap_ofertowe_button:hover { background: url(images/zap_ofertowe_button2.png) no-repeat top center;}
div.galery-image-container {border:1px solid #C2E5F2; height: 131px;
    width: 140px;}
div.container {width: 100%; min-height:200px; border:0px solid red; background-image: url(images/main-top.jpg); background-position: top center; background-repeat:no-repeat;}
div.cont { width: 990px;  margin:0 auto; position:relative}
div.top { width: 355px; height:23px; position:absolute; top: 5px; left: 656px;}
.flags {float:left; width: 40px;margin:-1px 0 0 3px;}
.skroty {float:left; font-size:10px;margin:4px 0 0 25px;}
.skroty a {text-decoration:none;color:black;}
.skroty a:hover {color:#45B0DF}
div.menu {height:30px; position:relative; top: 112px;z-index:1;position:relative; }
div.boxl {width: 220px; background-image:url(images/box_bg1.jpg); background-repeat:no-repeat;}
div.content {width: 100%;  float:left; position:relative; margin-top: 83px; text-align:left;}
div.podpis {
    font-size: 11px;
    left: 20px;
    position: absolute;
    top: 70px;
}
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 630px;
	height:210px;

	/* custom decorations 
	border:1px solid #ccc;
	background:url(/img/global/gradient/h300.png) repeat-x;*/
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:680px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 12px 20px 15px;
	background-color:#fff;
	padding:5px;
	border:1px solid #ccc;
	width:175px;
	height:105px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}
/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(images/left.gif) no-repeat left top;
	display:block;
	width:29px;
	height:30px;
	float:left;
	margin:65px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background:url(images/right.gif) no-repeat left top; clear:right; margin-right: 0px;}
/*a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; }*/


/* left */
a.left				{ margin-left: 0px; margin-right:-5px;} 
/*a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }*/

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	/*visibility:hidden !important;	*/	
	background-position:0 -33px;
	
} 	


ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 44px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }
ul#topnav a.home {
	background: url(nav_home.png) no-repeat;
	width: 78px; 
}
ul#topnav a.products {
	background: url(nav_products.png) no-repeat;
	width: 117px; 
}
ul#topnav a.sale {
	background: url(nav_sale.png) no-repeat;
	width: 124px; 
}
ul#topnav a.community {
	background: url(nav_community.png) no-repeat;
	width: 124px; 
}
ul#topnav a.store {
	background: url(nav_store.png) no-repeat;
	width: 141px; 
}


ul.menu li .sub {
	position: absolute;	
	top: 31px; /*left: 0;*/
	background: #f3f3f3;
	padding: 10px 20px 10px 20px;
	float: left;
	z-index:100;
	border:1px solid #D1D1D1;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
	*margin-left:-60px;
}
ul.menu li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul.menu li .sub ul {
	list-style: none;
	margin: 0; padding: 0;
	width: 129px;
	float: left;
	padding:0 0 0 15px;
	margin:5px 0 0 0;
}
ul.menu li .sub2 ul  { 
	padding-left:10px;
}
ul.menu .sub ul li {
	width: 100%;
	color: #fff;
	float:none;
	background: url(images/menu_li_bg.png) repeat-x left bottom;
	list-style-image:url("images/li_arrow.png");
}
ul.menu .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
	font-weight:bold;
}
ul.menu .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #007BC2;
}
ul.menu .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(navlist_arrow.png) no-repeat 5px 12px;
	padding: 7px 5px 7px 15px;
	display: block;
	color: #4C4C4C;
	padding-left:0;
}
ul.menu .sub ul li a:hover {color: #007BBC; background-position: 5px 12px;}
div.res_24,div.res_37 {width:165px;}
h1.resource-title {font-size:22px;}
div.form-top, div.form-bottom
{
	background:url(images/form_box_top.png) no-repeat;
	width:615px;
	height:3px;
}
div.form-bottom
{
	background:url(images/form_box_bottom.png) no-repeat;float:left;
}
div.form-middle
{
	background:url(images/form_box_middle.png) repeat-y;
	width:615px;float:left;
}
img.form-top-info {
float:right;
margin:15px 15px 15px 0;
}
div.formularz {
margin:10px 0 10px 0;
}
div.formularz2 { 
float: left;
margin: 35px 0 30px 200px;
width: 550px;
}
div.formularz2 div.form-top, div.formularz2 div.form-bottom, div.formularz2 div.form-middle {
width:500px;
}
div.formularz2 div.form-top {
background:url(images/form_box_top2.png) no-repeat;
}
div.formularz2 div.form-bottom {
background:url(images/form_box_bottom2.png) no-repeat;
}
div.formularz2 div.form-middle {
background:url(images/form_box_middle2.png) repeat-y;
}
div.form-zawartosc {
border-top:1px solid #c9c9c9;float:left;width:580px;

margin:0 17px;
background:url(images/shadow.png) no-repeat center 1px;
}
div.form-left {
width:245px;float:left;
border-right:1px solid #c9c9c9;height:135px;
}
div.form-left, div.form-right {
margin:17px 0 10px 0;
}
div.form-right {
margin:-2px 0 10px 15px;float:left;
}
div.formularz2 div.form-zawartosc {
width:470px;
}
div.formularz2 div.form-left {
width:175px;
}
div.scroll_desc {
width:190px;
font-size:12px;
margin:0 10px 0 15px;
}
div.scroll_desc a {
text-decoration:none;
line-height:1.32em;
}
.resource-content {
    border: 0 solid red;
    float: left;
    margin-top: 8px;
    text-align: left;
    /*width: 482px;*/
	width: 503px;
}
div.errors, div.errors2
{
	color:red;
	float: left;margin: 10px 0 0 200px;font-size:13px;
	background:#FFEEE8;
	border:1px solid red;
	padding:10px;
}
div.errors2
{
	margin-left:0;
	margin-bottom:10px;
	margin-top:10px;
}
.customStyleSelectBox {
/* Styles For Your Select Box */
}

.customStyleSelectBox.changed {
/* You can use this if you want a different style after user has made a selection */
}

/* on the next line we add a down arrow on the right to indicate that it is a select box */
.customStyleSelectBoxInner {
background:url(images/canvas-list-nav-item-arrow-.gif) no-repeat center right;
}
span.customStyleSelectBox { font-size:11px; background-color: white; color:#7c7c7c; padding:5px 7px; border:1px solid gray; -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px 5px; }
span.customStyleSelectBox.changed { background-color: white; }
.customStyleSelectBoxInner { background:url(images/canvas-list-nav-item-arrow-.gif) no-repeat center right; width:190px;}
.select_1 {
float:right;
margin-right:10px;
width:190px;
}
#select1 {
width:206px;
}
div.box_front * td.ico a, div.box_front * td.ico2 a, div.box_front * td.ico3 a {
width: 49px;
height: 67px;
display:block;
}
div.box_front * div.short a:link, div.short a:visited, div.short a:hover{
text-decoration:none;
color:gray;
}