body
{
	background-color : gray;
	color : white;
	background-image: url('/static/images/chmury.jpg');
	background-position: center;
	background-size: 100%;
	font-size: 20px;
}

.stopka
{
	background-color: #4637c8;
	text-align: center;
	border-top: 2px solid #ff0000;
	border-bottom: 2px solid #ff0000;
	margin-top: 30px;
	min-height: 50px;
	padding-top:10px;
	padding-bottom:10px;
	
}

.logo img, .stopka img
{
	transition: transform .8s;

}

.logo img:hover, .stopka img:hover
{
	transform: scale(1.4) rotate(-360deg);	
	
}

.foto-firma
{
	width:50%;
	
}

.foto-firma img
{
	transition: all 0.5s;
}

.foto-firma:hover img
{
	transform: scale (1.2);
}
.klasa_zegara
{
	border: 2px solid red;
	margin-right:10px;
	padding:10px;
	text-align: center;
	background-color: white;
	font-size:18px;
}

.image_copyright
{
	margin-bottom:10px;
}
.artykul
{
	font-size: 25px;
	margin-top: 20px;
}
#tresc
{
	min-height:550px;
}
.img_fluid2
{
	margin-bottom: 4px;
	
}
.img_gallerry
{
	margin-bottom: 4px;
	margin-right:4px;
}
.dropdown-item
{
	background-color: #4637c8;
	color:white;
}
.zawartosc
{
	background-color : white;
	color : black;
	/* background-image: url ('../images/logo-mitsoft-wytloczenie.png'); */
}
.navbar 
{
	min-height: 57px;
	background-color: #4637c8;
	text-align: center;
	margin-bottom: 10px;
	border-top: 2px solid #ff0000;
	border-bottom: 2px solid #ff0000;
	color: #fff;
}

.navbar-toggler
{
	color: white;
	background-color: #7eb444;
}
.navbar-header
{
	background-color:white;
}

.nav-item
{
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
	border-right: 1px dashed #ff0000;
/*	transition: transform .2s; */
	
}
/*
.nav-item:hover
{
	transform: scale(1.2);	
	background:white;
	border-radius: 5px;
	
}
*/
.nav-item:first-child
{
	border-left: 1px dashed #ff0000;
	
}
.nav-item:active 
{
	color : red;
}

.navbar-toggler-icon
{
	color:#fff;
}
h1.logo
{
	font-size: 50px;
	font-weight: 700;
	text-shadow: 2px 2px red;
	color: #ddd;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 5px;
	margin-top: 30px;
	margin-bottom: 20px;
}

#topnav
{
	background-color: #4637c8;
	text-align: center;
	margin-bottom: 10px;
	border-top: 2px solid #ff0000;
	border-bottom: 2px solid #ff0000;
}

.boczne_menu
{
	background-color : white;
	color : black;
}

.tytul

{
	color:red;
	text-shadow: 2px 2px  #4637c8;
	
}

.kategorie

{
	color:4637c8;
	text-shadow: 2px 2px  #FF0000;
	
}

.side
{
	padding-top:10px;
	padding-left:10px;
	background-color:#e8eaf6;
	color:#4637c8;	
}

.side a
{
	color:#4637c8;	
	text-decoration: none;
	/* padding:5px; */
}

.side > li
{
	display: inline-block;
	padding:10px;

}
.side a:hover
{
	background-color:#4637c8;
	/* color:black; */
	color:white;
	/* font-width:700; */
}


.menu
{
	list-style-type: none;
	margin: 0;
	padding: 10px;
	font-size: 16px;
	min-height: 38px;
	line-height: 200%;
	text-transform: uppercase;
	color: #fff;
}

.menu > li
{
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
	border-right: 1px dashed #ff0000;
}

.menu > li:first-child
{
	border-left: 1px dashed #ff0000;
}

.menu a
{
	color: #fff;
	text-decoration: none;
}

.menu a:hover
{
	color: #ff0000;
}

.kontakt
{
	width: 50%;
	float: left;
	color: blue;
	font-size:20px;
	font-weight: 700;
}

.kontakt p
{
	font-size: 16px;
	/* color: black;  */
}

.godziny
{
	font-size:25px;
}

.gallery_button
{
	width:100%;
	border-radius: 15px;
	margin-bottom: 10px;
	border: 2px solid #ff0000;
	padding:5px;
	font-size:15px;
	transition: transform .2s;
}

.gallery_button:hover
{
	color:blue;
	transform: scale(1.1);	
}


.klasa_okienka
{
	display: none;
	width: 60%;
	height:200px;
	text-align: center;
	color:blue;
	margin-left: auto;
	margin-right:auto;
	position: absolute;
	

}

#okienko
{
    background:#fff;
    /* cień pod oknem */
    -moz-box-shadow:1px 1px 5px #555;
    -webkit-box-shadow:1px 1px 5px #555;
    box-shadow:1px 1px 5px #555;
/*    display:none; */
    top:30px;
    z-index:2000;
    position:absolute;
    /* zaokrąglone rogi, nie działają w IE */
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;	
	left: 20px;
	margin-left: auto;
	margin-right:auto;
}

.modal_body_container
{
}
.mit_image_item2
{
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:100%;
}

.mit_image_nav
{
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
}

.mit_image_nav a
{
	flex:1;
	display: flex;
	align-items: center;
	opacity:0;
	transition: opacity .05s;
	color: #fff;
	font-size:30px;
	z-index:1;
}

.mit_image_nav a:hover
{
	opacity:1;	
	text-decoration: none;
}

.mit_image_nav a span
{
	padding: 0 30px;
	width: 100%;
}

.mit_image_nav a:last-child span
{
	text-align: right;
}

.prev
{
	
}
.next
{
	
}
#dial_over {
    width:100%;
    height:100%;
    /* przezroczystość */
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity:0.5;
    opacity:0.5;
    background:#000;
    position:absolute;
    left:0px;
    top:0px;
    z-index:100;
/*    display:none;
*/
}
@media (max-width:1100px)
{
	.menu {
		font-size: 16px;
		}
}
 
.modal-dialog
{
	max-width:1000px;
}

.modal-title
{
	text-align: center;
	color: blue;
}
.modal-footer
{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.play
{
	font-size:20px;
	color:black;
	padding:2px;
}

#id_modala1 {
	opacity: 1;
	transition: opacity 0.3s ease-in-out;
}

#id_modala1.fade{
	opacity: 0;
}

.opis_galerii {
	font-family: Georgia, serif;
	font-size: 30px;
	text-align:center;
	font: italic;
}