@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700,400italic&subset=latin,latin-ext);
* { 
	margin: 0;
	padding: 0;
	} 


	
body {	
	color:#000000;
font-family: 'Open Sans';font-weight:100;
	}
a,a:hover,a:visited {
text-decoration:none;
color:#dc202c;
font-weight:bold;
}

.menu_element a,.menu_element a:hover,.menu_element a:visited  {
color:#000000;
font-weight:normal;
}
body, select, textarea, input {	
	font: 'Open Sans';
	font-size:12px;
	}

.news a, .news  a:visited {
	text-decoration:none;
	color:#2e2e2e;	
	border-bottom:1px dotted #2e2e2e;
	}
		
#main a, #main  a:visited,#main div a, #main  div a:visited{
	text-decoration:none;
	color:#000;	
	}

#main a:hover, #main a:active {	
	text-decoration:none;
	}
#miejsce a,#miejsce a:visited  {
	text-decoration:none;
	color:#000;	
	}
ol {
	margin: 15px 15px 15px 35px;
	}
	
a img, fieldset {
	border:none
	}

*:focus {
	outline:none
	}
	
img.realizacje {border:1px solid #282828;margin-top:4px;}		
/* ---------- @ Page Structure -----------*/

#top {
	/*background:#3f2b30 url(images/bg_top.jpg) repeat-x;*/
	padding-bottom:28px;

	}
.menu {
	font-size:13px;
	color:#FFF;
	}
.menu a,.menu a:visited {

	font-size:13px;
	color:#000;
	text-decoration:none;
	    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
}
.menu a:hover {

	border-bottom:3px #dc202c solid;
}
#czerwony_pas img,#szary_pas img
{
	width:214px;
	height:130px;
	opacity:0.3;
	filter:alpha(opacity=30); /* For IE8 and earlier */
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */


}

#czerwony_pas img:hover,#szary_pas img:hover
{
	width:214px;
	height:130px;
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(0%);


}
.menu_element
{
float:left;
margin-left:20px
}
.wrapper {
	margin: 0 auto;
	font-size: 12px;
	width:960px;
	}
#main a
{
	font-weight:normal;
}
.main_box
{
clear:both;font-size:25px;font-family: 'Open Sans';font-weight:100;text-align:left;width:300px;
}
.main_box_tytul
{
height:25px;width:300px;line-height:25px;text-align:left;font-size:25px;font-family: 'Open Sans';font-weight:100;color:#000;margin-bottom:20px;
}
.main_box_pole
{
background-color:#ebebeb;height:100px;width:300px;text-align:center;line-height:300px;display:table-cell; vertical-align:middle;
}
.main_box_tekst
{
color:#8d8d8d;font-family: 'Open Sans', sans-serif;font-size:13px;width:292px;text-align:justify;margin:auto;margin-top:18px;border-bottom:1px solid;min-height:140px;
}
.main_box_tekst a, .main_box_tekst  a:visited,.main_box a, .main_box  a:visited {
	text-decoration:none;
	}

.main_box_pic
{
margin:auto;
}
.main_akt_tytul
{
background-color:#dc202c;height:24px;width:490px;line-height:24px;text-align:left;font-size:16px;letter-spacing:2px;font-family: 'Open Sans', sans-serif;color:#FFF;
}
.main_akt_pole
{
height:231px;width:230px;text-align:center
}


/*
  root element for the scrollable.
  when scrolling occurs this element stays still.
  */
.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 960px;
    height:332px;

}

/*
   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:960px;
}

/* single scrollable item */
.scrollable5 img {
    float:left;
    margin:0px 5px 20px 21px;
    background-color:#fff;
    padding:2px;
    border:0px solid #ccc;
    width:100px;
    height:75px;

    -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(http://jquerytools.org/media/img/scrollable/arrow/hori_large.png) no-repeat;
    display:block;
    width:30px;
    height:30px;
    float:left;
    margin:40px 10px;
    cursor:pointer;
    font-size:1px;
	z-index:999;
}

/* right */
a.right { background-position: 0 -30px; 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; }
a.left:hover  { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }

/* up and down */
a.up, a.down  {
    background:url(http://jquerytools.org/media/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;
}

/* position and dimensions of the navigator */
.navi {
    height:20px;
	margin-left:400px;
}


/* items inside navigator */
.navi a {
    width:8px;
    height:8px;
    float:left;
    margin:3px;
    background:url(http://jquerytools.org/media/img/scrollable/arrow/navigator.png) 0 0 no-repeat;
    display:block;
    font-size:1px;
}

/* mouseover state */
.navi a:hover {
    background-position:0 -8px;
}

/* active state (current page state) */
.navi a.active {
    background-position:0 -16px;
}	
/*Aucca Top Navbar */

#navbar {
	
	height:35px;
	background: url(images/menu_tlo.png) repeat-x;
	float:left;
	}
	
#nav {
	font-size:0.75em;
	width:960px;
	float:left;
	letter-spacing:0.1em;
	position:relative;
	top:0;
	left:0;
	}
#nav li ul ul {left:8em; top:-5px;margin:0px 0 0 0px;z-index:999;}
#nav li ul ul li {z-index:999;}
#nav li ul ul li a {z-index:999;}	
#nav, #nav ul, #toolbar ul {
	list-style: none;
	}
	
#nav li {
	float:left;
	padding: 10px 14px 0 12px;
	/*background:url(../images/bg_nav.gif) no-repeat 0 15px;*/
	position:relative;
	}

#nav li.current_page_item {
	background: orange;
        padding: 10px 14px 10px 12px;
}
#nav li.current_page_parent,#nav li.current_page_ancestor {
	background: orange;
        padding: 12px 14px 20px 12px;
}
#nav li.current_page_item a,#nav li.current_page_parent a,#nav li.current_page_ancestor a {
	text-decoration: none;
	color: white;
}


