/*!
 * Start Bootstrap - Business Casual Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    background: url('../img/123.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    size:100%
}


h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: ;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    color: dimgray;
    font-style:;
}

p {
    font-size: 1.1em;
    line-height: 1.5em;
    color: dimgray;
}

hr {
    max-width: 700px;
    border:0.1em solid coral;
}
.linija hr{border:1px dotted crimson}

.navbar-brand  {/*uredjenje logo-a*/
    text-transform: none;
    font-weight: bold;
    height: 6em;
    width:11em;
    margin: -15px auto;
    margin-left:-20px
}
.navbar-brand>img {
   max-height: 100%;
   height: 100%;
   width: 100%;
    margin: 0px auto;
   }


.navbar-nav li {/*uredjenje tabova */
    text-transform: none;
    font-weight: 600;
    letter-spacing: 0.001em; 
    font-size:1em; 
    margin-top: 10px;
 
}



.img-full {
    min-width: 100%;}
.box {
    margin-bottom: 40px;/*za razmak izmedju celina u kojima je tekst*/
    padding: 30px 20px 30px; /*za debljinu okvira*/
    margin-top: 50px;
    background:white;
    opacity: 1;   border:5px solid skyblue; box-shadow:1px 1px 2px;
}

.row {margin-top:90px}

.ispod-slike p {text-align: justify; /*tekst pored slike*/
                font-size: 1.3em; 
                padding-left: 30px;
                padding-right: 30px;  
}
.ispod-slike h1{padding-left: 650px}

