/* CSS Document */
body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}

#top{ width:100%; height:127px; background-color:#ffffff;}
#content-top{ width:1000px; height:125px; margin:0 auto; position:relative;}
#logo{ width:250px; height:127px; float:left;}
#lang{ position:absolute; top:0; right:0;}
.lang-pl{border:0; margin:10px; border:1px solid #cccccc; padding:2px;}
.lang-en{border:0; margin:10px 10px 10px 0; border:1px solid #cccccc; padding:2px;}
#baner{ width:1000px; margin:0 auto; clear:both;}

/* MENU TOP */
#menu{float:right; margin-top:15px;}
#mainmenu, #mainmenu ul {list-style: none; margin: 0; padding: 0;float: right; z-index:9999;}
#mainmenu ul {width: 250px;}
#mainmenu ul li {clear: both;}
#mainmenu > li {float: left; position: relative;}
#mainmenu > li li {position: relative;}
#mainmenu > li ul {position: absolute; left: 0;}
#mainmenu > li ul li ul {position: absolute; left: 160px; top: 0px;}
ul ul {display: none;}
ul li:hover > ul {display: block;}

/*POZIOM 1*/
#mainmenu { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold;}
#mainmenu > li > a {display: table; width: auto; padding:10px 18px;  text-align: center; text-decoration: none; color: #01425c; font-size:14px}
#mainmenu > li:hover > a {background: #ff6b07; color: #ffffff;}

/*POZIOMY NIĹťSZE*/
#mainmenu ul {font-size: 12px; font-family:Arial, Helvetica, sans-serif; background: #06aae7;}
#mainmenu ul li > a {color: #ffffff; display: block; padding: 10px; border-radius: 3px; text-decoration: none; font-size: 14px; font-family:Arial, Helvetica, sans-serif;}
#mainmenu ul li:hover > a {color: #ffffff; background: #01425c; border-radius: 3px;}

/* SLIDER */

#slider1_container{display: none; position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1600px; height: 450px; overflow: hidden; float:left; clear:both;}
#telefon{ width:200px; height:40px; float:right; margin-top:14px;}
                .jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {
                    background: url(img/b21.png) no-repeat;
                    overflow: hidden;
                    cursor: pointer;
                }

                .jssorb21 div {
                    background-position: -5px -5px;
                }

                    .jssorb21 div:hover, .jssorb21 .av:hover {
                        background-position: -35px -5px;
                    }

                .jssorb21 .av {
                    background-position: -65px -5px;
                }

                .jssorb21 .dn, .jssorb21 .dn:hover {
                    background-position: -95px -5px;
                }
        
			

/* PAGES */
#content-center{ width:100%; float:left; clear:both;}
#box-pages{ width:1000px; margin:15px auto; clear:both;}
#box-pages h1{ font-size:24px; color:#333333; margin:0 0 20px 0;}
#box-pages p{ font-size:14px; color:#333333;}
#box-pages li{ font-size:14px; color:#333333; margin:0; font-weight:normal;}
#left{ width:500px; float:left;  text-align:justify;}
#right{ width:500px; float:left;}
#index{ width:100%; float:left; clear:both; } 
#index p,ul,li{font-size:24px; font-weight:bold; color:#d10000;}

/*CENTER --> POZIOM 1 */
div#box { background-color:#ffffff; width:250px; height:auto; float:left; margin-bottom:30px; padding-bottom:20px; -webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;
 -webkit-border-radius: 6px; -moz-border-radius:6px; -o-border-radius: 6px; border-radius:6px;} 
div#box:hover { background-color:#ffbb00; }
div#box_content{ width:200px; margin-left:25px;}
div#box_content h1{ font-family:Arial, Helvetica, sans-serif; font-size:26px; color:#333333; margin:10px 0 0 0; padding:0; font-weight:bold; font-size:24px}
div#box_content h2{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#333333; margin:0; padding:0; font-weight:bold; font-size:14px;}
div#box span{ font-family:Arial, Helvetica, sans-serif; font-size:12px;  color:#01425c; float:right; font-weight:bold; margin-top:5px;}
.img-box{ margin-top:10px; clear:both; border:0;}


/* GALERIA */
.box-galeria{ width:235px; height:280px; margin:20px 7px 20px 7px; text-align:center; float:left; position:relative;}
.box-galeria img{ position:absolute; bottom:0; left:0;}
.box-galeria img{opacity: 1.0; filter:alpha(opacity=100); float:left; -moz-opacity: 1.0;-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.box-galeria img:hover{opacity: 0.7; filter:alpha(opacity=70); -moz-opacity: 0.7;}
.box-galeria h3{  font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:18px; font-weight:bold; text-align:center; margin:0 0 15px 0;}
.photo-galery{ float:left; margin:9px; width:180px; height:180px; opacity: 1.0; filter:alpha(opacity=100); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.photo-galery:hover{opacity: 0.7; filter:alpha(opacity=70); -moz-opacity: 0.7;}
.separator { width:100%;margin: 20px 0; border-top: 1px dotted #878b8c;*zoom: 1;clear:both;}
.moreBtn{ width:120px; color:#ffffff; font-size:15px; background:#333333; padding:10px 15px; text-align:center;  text-decoration:none; clear:both;
-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear; margin: 20px auto;
webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
-webkit-border-radius: 5px; -moz-border-radius: 05px; -o-border-radius: 5px; border-radius: 5px;  border:0; float: left;} 
.moreBtn:hover{background:#d10000;  text-decoration:none; }

/* KONTAKT */
iframe{ width:100% !important;}
.line-kontakt{ width:100%; height:60px; background:url('img/line-kontakt.png') center no-repeat; float:left; clear:both;}
.kontakt{ width:100%; background-color:#009cff; clear:both; float:left;} 
.box-kontakt{ width:1000px; height:650px; margin:0 auto; position:relative;}
.box-kontakt h4{ color:#333333; font-size:24px; margin:30px 0 3px 0; text-transform:uppercase;}
.left-box-kontakt{ width:600px; float:left; clear:both; margin-top:20px;}
.left-box-kontakt p{ color:#333333; font-size:14px;}
.right-box-kontakt{ width:400px; float:right;font-size:24px; color:#333333; text-decoration:none;  margin-top:20px;}
a.email { color:#333333; text-decoration:none; }
a.email:hover { color:#3333333; text-decoration:underline; }
.contact-form-item2{ width:100%; margin-top:30px; float:left; clear:both; background-color:#FF3333}


.first_input{ padding:20px 0 20px 20px; border:1px solid #333333; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background:#ffffff; color:#333333; width:490px; font-size:14px; margin-bottom:20px;}
.secend_input{ padding:20px 0 20px 20px; border:1px solid #333333; float:right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background:#ffffff; color:#333333; width:490px; font-size:14px;margin-bottom:20px;}
.tresc{ width:100%; clear:both; float:left; border:1px solid #333333; height:200px; background:#ffffff; padding:20px; color:#333333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size:14px }
textarea{ resize: none; font-family:Arial, Helvetica, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size:14px}


.submit{ width:170px; padding:12px 20px; background-color:#d60808; font-size:24px; color:#FFFFFF; font-weight:bold; text-align:center; clear:both; margin:20px 400px; border:0; border:1px solid #ffffff;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear; cursor:pointer;}
.submit:hover{ background-color:#333333;}
::-webkit-input-placeholder {
   color: #333333;  font-size:14px
}

:-moz-placeholder { /* Firefox 18- */
     color: #333333; font-size:14px

}

::-moz-placeholder {  /* Firefox 19+ */
    color: #333333;  font-size:14px
}

:-ms-input-placeholder {  
     color: #333333; font-size:14px
}

/* STOPKA */
#stopka{ width:100%; padding:10px 0;background-color:#333333; text-align:center; clear:both; float:left;  margin-top:15px;}
#stopka h2{ font-family: 'Archivo Narrow', Arial, Helvetica, sans-serif; color:#FFFFFF;  font-size:20px;}
#stopka h3{ font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:15px; font-weight:normal;}
#stopka h5{ font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:15px; font-weight:normal;}
#stopka h6{ font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; font-weight:normal; margin:0; padding:0;}

#errorEmpty{ width:100%; background-color:#ee0202; color:#FFFFFF; font-size:14px; padding:20px 0; text-align:center; font-weight:bold; margin-bottom:20px;}
#wyslano{ width:100%; float:left; clear:both; text-align:center; font-size:18px; color:#333333; font-weight:bold; padding:50px 0;}



.boxItem{ width:330px; float:left; margin-bottom:5px;}
.boxItem img { border:0; transition: all .3s linear;}
.boxItem img:hover {transform: scale(1.1);}
.boxMargRight{ margin-right:5px;}
.podpis{ float:right; text-align:right; margin:o; padding:0;}

.tab0{width:4%; height:40px; background-color:#333333;}
.tab{width:4%; background-color:#eeeeee; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; box-sizing: border-box; padding:20px; border-bottom:2px solid #ffffff;}
.tab1{ width:32%; height:40px; background-color:#333333; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding-left:20px;box-sizing: border-box; border-bottom:2px solid #ffffff;}
.tab2{ background-color:#eeeeee; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:14px;box-sizing: border-box; padding:20px; border-bottom:2px solid #ffffff;}
.tab1Mq{ border-right:2px solid #ffffff;}

#podstrona ul{ margin-left:20px; padding:0;}
#podstrona ul li{ margin-bottom:10px;}
#podstrona h2 { font-size:18px;}