#nav li#nav-home {
	background:none
	}
	
#nav a, #nav a:visited,
#nav li.current-cat-parent a, #nav li.current-cat-parent a:visited {
	display:block;
	color: orange;
	border-bottom:3px solid transparent;
	text-transform:uppercase;
	padding-bottom:2px;
	font-weight:bold;
	}

#nav a:hover, #nav a:active	{
	color:#ffffff;
	text-decoration:none
	}

#nav li.current-cat a, #nav li.current-cat a:visited,
#nav li.current-cat-parent a, #nav li.current-cat-parent a:visited {
	color:#f7f4ef;
	border-bottom:3px solid #9e5028;
	}
	

		
/* Dropdown Menus */		

#nav ul.children, #toolbar ul.children  {
	position: absolute;
	border:1px solid #331e23;
	border-right:1px solid #6b4851;
	border-bottom:1px solid #6b4851;
	display: none;
    z-index: 50;
	background: url(images/menu_tlo.png);
	padding:5px 0;
	}

#nav ul.children, #nav ul.children li,
#toolbar ul.children, #toolbar ul.children li {		
	width: 120px;
	}

#nav ul.children li, 
#toolbar ul.children li {
	padding:5px 0;
	background:none
	}
	
#nav ul.children li a, #nav ul.children li a:visited,
#nav li li.current-cat a, #nav li li.current-cat a:visited,
#toolbar ul.children li a, #toolbar ul.children li a:visited
 {
	font-weight:normal;
	font-size:0.9em;
	color: #ffffff;
	border:none;
	padding:2px 11px;
	text-transform:none;
	border:0;
	display:block;
	} 

#nav ul.children li a:hover, #nav ul.children li a:active,
#nav ul.children li.current-cat a:hover, #nav ul.children li.current-cat a:active,
#toolbar ul.children li a:hover, #toolbar ul.children li a:active {
	border:none;
	color:#f7f4ef;
	text-decoration:none
	}	



#main {
	margin-top:6px;
	margin-bottom:12px;
	height:100%;
	font-size:12px;
	}

#content {
	padding:17px 17px 32px 30px;
	float:left;
	width:912px;
	min-height:300px;
	}

#content #prawa
{
	min-height:400px;
	float:right;
	width:280px;
	border-left: 1px solid orange;
	padding-left:20px;

}
#content #stala
{
	float:left;
	width:570px;

}
.drop {
	float: left;
	font: 2.5em Georgia, "Times New Roman", Times, serif;
	line-height:100%;
	margin:3px 8px 0 0;
	width:30px;
	text-align:center
	}
/* ---------- @ Headings -----------*/

		   
h1 {
	font: normal 2.5em Georgia, "Times New Roman", Times, serif;
	letter-spacing:0.05em;
	}

h2 {	
	font: normal 1.2em Georgia, "Times New Roman", Times, serif; 
	line-height:110%;
	color:#8f8f8f;
	padding-top:2px;
	}

h2, h3, h4 {
	letter-spacing:0.025em;	
	}
		
h3 {	
	font: 1.2em Georgia, "Times New Roman", Times, serif;
	color:orange;
	font-weight:normal;
	margin-bottom:15px
	}

#sidebar h3 {
	margin-bottom:7px;
	}
	
.widget h3 {
	margin-bottom:7px;
	font-size:1.5em;
	}
		
h4 {	
	font-size: 1.1em;
	}

h4#pagetitle {
	margin-bottom:15px;
	}
	
h5 {	
	font-size: 1em
	}

h5 {	
	font-size: 0.9em
	}

.cennik td
{

	border:1px #dc202c solid;
	padding:5px;
	background:#FFF;
}
.cennik th
{
	color:#FFFFFF;
	border:1px #FFF solid;
	padding:5px;
	background:#dc202c;
}
#calculator {
	float:left;
	width:100%;
	clear:left;
	padding:10px;
	background-color:#FFF;
	border:1px #000 solid;
}

#calculator label {
	float:left; 
	width:160px;
	font-size:12px;
	color:#1a1a1a;
}

#calculator .calculator-frame {
	width:130px;
	margin-bottom:10px;
	float:left
}

#calculator p {
	width:150px;
	float:left;
	font-size:12px;
	color:#1a1a1a;
	font-weight:bold;
	margin:0 0 0 6px;
}

#ctext {
	font-weight:bold;
	color:#1a1a1a;
	margin:8px 0 0 0;
	clear:left;
	padding-top:3px;
	border-top:1px dotted #ccc;
	width:300px;
	float:left;
}

#ctext label {
	width:160px;
	float:left;
	font-size:12px;
	color:#1a1a1a;
}

#cvalue, #cvalue2 {
	float:left;
	color:#1a1a1a;
}

#cvalue2 {
	margin-left:10px;
}			
.items{width:20000em;position:absolute;clear:both}
#box_images{position:absolute;overflow:hidden;margin:0px;width:470px;height:260px;z-index:1}
#box_images .items div{float:left;width:470px;height:260px;margin-right:30px;z-index:1}

#aktu_box{position:absolute;overflow:hidden;margin:0px;width:470px;height:260px;z-index:1}
#aktu_box .items div{float:left;width:470px;height:260px;margin-right:30px;z-index:1}

.navi
a{float:right;width:8px;height:8px;float:left;margin:3px;margin-top:16px;background:url(http://jquerytools.github.io/media/img/scrollable/arrow/navigator.png) 0 0 no-repeat;display:block;font-size:1px}.navi a:hover{background-position:0 -8px}.navi
a.active{background-position:0 -16px}