html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }

body { line-height: 1 }

ol, ul { list-style: none }

blockquote, q { quotes: none }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}


body {
    font: normal 16px/20px Arial Bold,Helvetica,sans-serif;
    background: #ededec;
    margin: 0;
    margin-top: 10px;
    padding: 0;
}

section,header,footer {
    display: block;
}

#wrapper {
    width: 528px;
	height:720px;
    margin: 0 auto;
    background: #fff url(../slike/ozadje1.png) no-repeat center top;	
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border-top: 1px solid #fff;
}

#wrapper2 {
    width: 528px;
	height:720px;
    margin: 0 auto;
    background: #fff url(../slike/ozadje2.png) no-repeat center top;	
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border-top: 1px solid #fff;
}

#wrapper3 {
    width: 528px;
	height:720px;
    margin: 0 auto;
    background: #fff url(../slike/ozadje3.png) no-repeat center top;	
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border-top: 1px solid #fff;
    position: relative;
    /* inline-block for 100% of child width */
}

#wrapper4 {
    width: 528px;
	height:720px;
    margin: 0 auto;
    background: #fff url(../slike/ozadje4.png) no-repeat center top;	
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border-top: 1px solid #fff;
    position: relative;
    /* inline-block for 100% of child width */
}

#wrapper5 {
    width: 528px;
	height:720px;
    margin: 0 auto;
    background: #fff url(../slike/ozadje5.png) no-repeat center top;	
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border-top: 1px solid #fff;
    position: relative;
    /* inline-block for 100% of child width */
}


#wrapper3 .top,#wrapper4 .top, #wrapper5 .top {
  width: 528px;
  margin: auto
}

#wrapper3 h1,#wrapper4 h1,#wrapper5 h1 {
	font-size:40px;
	font-weight:bold;
	display:block;
	margin-top:80px;
	text-align: center;
	}
	
.slika img{
		height:201px;
		width:275px;			
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 10px solid #000;
	margin-top:50px;
	margin-left:40px;
	}
	
	
	
.slika2 img{
		height:124px;
		width:170px;			
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 10px solid #000;
	margin-top:50px;
	margin-left:40px;
	float:left;
	visibility: hidden;
	}	
	
#linkd{
		width:190px;	
	margin-top:10px;
	margin-left:40px;
	float:left;
	text-align:center;
	visibility: hidden;
	}	
	
#linkf{
	text-decoration:none;
	font-weight:bold;
	font-size:16px;
	color:#000;
	}	
	
	
#vprasalnik{
  margin-right: 175px;
  margin-top: 145px;
  font-size:12px;
  font-weight:bold;
  text-align: center;
  height:80px;
  width:90px;
  display: block;
    position: relative;
	float:right;
}
	
	
#wrapper4 .opis1{
  width: 528px;
  margin: auto;
}
#wrapper4 .opis2 {
  width: 250px;
  margin: auto;
  float:left;
	display:block;
}
#wrapper4 .opis3 {
  width: 250px;
  margin: auto;
  float:left;
	display:block;
}

#wrapper4 .opis4 {
  width: 350px;
  margin: auto;
  float:left;
}

#wrapper4 .opis1 h2 {
	font-size:18px;
	display:block;
	text-align: center;
	margin-top:120px;
	font-weight:bold;
	}

#wrapper4 .opis2 h2,#wrapper4 .opis3 h2 {
	font-size:18px;
	display:block;
	text-align: center;
	margin-top:40px;
	font-weight:bold;
	}

#wrapper4 .opis4 h2 {
	font-size:18px;
	display:block;
	text-align: center;
	margin-top:30px;
	margin-left:30px;
	font-weight:bold;
	}
		
#wrapper5 .opis6{
  width: 528px;
  margin: auto;
}

#wrapper5 .opis6 form {
  margin-left: 60px;
  margin-top: 250px;
  display: block;
    position: relative;
    padding: 2px 4px;
	float:left;
	}
	
#wrapper5 .opis6 input.text {
	font-size:22px;
	text-align: center;
	font-weight:bold;
	height:50px;
	width:300px;
	background-color:#BFDEB9;
	border: none;
	}


#nazaj{
  margin-left: 200px;
  margin-top:500px;
  display: block;
    position: absolute;
    right: 5px;
    bottom: 10px;
    padding: 2px 4px;
}

/**
 * Styling navigation
 */

header {
font-family: Arial Bold;
font-size:20px;
  margin-right: auto;
  margin-left: 20px;
  margin-top:30px;
  text-decoration: none; 
}

/**
 * Styling top level items
 */

.nav a, .nav label {
  display: block;
 padding: .25rem;
  color: #000;
  -webkit-transition: all .25s ease-in;
  transition: all .25s ease-in;
  border: none;
  text-decoration: none; 
}

.nav a:focus, .nav a:hover, .nav label:focus, .nav label:hover {	
  border: none;
  text-decoration: none; 
}

.nav label { cursor: pointer;
  border: none;
text-decoration: none;   }

/**
 * Styling first level lists items
 */

.group-list a, .group-list label {
  padding-left: 3rem;
  border: none;
  text-decoration: none; 
}

.group-list a:focus, .group-list a:hover, .group-list label:focus, .group-list label:hover {text-decoration: none;   }

/**
 * Styling second level list items
 */

.sub-group-list a, .sub-group-list label {
  padding-left: 3rem;
  border: none;
  text-decoration: none; 
}


/**
 * Hide nested lists
 */

.group-list, .sub-group-list, .sub-sub-group-list {
  height: 20%;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .5s ease-in-out;
  transition: max-height .5s ease-in-out;
}

.nav__list input[type=checkbox]:checked + label + ul { /* reset the height when checkbox is checked */
max-height: 1000px; }

/**
 * Rotating chevron icon
 */

label > span {
  float: right;
  -webkit-transition: -webkit-transform .65s ease;
  transition: transform .65s ease;
}

.nav__list input[type=checkbox]:checked + label > span {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}