﻿body {  
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    background-color: rgb(173, 231, 125); 
    /*background-image:url(../images/pozadine/14-green-watercolor-background-sml.jpg);*/ 
    background-image:url(../images/pozadine/25-green-canvas-background-sml.jpg); 
	background-repeat:repeat;
    margin-top:0;
    height: 100%;   
}

html {     
    height: 100%;     
}

.container {
    margin-top: 0;   
    max-width: 1024px;    
}
.container.full {
    padding:0;
}

/*--HEADER---*/
.pozadina-header {
    background-image: url(../images/pozadine/v-loza-header-r2.png);
    background-repeat: no-repeat;   
    background-position-x: center; 
    width:100% !important;
    height:100% !important;
    padding-left: 10px;
    padding-right: 10px;
}
.tekst-header {
    color:rgba(255,255,255,.3);
    /*background-color:#1a1a1a;*/
    text-shadow:rgba(255,255,255,.5) 0 0 15px, rgba(255,255,255,.5) 0 0 10px;
}
/*navigatin bar*/
.navbar {
    font-family:Georgia, "Times New Roman", Times, serif; 
    font-style :italic;    
    border: 0 none;    
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    font-size: 18px;   
    background-color: rgb(92, 186, 12);     
    margin-bottom: 2px;               
    border: 2px solid #ffffff;
     border-radius: 20px 20px 5px 5px ;
    -moz-border-radius: 20px 20px 5px 5px;
    -webkit-border-radius: 20px 20px 5px 5px;
}
.navbar .nav > li > a {
    float: none;
    line-height: 20px;
    text-decoration: none;    
    color:  #ddd;
    text-shadow: 5px 5px 2px rgba(155, 100, 86, 1);    
}
.navbar ul li:hover a {        
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);    
}
.dropdown-menu ul li:hover a {
    box-shadow: 0 -3px red inset;
}
.dropdown-menu > li:first-child > a{    
    border-radius: 10px 10px 0 0;    
    padding-top: 15px;
    margin-bottom:2px;
}
.dropdown-menu > li:last-child > a{
    border-bottom: 0 none;
    border-radius: 0 0 10px 10px;
    padding-bottom: 15px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #FFFFFF;
    color: #333333;
    opacity: 1;
    text-decoration: none;
}
.dropdown-menu > li > a img{
    margin-right: 10px;
}
.dropdown-menu .divider {
    background-color: #E5E5E5;
    height: 1px;
    margin: 8px 15px;
    overflow: hidden;
}

/*Carousel Milojevic*/
#CarouselMilojevic {
    margin-bottom: 2px;
    border-radius: 4px 4px;
    overflow: hidden;
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}


.img-h {
    position: relative;
    margin-bottom:-30px;
}

/*naslov za stranu*/
.naslov {
    margin-bottom: 10px;
    background: #eede4c;
    border: 2px solid #ffffff;
    border-radius:  5px 5px 20px 20px;
    -moz-border-radius: 5px 5px 20px 20px;
    -webkit-border-radius: 5px 5px 20px 20px;
    padding: 10px;
    text-align: center;
    font-weight: bold;
}  

.podnaslov {
    margin-bottom: 5px;
    background: #eede4c;
    border: 2px solid #ffffff;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    padding: 5px;
    text-align: center;
    font-weight: bold;
}    

/*---- O NAMA------*/
.ram-t {
    margin-bottom: 10px;    
    background: rgba(255,255,255,0.5);    
    border: 2px solid #ffffff;
    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    padding:10px;    
    text-align: justify;       
}
.ram-p {
    margin-bottom: 10px;    
    background: rgba(255,255,255,0.5);    
    border: 2px solid #ffffff;
    border-radius: 15px 0 0 15px;
    -moz-border-radius: 15px 0 0 15px;
    -webkit-border-radius: 15px 0 0 15px;
    padding:10px;    
    text-align: justify;       
    font-size: 15px;
}
.ram-i {
    margin-bottom: 10px;    
    background: rgba(255,255,255,0.5);    
    border: 2px solid #ffffff;
    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    padding:10px;    
    /*text-align: justify;*/    
    /*min-height:155px;*/
    font-size:17px;
    min-height: 100%;
}
.img.b-g {
    border-radius: 15px 15px 0px 0px;
    -moz-border-radius: 15px 15px 0px 0px;
    -webkit-border-radius: 15px 15px 0px 0px;
    margin-bottom: 10px;   
}
.img.b-d {
    border-radius: 0px 0px 15px 15px ;
    -moz-border-radius: 0px 0px 15px 15px ;
    -webkit-border-radius: 0px 0px 15px 15px ;    
}
.img.b-lg {
    border-top-left-radius : 15px;
    -moz-border-radius-topleft : 15px;
    -webkit-border-top-left-radius : 15px;
    margin-right : 10px;
    margin-bottom : 10px;
}

