/* RESET Default CSS */
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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
    min-height:455px;
    min-width:890px;
}
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;
}

/* TIPdoo CSS */

body { font-size: 16px;
     text-decoration: none;
 }

@media screen and (max-width; 1200px) {
       body { font-size: 0.9em; }
 }

 @media screen and (max-width; 1000px) {
       body { font-size: 0.8em; }
 }
 
 @media screen and (max-width; 800px)  {
       body { font-size: 0.7em; }
 }
 
 @media screen and (max-width; 600px)  {
       body { font-size: 0.6em; }
 }
 
 
.stran {
      width:100%;
      height:100vh;
      
 }
 
 .stran_kontejner { 
                  width:100%;
                  height:100vh;
                  background-color:#fff
 }
 
 .stran_levo { 
             width:49%;
             height:100vh;
             display:inline-block;
            background-image:url("../img/spletna_levo.jpg");
             background-size:cover;
            background-repeat: no-repeat;
            z-index: 1;
 }
 .stran_desno { 
              width:50%;
              height:100vh;
              display:inline-block;
              background-image:url("../img/spletna_desno.jpg");
              background-size:cover;
              background-repeat: no-repeat;
              z-index: 1;
              
 }
 .stran_pasica {
               width:100%;
               height:26vh;
               min-height: 100px;
               min-width:450px;
               position: absolute;
               left: 0px;
               top: 17vh;
               z-index: 2;
               background:rgba(255,255,255,0.6);
               text-align:center;
              
                              
  }
  .pasica_kontejner  { 
                    height:100%;
                   width:auto;
                    max-height:100%;
                    max-width:100%; 
                     display:inline-block;
                     position: relative;
                     top: 3%;
                     left:-0.7%;
  }
  
  .izbira {
           width:100%;
           height:20vh;
           position:absolute;
           left:0px;
           top:75vh;
           z-index: 2;
           font-family:impact;
           font-size:5vw;
           text-decoration: none;
   }
   
   a:link {
    text-decoration: none;
    color:#fff;
}


a:visited {
    color: #fff;
}

a:hover {
   color: #d6dbdb;
}

a.two:link {color:#000;}
a.two:visited {color:#000;}
a.two:hover {color:#d6dbdb;}



   .izbira_levo { 
                width:49%;
                display:inline-block;
                text-align:right;
                color:#fff;
                text-shadow: 0.2vh 0.2vh 5px #000;
                
   }
   
   .izbira_desno { 
                width:49%;
                display:inline-block;
                text-align:left;
                color;#000;
                text-shadow: 0.2vh 0.2vh 5px #000;
   }
   
   .servis { 
                 width:100%;
               
   }
   
   .logo_stran {
               height:100vh;
               width:100%;
               display:inline-block;
               background-image:url("../img/tip_servis.jpg");
              background-size:cover;
              background-repeat: no-repeat;
               z-index: 1;
              text-align:right;
    }
    .servis_pasica { 
                   width:72%;
                   height:11vh;
                   min-height: 50px;
                    position: absolute;
                    right: 0px;
                    top: 65vh;
                    z-index: 2;
                    background:rgba(150,132,144,0.9);
                    text-align:center;
                    font-family: 'Open Sans', sans-serif;
                    font-weight: 300;
                    font-size:2.8vw;
                    color:#fff;
                   line-height: 10vh;
    
    }
    inicialke { font-size:135%;}
    
    .fixed { 
                position:fixed;
                top:0;
                height:75px;
                z-index:10;
    }
    
    .kjesmo { 
            width:100%;
    }
    
    .servis_kjesmo { 
                   width:100%;
                   z-index: 1;
                                    
    }
    
    .kjesmo_pasica { 
                   width:40%;
                   
                   min-height: 50px;
                    position: absolute;
                    right: 30%;
                    top: 140vh;
                    z-index: 2;
                    background:rgba(144,94,71,0.75);
                    text-align:left;
                    font-family: 'Open Sans', sans-serif;
                    font-weight: 300;
                    font-size:1.8vw;
                    color:#fff;
                   line-height: 5vh;
                   padding-top: 25px;
                   padding-bottom: 25px;
                   padding-right: 50px;
                   padding-left: 50px;
                   
                 }
                 
   .servis_stran { 
                 width:100%;
                 background-color:#837683;
   
   
   }
   .servis_stran_ena {
                     display:inline-block;
                     width:32%;
                     text-align:right;
                    font-family: 'Open Sans', sans-serif;
                    font-weight: 300;
                    font-size:2.1vw;
                    color:#fff;
                   line-height: 5vh;
                   padding-right: 5%;
                   padding-left: 5%;
                     
    }
   .servis_stran_dva {
                     display:inline-block;
                     width:24%;
                     text-align:left;
                    font-family: 'Open Sans', sans-serif;
                    font-weight: 300;
                    font-size:1.8vw;
                    color:#dfc9c0;
                   line-height: 5vh;
    }
   .servis_stran_tri {
                     display:inline-block;
                     width:33%;
                     text-align:left;
                    font-family: 'Open Sans', sans-serif;
                    font-weight: 300;
                    font-size:1.8vw;
                    color:#edbfa1;
                   line-height: 5vh;
    }
     
    naslov {  font-size:2.8vw;}
   
    
.vizitka_stran { 
                 width:100%;
                 background-color:#232d33;
   
   
   }
   .vizitka_stran_ena {
                     display:inline-block;
                     width:32%;
                     text-align:center;
                      padding-right: 5%;
                       padding-left: 5%;
                     
                       
                        
    }
    
    .slika {                       max-width:231px;
                                    max-height:64px;
                                    margin-left:30%;
                                    
                                    }
    
   
    
   .vizitka_stran_dva {
                     display:inline-block;
                     width:28%;
                     text-align:left;
                    font-family: 'Open Sans', sans-serif;
                    font-weight: 300;
                    font-size:1.2vw;
                    color:#fdfcfc;
                   line-height: 3.9vh;
    }
   .vizitka_stran_tri {
                     display:inline-block;
                     width:28%;
                     text-align:left;
                    font-family: 'Open Sans', sans-serif;
                    font-weight: 300;
                    font-size:1.2vw;
                    color:#fdfcfc;
                   line-height: 3.9vh;
    }
    
 osregular {
              font-family: 'Open Sans', sans-serif; 
              font-weight: 400;
              font-size:2.4vw; 
              color:#fdfcfc;
              }
              
sedez_delavnice {
              font-family: 'Open Sans', sans-serif; 
              font-weight: 300;
              font-size:1.1vw; 
              color:#8e837f;
              }
              
 visje { vertical-align:18px; }
 
 .copyright { 
            height:50px;
            background-color:#111b22;
            font-family: 'Open Sans', sans-serif; 
              font-weight: 300;
              font-size:12px; 
              color:#fdfcfc;
             text-align:right;
 }
 
 


/* Navigation Settings */
nav {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 70px;
	background: rgba(17,27,37,0.70);
}

nav li {
	display: inline-block;
	padding: 24px 10px;
}

nav li a {
	color: #757575;
	text-transform: uppercase;
}

section {
	height: 100vh;
}

/* Screens Settings */
#screen1 {	
	 background-image:url("../img/tip_servis.jpg");
              background-size:cover;
              background-repeat: no-repeat;
              text-align:right;
              font-family: 'Open Sans', sans-serif;
                    font-weight: 300;
                    font-size:1.5vw;
}

#screen1 p {
	padding-top: 200px;
}

/* Logistika */


#screen2 {	
	 background-image:url("../img/logistika_naslovna.jpg");
              background-size:cover;
              background-repeat: no-repeat;
              text-align:right;
              font-family: 'Open Sans', sans-serif;
                    font-weight: 300;
                    font-size:1.5vw;
}

