body {
	margin: 0;
}
a {
	text-decoration: none;
}

.logo {
	margin-left: auto;
	margin-right: auto;
	max-width:600px
}

.header_line {
	width: 100%;
	margin-top: 120px;
	height: 36px;
	min-width: 1000px;
	background-color: #970000;
}

.css-slideshow{
	position: relative;
	top: 30px;
	max-width: 990px;
	height: 390px;
	margin: 5em auto .5em auto;
}
.css-slideshow figure{
	margin: 0;
	max-width: 990px;
	height: 390px;
	background: #000;
	position: absolute;
}
.css-slideshow img{
	box-shadow: 0 0 2px #666;
}
.css-slideshow figcaption{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	color: #fff;
	background: rgba(0,0,0, .3);
	font-size: .8em;
	padding: 8px 12px;
	opacity: 0;
	transition: opacity .5s;
}
.css-slideshow:hover figure figcaption{
	transition: opacity .5s;
	opacity: 1;
}
.css-slideshow figure{
	opacity:0;
}
figure:nth-child(1) {
   animation: xfade 48s 42s infinite;
}
figure:nth-child(2) {
   animation: xfade 48s 36s infinite;
}
figure:nth-child(3) {
   animation: xfade 48s 30s infinite;
}
figure:nth-child(4) {
   animation: xfade 48s 24s infinite;
}
figure:nth-child(5) {
   animation: xfade 48s 18s infinite;
}
figure:nth-child(6) {
   animation: xfade 48s 12s infinite;
}
figure:nth-child(7) {
   animation: xfade 48s 6s infinite;
}
figure:nth-child(8) {
   animation: xfade 48s 0s infinite;
}
/*	For N images:
		a = Presentation time of 1 image (5s)
		b = Crossfade duration (2s)
		t = Total duration of slideshow (35s)

	Keyframes:
		1. 0%
		2. a/t * 100%
		3. (a+b)/t * 100%
		4. 100% - (b/t * 100%)
		5. 100%	*/

@keyframes xfade{
   0% {
      opacity: 1;
   }
   14.67% {
      opacity:1;
   }
   16.67% {
      opacity: 0;
   }
   98% {
      opacity:0;
   }
   100% {
      opacity:1;
   }
}

.clearfix:after {
    display:block;
    clear:both;
}
 
/*----- Menu Outline -----*/
.menu-wrap {
	position:relative;
    width:100%;
    box-shadow:0px 1px 3px rgba(0,0,0,0.2);
	margin-top: -20px;
}
 
.menu {
    width:1000px;
    margin:0px auto;
}
 
.menu li {
    margin:0px;
    list-style:none;
	font-family: 'Verdana', serif;
	letter-spacing: 1px;
	font-size: 18px;
}
 
.menu a {
    transition:all linear 0.15s;
    color:black;
    text-decoration:none;
}
 
.menu li:hover > a, .menu .current-item > a {
    text-decoration:none;
    color:black;
}
 
/*----- Top Level -----*/
.menu > ul > li {
    float:left;
    display:inline-block;
    position:relative;
    font-size:19px;
}
 
.menu > ul > li > a {
    padding:10px 40px;
    display:inline-block;
    text-shadow:0px 1px 0px rgba(0,0,0,0.4);
}
 
.menu > ul > li:hover > a, .menu > ul > .current-item > a {
    background:#970000;
	color:white;
}
 
/*----- Bottom Level -----*/
.menu li:hover .sub-menu {
    z-index:1;
    opacity:1;
}
 
.sub-menu {
	width: 100%;
    padding: 5px 0px;
    position: absolute;
    top: 100%;
    left: 0px;
    opacity: 0;
    transition: opacity linear 0.15s;
    box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
    background: #970000;
	font-weight: 500;
	z-index:-1;
}
 
.sub-menu li {
    display:block;
    font-size:14px;
}
 
.sub-menu li a {
	letter-spacing: 0px;
    padding:10px 30px;
    display:block;
	color: white;
}
 
.sub-menu li a:hover, .sub-menu .current-item a {
    background:white;
}

.description {
	
	margin: auto;
	max-width: 1000px;
	margin-top: 70px;
	margin-bottom: 40px;
}

.description h {
	font-size: 35px;
}

.description p {
	font-family: 'Verdana', serif;
	font-size: 14px;
}

hr {
	position: relative;
	top: 20px;
	width: 1000px;
	color="#970000"
}

.contact {
	top: 20px;
	color: grey;
	position: relative;
	font-family: 'Verdana', serif;
	font-size: 14px;
	min-width: 1000px;
	text-align: center;
}

.o_nama {
	font-family: 'Verdana', serif;
	font-size: 14px;
	margin: auto;
	margin-top: 80px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	max-width: 1000px;
} h1 {font-size: 32px; font-family: Times New Roman;}

.profile {
	text-align: center;
	float: right;
	width: 200px;
	padding-left: 70px;
	padding-right: 70px;
}

.kontakt {
	margin: auto;
	margin-top: 150px;
	max-width: 1000px;
	margin-bottom: 100px;
	
}

.kontakt iframe {
	padding-right: 20px;
}

.kontakt p, table, td {
	font-family: 'Verdana', serif;
	text-align: center;
	font-size: 12px;
	margin-top: 0px;
}

.monolitni {
	margin-top: 50px;
	max-width: 1000px;
	margin: auto;
	margin-bottom: 40px;
}

table, td {
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
	text-align: center;
    border: 1px solid #970000;
	width: 1000px;
	font-family: 'Verdana', serif;
	font-size: 12px;
	margin-top: 50px;
}

.table_head {
	font-size: 12px;
	font-weight: bold;
}

.opeka {
	margin: auto;
	margin-top: 50px;
	max-width: 1000px;
	margin-bottom: 50px;
} .imageframe {
	height: 250px;
	width: 220px;
	background-color: #970000;
    box-shadow: 5px 5px 5px #888888;
	display: inline-block;
	margin: auto;
	margin-left: 22px;
} .opeka p {
	text-align: Center;
	font-size: 20px;
	padding-top: 8px;
	color: white;
	letter-spacing: 1px;
}

.gallery {
	width: 1000px;
	height: 1000px;
	margin: auto;
	margin-top: 100px;
	margin-bottom: 100px;
}

.item {
	position: relative;
	width: 240px;
	height: 240px;
	margin: 3px;
	display: inline-block;
	margin-bottom: auto;
}

.item img {
	max-width:100%;
	max-height:100%;
	margin-bottom: auto;
    box-shadow: 5px 5px 5px #888888;
	border:1px solid black;
}