.iza-teksta p {background: #fff; opacity:1; margin-left:640px; margin-right: 20px; height:150px}

.col-lg-12   { font-size: 1.2 em ; text-align: justify; line-height:2em ;   background:white ; opacity:1 ; }
.col-lg-12  p{ padding:0px 50px 0px; margin-bottom: -1px /*margin je za uredjivanje razmaka izmedju redova p koji su zasebni*/}

    .col-sm-12  h1 {  font-size: 0.8em; font-weight: 100}
    .col-lg-12  h2 { text-align: center;font-size:1.8em; margin-left:40px}
    .col-lg-12  h3 { text-align:center ;font-size:1.5em; margin-left:0px}
    .col-sm-12 h4 {font-size: 1em}
    .poruka  {text-transform: uppercase; font-style: oblique; padding:30px 0px 30px; text-align: center; font-weight: bold;}
    span {font-weight: bold; font-style:italic}
    .clipso { line-height: 1.5em; margin-left:30px; }
    .clipso p {font-size: 1.1em}
    .clipso1 { margin-left:50px }
    .cl-koncept h3 {text-align: }
    
 



.img-left {
    float: none;
    margin: 0 auto 0;
}

footer {
    background: #fff;
    background: rgba(255,255,255,0.8);
    min-width:100%;
    
}

 @media screen and (max-width: 1183px){
     .popup5 {width:31%;}
     .popup6 {width:48%;}
     .popup {width:48%;}
     .popup2 {width:48%;}
     
 }

 @media screen and (max-width: 966px){
     .popup5 {width:31%;}
     .popup6 {width:48%;}
     .popup {width:48%;}
     .popup2 {width:48%;}
       
     .box {
    margin-bottom: 30px;/*za razmak izmedju celina u kojima je tekst*/
    padding: 0px 0px 0px; /*za debljinu okvira*/
    margin-top:10px;
    }
    .col-lg-12  p{ padding:0px 20px 0px; margin-bottom: -1px /*margin je za uredjivanje razmaka izmedju redova p koji su zasebni*/}
    
 }



  @media screen and (max-width: 520px) {
    p { font-size:0.9em;}
    
    #zamanjimedia p {font-size:0.9em }
    
    .box {
    margin-bottom: 30px;/*za razmak izmedju celina u kojima je tekst*/
    padding: 0px 0px 0px; /*za debljinu okvira*/
    margin-top:10px;
    }
    .col-lg-12  p{ padding:0px 10px 0px; margin-bottom: -1px /*margin je za uredjivanje razmaka izmedju redova p koji su zasebni*/}
    #odgore {margin-top:10px;}
    #teraco {margin-top:10px;}
    .zamarginu {margin-bottom:-10px;}
     .popup5 {width:100%;}
     .popup6 {width:100%;}
     .popup {width:100%;}
     .popup2 {width:100%;}
     .popup8 {width:100%;}
     
     .fancybox {width:100px;}
 }



@media screen and (min-width:1200px) {/*bitno za padajuci meni kod collapse*/
    .brand {
        display: inherit;
        margin-top:-30px;
        padding: 80px 0 0px;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
       
        font-size: 2.5em;
        font-weight: 700;
        line-height: normal;
        color: #fff;
    }

    .top-divider {
        margin-top: 0;
    }

    .img-left {
        float: left;
        margin-right:25px;
    }

    
    

    .navbar { /*podesavanje nav-okvira*/
        height:5.6em; margin-top:0em /*margin-top je za vertikalno pomeranje celog nav-bara*/; 
    }

    .navbar-header {
        display: inline;
    }

   

    .navbar-default {
        border: none;
        background: #fff;
        background: rgba(255,255,255,0.9);
       
       
        
    }

    .nav>li>a {font-family: sans-serif;
         
    }

    .navbar-nav>li>a {
        line-height: normal; 
    }

    .navbar-nav {
        
        
        margin: 0 auto;
        table-layout:inherit;
        font-size: 1.25em;
         
    }
    .dropdown-menu li {height:20px;}/*za podesavanje padajucih*/

@media screen and (min-width:1200px) {
    .box:after {
        content: '';
        display: table;
        clear: both;
    }
}

.povratak img {float: right; opacity: 0.7; }


    .container {width: 1100px;
    position: static
}
    .collapse

/*GALERIJA- stavljena u html jer odavde ne deluje kad je collapse*/
    .izreka { text-align: center;
            padding-top:30px;
            font-style: italic;
            font-family: sans-serif; 
            padding-bottom: 10px;
           }
    .def {float:left;
        font-family: sans-serif;
        font-size:0.7em;
    }
    .podaci{float:right;
        font-family: sans-serif;
        font-size:0.7em;
        }
    
  /*/galerija*/ 
    
    
    
    


   
    .link  {margin-left: -500px}

    /*kontaktirajte*/
    #mail {background-color: margin-left:-500px; }
    #inf {background-color:ghostwhite }
    form{width:400px}
    form ul{list-style-type: none}
    form ul li {margin: 15px 0;}
    form label{display: block; font-size: 1em}
    form input, textarea, select{font-size:1em; padding:5px; border: #ccc 3x solid; width: 100%}
    
    .contact-box label { size:20em}
    label {margin-bottom: 2px;}
	input[type="text"], input[type="email"], textarea {font-size: 0.75em; width: 98%; font-family: arial; border: 1px solid #ebebeb; padding: 4px; display: block;}
	input[type="radio"] {margin: 0 5px 0 0;}
	textarea {overflow: auto;}
	.hide {display: none;}
    form div {margin-bottom: 10px;}
    
    #naziv {font-size:1.5em}
    #delatnost {font-size:1.3em}
    
 @media screen and (max-width:411px){
     .contact-box {margin-left:-50px;}
 }
    /*slova preko slajdova*/
    .preko-slike {position:absolute; 
           top: 250px; 
           left: 400px; 
           width: 100%; color: white; 
           font: bold 24px/45px Helvetica, Sans-Serif; 
           letter-spacing: -1px;  
           background: red; /* fallback color */
           background: skyblue ;opacity:0.9;
           padding: 10px;}
   
 /*adaptacija*/   
    #prrad{font-size: }
    #prrad  p{ color: darkgrey}
    #grrad {font-size: }
    .grrad { border-color:}
    #adapt-tekst {}
    #aside{font-size: 0.9em; font-style: italic; background-color: ghostwhite; }
    #adapt-galerija { font-size: 0.9em; background-color: ghostwhite; border:1px solid coral }
    #adapt-galerija p {color:dimgray}
    .popup:hover { width:310px; height:190px; margin-top: -20px}
    .popup{margin-bottom: 30px;margin-left: 20px}
  
    #adapt-galerija img{margin-left: 30px}
    .panel-group{margin-left:20px}
    #video-style { width: 100%    !important;
  height: auto   !important;}
    .flipagram{margin-left:70px}
    
    /*kamen*/
    .slika-kamen img {margin-left:25px; margin-top: 28px;}
    .slika-kamen  { margin-left: 11px; }
    .popup1 img {margin-top: 5px}
    .popup1:hover{width:330px ;height:120px; margin-top: -20px }
    #aside1 {font-size: 0.9em; font-style: italic; background-color: ghostwhite; }
    #kamengalerija{font-size: 0.9em; background-color: ghostwhite; border:1px solid coral}
    
    /*namestaj*/
    #namestajgalerija{font-size: 0.9em; background-color: ghostwhite; border:1px solid coral; }
    #aside2{font-size: 0.9em; font-style: normal; background-color: ghostwhite;}
    .popup2{margin-left:50px}
    .popup2:hover { width:270px; height:180px; margin-left: 30px; margin-top:-10px}
    .shadow p {font-size: 1.2em}
    .popup8:hover {width: 250px; height: 270px}
    .popup8 {margin-left: 50px}
    
    /*clipso*/
    #aside3{font-size: 0.9em; font-style: italic; background-color: ghostwhite;}
    /*clipso*/
    .popup3{margin-top: 20px; margin-left: 30px}
    .popup3:hover{width:330px; height:190px; margin-top: -3px}
    #popup7:hover{width:250px; height: 420px ; margin-right: -20px; margin-top:-20px}
    #popup7{margin-left: 50px} 
    .picture{margin-left: 50px; width: 90%; height: 90%}
    .anchor { position: relative;
              top:-130px;
              margin: 0;
              padding: 0;
              float: left;
            }
    
    /*clipso col*/
    #clipsosajt{font-size: 0.9em; background-color: ghostwhite; border:1px solid coral}
    #clipsosajt img {margin-left: 70px;}
    #clipsogalerija{font-size: 0.9em;background-color:ghostwhite;border:1px solid coral}
    #clipsogalerija img {margin-left: 50px}
    .slika-clipso img {margin-top:50px; margin-left:32px;margin-bottom: 30px }
    
    
    /*odrzavanje*/
    .odrzavanjeslika {text-align: center; }
    
    
    /*moler*/
    .popup4:hover{width:310px; height:200px; margin-top:-20px}
    .popup4{margin-left:20px}
    .popup5:hover{width: 280px; height:170px; margin-top: -20px}
    .popup5{margin-bottom: 30px;}
    .popup6{margin-bottom: 30px;margin-left: 0px}
    .popup6:hover{width: 300px; height:200px; margin-top: -20px}
    #moler-galerija img{margin-left: 40px}
    
    /*galerija*/
    .galerija {font-size: 1.5em}
    .reference{font-size: 0.8em; line-height:normal}
    
    .boja a{color:red}
    .active li{background-color: skyblue}
    
    @media screen and (max-width: 520px) {
    p { font-size:0.9em;}
    
  
 }