body, h1, h2, h3, h4, h5, ul, li, form, fieldset, p { margin:0; padding:0; list-style-type:none; border:none; }

body{ background-color:#141037; font:12px/15px Arial;}
.all{margin:0 auto; }
.top{ }
.top h1 a { width:220px; text-align:center; display:block; margin:0 auto;}
#logo{  margin:20px auto; position:relative; }

#home_all { width:938px;}
#home_top { height:134px; position:relative;}
#home_top #logo { top:0px; }
#home_top #langs { top:60px; right:8px; background-color:#251f5b;}

#subpage_all { width:922px;}
#subpage_top { height:93px; position:relative;}
#subpage_top #logo { top:0px; left:-40px; }
#subpage_top #langs { top:0px; right:0px;}

#langs{ position:absolute; width:150px; background-color:#251f5b; text-align:center; color:#fff;}
#langs span { display:none;}
#langs h1, h2, h3{text-transform:uppercase; }
#langs p { padding:2px; text-transform:uppercase; font-size:10px; font-weight:bold;}
#langs a{color:#fff;}
#langs a:hover{text-decoration:underline;}
#langs .en { background-position:0 -13px;}
#langs .de { background-position:0 -26px;}

#main {  padding:9px; height:460px; }
#main li { width:230px; position:relative; text-align:right; float:left; overflow:hidden;}
#main li img { vertical-align:bottom; }
#main a.link { width:206px; height:40px; padding:7px 13px 0 0; background-color:#2c256a; opacity:0.85; position:absolute;
               top:173px; left:0; filter:alpha(opacity=85); color:#fff; font-size:14px; font-weight:bold; text-transform:uppercase;}

#bottom_bg {  repeat; margin-top:15px;}
#bottom_wrapper { width:938px; margin:0 auto;}

#bottom{ height:190px; padding-top:30px; padding-left:9px; }
#bottom a:hover { color:#fff;}
#bottom .box {width:294px; float:left; padding-right:22px;}
#bottom .last { padding-right:0;}
#bottom h2{color:#fff; font-size:14px; font-weight:bold; text-transform:uppercase; height:22px; padding-left:10px;}
#bottom li { background:url(https://mobilne-bary.pl/data/image/layout/bottom_list_bg.png) no-repeat left top; height:37px; margin-bottom:3px;}
#bottom li:hover { background-position:bottom;}
#bottom .more {color:#b7b1ac; font:bold 11px Arial; text-transform:uppercase; margin:0 10px 0 0; padding:3px 0 0 0; float:right;}
#bottom li small { display:block; line-height:10px;}
#bottom .news li a { font:10px/11px Arial; display:block; padding:7px 0 0 0; display:block; width:235px; margin-left:45px;}
#bottom .news li span { color:#130d09; font:bold 15px/15px Arial; line-height:16px; height:29px; width:36px; display:block; float:left; text-align:center; top:5px; position:relative; }
#bottom li a, #bottom .contact span { color:#caa68a; }

#bottom .contact span { padding-left:50px; padding-right:10px; background-image:url(https://mobilne-bary.pl/data/image/layout/bottom_sprite.png); background-repeat:no-repeat; font:11px/37px Arial; display:block; width:230px; text-align:left;}
#bottom .contact .ico1 { background-position:7px 9px;}
#bottom .contact .ico2 { background-position:5px -27px;}
#bottom .contact .ico3 { background-position:6px -63px;}

#promo { background-color:#2C256A; border:10px solid #2C256A; vertical-align:bottom; margin-bottom:3px;}
#promo:hover {border-color:#2c256a;}

#footer { height:66px; margin:0 9px; border-top:1px solid #2c256a; font:11px/66px Arial; color:#aea59b;}
#footer a { color:#d2ccc6;}
#footer a:hover { text-align:underline; color:#fff;}
#footer #copyright { float:left;}
#footer #design { float:right;}

/*podstrony*/

#full_offer { width:150px; height:32px; background-color:#2c256a) no-repeat left top; display:block; position:absolute; right:0; top:35px; z-index:200; outline:none; }
#full_offer span { display:none;}
/*before
#switch { position:absolute; top:65px; right:0; height:1px; width:150px; overflow:hidden; z-index:500; opacity:0.97; filter:alpha(opacity=97);}
#switch ul { position:absolute; bottom:0; left:0; }
#switch li a { display:block; width:150px; height:30px; background:url(/data/images/bottom_list_bg.png) no-repeat left top; line-height:30px; font:bold 10px/30px Arial; color:#a49cb4; text-shadow:0 1px 0 #2f1b45; }
#switch li a:hover{ background-position:0 -37px; color:#cec1e8;}
#switch li a span { float:left; width:36px; text-align:center; color:#150d1e; font-weight:bold; line-height:30px; text-shadow:0 1px 0 #644c7d; padding-right:10px;}
*/

/*after*/
#switch { position:absolute; top:0px; right:0; height:40px; width:150px; overflow:hidden; z-index:500; opacity:0.97; filter:alpha(opacity=97);}
#switch ul { position:absolute; bottom:0; left:0; }
#switch li a { display:block; width:150px; height:30px; background:url(/data/images/bottom_list_bg.png) no-repeat left top; line-height:30px; font:bold 10px/30px Arial; color:#a49cb4; }
#switch li a:hover{ background-position:0 -37px; color:#cec1e8;}
#switch li span { float:left; width:36px; text-align:center; color:#150d1e; font-weight:bold; line-height:30px; padding-right:10px;}

* html #banner { z-index:-1; }
#banner{height:212px; position:relative; height:202px; border:5px solid #2c256a; margin:40px 0 15px 0; overflow:hidden;}
#banner #slideshow img { vertical-align:bottom; height:202px; display:block; }
#banner #menu_bg { width:913px; height:41px; background-color:#2c256a; filter:alpha(opacity=85); position:absolute; top:181px; left:0; }
#banner #nav {text-align:center; width:912px; height:41px; position:absolute; top:161px; left:0;  }
#banner #nav li {display:inline-block; text-transform:uppercase; font:bold 13px/41px Arial; background-color:#2c256a; padding:0 23px; color:#ffffff;}
#banner #nav li a { color:#d4c9e8; }
#banner #nav li:hover{color:#ffffff; }
#banner #nav li:hover{background-color:#f27d09; }

* html .navbar { z-index:-1; }
.navbar{position:relative; height:50px; overflow:hidden;  margin-bottom:15px;}
.navbar #menu_bg { width:923px; height:50px; background-color:#2c256a; filter:alpha(opacity=85);}
.navbar #nav {text-align:center; width:912px; height:50px; z-index: 100; position:absolute; top:0; left:0;}
.navbar #nav li {display:inline; text-transform:uppercase; font:bold 13px/50px Arial; background-color:#2c256a; padding:23px; margin-left:0px;}
.navbar #nav li a { color:#fff; }
.navbar #nav li:hover{background-color:#f27d09; color:#fff;}
.bordered{border-right:1px solid #221c5b;}

#sidebar { float:left; width:260px;}
/*before
#side_nav li { padding-bottom:3px;}
#side_nav li img { float:left; padding-right:10px;}
#side_nav li a { display:block; width:294px; height:33px; background:url(/data/images/bottom_list_bg.png) no-repeat left top; line-height:33px; font:bold 11px/33px Arial; color:#a49cb4; text-transform:uppercase; text-shadow:0 1px 0 #2f1b45;}
#side_nav li a:hover{ background-position:0 -37px; color:#cec1e8;}
#side_nav li a span { float:left; width:36px; text-align:center; color:#150d1e; font-weight:bold; line-height:33px; text-shadow:0 1px 0 #644c7d; padding-right:10px;}
*/
/*after*/
#side_nav li { background-color: #2C256A;
border-bottom: 1px solid #221C5B;
padding-bottom: 0px;
margin-bottom:5px;}
#side_nav li img { float:left; padding-right:10px;}
#side_nav li a { display:block; width:260px; height:38px;  line-height:33px; font:bold 11px/38px Arial; color:#fff; text-transform:uppercase; margin-left:20px;}
#side_nav li a:hover{ color:#fff; margin-left:60px;}
#side_nav li:hover{ background-color:#f27d09;}
#side_nav .active{ background-color:#f27d09; color:#fff; padding-left:40px;}
#side_nav li span { float:left; width:36px; text-align:center; color:#150d1e; font-weight:bold; line-height:33px;  padding-right:10px;}

#content { margin-left:280px; color:#fff;}
#content h2 { font:bold 13px Arial; color:#fff; text-transform:uppercase;}
#content h3 { color:#fff; text-transform:uppercase; margin:15px 0 10px; font-weight:bold; font-size:12px;}
#content p { margin:10px 0;}

#content ol { margin:5px 0 10px;}
#content ul li { list-style-type:circle; margin-left:15px;}
#content ol li { list-style-type:decimal; margin-left:5px;}
#content ul { margin:10px 0;}

.price{width:200px; height:31px; background-color:#2c256a; /*float:left;*/ position:relative; margin:15px 0 0 0; border:1px solid #221c5b;}
.price a.value{color:#150d1e; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; line-height:14px; margin:0; padding:9px 0 0 0; height:21px; width:58px; position:absolute; top:0px; left:0; text-align:center; }
.price a.desc{color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; line-height:14px; margin:0; height:21px; width:200px; position:absolute; top:29%; left:0px; text-align:center; font-weight:bold; text-transform:uppercase; }


#gallery { text-align:center; margin-bottom:5px;}
#gallery img { margin:7px; border:3px solid #2C256A}
#gallery img:hover { border-color:#2c256a; cursor:pointer; }


/* formularz kontaktowy */

#questionForm { width:600px;}
#questionForm input { width:150px; }
#questionForm table { border-width:1px !important; margin:10px 0;}
#questionForm input.submit { background:#2c256a; padding:5px 5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-left:5px; font-size:11px; border:none; color:#fff;}
#questionForm input.submit:hover { background:#5E3784; cursor:pointer;}

/* referencje */

#references { padding:5px 0;}
#references .ref { float:left; width:183px; text-align:center;}
#references img { margin:7px; border:3px solid #2c256a}
#references img:hover { border-color:#6E4794; cursor:pointer; }
#referencesContent li { float:left; width:290px; margin:2px 0;}

.ref {  height:240px; }
/* general */

a { text-decoration:none; color:#e1d4fb;}
a img { border:none;}
.clear { height:1px; line-height:1px; font-size:1px; clear:both;}
.imgright { border:3px solid #2c256a; float:right; margin:0 0 5px 15px;}

label {
    cursor: pointer;
}

div.adminMenuToolbar {
    text-align: right;
}

p#dddd {
    color: red
}

/* admin std buttons */

.std_admin { border-bottom:1px solid #28153A; padding-bottom:15px; text-align:center; margin-bottom:15px; text-align:center !important;}
.std_admin a, #close_form { background:#2c256a; padding:3px 5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-left:5px; font-size:11px; }
.std_admin a:hover , #close_form:hover { background:#5E3784}


#popup_wrapper { position:fixed; top:0; left:0; width:100%; height:100%; background:url(/data/images/popupbg.png) repeat;  z-index:500000;}
#popup_wrapper .cont { margin:0 auto; width:600px; color:#a590d0; background:#28153a; padding:15px 15px 10px; margin-top:-195px; top:50%; position:relative; }
#popup_wrapper #close_form { position:absolute; right:15px; top:15px;}
#popup_wrapper h2 { margin-bottom:-23px;}
#popup_wrapper #questionForm { margin-bottom:0;}




/****************
* GALERIA
****************/
div.galleryCover {
    min-width: 200px;
    float: left;
    margin: 10px 0px;
}

div.galleryCover img {
    border: 1px solid #2c256a;
}

form.galleryEdit {
    text-align: right;
}

.galleryEdit input[type=submit] { margin:0 auto; display:block;}
.galleryEdit table { border:3px solid #28153A; border-collapse:collapse; margin:0 auto; clear:left; }
.galleryEdit table td, th { border:1px solid #28153A; padding:9px; text-align:left;}
.galleryEdit table th { background:#2B0B32}

input.submit { background:#00C0BA; padding:2px 5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:none; color:#000; font-size:11px; font-family:Arial; margin:0 auto;}
input.submit:hover { cursor:pointer;}

#gal { padding-bottom:10px;}
.gal { width:230px; float:left; text-align:center; padding-bottom:5px;}
.gal img { border:3px solid #2c256a; margin-top:5px; }
.gal img:hover { border-color:#6E4794; cursor:pointer;}
.gal_title { height:20px; display:table; text-align:center; width:100%; position:relative;}
/*.gal_title h2 {position:relative; top:-50%; display:table-cell; vertical-align:middle; }*/
.gal_title h2 a { color:#48cad5; }

#press_articles { padding-bottom:10px;}
.press { width:230px; float:left; text-align:center; padding-bottom:5px;}
.press img { border:3px solid #2c256a; margin-top:5px; }
.press img:hover { border-color:#6E4794; cursor:pointer;}
.press_title { height:40px; display:table; text-align:center; width:100%; position:relative;}
.press_title h2 {position:relative; top:-50%; display:table-cell; vertical-align:middle; }

.pressEdit input[type=submit] { margin:0 auto; display:block;}
.pressEdit table { border:3px solid #28153A; border-collapse:collapse; margin:0 auto; clear:left;text-align:center; }
.pressEdit table td, th { border:1px solid #28153A; padding:9px; text-align:left;}
.pressEdit table th { background:#2B0B32}

input.submit { background:#00C0BA; padding:2px 5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:none; color:#000; font-size:11px; font-family:Arial;  margin:0 auto;}
input.submit:hover { cursor:pointer;}

#questionForm {
    margin-top: 30px;
}

#questionForm table {
    width: 100%;
    border: 3px solid #2c256a;
    border-collapse: collapse;
}

#questionForm td {
    margin: 0px;
    padding: 0px;
    border: 0px solid black;
    padding: 6px 10px;
}

#questionForm tr.border td {
    border-bottom: 1px solid #2c256a;
}

#questionForm input, #questionForm textarea {
    min-width: 100%;
    padding: 2px 0px;
}

#questionForm textarea {
    width: 100%;
    min-height: 120px;
}

p.err {
    color: red;
    font-weight: bold;
    text-align: center;
}






div.editor_bg_on{
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    top: 0px;
    left: 0px;
    opacity: 0.5;
    text-align: center;
    z-index: 520010;
}

div.editor_on {
    position: absolute;
    top: 30%;
    left:30%;
    width:40%;
    min-height: 200px;
    border: 1px solid black;
    background: white;
    z-index: 520011;
}

table.course input[type=submit] { margin:0 auto; display:block;}
table.course { border:3px solid #28153A; border-collapse:collapse; margin:0 auto; border-collapse: collapse; width:100%; }
table.course td, th { border:1px solid #28153A; padding:9px; text-align:left; border-collapse: collapse;}
table.course th { color:#c4c2f5; }
table.course th { background:#2B0B32}

input.submit { background:#00C0BA; padding:2px 5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:none; color:#000; font-size:11px; font-family:Arial; margin:0 auto;}
input.submit:hover { cursor:pointer;}

.divservice {
    width: 200px;
    text-align: center;
    float: left;
}

#subgallery {
    margin: 10px auto 0px auto;
    text-align: center;
}

#subgallery img {
    border: 2px solid #6E4794;
    margin: 1px;
}

#subgallery img:hover {
    border-color: #E1D4FB;
}

#subgallery h3 {
    margin-bottom: 8px;
}

#subgallery h3:hover {
    margin-bottom: 8px;
    text-decoration: underline;
}

.trzyZdjecia {
text-align: center;
}

.trzyZdjecia img {
border: 3px solid #2C256A;
margin: 2px 4px 2px 4px;
}

/*************************\
 *
 * Serwisy
 *
\*************************/

#sprzedaz {
	text-align: center;
}

#sprzedaz .firma {
    float: left;
    width: 200px;
}

#sprzedaz .firma_wiecej {
    display: block;
}

#sprzedaz img.firmy {
	margin: 25px 7px;
}

#sprzedaz div.serwis {
	width: 200px;
	height: 300px;
	float: left;
}

.dolaczFB a {
    font: bold 11px Arial;;
    position: relative;
    bottom: 8px;
    left: 70px;
    color: #b7b1ac;
    text-transform: uppercase;
}
.offerBox1 {width:642px; min-height:130px; float:left;}
.offerBox2 {margin-top:30px; width:642px; min-height:130px; float:left;}
.offerBox {margin-top:30px; width:642px; min-height:130px; border-top:1px solid #61432e; padding-top:10px; float:left;} /* padding-top:20px */
.offerBox1-ekspresy {width:642px; min-height:150px; float:left;}
.offerBox2-ekspresy {margin-top:30px; width:642px; min-height:150px; float:left;}
.offerBox-ekspresy {margin-top:30px; width:642px; min-height:150px; border-top:1px solid #61432e; float:left;} /* padding-top:20px */
.image{width:135px; height: 140px; float:left;  margin-top:15px; text-align:center;}
.description{float:right; width:483px; margin-top:15px;}
#formContent2{margin-top:15px; text-align:right;}

.price2{width:200px; height:31px; background-color:#2c256a; /*float:left;*/ position:relative; border:1px solid #221c5b; float:right;}
.price2 a.value{color:#150d1e; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; line-height:14px; margin:0; padding:9px 0 0 0; height:21px; width:58px; position:absolute; top:0px; left:0; text-align:center; }
.price2 a.desc{color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; line-height:14px; margin:0; height:21px; width:200px; position:absolute; top:29%; left:0px; text-align:center; font-weight:bold; text-transform:uppercase; }

#kontaktImg{float:right; margin-bottom:30px; border: 5px solid #2c256a}
.articles img{margin: 7px;border: 3px solid #2C256A;}
.articles div{display:inline;}

.container{width:540px;  height:150px; text-align:center; display:block; margin:0 auto; margin-top:20px; margin-bottom:30px;}
.container div{display:inline; width: 160px;  float:left; margin:3px 9px 0px 9px; }
.container img{ border: 3px solid #2C256A; margin: 2px;}
.container img:hover{border: 3px solid #2c256a; cursor:pointer; margin: 2px;}

.imgsize img { width:85%; height:85%; }

/* To be used with cookieCuttr by Chris Wharton (http://cookiecuttr.com) */

.cc-cookies {
    background: none repeat scroll 0 0 #0A0023;
    bottom: 0;
    color: #D3D4ED;
    font-size: 11px;
    font-weight: 700;
    left: 0;
    padding: 0.5em 5%;
    position: fixed;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
    width: 90%;
    z-index: 99999;
}
.cc-cookies a, .cc-cookies a:hover { color: #8F97C7; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #31227A; padding: 0.3em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }

@media screen and (max-width: 768px) {
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0; }
}

@media screen and (max-width: 480px) {
.cc-cookies { position: relative; float: left; }
}