body {
   background: url(amorom.png) repeat;
	font-family: helvetica, verdana, serif, arial;
	font-size: 0.8em;
	text-decoration: none;
	margin-bottom: 20px;
	margin-top: 0;
	cursor: default;
}
.container {
	display: flex;
	flex-wrap: wrap;
	height: auto;
}
 
#container2 {width:100%;}
    
#header {
	background: url(banner.jpg) no-repeat;
	width: 1170px;
	height:143px;
	position: relative;
	padding-bottom: 0px;
	text-decoration: none;
}
#header a {
	text-decoration: none;}
#header a img {
	float:right;width:40px;padding-right:5px;
	}
#header h1 {
   color: #9b0000;
   font-size: 4.3em;
   line-height: 0.8em;
   text-align: right;
   margin-right: 50px;
   text-shadow: 4px 5px 6px white;
   font-weight: bolder;
   letter-spacing: 2pt;
}		 
#header750 {
	background: url(banner750.jpg) no-repeat;
	width: 750px;
	height:92px;
	position: relative;
	padding-bottom: 0px;
	}
#header750 a {text-decoration: none;}
#header750 a img {
	float:right;width:40px;padding-right:5px;
	}	
#header750 h1 {
   color: #9b0000;
   font-size: 2.4em;
   line-height: 0.8em;
   text-align: right;
   text-shadow: 4px 5px 6px white;
   font-weight: bolder;
   font-family: Comic Sans MS;
   letter-spacing: 2pt;
   }		
 	 
#header320 {position: fixed;
	background: url(banner400.jpg) no-repeat;
	width: 100%;
	
	padding-bottom: 0px;
	}
#header320 a {text-decoration: none;}
#header320 a img {
	float:right;
	width: 30px;
	padding-right:5px;
	}
#header320 h1 {font-family: Comic Sans MS;
	color: #9b0000;
   font-size: 1.5em;
   text-align: center;
   text-shadow: 4px 5px 6px white;
   font-weight: bolder;
   text-align: right;
   margin: 0px;
   }	
 .content {
	background-color: whitesmoke;
	margin-top:5px;  text-align: left;
	font-size: 1.2em;
	 }
 .str_content {background-color: transparent;
	margin-top:5px;  text-align: center;
	font-size: 1.2em;
	}
.content a{
	color: #00002F;
	font-size: 1.0em;
	font-weight: bold;
	text-decoration: none;	
	background: transparent;
	}
.content a:hover{
	color: Red;	
	font-weight: bold;
    }
.content a span:hover{
	color: Red;	
	font-weight: bold;
    }
.content table td {background-color: transparent;  }
.tresc {padding:15px;}
 h1 {
	text-decoration: none;
	font-weight: normal;	
	font-size: 2em;	
	font-family: arial;
	font-style:normal;
   }
 #podh1 {
   text-decoration: none;
	font-weight: normal;
	font-size: 1.4em;
	font-family: arial;
	position: relative;
	   }		   
 .nazwa  {
    text-decoration: none;
    color: black;
	 font-weight:bold;;
    font-size: 1.2em;
    font-family: arial;
    font-style:normal;
   	}
.box { 
  background: #FFF8DC;
  color:DarkSlateGray;
  float:right;
  border:2px solid Grey; 
  width: auto;
  margin:10px 0 12px 12px; 
  padding:10px 10px 10px 10px; 
  text-align:left; 
  font-size:0.8em; 
  font-weight:normal
     }		
.leftbox {                           /*box Wystawy*/
  background: #FFF8DC;
  color:DarkSlateGray;
  float:left;
  border:2px solid Grey; 
  width: auto;
  margin:10px 12px 12px 0; 
  padding:10px 10px 0 10px;
  text-align:left; 
  font-size:0.8em; 
  font-weight:normal
     } 
 .leftbox h4  {
    margin-top: 5px;
    margin-bottom: 8px;
  }
     .rightbox {                           /*box Wystawy*/
  background: #FFF8DC;
  color:DarkSlateGray;
  float:right;
  border:2px solid Grey; 
  width: auto;
  margin:10px 0 12px 12px; 
  padding:10px 10px 0 10px;
  text-align:left; 
  font-size:0.8em; 
  font-weight:normal
     }         
