/* body, a, header, p.header_kontakt, nav, naslovna.img, quote, h2, istaknuto
	a.fb, footer*/ 


body {
	background: #F7EAFB;
	font-family: 'Open Sans', Verdana, Sans-serif;
	color: #858585; 
	}

a{ 
	text-decoration: none;
	}

.header {
	background:#B666D2;
	padding: 20px 0;
	margin: auto;
	}

a.logo {
	display: block;
 	width: 339px; 
 	/*height: 42px;*/ 
	background: url(slike/logo.png) 0 0 no-repeat;
	text-align: right;
	padding-top: 42px;
	color: #fff;
	font-size: 16px;
		}

p.header_kontakt{
	text-align: right;
	font-size: 20px;
	color: #fff;
	}


nav.navbar-default {
	background: none;
	border: none;
	font-size: 16px;
	display: inline-block;
	
	}

.navbar-default .navbar-nav > li > a {
    color: #9535b5;
    letter-spacing: 1px;
	}

/*background aktivnog menija*/
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active >   
 a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #fff; /*background boja aktivnog*/
background-color: #B666D2;
	}

/*Postavljanje efekta kod hover na meniju*/
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #fff;
background-color: #B666D2;  
	}

.navbar-default .navbar-toggle .icon-bar {
    background-color:#B666D2;
    
	}


.naslovna{
	position: relative;


	}

.naslovna_content{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	}



.naslovna h1 span{
	padding-left: 10%;
	} 

.naslovna h1 span.drugi_red{
	padding-left: 25%;
	}

.naslovna h1 span.treci_red{
	padding-left: 40%;
	}

.naslovna img{

	}
.naslov{
	margin-top: 8%;
	left: 6%;
	
}

.forma_naslovna h2{
	color: #fff;
	
	}


.form-control{
	margin: 3% 0;
	border: none;

	}

.btn{
	background: #D555FF;
	border-color: #D555FF;
	color: #fff;
	letter-spacing: 1px;
	margin: 3% 0;
	}

.btn-default:hover{
    color: #9535B5;
    background: #fff;
    border-color: #B666D2;
	
	}

.quote{
	color: #9E38C0;
	font-family: Monotype corsiva;
	text-align: center;
	font-size: 19px;
	margin: 20px auto;
	
	}

h1{
	color: #fff;
	font-size: 45px;
	letter-spacing: 1px;
	
	}

h2{ 
	font-family: 'Open Sans', Verdana, Sans-serif;
	color: #858585;
	text-align: center;
	font-size: 25px;
	padding: 3% 0;

	}

.forma_naslovna{
	color:#858585;
	background: url(slike/bckg_form.png) 0 0 repeat;
	vertical-align: middle;
	height: 100%;

	}

.forma2{
		
		background: url(slike/bckg_h1.png) 0 0 repeat;
	}

.forma2 h2{
	color: #fff;
}

.forma2 input{
	margin-left: 15%;
} 

.forma2 textarea{
	margin-left: 15%;
} 

.forma2 button{
	margin-left: 15%;
} 

.istaknuto{
	background: #B666D2;
	padding: 30px 30px;
	color:#fff;
	text-align: center;
	margin: auto auto;
	
	}

.sadrzaj {
	text-align: center;

	}

.sadrzaj img {
	margin: auto auto;
	
	}

a img:hover{
	opacity: 0.3;
	
	}

.sadrzaj_text{
	padding-bottom: 10px;
	}

a.fb{
	display: inline-block;
	text-align: center;
	font-size: 20px;
	text-decoration: none;
	background: url(slike/fb_index.jpg) right top no-repeat;
	line-height: 40px;
	color:#858585;
	padding-right: 50px;
	margin-bottom: 15px; 

	}

.footer{
	background: #B666D2;
	padding: 20px 0;
	color: #fff;
	font-size: 15;
	margin-top: 5%;
	margin-right: auto;
	}

.unutarnja h1{
	position: relative;
	padding-bottom: 1%;
	background: url(slike/bckg_h1.png) 0 0 repeat;
	
	}

.unutarnja{
	position: relative;
	margin-bottom: 5%;

	}

.unutarnja_content{
	position: absolute;
	top: 5%;
	left: 10%;
	}

.tekst_unutarnja{
	text-align: left;
	margin: 20px auto;
	}

.tekst_unutarnja h2{
	text-align: left;
	}

.popis{
	text-align: justify;
}

.popis h2{
	color: #fff;
	text-align: left;
	margin: 0 0;
}

.table {
    width:50%;
    margin-left: 22%;
}

.table th, td {
    padding: 5px;
    text-align: left;
}
.table-hover:hover{
	background: #E2C2ED;
	color: #000;

}


.slike_naslovna {
    position:relative;
    overflow:hidden;
}

.hover_naslovna {
    position:absolute;
    top:34%;
    left:15%;
    background: url(slike/bckg_hover.png) 0 0 repeat;
    width:70%;
    height:66%;
    padding-top: 5%;
    display: none;
    text-align:center;
    color:#fff !important;
    z-index:2;

}

.btn-link{
	background: #EED3F5;
	border-color: #D555FF;
	color: #9E38C0;
	letter-spacing: 1px;
	margin: 2% 0;
	
}

.btn-link:hover{
	text-decoration: none;
	color: #fff;
}

#map_container{
    height: 386px;	
}

.sadrzaj_kontakt{
	text-align: center;
	vertical-align: middle;
	margin: auto;
}

.sadrzaj_kontakt h2{
	font-family: Monotype corsiva;
	color: #B666D2;
	font-size: 40px;
	margin: 0 auto;
	padding: 0 0;
	letter-spacing: 1px;
}

.slike_unutarnja{
	margin-top: 50px;
	vertical-align: middle;
}

.slike_unutarnja_usluge{
	margin-top: 125px;
}

figure { 
  display: block; 
  position: relative; 
  overflow: hidden; 
}

figcaption { 
  position: absolute; 
  background: #B666D2; 
  color: white; 
  padding: 40px 20px;
  width: 75%;
  height: 100%;
  opacity: 0;
  top: 0; 
  left: -30px;
  -webkit-transition: all 0.6s ease;
  -moz-transition:    all 0.6s ease;
  -o-transition:      all 0.6s ease;
  margin-left: 12%;
}

figure:hover figcaption {
  opacity: 1;
  left: 0;
 
}





/*Responsive rules*/

@media (max-width: 991px){
	.naslovna_content{
		position: relative;
		width: auto;
		
	}
	.naslov h1{
		color: #B666D2;
		font-size: 35px;
		margin-left: 10%;

	}

	.forma_naslovna{
	color:#858585;
	background: url(slike/bckg_h1.png) 0 0 repeat;
	}

	.unutarnja_content h1{
		font-size: 35px;
	}
	.logo{
		margin: auto;

	}

	p.header_kontakt{
		text-align: center;
	}
	
	
	.istaknuto h2{
		text-align: center;
	}

	figcaption { 
  		padding: 10px 20px;
 	 	width: 100%;
  		height: 100%;
  		margin-left: 0;

	}

	#map_container{
		height: 200px;
	}
	.tekst_unutarnja img{
		text-align: center;
		margin: auto;
	}

	.slike_unutarnja{
	margin-bottom: 5%;
	}

	.slike_unutarnja_usluge{
	margin-top: 30px;
}
}

@media (max-width: 1200px){
	figcaption { 
  		padding: 10px 30px;
 	 	width: 100%;
  		height: 100%;
  		margin-left: 0;

	}
}