.ram-opisl {
    margin-bottom: 10px;    
    background: rgba(255,255,255,0.5);    
    border: 2px solid #ffffff;
    border-radius: 15px 0 0 15px;
    -moz-border-radius: 15px 0 0 15px;
    -webkit-border-radius: 15px 0 0 15px;
    padding:10px;    
    text-align: justify;
    font-size: 17px;
    color: black;
    min-height:245px;
}
.naslov-ol {    
    background: rgba(255,255,255,0.7); 
    /*border: 2px solid #ffffff;*/
    border-radius:  15px 0 0 0px;
    -moz-border-radius: 15px 0 0 0px;
    -webkit-border-radius: 15px 0 0 0px;
    padding: 15px;
    text-align: center;
    font-weight: bold;    
    margin-bottom: 5px;
}
.ram-opisd {
     margin-bottom: 10px;    
    background: rgba(255,255,255,0.5);    
    border: 2px solid #ffffff;
    border-radius: 0 15px 15px 0;
    -moz-border-radius: 0 15px 15px 0;
    -webkit-border-radius: 0 15px 15px 0;
    padding:10px;    
    text-align: justify;
    font-size: 17px;
    color:black;
    min-height:245px;
}

.naslov-od {
     background: #eede4c;
    /*border: 2px solid #ffffff;*/
    border-radius: 0 15px 0 0;
    -moz-border-radius: 0 15px 0 0;
    -webkit-border-radius: 0 15px 0 0;
    padding: 15px;
    text-align: center;
    font-weight: bold;    
    margin-bottom: 5px;
}