.rightbox h4 {
  	margin-top: 5px;
  	margin-bottom: 8px;
  }  
 .plywak {
  background-color: #FFF8DC;
  border:1px solid Grey;
  float: left;
  text-align:left;
  /* margin-top: 3mm;*/
  padding:6px; 
  border-radius: 5%;
  display: block;	
  font-size: 11pt;
  font-weight: bold;
  font-family: arial;
  text-decoration: none;
  /*width: 110px;*/
    }
.plywak a:hover{ 
   background-color: White;
 	 	}
.plywak1 {
  background-color: #FFF8DC;
  border:1px solid Grey;
  float:right;
  text-align: center;
  padding:6px; 
  border-radius: 5%;
  margin-right: 20px;
  display: block;	
  font-size: 11pt;
  font-weight: bold;
  font-family: arial;
  text-decoration: none;
      }    
.plywak1 a:hover{ 
   background-color: White;
 	 	}
.includedContent1 {background-color:transparent; text-align: left;}
.includedContent2 {background-color:transparent;}
.footer {
   background-color:transparent;
   clear: both;
   border-bottom: 1px solid DarkGrey;
   color: #000000;
   margin: 10px;
   font-size: 0.7em;
   width: 100%;
	}
#str-map750 {
   background: url(str-mapka750.png) no-repeat;
   margin:0 0 0 110px;	
   height: 700px;
   position: relative;
  }	  
#musei750 dd {
	background-color: #FFF8DC;
	border-bottom:1px solid DarkGrey;
	padding:5px 10px; }  
	
@media only screen and (max-width: 400px) {

#header {display: none;}
#header750 {display: none;}
.tresc {margin-top: 60px;}
.includedContent {display:none;}
.includedContent1 {display: none;}	 
.includedContent2 {display: none;}
.includedContent5 {display: none;}
.includedContent3 {width: 100%;}
.includedContent6 {display: none;}
.content {width: 100%;}
.str_content {width: 100%;   }
#musei750 {display: none;}
.includedContent4 {
	width: 100%;
	color:#8b0000;
	font-size: 1em;
	font-family: arial;
	font-weight: normal;
	text-align: left;
	}	
.includedContent4 a {
	color: #8B0000;
	text-decoration: none;
		}
.includedContent4 a:hover {
	color:darkred;
	font-style: oblique;
	}
.includedContent4 dd a{
   font-size: 1.0em;
   line-height: 10px;
   
		}	
.includedContent td {
		padding-bottom: 5px;
		}
}
	