#screen2 p {
	padding-top: 200px;
}

.logistika { 
                 width:100%;
               
   }
   
  .logistika_pasica { 
                   width:50%;
                   height:30vh;
                   min-height: 50px;
                    position: absolute;
                    right: 8%;
                    top: 40vh;
                    z-index: 2;
                  
                    text-align:center;
                    font-family: 'Open Sans', sans-serif;
                    font-weight: 300;
                    font-size:2.2vw;
                    color:#fff;
                   line-height: 10vh;
    
    }
tipdoo {font-family: impact;
                    font-size:4vw; }
                    
.space70 {width:100%; height: 70px;background-color:#fbfcfc;}                
                    
.logistika_o { 
             width:100%;
             background-color:#fbfcfc;
             font-family: 'Open Sans', sans-serif;
                    font-weight: 300;
                    font-size:1.35vw;
                    color:#000;
                   line-height: 4vh;
                   padding-top:2%;
                   

}
.logistika_ol { 
               width:30%;
               display:inline-block;
               text-align:right;
               padding-right:2%;
               font-size:1.8vw;
                }

.logistika_od {
              width:60%;
              display:inline-block;
              text-align:left;
              padding-left:2%
 }
 
 .logistika_oslika {max-width:370px;
                   width:25%;
                   display:inline-block;
 }
 .logistika_olokacija { width:72%;
                        display:inline-block;
                        padding-left:10px;
                        vertical-align:4vw;
                         }
                         
 manjse {font-size:80% }
 
 .logistika_repica { width:100%;
                     max-height:323px;
                     background-image:url("../img/logistika_repica.jpg");
              background-size:cover;
              background-repeat: no-repeat;
 }
 
 .logistika_orepica { 
             width:100%;
                   font-family: 'Open Sans', sans-serif;
                    font-weight: 500;
                    font-size:1.5vw;
                    color:#fff;
                    text-shadow: 0.2vh 0.2vh 5px #000;
                   line-height: 4vh;
                   padding-top:2%;
       
                 }  
.logistika_ocpb { 
             width:100%;
             background-color:#a6bbcb;
             font-family: 'Open Sans', sans-serif;
                    font-weight: 300;
                    font-size:1.35vw;
                    color:#000;
                   line-height: 4vh;
                   padding-top:2%;}
                   
 .space30cpb {width:100%; height: 30px;background-color:#a6bbcb;} 
 .space50cpb {width:100%; height: 15vh;background-color:#a6bbcb;}
 
 ime { font-weight: 400;
      font-size:1.3vw;}

.e-mail {
      font-family: 'Open Sans', sans-serif !important;
      font-weight: 300 !important;
      font-size: 1.1vw !important;
      color: #8e837f !important;
}