/*
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=Pacifico&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:#000000;font-size:1.5em;font-family: 'Open Sans Condensed', sans-serif;}

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

.input, select, textarea{padding:2px;border-width:1px;border-style:solid;font-size:1em;border-color:#000000;}
.submit{padding:5px 14px;border-width:1px;border-style:solid;border-color:#000000;background:none;color:#000000;font-weight:bold;font-size:1em;}
.submit:hover{background:#ffffff;cursor:pointer;}
* html .submit{padding:3px 1px !important;}
* html .input{height:28px;}
.form{background:none;border:1px solid #000000;}
.form label{font-size:1em;color:#000000;font-weight:bold;}
.hide{display:none;}

a{color:#000000;text-decoration:underline;}
a:hover{color:#660d0a;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:82%;margin:0 auto;text-align:left;}
#body .container, #foot .container{width:82%;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;}
 #head1, #head2{width:95%;}
 #head1{height:42vw;}
 #body .container, #foot .container{width:95%;}
}

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

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

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

#menu1{margin-left:0;}
#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:.6em .6em;color:#ffffff;font-family: 'Pacifico', cursive;font-size:1.2em;font-weight:normal;text-decoration:none;text-shadow:0 .3em .3em #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:#660d0a;transition:all .5s ease;text-shadow:0 .2em .2em #000000, 0 0 .1em #cca875;}
#menu1 .selected a{border-color:transparent #ffffff;}

/*średni telefon lub IPad*/
@media only screen and (max-width: 680px) {
#menu1 li a{padding:0 .6em;color:#000000;font-family: 'Open Sans Condensed', sans-serif;font-size:1em;text-shadow:none;}
#menu1 li a:hover,#menu1 .selected a,#menu1 .selected-parent a{color:#660d0a;transition:all .5s ease;text-shadow:none;}
}

/* BODY STYLES - LEFT AND RIGHT COLUMN */
#body{clear:both;margin:0;background:url('img/middle.jpg') repeat-y top 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{background:url('img/mobile_middle.jpg') repeat-y top center;-moz-background-size:100% auto; /* Firefox 3.x */ background-size:100% auto;}
}

/* LEFT COLUMN STYLES */
#column{float:left;width:25%;padding:0;}
#column .type{padding:4% 2% 12%;color:#ffffff;font-size:1em;font-weight:bold;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 .3em .3em #000000;}
#menu2{margin:0 20px 20px;}

/*średni telefon lub IPad*/
@media only screen and (max-width: 680px) {
 #column .type{margin-top:5px;padding:1% 0;color:#ffffff;font-size:1em;font-weight:bold;text-align:center;background:#970000;border:0;text-shadow:none;}
 #menu2{margin:0;}
}

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

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

/*średni telefon lub IPad*/
@media only screen and (max-width: 680px) {
 #column{float:left;width:100%;}
 #menu2 li{padding:0;}
 #menu2 a{color:#000000;font-size:1em;}
 #menu2 a:hover, #menu2 .sub1 a:hover{color:#660d0a;}
}

/* RIGHT COLUMN STYLES */
#content{float:left;width:75%;padding:0px 0 5px;text-align:center;}
* html #content{width:660px;}
* html #page{width:100%;}
#page{position:relative;width:98%;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:0 0 10px;color:#660d0a;font-family: 'Pacifico', cursive;font-size:1.8em;font-weight:normal;background:inherit;text-shadow:0 .2em .2em #000000, 0 0 .01em #cca875;}

/* NAVIGATION PATH - TREE */
#page h4{position:absolute;top:-6%;padding:2px 0;color:#000000;background:inherit;font-size:.8em;}
#page h4 a{background-color:inherit;color:#000000;text-decoration:none;font-weight:normal;}
#page h4 a:hover{color:#660d0a;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: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:1%;}

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

/* IMAGES STYLES */
#content .imagesList{list-style:none;}
#content .imagesList li{margin:0;background:inherit;font-size:0.9em;color:#000000;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 #000000;-webkit-transition:1s;-moz-transition:1s;transition:1s;width:96%;display:block;box-shadow:0 .5em .5em rgba(0,0,0,.6);}
#content .subpagesList li img:hover, #content .imagesList li img:hover{border-color:#660d0a;}

#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{float:left;margin:0;width:100%;}
 #imagesList2{float:left;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 #000000;}
#filesList li{width:100%;float:left;clear:left;margin:1% 0 1% 2%;padding-left:2%;}
#filesList li a{color:#660d0a;background:inherit;}
#filesList li a:hover{color:#000000;background:inherit;}
#filesList img{margin:0 1% 0 0;vertical-align:middle;}
#filesList em{padding-left:.5%;background:inherit;color:#000000;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: 'Pacifico', cursive;color:#000000;font-size:1.25em;font-weight:normal;background:none;text-decoration:none;}
#content .subpagesList li h2 a:hover{color:#660d0a;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:1%;background:inherit;color:#000000;font-size:1em;text-align:right;}
*:first-child+html #options{width:95%;} /* IE 7 hack */
#options a{padding:0 .5em;color:#000000;background:inherit;}
#options a:hover{color:#660d0a;background:inherit;}
#options .back, #options .print{float:right;}
#options .print a{border-left:1px solid #000000;}

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

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

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

#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 #000000;}

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

/* SCROLL BACK TO TOP */
#backToTop{position:fixed;bottom:0;right:1.5%;}
#backToTop a{display:block;width:3em;padding:4% 2%;text-align:center;text-transform:uppercase;text-decoration:none;color:#ffffff;font-size:.8em;font-weight:bold;-webkit-transition:1s;-moz-transition:1s;transition:1s;border:2px solid #ffffff;}
#backToTop a:hover{color:#660d0a;border-color:#660d0a;}

/* DOWNLOAD */
#download{width:100%;background:none;font-size:1em;margin:3% 0 1%;}
#download td{padding:.5%;border:1px solid #000000;}
#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:#000000;}

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

/* SIMPLE NEWS */
#simpleNews{margin:0 20px 10px;}
#simpleNews .type{}
#simpleNews .content{padding:0 7px 15px;list-style:none;background:none;line-height:1.1em;}
#simpleNews li{padding:7px 0;}
#simpleNews li h3 a{font-size:1em;color:#660d0a;font-weight:normal;}
#simpleNews li p{padding:3px 0 0;font-size:.9em;color:#ffffff;}
#simpleNews li div{padding:2px 0 0 0;}
#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;}
}