html, body {padding:0; margin:0; border:0; width:100%; background:#ffffff url(../wp-content/themes/default/lay/kafel2.png) repeat; font-family: Arial,Tahoma; 	color: #6d6e71; font-size:12px; }
#root { width: 980px; position: relative; top:0px; margin:auto; background:#ffffff; } 

h2.header { color:#6d6e71; font-size:35px; letter-spacing:-1px; margin:0px; padding:0px;}
.logo { width:702px; height:62px; margin:10px 0 10px 8px; }
.logo2 { width:702px; height:62px; margin:10px 0 10px 8px; }

/* menu główne */
.menu_top li current { 	background: #6d6e71;color:#FFFFFF; text-decoration:none; }
.menu_top{border:none; border:0px;margin:0px;padding:0px;font-family: Tahoma, Verdana, Arial, Sans-Serif;font-size:14px;font-weight:bold;}
.menu_top ul{background:#00b7de;height:35px;list-style:none;margin:0;padding:0;}
.menu_top li{float:right;padding:0px;}
.menu_top li a{background:#00b7de;color:#ffffff;display:block;font-weight:bold;line-height:35px;margin:0px;padding:0px 20px;text-align:center;text-decoration:none;}
.menu_top li a:hover, .menu_top ul li:hover a{background: #6d6e71;color:#FFFFFF;text-decoration:none;}
.menu_top li ul{ background:#333333;
  /*		filter:alpha(opacity=70); opacity: 0.7; -moz-opacity:0.7; **/
  display:none;height:auto;padding:0px;margin:0px;border:0px;position:absolute;width:150px;z-index:200; /*top:1em; /*left:0;*/}
.menu_top li:hover ul{ display:block; }
.menu_top li li {display:block;float:none;margin:0px;padding:0px;width:150px;}
.menu_top li:hover li a{background:none;}
.menu_top li ul a{line-height:22px;display:block;height:22px;font-size:11px;font-style:normal;margin:0px;padding:0px 10px 0px 10px;text-align:left;}
.menu_top li ul a:hover, .menu_top li ul li:hover a{background:#6d6e71;border:0px;color:#ffffff;text-decoration:none;}
.menu_top p{clear:left;}	

/* kontakt */
span.blue { font-size:38px; color:#00b8de; letter-spacing:-1px;}
span.gray { font-size:38px; color:#6d6e71; letter-spacing:-1px;}
.kinfo { width:420px; float:right; font-size:16px;}
input.kinput { width:245px; height:25px; background:#00b8de; color:#ffffff; border:2px solid #00b8de; padding:10px; font-weight:bold; font-size:14px; font-family: Arial; }
input.kinput:hover { border:2px solid #6d6e71;  }
.send { width:265px; height:49px; background:#00b8de; color:#ffffff; border:none; font-weight:bold; font-size:26px;font-family: Arial; letter-spacing:1px;}
.send:hover {  background:#6d6e71; cursor:pointer; }
.karea { width:245px; height:90px; background:#00b8de; color:#ffffff; border:2px solid #00b8de; padding:10px; font-weight:bold; font-size:14px; font-family: Arial; }
.karea:hover { border:2px solid #6d6e71;  }
.alert_kont { width:80%; text-align:center; background:#b5f58a; border: 1px solid #288f0c; margin-bottom:10px; height:25px; padding-top:10px; margin-left:120px; font-size:13px;}
.alert_kont2 { width:80%; text-align:center; background:#fee2e2; border: 1px solid #ff0000; margin-bottom:10px; margin-left:120px; height:25px; padding-top:10px; color:#ff0000; font-size:13px;}

/* poradnik */
.kol_left { width:245px; float:left; }
.button a {  background:#007696;color:#ffffff;display:block;font-weight:bold;margin:0px;padding:12px; 0px; text-align:center; text-decoration:none; font-size:22px; margin-top:-3px; }
.button a:hover {cursor:pointer; background:#6d6e71; }
.content { float:right; width:710px; height:452px; }
.menu_bottom { width:710px; height:49px; margin-top:0px;}
.menu { margin-top:0px;}
.tresc { margin-top:10px;}
.tresc2 { margin-top:0px;}
.content h3 { padding:0px; margin:0px; color:#00b8de; font-size:22px;}
.content h2 { padding:0px; margin:0px; color:#6d6e71; font-size:24px;}


.menu_bottom2 li current { 	background: #ffffff; color:#FFFFFF; text-decoration:none; }
.menu_bottom2{border:none; border:0px;margin:0px;padding:0px;font-family: Arial; font-size:12px; }
.menu_bottom2 ul{background:#ffffff;list-style:none;margin:0;padding:0; }
.menu_bottom2 li{float:left;padding:0px;  }
.menu_bottom2 li a{background:#ffffff;color:#007696; display:block;font-weight:bold;line-height:35px;margin:5px;padding:0px 34px;text-align:center;text-decoration:none; }
.menu_bottom2 li a:hover, .menu_top ul li:hover a{background: #d0d0d0;color:#00b8de;text-decoration:none;}


/* scroll div */
a.jScrollArrowUp {background: url(../modules/gfx/basic_arrow_up.gif) repeat-x 0 0;}
a.jScrollArrowUp:hover {background-position: 0 -15px;}
a.jScrollArrowDown {background: url(../modules/gfx/basic_arrow_down.gif) repeat-x 0 0;}
a.jScrollArrowDown:hover {background-position: 0 -15px;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position: 0 -30px;}
.orange-bar .jScrollPaneTrack {background: #f60;}
.orange-bar .jScrollPaneDrag {background: #00f url(../modules/gfx/drag_grab.gif) no-repeat 50% 50%;}
.orange-bar .scroll-pane {background: #69f;}
.holder {float: left;margin: 10px;}
.scroll-pane {width: 200px;height: 200px;overflow: auto;background: #none;float: left;}
.wide {width: 400px;}
.super-wide {width: 710px;}
.tall {height: 400px;}
#pane1 {height: 338px; }
#pane1 p {margin-top:2px;}
#pane2 {height: 150px;}
#pane3 {height: 190px;}
#pane4 {height: 190px;}

.jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1;}
.jScrollPaneTrack {position: absolute;cursor: pointer;right: 0;top: 0;height: 100%;background: #00b7de;}
.jScrollPaneDrag {position: absolute;background: #007696;cursor: pointer;overflow: hidden;}
.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}
a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/height: 9px;}
a.jScrollArrowUp:hover {/*background-color: #f60;*/}
a.jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/height: 9px;}
a.jScrollArrowDown:hover {/*background-color: #f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/}


/* portfolio */

.box_port { width:245px; float:left; height:453px; }
.box_port img{ border:none; }
.button1p a {  background:#007696;color:#ffffff;display:block;font-weight:bold;margin:0px;padding:12px; 0px; text-align:center; text-decoration:none; font-size:22px; margin-top:-3px; }
.button1p a:hover {cursor:pointer; background:#6d6e71; }
.button2p a {  background:#00b8de;color:#ffffff;display:block;font-weight:bold;margin:0px;padding:12px; 0px; text-align:center; text-decoration:none; font-size:22px; margin-top:-3px;  }
.button2p a:hover {cursor:pointer; background:#6d6e71; }

.kol_left h3 { padding:0px; margin:0px; color:#00b8de; font-size:22px;}
.kol_left h2 { padding:0px; margin:0px; color:#6d6e71; font-size:24px;}
.kol_left .nagl { width:100%; text-align:center; padding:0px; margin:5px; }

.soloimg { width:130px; height:87px; margin:0 12px 12px 0; float:left; }
.soloimg img { border: solid 1px #242424; }
.soloimg img:hover { border: solid 1px #00b8de; }

div.pages_navi { width:710px;  height:46px; position:absolute; top:480px; clear:both; text-align:center; }
.pages_navi a { text-decoration:none; color:#707173; }
.pages_navi a:hover { text-decoration:underline; }
a.navi  { text-decoration: none; font-size:14px; padding:2px 8px 2px 8px; border: 1px solid #707173;  margin:0 1px 0 1px; }
.current_page { font-size:14px; color: #ffffff; text-decoration: none; padding:2px 8px 2px 8px;  background: #00b8de; border: 1px solid #707173;  position:relative; top:0px;}

.navigation { width:100%; padding-left:10px; }
.navigation a { text-decoration:none; color:#707173; }
.navigation a:hover { text-decoration:underline; color:#707173; }
.prevnext { width:100%; margin-bottom:10px; }
.prevnext a { text-decoration:none; color:#707173; }
.prevnext a:hover { text-decoration:underline; color:#707173; }
.showimg { width:100%; text-align:center; margin-bottom:20px; }
table.stat { width:100%; }
table.stat h2 { font-size:12px; margin:0px; padding:0px; }

.image-holder{
	width:100%;
	min-height:600px;
	background: url(../modules/gfx/preloaderimg3.gif) 50% 50% no-repeat;
}	
.clear{clear:both;}


















