.wrapper {
    width: 100%;
}
	
body{
	margin:0px;
	padding:0px;
}

.wrapper {
	width:100%;  
	height:auto;
	background:url('slike/pozadina.svg') no-repeat;
	background-size: cover;
	float:centred;
}

.unutra {
	width:800px;
	margin:auto;
	padding:auto;
	height:440px;
	background:url('slike/logo.svg') no-repeat;
 }
 
.tekst {
	width: 400px;
	height:50px;
	background-color: white;
	float:left;
	margin-top: 390px;
	font-family: 'Roboto', sans-serif;
	color: #00FFC0; 
	font-size: 15px;
	line-height: 20px;
	padding-left: 15px;
	padding-top:15px;
	font-weight: 600;
}

.content{
	width: 800px;
	height:auto;
	background-color: none;
	float:centred;
	margin:auto;
	padding-top:30px;	
}

p {
	color:black;
	padding-left:70px;
	padding-right:70px;
	font-family: 'Merriweather', serif;
	font-size: 15px;
	line-height: 25px;
}

h2  {
	padding-left:70px;
	padding-right:70px;
	padding-top:20px;
	font-family: 'Roboto', sans-serif;
	color: black;
	font-size: 24px;
	line-height: 32px;
	font-weight: 600;
}

h3  {
	padding-left:70px;
	padding-right:70px;
	padding-top:20px;
	margin-bottom:-15px;
	font-family: 'Roboto', sans-serif;
	color: black;
	font-size: 18px;
	line-height: 25px;
	font-weight: 600;
}

.border {
	width:130px;
	margin-left:70px;
	margin-top: -7px;
	border-bottom:5px;
	border-bottom-style:solid;
	border-color: #00FFC0;
}

.footer{
	width:100%; 
	background-color:none;
	height:300px;
}

.linija {
	width:1300px;
	height:25px;
	float:right;
	background-color:#00FFC0;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	color:black;
	text-align: right;
	padding-top: 6px;
	padding-right: 4px;
	letter-spacing: 2px;
	
}
.ununtar {
	width:670px;
	height:300px;
	background-color:none;
	margin:auto;
	float:centred;
} 

.video {
	width:660x;
	float:centred;
	background-color: none;
	height:356px;
	padding:0px;
	margin-left: 70px;
	margin-right: 70px;
}

.slike {
	width:660x;
	float:centred;
	background-color: none;
	height:310px;
	padding:0px;
	margin-left: 70px;
	margin-right: 70px;
}

.blok {
	width:660x;
	float:centred;
	background-color:none;
	height:110px;
	padding:0px;
	margin-left: 70px;
	margin-right: 70px;
	margin-top:5px;
}

.blok1 {
	width:660x;
	float:centred;
	background-color:none;
	height:110px;
	padding:0px;
	margin-left: 70px;
	margin-right: 70px;
	margin-top:50px;
}

.a {
	width:162x;
	float:left;
	background-color: none;
	height:110px;
	float:centred;
	margin-bottom: -15px;
}

.jedan {
    width:200px;
    height:240px;
    background-color:none;
    float:left;
    padding-top:30px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 20px;
}

.dva {
    width:200px;
    height:240px;
    background-color:none;
    margin-left:35px;
    float: left;
    padding-top: 31px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 20px;
}

.tri {
    width:200px;
    height:240px;
    background-color:none;
    margin-left:35px;
    float: left;
    padding-top: 30px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 20px;
}

.slika2 {
    margin:auto;
    float:;
    margin-top: 20px;

}

.navi {
	width:250px;
	margin:auto;
	float:right;
	background-color: none;
	height:440px;
 }
 	
.navigation ul {
    padding-right: 50px;
	float:right;	
}
	
.navigation li {
    list-style-type: none;
	position: righ;
	font-family: 'Roboto', sans-serif;
	font-style: Bold;
	font-size: 17px;
	line-height: 35px;
	float:right;
	padding-right:20px;
}

