@charset "utf-8";
/* CSS Document */
/*reset*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
.no-display { display: none !important; }
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
/**/
.clear { clear: both; font-size: 1px; height: 1px; }
/**/ 
h1 {border-bottom: 1px solid;
    clear: both;
    font-size: 18px;
    margin: 35px 10px;
    padding: 0 0 10px; }
h2 { font-size: 15px; margin-bottom:1em; }
h3 { }
h4 { }
h5 { }
p {font-size:12px; margin:0 10px 10px 10px; line-height: 20px; }
a { color: #ebebeb; outline:none; }
a:hover { color: #900 }
hr {border:none; background:#fff; height:1px; font-size:1px; margin:45px 10px }
blockquote { }
strong { font-weight: bold }
table { }
table th { }
table td { }
table.tab1 th { }
ul, ol { }
ul li { }
ol li { }
strong { font-weight: bold }
em { }
/**/
@-ms-viewport {
width: device-width
}

#main ul{margin:15px 20px}
#main li{font-size:12px; list-style:disc}
#main ol{margin:15px 20px}
#main ol li{font-size:12px; list-style:decimal}

.sidebarOn{left:0 }
.sidebarOff{left:-320px}
.topBarOn{top:0 }
#top.topBarOff{top:-60px }
/**/
html{}
body { background: #000; color: #ebebeb; position: relative; font-family: Arial, Helvetica, sans-serif;}
#content{overflow:hidden}
#wrapper { }
#sidebar { position: fixed; width: 320px; background: rgba(80,79,79,0.8); top: 0; left: 0; z-index: 1000; height: 100% }
#sidebar #footer { position: absolute; left: 0; bottom: 0; padding: 10px; background: rgba(0,0,0,0.7); width: 320px; text-align: right }
#sidebar #footer p { font: 10px Arial, Helvetica, sans-serif; margin:0  0 5px 0 }
#sidebar #footer p img { vertical-align: middle }
/**/
#sidebar #nav { margin: 20px 10px 80px 10px; font-size: 12px; text-align: right }
#sidebar #nav ul { }
#sidebar #nav ul li { margin: 7px 0 }
#sidebar #nav ul li.active a,#sidebar #nav ul li.on-path-to-page > a {color:#c70000}

#sidebar #nav ul li a { color: #e5e5e7; text-decoration: none; padding: 0 18px 0 0; background: url(../gfx/str.png) right center no-repeat; display: block; outline: none }
#sidebar #nav ul li a:hover { color: #900 }
#sidebar #nav ul li.odstep { margin-top: 25px }
#sidebar #nav ul li.no-str a { background: none; }
#sidebar #nav ul li.youtube { text-align: right }
#sidebar #nav ul li.youtube a { background: url("../gfx/youtube.png") no-repeat scroll center center rgba(0, 0, 0, 0); display: inline-block; height: 50px; margin-right: 10px; width: 90px; }
#sidebar #nav ul li.youtube a span { display: none }
#sidebar #nav ul li ul { margin-bottom: 20px; }
#sidebar #nav ul li ul li { margin-right: 10px }
#sidebar #nav ul li ul li a { background: url(../gfx/li1.png) right center no-repeat; font-size: 11px }
#sidebar #nav ul li.on-path-to-page ul { display: block;}
/**/

#sidebar #logo { text-align: center }
#top { position: absolute; left: 0; top: 0; text-align: center; height: 60px; z-index: 5000; width: 100%; background-color: rgba(0,0,0,0.8); display:block }

/**/
#slider ul li .desc { position: absolute; right: 2%; bottom: 2%; padding: 1%; font-size: 12px; background:rgba(0,0,0,0.5); border-radius:5px; text-decoration:none}
#slider ul li a{color:#fff; text-decoration:none}
.toggle-sidebar { position: absolute; left: 0; top: 0; height: 60px; width: 60px; background: url(../gfx/toggle.png) center center no-repeat; z-index: 6000; cursor:pointer }


#main { margin: 0 ; overflow:hidden}
.overflowWr { overflow: hidden }
.margin-leftS { margin-left: 330px }
#main.paddingTop{padding-top:35px}
#main.paddingTopOff{padding-top:0}
/*newsy*/
#main .newsy li{list-style:none;}
.newsy .news { padding: 10px; background: #1a1a1a; margin: 10px 10px 40px 10px; position: relative }
.newsy .news .data{position:absolute; right:5px; top:5px; font-size:10px;}
.newsy .news .wiecej { position: absolute; right: 0; bottom: -25px; line-height: 25px; padding: 0 10px; background: #1a1a1a; }
.newsy .news .wiecej a { color: #ebebeb; display: block; font-size: 11px; text-decoration: none; }
.newsy .news .wiecej a:hover { color: #900 }

/*serwis-map-img */
.serwis-map-img .smi-box{ float:left; width:32%;  background:#2C2C2C; margin:10px; height:160px;}
.serwis-map-img .smi-box:hover{ background:#444}
.serwis-map-img .smi-box a{color:#CCC; text-decoration:none; overflow:hidden; display:block}
.serwis-map-img .smi-box .image-smi {float:left; margin-right:10px;}
.serwis-map-img .smi-box .image-smi img{ border:solid 1px #ccc;width:158px}
.serwis-map-img .smi-box .label-text h3{font-size:16px; margin-right:5px; margin-top:10px}
.serwis-map-img .smi-box .desc-text { font-size: 12px; margin: 14px 5px 0px 0px; font-weight:bold; color:#DF0A0D}

/**/
.block-contact {margin-bottom:15px;   font-size:12px; border: 1px solid #383737;
    margin: 30px 0;
    padding: 10px;
    width: 523px;}
.block-contact .vcard .contact-item{clear:both; padding:5px; margin-bottom:5px;}
.block-contact .vcard .contact-item .c-label{display:inline-block; width:150px;vertical-align: top; font-weight:normal}
.block-contact .vcard .contact-item .c-value{display:inline-block;font-weight:bold}
.block-contact .vcard .contact-item .value-box { display: inline-block }
.block-contact .vcard .contact-item .value-box .c-value {display:block; text-align:right}

.block-contact .vcard .contact-item .value-box{display:inline-block}

.block-contact .form-contact.item { margin: 30px 0; overflow: hidden; }
.block-contact .form-contact.item  .form-inner-size{width:740px; margin:0 auto}
.block-contact .form-contact .form-contact-message { background-color: #E3000F; border: 1px solid #FFFFFF; color: #FFFFFF; display: none; font-size: 14px; margin: 4px 0; padding: 5px 8px; width: 720px; margin:0 auto; }
.block-contact .form-contact .field-highlighted { border: 1px solid #880000 !important; }
.block-contact .form-contact .contact-item { margin: 0 0 5px; }
.block-contact .form-contact .contact-item .c-label { font-size: 12px; line-height: 32px; }
.block-contact .form-contact .contact-item .c-value { color: #A06174; font-size: 16px; }
.block-contact .form-contact .contact-item .c-value input { border: 1px solid #DADADA; padding: 3px; width: 720px; }
.block-contact .form-contact .contact-item .c-value textarea { border: 1px solid #DADADA; height: 150px; padding: 5px; width: 720px; }
.block-contact .form-contact .button-item { overflow: auto; }
.block-contact .form-contact .button-item .sub-mit-but { background: url("../gfx/button.gif") repeat-x scroll 0 0 #000000; color: #FFFFFF; cursor: pointer; display: block; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 0; line-height: 1.22em; margin: 0 auto; padding: 5px; text-align: center; text-decoration: none; text-transform: uppercase; width: 100px; border-radius:5px}
.block-contact .form-contact .button-item .sub-mit-but:hover { background: #ff9601 }
.block-contact .gmap {margin:34px 0 0}
.block-contact .gmap .map-canvas { border: 1px solid #DADADA; }
.block-contact .gmap .coordinate-name { display: none; }
.block-contact .gmap img { box-shadow: 0 0 0 !important; }
.block-contact .contact .contact-item .note p { color: #222222; font-size: 14px; margin: 20px 0; padding: 20px; text-align: center; }
.block-contact .contact .contact-item .note p strong { font-size: 16px; }
.block-contact .f-toggle-btns {  }
.block-contact .f-toggle-btns .ft-button{ margin:  15px; text-align: right;  background: none repeat scroll 0 0 #000; border-radius: 5px 5px 5px 5px; color: #FFFFFF; line-height: 30px; text-align: center; width: 160px;cursor: pointer; display:inline-block }
.block-contact .f-toggle-btns .ft-button:hover { background: none repeat scroll 0 0 #FF6600; }


.paddingTop{padding-top:35px}

/* 	 (portrait and landscape) -----------1 */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
#top { height: 35px; display: block; }
#sidebar #logo { padding-top: 35px }
#top #ltop img { height: 35px }
.toggle-sidebar { height: 35px }
#sidebar { width: 320px; background: rgba(80,79,79,1); position: absolute; left: -320px; height: auto }
#main { margin: 0 }

p{font-size:12px}

.serwis-map-img .smi-box{width:320px; margin:10px 0}

}

 /*Smartphones (landscape) ----------- 2*/
@media only screen and (min-width : 321px) {
#sidebar #logo { padding-top: 40px }
#top #ltop img { height: 35px }
.toggle-sidebar { height: 35px }
#top { height: 35px; display: block; }

p{font-size:12px}

#sidebar { width: 320px; background: rgba(80,79,79,1); position: absolute; left: -320px; height: auto }
.serwis-map-img .smi-box{width:95%}
}

/* Smartphones (portrait) -----------3 */
@media only screen and (max-width : 320px) {

#top { height: 35px; display: block; position: absolute }
#sidebar #logo { padding-top: 35px }
#top #ltop img { height: 35px }
.toggle-sidebar { height: 35px }
#sidebar { width: 320px; background: rgba(80,79,79,1); position: absolute; left: -320px; height: auto }
#main.paddingTop{padding-top:35px}

p{font-size:12px}
}

/* iPads (portrait and landscape) -----------4 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
#sidebar { height: 100% ; left:0; position:fixed}
#sidebar #logo { padding-top: 60px }
.overflowWr { overflow: auto }
p{font-size:12px}
}

/* iPads (landscape) ----------- 5*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
#sidebar { height: 100%;left: -320px; background: rgba(80,79,79,0.7) }
#sidebar #logo { padding-top: 60px }
h1{font-size:18px}
p{font-size:12px}
}

/* iPads (portrait) ----------- 6*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
#sidebar { height: 100% ;left: -320px; background: rgba(80,79,79,0.7) }
#sidebar #logo { padding-top: 60px }
p{font-size:12px}
.serwis-map-img .smi-box{ float:left; width:47%;  margin:10px}
}

/* Desktops and laptops -----------7 */
@media only screen and (min-width : 1024px) {
/* Styles */

#sidebar { height: 100%; left:0; position:fixed;background: rgba(80,79,79,0.7) }
#sidebar #logo { padding-top: 60px }

#main { margin-left: 340px }
#main.margin-leftS { margin-left: 20px }
.serwis-map-img .smi-box{ float:left; width:47%;   margin:10px}
p{font-size:12px}
}

/* Large screens -----------8 */
@media only screen and (min-width : 1824px) {
/* Styles */

#sidebar { height: 100% }
#sidebar #logo { padding-top: 60px }
.overflowWr { overflow:inherit }
#main { margin-left: 340px; margin-right:20px }
#main.margin-leftS { margin-left: 20px }

p{font-size:12px}
.serwis-map-img .smi-box{ float:left; width:32%;  margin:10px}
p{font-size:12px}
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
p{font-size:12px}
}

#slider { position: relative; height: 100%; overflow: hidden; }
.fullscreen-gallery { overflow: hidden; white-space: nowrap; width: 100%; height: 114px; position: relative; }
.fg-images { margin-left: 0px; position: absolute; left: 0; }
.fg-image { display: inline-block; margin: 0 4px; }
.fg-image img { display: inline-block; border: 1px solid #CCC }
.fg-numbers { text-align: center; }
.fg-number { display: inline-block; margin: 1px; }
.fg-number span { background-color: #808080; display: block; padding: 3px; text-align: center; width: 20px; cursor: pointer; }
#gctrl_left { left: 0; background-position: bottom left }
#gctrl_right { right: 0; }
.gctrl { opacity: 0; background: url(../gfx/next-prev-thum.png) left top no-repeat; height: 112px; position: absolute; top: 0; width: 40px; cursor:pointer }
.gctrl span { display: none; }
#f_loading { background: url("../gfx/loading-square.gif") no-repeat scroll 50% 50% rgba(0, 0, 0, 0); display: none; position: absolute; width: 100%; height: 100%; z-index: 1000; }
#fbg_shadow { width: 100%; height: 100%; }

#rslides_nav_prev {width:40px; height:40px; position:absolute; left:0; top:50%; z-index:999; background:url(../gfx/prev-next-slider.png) left bottom no-repeat}
#rslides_nav_next {width:40px; height:40px; position:absolute; right:0; top:50%; z-index:999; background:url(../gfx/prev-next-slider.png) left top no-repeat}
#rslides_nav_prev span,#rslides_nav_next span{display:none;}
.nav-hidden { display: none  !important;}

.publikacje p{color:#b6b6b6}
.publikacje p a{text-decoration:none;}

/**/
.lang{position:absolute; right:5px; top:5px}

.lang .flags-box .flag-lg{float:left; margin:5px}
.lang .flags-box .flag-lg { opacity:0.5}
.lang .flags-box .flag-lg a img{width:20px}
.lang .flags-box .lg-main{opacity:1}
.lang .flags-box .flag-lg:hover{opacity:1}


#bestgroup{background:url(../gfx/logo_footer.gif) right center no-repeat; padding-right:90px;}