@media only screen and (min-width: 401px) and (max-width: 750px){	
	  #header {display: none;}
	  #header320 {display: none;}
	 .includedContent {display: none;}               /*sidebar1200.html*/
	 .content {width: 70%;   }
	 .str_content {width: 100%;}
	 .includedContent1 {display:none;}               /*linki1200.html*/
	 .includedContent3 {display: none;}              /*sidebar400.html*/
	 .includedContent4 {display: none;}              /*linki400.html*/
	 .includedContent2 {width: 100%;}                /*linki750.html*/
	 .includedContent5 {width: 30%; height:480px;}   /*sidebar1200.html*/
	  #musei400 {display: none;}
	  #str-map320 {display: none;}
.includedContent2 {
	color:#8b0000;
	font-size: 1.1em;
	font-family: arial;
	font-weight: normal;
	}	
.includedContent2 a {
	color: #8B0000;
	text-decoration: none;
	}
.includedContent2 a:hover {
	color:darkred;
	font-style: oblique;
	}
.includedContent2 dd a{
   font-size: 1.0em;
   line-height: 10px;  
		}		
.includedContent2 td {
		padding-bottom: 5px;
		}	
.includedContent5 a {
	background-color: #ffffff;
	border-bottom: 1px dotted #666666;
	border-right: 1px dotted #666666;
	border-color: #dfe Grey Grey #dfe;
	font-weight: bold;
	text-decoration: none;
	margin-top:5px;
		padding-left:15px;
   }  
.includedContent5 a:hover {
	background-color: Bisque;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	color: #9d1619; /*darkred;*/
	font-style: oblique;
	}
.includedContent5 dt span{
   background-color: #FFF8DC;border-bottom: 1px dotted #666666;border-right: 1px dotted #666666;color: #8B0000;display: block;font-size: 1.4em;font-weight: bold;padding: 8px 10px;text-decoration: none;width: 115px;margin-top:5px;}
.includedContent5 dt a{background-color:#FFF8DC;border-bottom: 1px dotted #666666;border-right: 1px dotted #666666;
	color: #8B0000;display: block;font-size: 1.4em;font-weight: bold;padding: 8px 10px;text-decoration: none;width: 115px;}
.includedContent5 dt:hover {color:darkred;}			
.includedContent5 dd a{background-color:#FFF8DC;border-bottom: 1px dotted #666666;border-right:0px;border-left:1px   dotted #666666;margin-top:2px;display: block;font-weight:normal;font-size:1.4em;color:Maroon;padding:8px 6px;width:160px;}	
.includedContent5 dd a:hover{			
	background-color: Bisque;
	border-bottom: 1px dotted #666666;
	border-right: 1px dotted #666666;
	color: Maroon;
	font-weight: bold;
	font-size: 1.4em;
	font-style: oblique;
	}			
#przewijaczka {
   border-radius: 00px;
   position: relative; 
	width: 100%; 
	overflow: hidden;
	}
	 }	

@media only screen and (min-width: 751px){
	  #header750 {display: none;}
	  #header320 {display: none;}
	 .includedContent {width: 20%;  height:480px;}
	 .content {width: 60%;}
	 .str_content {width: 100%;   }
	 .includedContent1 {width: 19%; height:620px;}
	 .includedContent2 {display: none;}
	 .includedContent3 {display: none;}
	 .includedContent4 {display: none;}
	 .includedContent5 {display: none;}
	 .includedContent6 {width: 100%; height:50px;}
	 #container2 {width:80%;}
	 #musei400 {display: none;} 
.includedContent a {
	background-color: #ffffff;
	border-bottom: 1px dotted #666666;
	border-right: 1px dotted #666666;
	border-color: #dfe Grey Grey #dfe;
	display: block;
	font-weight: bold;
	
	padding: 8px 10px;
	text-decoration: none;
	margin-top:5px;
	margin-left:20px;
   }   
.includedContent a:hover {
	background-color: Bisque;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	color: #9d1619; /*darkred;*/
	font-style: oblique;
	}
.includedContent dt span{
   background-color: #FFF8DC;
	border-bottom: 1px dotted #666666;
	border-right: 1px dotted #666666;
	color: #8B0000;
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	padding: 8px 10px;
	text-decoration: none;
	width: 115px;
	margin-top:5px;
	margin-left:20px;
	}
.includedContent dt a{
   background-color:#FFF8DC;
	border-bottom: 1px dotted #666666;
	border-right: 1px dotted #666666;
	color: #8B0000;
	display: block;
   font-size: 1.4em;
	font-weight: bold;
	padding: 8px 10px;
	text-decoration: none;
	width: 115px;
		}
.includedContent dt:hover {	
	color:darkred;
	}
.includedContent dd a{
   background-color:#FFF8DC;
	border-bottom: 1px dotted #666666;
	border-right: 0px;
	border-left: 1px dotted #666666;
	margin-top:2px;
	display: block;
	font-weight: normal;
	font-size: 1.4em;
	color: Maroon;
	padding: 8px 6px;
	width: 160px;
	}
.includedContent dd a:hover{	
	background-color: Bisque;
	border-bottom: 1px dotted #666666;
	border-right: 1px dotted #666666;
	color: Maroon;
	font-weight: bold;
	font-size: 1.4em;
	font-style: oblique;
	}
#przewijaczka {
   border-radius: 00px;
   position: relative; 
	width: 100%; 
	overflow: hidden;
	}	
.includedContent1 {
	float: left;
	color:#8b0000;
	font-size: 1.3em;
	font-family: arial;
	font-weight: bold;
	margin-left: 1%;
	line-height: 2;
	}		 
.includedContent1 a {
	color: #8B0000;
	display: block;
	text-decoration: none;
	}

.includedContent1 a:hover {
	color:darkred;
	font-style: oblique;
	}

.includedContent1 dt {
	color: #8B0000;
	display: block;
	font-weight: bold;
	text-decoration: none;
	}

.includedContent1 dt a{
   color: #8B0000;
   display: block;
 	text-decoration: none;
		}

.includedContent1 dt:hover {
	font-style: oblique;
	} 	
.includedContent1 dd a{
	color: Maroon;
	display: block;
	font-size: 1em;
	font-weight: normal;
	}
	
.includedContent1 dd a:hover{	
	color: Maroon;
	font-weight: bold;
	font-style: oblique;
	}  

}

@media only screen and (min-width: 1200px){
	 .container {width: 1150px; 
	 margin-left: auto;
	 margin-right: auto;}
	 .includedContent a {margin-left: 20px;}
	 .includedContent dd span {margin-left: 20px;}
	 #header {width: 100%;}
	 #header750 {display: none;}
	 #header a {position: relative;} 
		}
	
	/*--------------------------- css dla multilevel.html--menu dla media 400*---includedContent3----------------------------*/
	
#menu-multilevel { background-color:Bisque;         
	font-family: helvetica, verdana, serif, arial;
	font-size: 1.2em;
	text-decoration: none;
	margin-bottom: 0;
	margin-top: 0;
	cursor: default;
	width: 100%;
}

 #menu-multilevel ul {
  margin: 0;
  padding: 0;
}