a:link    {
	color:#000000; 
	background-color:transparent; 
	text-decoration:underline;
}

a:visited {
	color:#000000; 
	background-color:transparent; 
	text-decoration:underline;
}

a:hover   {
	color:#00FFC0; 
	background-color:transparent;
	text-decoration:underline;
}

.ab a:link    {
	color:#000000; 
	background-color:transparent; 
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-style: Bold;
	font-size: 17px;
}

.ab a:visited {
	color:#000000; 
	background-color:transparent; 
	text-decoration:none;
}

.ab a:hover   {
	color:black; 
	background-color:transparent;
	text-decoration:none;
}

.rightmenu{
	min-width: 170px;
	float:right;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-size: 15px;
	margin-right: -5px;
	margin-top: 12px;
	text-decoration: none;
}

.rightmenu > details > summary{
	background:none;
	height:8px;
	margin: 5px;
	padding: 15px;
	border-bottom:5px;
	border-bottom-style:solid;
	border-color: black;
	text-decoration: none;
	text-align: left; 
}

.rightmenu > details > summary:hover{
	background: none;
	color:#00FFC0;	
	border-bottom:5px;
	border-bottom-style:solid;
	border-color: #00FFC0; 
	text-decoration: none;
}

.rightmenu > details > a{
	display: block;
	text-decoration: none;
	color: none;
	margin: 3px 6px 3px 18px;
	padding: 3px;
	font-size:12px; 
}

.ispod {
	width:664px;
	height:1040px;
	background-color:none;
	margin-left: 70px;
	float:centred;
	font-family: 'Roboto', sans-serif;
	margin-top:40px;
}

.p1 {
	width:320px;
	height:330px;
	background-color:pink;
	float:left;
	font-family: 'Roboto', sans-serif;
	font-size:17px;
	line-height: 27px;
	background:url('slike/pro1.jpg') no-repeat;
}

.p1:hover {
	background:url('slike/pro01.jpg') no-repeat;
	display:inline-block;
}

.p2 {
	width:320px;
	height:330px;
	background-color:pink;
	float:right;
	font-family: 'Roboto', sans-serif;
	font-size:17px;
	line-height: 27px;
	background:url('slike/pro2.jpg') no-repeat;
}

.p2:hover {
	background:url('slike/pro02.jpg') no-repeat;
	display:inline-block;
}

.p3 {
	width:320px;
	height:330px;
	background-color:pink;
	float:left;
	font-family: 'Roboto', sans-serif;
	font-size:17px;
	line-height: 27px;
	margin-top:25px;
	background:url('slike/pro3.jpg') no-repeat;
}

.p3:hover {
	background:url('slike/pro03.jpg') no-repeat;
	display:inline-block;
}

.p4 {
	width:320px;
	height:330px;
	background-color:pink;
	float:right;
	font-family: 'Roboto', sans-serif;
	font-size:17px;
	line-height: 27px;
	margin-top:25px;
	background:url('slike/pro4.jpg') no-repeat;
}

.p4:hover {
	background:url('slike/pro04.jpg') no-repeat;
	display:inline-block;
}

.p5 {
	width:320px;
	height:330px;
	background-color:pink;
	float:left;
	font-family: 'Roboto', sans-serif;
	font-size:17px;
	line-height: 27px;
	margin-top:25px;
	background:url('slike/pro5.jpg') no-repeat;
}

.p5:hover {
	background:url('slike/pro05.jpg') no-repeat;
	display:inline-block;
}

.p6 {
	width:320px;
	height:330px;
	background-color:pink;
	float:right;
	font-family: 'Roboto', sans-serif;
	font-size:17px;
	line-height: 27px;
	margin-top:25px;
	background:url('slike/pro6.jpg') no-repeat;
}

.p6:hover {
	background:url('slike/pro06.jpg') no-repeat;
	display:inline-block;
}

#nav a.activeSlide { background: #00FFC0 }