/*index hover image*/
.media {
  display: inline-block;
  position: relative;
  vertical-align: top;
  margin-bottom: 30px;
}
.media__image { 
    display: block; 

}
.media__body {
  background: rgba(41, 128, 185, 0.6);
  bottom: 0;
  color: white;
  font-size: 1em;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 3.75em 3em;
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.media__body:hover { 
    opacity: 1; 

}
.media__body:after,
.media__body:before {
  border: 1px solid rgba(255, 255, 255, 0.7);
  bottom: 1em;
  content: '';
  left: 1em;
  opacity: 0;
  position: absolute;
  right: 1em;
  top: 1em;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: 0.6s 0.2s;
  transition: 0.6s 0.2s;
}
.media__body:before {
  border-bottom: none;
  border-top: none;
  left: 2em;
  right: 2em;
}
.media__body:after {
  border-left: none;
  border-right: none;
  bottom: 2em;
  top: 2em;
}
.media__body:hover:after,
.media__body:hover:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.media__body h2 { 
    margin-top: 0; 
}
.media__body p { 
    margin-bottom: 1.5em;
}

/*panel*/
.panel {
    margin-bottom: 10px;   
}
.panel.novi {
    border-radius: 5px 30px 5px 5px;
}
.panel-heading {
    padding:10px;
    text-align:center;
}

.panel-heading .img {
    margin-right : 10px;
    margin-top: -10px;
}

.panel-body {
    padding:5px;
    text-align: justify;    
}

.panel-warning {
    border: 1px solid rgb(101, 91, 17);
}

.well.ram {
    margin-bottom: 10px;    
    background: rgba(255,255,255,0.5);    
    border: 2px solid #ffffff;
    border-radius: 20px 20px;
    padding:10px;    
    text-align: justify;    
    
}
.in10 {
    padding: 10px;
}

/*ram za slike*/
.pozadina-braon {
    background: rgba(204, 79, 38, 0.30);   
    border: 2px solid rgba(204, 79, 38, 0.70);
    color: black;  
}
.pozadina-zuta {
     background: rgba(212, 196, 16, 0.60);  
     border: 2px solid rgb(212, 196, 16);
     color: black; 
}
.pozadina-zuta-1 {
     background: rgba(212, 196, 16, 0.60);  
     border: 2px solid rgb(212, 196, 16);
     color: black; 
}
.pozadina-zuta-2 {
     background: rgba(248, 229, 5, 0.6);  
     border: 2px solid rgb(212, 196, 16);
     color: black; 
}
.pozadina-narandzasta {
     background: rgba(229, 67, 23, 0.6);  
     border: 2px solid rgb(229, 67, 23);
     color: black; 
}
.pozadina-narandzasta-1 {
     background: rgba(251, 29, 6, 0.60);  
     border: 2px solid rgb(243, 99, 44);
     color: black; 
}
.pozadina-zelena {
     background: rgba(64, 134, 39, 0.60);  
     border: 2px solid rgb(64, 134, 39);
     color: black; 
}
.pozadina-plava {
     background: rgba(11, 10, 85, 0.70);  
     border: 2px solid rgb(11, 10, 85);
     color: white;
}
.pozadina-krem {
     background: rgba(163, 126, 3, 0.8);  
     border: 2px solid rgb(163, 126, 3);
     color: black; 
}

.ram-lg {   
    margin-bottom: 10px;      
    border-radius: 0 30px;
    padding:10px;    
    text-align: center;    
    font-size:17px;    
}
.ram-ld {   
    margin-bottom: 10px; 
    border-radius: 30px 30px;
    padding:10px;    
    text-align: center;     
    font-size:17px;    
}
.ram {   
    margin-bottom: 10px;
    border-radius: 30px 30px 10px 10px;
    -moz-border-radius: 30px 30px 10px 10px;
    -webkit-border-radius: 30px 30px 10px 10px;
    padding:10px;    
    text-align: center;    
    font-size:17px;
}
.ram-d {   
    margin-bottom: 10px;      
    border-radius: 10px 10px 30px 30px ;
    -moz-border-radius: 10px 10px 30px 30px;
    -webkit-border-radius: 10px 10px 30px 30px;
    padding:10px;    
    text-align: center;    
    font-size:17px;
}

.senka-p {
    -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
}

.ram p, .ram-lg p, .ram-ld p {
    /*font-size: 15px;*/    
    vertical-align: middle;
}
.ram  img, .ram-lg img, .ram-ld img {
    margin-bottom: 10px;
    vertical-align:middle;       
}
.img.centar {
    margin: 0 auto; 
    clear:right;
}

.img-ldg {
    border-radius: 30px 30px 0 0;
}
.img-ldd {
    border-radius: 0 0 30px 30px;
}
.img-lg {
    border-top-left-radius: 30px;
}
.img-dg {
    border-top-right-radius: 30px;
}

.img.border-d {
    width: 100%;
    height: auto;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-color:green;
}
.img.border-g {
    width: 100%;
    height: auto;
    border-top-width: 5px;
    border-top-style: solid;
    border-color:green;
}
/*ponuda*/

.senka {
    text-shadow: 5px 5px 2px rgba(155, 100, 86, 1);  
}


/*cenovnik*/
.container.cenovnik {
    padding:10px;
    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    /*background: rgba(255,255,255,0.3);*/ 
    background: rgba(238, 222, 76, 0.6);    
    color: black; 
}
.naslov-c {   
    background: #eede4c;
    border-bottom: 2px solid #ffffff;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    padding: 5px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}
.cene-zaglavlje {
    background-color:rgba(76, 255, 0, 0.65);
    text-align: center;
    vertical-align: middle;
}
.cene-2 {
    background-color:rgba(101, 91, 17, 0.65);
}
.cene-3 {
    background-color:rgba(163, 126, 3, 0.65);
}
.table {
    border-bottom:0px !important;
}
.table th, .table td {
    border: 0px !important;
}
.fixed-table-container {
    border:0px !important;
}

/*.table-hover > thead.pozadina-cena {
    background-color: rgba(255,255,255, 0.5);
    color: green;
    border-bottom: 2px solid green;
}
.table > tbody > tr > th, 
.table > thead > tr > th {
     vertical-align: middle;
     text-align: center;
}*/
 
/*----KONTAKT-----*/

.adr-font {
    font-size:16;
    font-weight:normal;
    padding-left:15px;
}

.ram-google {
    margin-bottom: 10px;      
    border-radius: 20px 20px 0px 0px;
    -moz-border-radius: 20px 20px 0px 0px;
    -webkit-border-radius: 20px 20px 0px 0px;
    padding:5px; 
    background: rgba(255,255,255,0.5);    
    border: 2px solid #ffffff;     
    color: black; 
    margin-bottom: 10px;    
    
}
.naslov-g {
    margin-bottom: 5px;      
    border-radius: 20px 20px 0px 0px;
    -moz-border-radius: 20px 20px 0px 0px;
    -webkit-border-radius: 20px 20px 0px 0px;
    background: rgba(204, 79, 38, 0.8);
    padding:15px;    
    color:black;
    font-size:18px;
    font-weight: bold;
    text-align: center;
}
.google-maps {
        position: relative;
        padding-bottom: 75%; 
        height: 365px;
        overflow: hidden;
 }

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.ram-adresa {
    margin-bottom: 10px;      
    border-radius: 20px 20px 0px 0px;
    -moz-border-radius: 20px 20px 0px 0px;
    -webkit-border-radius: 20px 20px 0px 0px;
    padding:5px; 
    background: rgba(255,255,255,0.5);    
    border: 2px solid #ffffff;   
    color: black; 
    margin-bottom: 10px;     
    font-size: 16px;  
}
.naslov-a {
    margin-bottom: 5px;      
    border-radius: 20px 20px 0px 0px;
    -moz-border-radius: 20px 20px 0px 0px;
    -webkit-border-radius: 20px 20px 0px 0px;
    background: rgba(27, 77, 215, 0.8);
    padding: 15px;    
    color: white;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.ram-pitanja {
    margin-bottom: 10px;      
     border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    padding:5px; 
    background: rgba(255,255,255,0.5);    
    border: 2px solid #ffffff;   
    color: black; 
    margin-bottom: 10px;  
}
.naslov-p {
    margin-bottom: 5px;      
    border-radius: 15px 15px 0px 0px;
    -moz-border-radius: 15px 15px 0px 0px;
    -webkit-border-radius: 15px 15px 0px 0px;
    background: rgba(14, 183, 17, 0.80);
    padding: 15px;    
    color: yellow;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.panel > .panel-heading {
    background : rgba(14, 183, 17, 0.50);
    color: black;
}

.ram-kontakt {
    margin-bottom: 10px;      
    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    padding:5px; 
    background: rgba(255,255,255,0.5);    
    border: 2px solid #ffffff;   
    color: rgb(13, 73, 1); 
    margin-bottom: 10px;  
}
.naslov-k {
    margin-bottom: 5px;      
    border-radius: 15px 15px 0px 0px;
    -moz-border-radius: 15px 15px 0px 0px;
    -webkit-border-radius: 15px 15px 0px 0px;
    background: rgba(14, 183, 17, 0.80);
    padding: 15px;    
    color: yellow;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
form-control {
    background-color : rgba(255,255,255,0.8);
}

.dole10 {
    margin-bottom: 10px;
}
.dole5 {
    margin-bottom: 5px;
}
/*----FOOTER----*/
#footer {        
    background-repeat: no-repeat;
    background-image: url(../images/trava.png);
    background-size: !important 100%;
    background-position: bottom;
}
.footer {
    /*background-color:darkseagreen;*/
    padding-top:2px;
}

.container-foto {
    background-color:khaki;
    padding: 10px;
    margin-bottom : 10px;
    border-radius: 10px;
    border: 1px solid green;
}

.alert {
    text-align: center;
    font-family:Georgia, "Times New Roman", Times, serif; 
    padding: 10px;
    margin-bottom:5px; 
}
   

.alert alert-success h4 {    
    font-style :italic oblique;
    font-size : 28px;       
    max-height: 100%;     
}

p, .p, h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
    font-family:Georgia, "Times New Roman", Times, serif; 
	font-style:italic;        
}

.thumbnail {
    margin-left:0;
    padding:10px;
    background-color: beige;
}


.img-responsive {
    display: inline-block;
    height: auto;
    width:100%;
}
.img-ikonice {
    margin:4px;
    opacity: 0.8;
}
.img-ikonice:hover {
    transform: rotate(360deg);
}

.img-portfolio {
    margin-bottom: 30px;
}
.img-hover:hover {
    opacity: 0.8;
}

/*back to top*/
a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #27AE61 url(../images/up-arrow.png) no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
a:hover.back-to-top {
	background-color: #000;
}

/*responsive settings*/

@media (min-width: 768px){
    .navbar-form {
        margin-top: 21px;
        margin-bottom: 21px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .navbar-nav > li > .dropdown-menu, 
    .dropdown-menu{
        display: block;
        margin: 0;
        padding: 0;
        z-index: 9000;
        position: absolute;
        -webkit-border-radius: 10px;
        box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125);
        border-radius: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        opacity: 0;
        -ms-filter: "alpha(opacity=0)";
        -webkit-filter: alpha(opacity=0);
        -moz-filter: alpha(opacity=0);
        -ms-filter: alpha(opacity=0);
        -o-filter: alpha(opacity=0);
        filter: alpha(opacity=0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
        -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
        -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
        -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
        transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
        top: 63px;
    }
    .navbar-nav > li.open > .dropdown-menu, 
    .open .dropdown-menu{
        -webkit-transform-origin: 29px -50px;
        -moz-transform-origin: 29px -50px;
        -o-transform-origin: 29px -50px;
        -ms-transform-origin: 29px -50px;
        transform-origin: 29px -50px;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        -ms-filter: none;
        -webkit-filter: none;
        -moz-filter: none;
        -ms-filter: none;
        -o-filter: none;
        filter: none;
    }
    .dropdown-menu:before{
        border-bottom: 11px solid rgba(0, 0, 0, 0.2);
        border-left: 11px solid rgba(0, 0, 0, 0);
        border-right: 11px solid rgba(0, 0, 0, 0);
        content: "";
        display: inline-block;
        position: absolute;
        left: 100%;
        margin-left: -60%;
        top: -11px;
    }
    .dropdown-menu:after {
        border-bottom: 11px solid #FFFFFF;
        border-left: 11px solid rgba(0, 0, 0, 0);
        border-right: 11px solid rgba(0, 0, 0, 0);
        content: "";
        display: inline-block;
        position: absolute;
        left: 100%;
        margin-left: -60%;
        top: -10px;
    }

    .ram-t {
        font-size: 17px;
    }

    .naslov {
        font-size: 24px;
    }
     .podnaslov {
         font-size: 20px;         
     }

}

@media (max-width: 768px) {
    /*.navbar-transparent{
        padding-top: 0px;
        background-color: rgba(0, 0, 0, 0.75);
    }*/
    /*.navbar {
        background-color: transparent;
    }*/
    /*.navbar-transparent*/ 
    .navbar-collapse.in .navbar-nav .open .dropdown-menu > li > a:hover, 
    .navbar-transparent .navbar-collapse.in .navbar-nav .open .dropdown-menu > li > a:focus, 
    .navbar-transparent .dropdown-menu > li > a:hover, .navbar-transparent .dropdown-menu > li > a:focus, 
    [class*="navbar-ct"] .dropdown-menu > li > a:hover, [class*="navbar-ct"] .dropdown-menu > li > a:focus{
        color: #FFFFFF;
        background-color: rgba(0,0,0,0);        
        opacity: 1;
    }
    /*.navbar-transparent*/     
    .navbar-collapse.in .navbar-nav .open .dropdown-menu > li > a, 
    [class*="navbar-ct"] .dropdown-menu > li > a {
        color: #FFFFFF;
        opacity: 0.8;
    }
    /*.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
        background-color: rgba(0,0,0,0);
        border-color: #428BCA;
    }*/
    /*.navbar-collapse{
        text-align: center;
    }
    .navbar-collapse .navbar-form {
        width: 170px;
        margin: 0 auto;
    }*/
    .navbar-transparent .dropdown-menu .divider{
        background-color: #434343;
    }

    .ram-t {
        font-size: 15px;
    }
     .naslov {
        font-size: 17px;
    }
     .podnaslov {
         font-size: 15px;
     }
}