#menu-multilevel .main-menu {
  display: none;
}

#tm:checked + .main-menu {
  display: block;
}

#menu-multilevel input[type="checkbox"], 
#menu-multilevel ul span.drop-icon {
  display: none;
}

#menu-multilevel li, #toggle-menu, #menu-multilevel .sub-menu {
  border-style: solid;
  border-color: white;
  }

#menu-multilevel li, 
#toggle-menu {
  border-width: 0;
}

#menu-multilevel .sub-menu {                         /*tło podstrony*/
  background-color: #FFF8DC;
  margin-left: 15%;
  width: 85%;
}

#menu-multilevel .sub-menu li{ 
  border-bottom-color: #9d1619;
  border-bottom-width: 1px;
}

#menu-multilevel .sub-menu li:last-child {
  border-width: 0;
}
                                           /*0.2em - odstęp między klatkami sidebar*/
#menu-multilevel li, #toggle-menu, #menu-multilevel a {
  position: relative;
  display: block;
  color: #9d1619;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
  border-bottom-color:white;
  border-bottom-width: 0.2em;
}
                                         /*0.4em  - wysokość klatki sidebar*/
#toggle-menu, #menu-multilevel a {
  padding: 0.4em 1em;
}

#menu-multilevel a {
  transition: all .125s ease-in-out;
  -webkit-transition: all .125s ease-in-out;
  color: #9d1619;
  text-decoration: none;
}

#menu-multilevel a:hover {
  background-color: #FFF8DC;
  font-style: oblique;
}

#menu-multilevel .sub-menu {
  display: none;
  text-shadow: 0;
  font-weight: normal;
  font-size: 0.9em;
}

#menu-multilevel input[type="checkbox"]:checked + .sub-menu {
  display: block;
}

#menu-multilevel .sub-menu a:hover {
  color:  #9d1619;
}

#toggle-menu .drop-icon, #menu-multilevel li label.drop-icon {                                  /*strzałka*/
  position: absolute;
  font-size: 1.5em;
  right: 1.5em;
  top: 0.2em;
}

#menu-multilevel label.drop-icon, #toggle-menu span.drop-icon {      /*strzałka*/
   color: black;
}

#menu-multilevel .drop-icon {
  line-height: 1;
}