/*
Quick.Cms default stylesheet
More about design modifications - http://opensolution.org/Quick.Cms/docs/?id=en-design
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Anton&subset=latin-ext');

/* GLOBAL STYLES */
body,h1,h2,h3,h4,h5,h6,p,form,fieldset,img,ul,ol{margin:0;padding:0;border:0;}
body,table{color:#ffffff;font-size:1.4em;font-family: 'Open Sans Condensed', sans-serif;}

body{padding:0;background:#000000;text-align:center;}

a{color:#ff8a00;text-decoration:underline;}
a:hover{color:#ffffff;text-decoration:underline;}

.skiplink{position:absolute;top:-500px;left:0;overflow:hidden;}

#container{position:relative;width:100%;margin:0 auto;padding:0;}
#header{background:url('img/top.jpg') no-repeat top center;-moz-background-size:100% auto; /* Firefox 3.x */ background-size:100% auto;}
#body, #foot{float:left;width:100%;margin:0 auto;padding:0;}
#head1, #head2{width:75%;margin:0 auto;text-align:left;}
#body .container, #foot .container{width:75%;margin:0 auto;text-align:left;}

/*średni telefon lub IPad*/
@media only screen and (max-width: 680px) {
 #header{background:url('img/mobile_top.jpg') no-repeat top center;-moz-background-size:100% auto; /* Firefox 3.x */ background-size:100% auto;text-align:center;}
 #head1, #head2{width:100%;}
 #head1{height:40vw;}
 #body .container, #foot .container{width:96%;margin:0 auto;}
}

/* LOGO, HEADER BACKGROUND AND SLOGAN */
#head1{clear:both;}
#head1 .container{height:32vw;}

/* HEADER WITH TOP MENU BELOW LOGO */
#head2{background:none;height:4vw;}
#head2 .container{background:none;overflow:hidden;}

/*średni telefon lub IPad*/
@media only screen and (max-width: 680px) {
 #head2 .container{background:none;overflow:hidden;}
}

#menu1{margin-left:6%;}
#menu1 ul{float:left;height:100%;margin:0;list-style:none}
#menu1 li{float:left;padding:0}
#menu1 li a{float:left;margin:0;padding:.6vw .6em;color:#ffffff;font-size:1em;font-weight:bold;letter-spacing:-.04em;text-decoration:none;text-shadow: 0 0 .1em #000000, 0 .5em .5em #000000;}
#menu1 li:first-child a{border-left:transparent;}
#menu1 li:last-child a{border-right:transparent;}
#menu1 li a:hover,#menu1 .selected a,#menu1 .selected-parent a{color:#ff8a00;transition:all .5s ease;}
#menu1 .selected a{border-color:transparent #ffffff;}

/*średni telefon lub IPad*/
@media only screen and (max-width: 680px) {
#menu1{margin-left:0;}
#menu1 li a{padding:.2em .4em;font-size:1em;}
#menu1 li a:hover,#menu1 .selected a,#menu1 .selected-parent a{color:#ff8a00;transition:all .5s ease;}
}

/* BODY STYLES - LEFT AND RIGHT COLUMN */
#body{clear:both;margin:0;background:url('img/middle.jpg') no-repeat bottom center;-moz-background-size:100% auto; /* Firefox 3.x */ background-size:100% auto;}
#body .container{background:none;overflow:hidden;}

/*średni telefon lub IPad*/
@media only screen and (max-width: 680px) {
#body{clear:both;margin:0;background:url('img/mobile_middle.jpg') no-repeat bottom center;-moz-background-size:100% auto; /* Firefox 3.x */ background-size:100% auto;}
}

/* LEFT COLUMN STYLES */
#column{float:left;width:28%;padding:10px 0;}
#column .type{margin-top:25px;padding:.3vw 0 .5vw;color:#ffffff;font-size:.9em;font-weight:bold;letter-spacing:-.02em;border:0;text-align:center;background:url('img/menu2.png') no-repeat top center;-moz-background-size:100% auto; /* Firefox 3.x */ background-size:100% auto;text-shadow: 0 0 .1em #000000, 0 .5em .5em #000000;}
#menu2, #menu3{margin:25px 20px 10px 0;}

/*średni telefon lub IPad*/
@media only screen and (max-width: 680px) {
#column{float:left;width:100%;padding:10px 0;}
#column .type{margin-top:25px;padding:1%;color:#ffffff;font-size:1em;font-weight:normal;letter-spacing:-.02em;text-align:center;background:none;text-shadow:none;border:1px solid #ffffff;}
#menu2, #menu3{margin:5px 0;}
}

/* LEFT MENU */
#menu2 .type, #menu3 .type{margin-top:0;}
#menu2 ul, #menu3 ul{padding:15px 0;list-style:none;background:none;}
#menu2 li, #menu3 li{padding:1%;background:none;}
#menu2 a, #menu3 a{display:block;width:87%;padding:1% 7%;color:#ffffff;font-size:1em;background:none;text-decoration:none;border-bottom:1px solid #ffffff;}
#menu2 a:hover, #menu2 .sub1 a:hover, #menu3 a:hover, #menu3 .sub1 a:hover{color:#ff8a00;background:none;}
#menu2 .selected, #menu3 .selected > a:first-child{color:#ff8a00;background:none;}

#menu2 .sub1, #menu3 .sub1{margin:0;padding:0;border:0;background:none;}
#menu2 .sub1 li, #menu3 .sub1 li{padding:1% 0;margin-left:16%;list-style:circle;}
#menu2 .sub1 a, #menu3 .sub1 a{display:block;width:100%;padding:2px 0;}

/*średni telefon lub IPad*/
@media only screen and (max-width: 680px) {
 #menu2 li, #menu3 li{padding:0;}
 #menu2 a:hover, #menu2 .sub1 a:hover, #menu3 a:hover, #menu3 .sub1 a:hover{background:none;}
}

/* RIGHT COLUMN STYLES */
#content{float:left;width:72%;padding:20px 0 5px;text-align:center;}
* html #content{width:660px;}
* html #page{width:100%;}
#page{position:relative;width:96%;margin:0 auto;text-align:left;}

/*średni telefon lub IPad*/
@media only screen and (max-width: 680px) {
 #content{float:left;width:100%;padding:2% 0;text-align:center;}
}

/* PAGE TITLE */
#page h1{margin:18px 0 10px;background:inherit;color:#ff8a00;font-family: 'Anton', sans-serif;font-size:2.4em;letter-spacing:-.03em;font-weight:normal;background:inherit;text-shadow: 0 0 .05em #000000, 0 .2em .2em rgba(0, 0, 0, .6);}

/* NAVIGATION PATH - TREE */
#page h4{position:absolute;top:-12%;padding:2px 0;color:#ff8a00;background:inherit;font-size:.8em;}
#page h4 a{background-color:inherit;color:#ff8a00;text-decoration:none;font-weight:normal;}
#page h4 a:hover{color:#ff8a00;text-decoration:underline;}
*:first-child+html #page h4{top:-5px;} /* IE 7 hack */
* html #page h4{top:-5px;} /* IE 6 hack */

/* PAGE CONTENT */
#page div.content{padding-top:5px;font-size:1.1em;line-height:1.5em;}
#page div.content ul, #page div.content ol{margin:0 0 0 3%;padding:0;}
#page div.content li{margin:1% 0;padding:0;border-left:0;}
#page div.content p{padding-bottom:3%;}

.pages{padding:1% 0;text-align:right;font-size:1.1em;}
.pages ul, .pages li{display:inline;}
.pages li{padding:0 1%;}
.pages a, .pages strong{padding:0;font-size:1.1em;}

/*średni telefon lub IPad*/
@media only screen and (max-width: 680px) {
#page div.content{font-size:1em;line-height:1.2em;}
.pages{font-size:1em;}
.pages a, .pages strong{font-size:1em;}
}

/* IMAGES STYLES */
#content .imagesList{list-style:none;}
#content .imagesList li{margin:0;background:inherit;font-size:0.9em;color:#ff8a00;text-align:center;padding-bottom:2%;}
#content .imagesList li div{text-align:center;padding-top:1%;}
#content .subpagesList li img, #content .imagesList li img{padding:2%;background:none;border:1px solid #ffffff;-webkit-transition:1s;-moz-transition:1s;transition:1s;width:96%;display:block;}
#content .subpagesList li img:hover, #content .imagesList li img:hover{border-color:#ff8a00;}

#imagesList1{float:left;margin:1% 3% 0 0;}
#imagesList2{clear:right;float:right;margin:1% 0 0 3%;}
#imagesList3{float:left;width:100%;text-align:center;margin:0;}
#imagesList3 li{width:32%;padding:.5%;float:left;}

/*średni telefon lub IPad*/
@media only screen and (max-width: 680px) {
 #imagesList1{margin:0;width:100%;}
 #imagesList2{margin:0;width:100%;}
}

/* FILES LIST STYLES */
#filesList{width:100%;float:left;margin:3% 0 1%;list-style:none;vertical-align:middle;border-left:1px solid #ffffff;}
#filesList li{width:100%;float:left;clear:left;margin:1% 0 1% 2%;padding-left:2%;}
#filesList li a{color:#ff8a00;background:inherit;}
#filesList li a:hover{color:#ffffff;background:inherit;}
#filesList img{margin:0 1% 0 0;vertical-align:middle;}
#filesList em{padding-left:.5%;background:inherit;color:#ffffff;background:inherit;}

/* SUBPAGES LIST STYLES */
#content .subpagesList{float:left;width:100%;list-style:none;}
#content .subpagesList li{clear:left;float:left;width:100%;padding:1% 0;background:none;}
* html #content .subpagesList li{width:100%;}
#content .subpagesList li .photo{float:left;margin:0 2% 0 0;}
#content .subpagesList li h2{}
#content .subpagesList li h2, #content .subpagesList li h2 a{font-family: 'Anton', sans-serif;color:#ff8a00;font-size:1.25em;font-weight:normal;background:none;text-decoration:none;}
#content .subpagesList li h2 a:hover{color:#ffffff;background:none;text-decoration:underline;}
#content .subpagesList li div.description{font-weight:normal;font-size:1em;line-height:1.4em;}
#content .subpagesList li ul, #content .subpagesList li ol{float:left;width:96%;margin:5px 0 0 4%;padding:0;}
#content .subpagesList li li{padding:0;border:0;background:none;-webkit-box-shadow:none;box-shadow:none;}
#content .subpagesList li ul{list-style:disc;}
#content .subpagesList li ol{list-style:decimal;}
#content .subpagesList li p{padding-bottom:2%;}

/* OPTIONS LINK */
#options{clear:both;float:right;width:100%;margin:2%;background:inherit;color:#ffffff;font-size:1em;text-align:right;}
*:first-child+html #options{width:95%;} /* IE 7 hack */
#options a{padding:0 .5em;color:#ffffff;background:inherit;}
#options a:hover{color:#ff8a00;background:inherit;}
#options .back, #options .print{float:right;}
#options .print a{border-left:1px solid #ffffff;}

.message{padding:50px 0;text-align:center;}
.message h3{background:inherit;color:#ff8a00;font-weight:normal;font-size:2.4em;}

/* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */
#foot{clear:both;color:#ffffff;font-size:.8em;background:url('img/bottom.jpg') no-repeat top center;-moz-background-size:100% auto; /* Firefox 3.x */ background-size:100% auto;text-shadow: 0 0 .1em #000000, 0 .5em .5em #000000, 0 0 .1em #000000, 0 .5em .5em #000000;}
#foot .container{width:75%;margin:0 auto;padding:7% 0 8%;background:none;overflow:hidden;border-top:1px solid #ffffff;}
#foot a{color:#ffffff;background:inherit;text-decoration:underline;text-decoration:none;}
#foot a:hover{color:#ff8a00;background:inherit;}

/*średni telefon lub IPad*/
@media only screen and (max-width: 680px) {
#foot{font-size:.7em;background:url('img/mobile_bottom.jpg') no-repeat top center;-moz-background-size:100% auto; /* Firefox 3.x */ background-size:100% auto;}
#foot .container{width:96%;padding:5% 0 5%;border-top:1px solid #ffffff;}
}

#copy{text-align:center;padding:0;}
.foot{text-align:center;padding:0;}

@media print{
  /* PRINT STYLES */
  * {color:#000 !important;background:#fff !important;border-color:#444 !important;border-width:1px !important;text-shadow:none !important;-webkit-box-shadow:none;box-shadow:none;}

  body{margin:1cm 0;}
  #container{width:17.2cm;height:auto;}
  #head1 .container, #head1{height:auto;}
  #logo{padding:0 0 0.2cm;}
  #head1 .container, #head2 .container, #body .container, #foot .container{border-width:0 !important;}

  #body{clear:none;}
  #body .container{overflow:visible;}
  #logo #title, #page h1{padding:0;}
  #page h4{position:relative;top:0;}

  #header .container, #body .container, #foot .container, #content, #page{float:none;width:17.2cm;padding:0;margin:0;}
  #column, #head2, #back{display:none;}
}

/* PLUGINS */
#page .googlemap iframe{width:100%;height:350px;margin:0;padding:0;border:1px solid #ffffff;}

/* YOUTUBE */
.youtube{width:98%;height:30vw;padding:1%;border:1px solid #ffffff;-webkit-transition:1s;-moz-transition:1s;transition:1s;}
.youtube:hover{border-color:#ff8a00;}

/* SCROLL BACK TO TOP */
#backToTop{position:fixed;bottom:0;right:1.5%;}
#backToTop a{display:block;width:3.3em;text-align:center;text-transform:uppercase;text-decoration:none;color:#ff8a00;font-size:.9em;font-weight:bold;letter-spacing:-.05em;-webkit-transition:1s;-moz-transition:1s;transition:1s;border:2px solid #ff8a00;}
#backToTop a:hover{color:#ffffff;border-color:#ffffff;}
@media screen and (max-width:1180px){
  #backToTop a{color:#ff8a00;}
  #backToTop a:hover{color:#ffffff;}
}

/* DOWNLOAD */
#download{width:100%;background:none;font-size:1em;margin:3% 0 1%;}
#download td{padding:.5%;border:1px solid #ff8a00;}
#download .ico{padding:1% 0;text-align:center;width:3em;}
#download .date-file{width:12em;}
#download thead td{background:none;}
#download tbody td{background:none;}
#download tbody p{padding-top:.5%;color:#ff8a00;}

/* VISIT BOX */
#column .box{margin:0 20px 10px 0;}
#column .box .type{}
#column .box .content{padding:5%;list-style:none;background:none;line-height:1.5em;}
#column .box .visits{font-size:1em;}
#column .box .visits span{margin-right:5%;}
#column .box .visits em{font-style:normal;}

/* SIMPLE NEWS */
#simpleNews{margin:0 20px 10px 0;}
#simpleNews .type{}
#simpleNews .content{padding:10px 7px 15px;list-style:none;background:none;line-height:1.1em;}
#simpleNews li{padding:7px 0;}
#simpleNews li h3{font-size:1em;}
#simpleNews li p{padding:3px 0 0;font-size:.9em;color:#ffffff;}
#simpleNews li div{padding:2px 0 0 5px;}
#simpleNews .lL{border-bottom:0;padding-bottom:0;}

/*średni telefon lub IPad*/
@media only screen and (max-width: 680px) {
 /* VISIT BOX */
#column .box{margin:0;height:0;}
#column .box .type{margin:0;padding:0;color:none;font-size:0;background:none;}
#column .box .content{padding:0;list-style:none;background:none;line-height:0;}
#column .box .visits{font-size:0;}
#column .box .visits span{margin-right:0;}
#column .box .visits em{font-style:normal;}

 /* SIMPLE NEWS */
#simpleNews{margin:0;}
#simpleNews .type{margin:0;padding:0;color:none;font-size:0;background:none;}
#simpleNews .content{padding:0;list-style:none;background:none;line-height:0;}
#simpleNews li{padding:0;}
#simpleNews li h3{font-size:0;}
#simpleNews li p{padding:0;font-size:0;color:none;}
#simpleNews li div{padding:0;}
#simpleNews .lL{border-bottom:0;padding-bottom:0;}
}