*{
	/* A universal CSS reset */
	margin:0;
	padding:0;
    box-sizing: border-box;
    
}

body{
	font-size:14px;
	color:#666;
	background:#111 no-repeat;
	background:white no-repeat;
	font-family:Arial, Helvetica, sans-serif;
  
}

h1{
	color:#fff;
	/*font-size:24px;*/
	font-size: 1.5vw;
	font-weight:bold;
	text-align:center;
	margin:0;
	padding:0;
}

h2{
	font-weight:normal;
	text-align:left;
}

h1,h2{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
}

.h2Naslov {
   /* font-size:24px;*/
}

a, a:visited,a:active {
	color:#0196e3;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:none;
}

a img{
	border:none;
}
a, a:visited, a:hover, a:active {
  color: inherit;
}

div.clear {
	clear: both;
}

.page-body {
    height:100%;
    width:100%;
    margin: 0 auto;
    text-align:center;
    vertical-align: text-top;
}
.main {
    min-height: 100vh;
    width:100%;
    margin: 0 auto;
    padding-bottom:40px;
}
.menu-okvir {
    position: absolute;   
    top: 50%;  
    transform: translate(0, -60%); 
    width:100%;
}
.menu-proizvod {
    margin: 10px;
    display:inline-block;
    /*width:250px;*/
   /* height: 300px;*/
    /*width:17%;*/
    
    width: calc(17vw - 25px);
    width: calc(15vw - 25px);
    height: calc((25vw) );
    max-width:250px;
    max-height:400px;
    min-width:100px;
    min-height:160px;
   /* border:1px solid red;*/
    transition: transform .2s;
    
    -webkit-border-radius: 20px;    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius: 20px;       /* Firefox 1-3.6 */
    border-radius: 20px;            /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    
     -webkit-box-shadow: 0 10px 6px -6px #777;
        -moz-box-shadow: 0 10px 6px -6px #777;
             box-shadow: 0 10px 6px -6px #777;
             
   /* position:relative;*/
    background-repeat: no-repeat;
    background-position: center bottom 1.5em; 
    background-size: 90%;
    padding-top:2em;
    text-shadow: 2px 2px 4px #000000;
    /*font-size: 3.75vw; */
    vertical-align: text-top;
}
.menu-proizvod:hover {
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1); 
    
     -webkit-box-shadow: 0 20px 20px -6px #777;
        -moz-box-shadow: 0 20px 20px -6px #777;
             box-shadow: 0 20px 20px -6px #777;
}

.menu-slika1 {
    background-image: url('/images/1-plinska-traka.png');
}
.menu-slika2 {
    background-image: url('/images/2-dekordal-traka.png');
}
.menu-slika3 {
    background-image: url('/images/3-locktite.png');
}
.menu-slika4 {
    background-image: url('/images/4-specijalne-trake.png');
}
.menu-slika5 {
    background-image: url('/images/5-ostalo.png');
}
.menu-slika6 {
    background-image: url('/images/6-lemljenje.png');
}

a.menu-text {
    display:block;
    height:100%;
    width:100%;
}


.logoline {
    margin: 0 auto;
    text-align:center;
}
.logolineH150 {
    height:150px;
}
.logo5 {
    display:inline-block;
    width: calc(17vw - 25px);
   /* width: 17vw;*/
    max-width:250px;
    height:70px;
    text-align:center;
    margin: 0 10px;
}

.logoX {
    display:inline-block;
   /* width: calc(17vw - 25px);*/
   /* width: 17vw;*/
    max-width:250px;
    height:65px;
    text-align:center;
    margin: 0 10px;
    vertical-align: middle; 
    
}
.logo6 {
    display:inline-block;
    width: calc(14.16vw - 25px);
    max-width:205px;
    height:50px;
    text-align:center;
    margin:0 10px;
    vertical-align:middle;
}
.logo5_old {
    display:inline-block;
    width:18%;
    height:70px;
    text-align:center;
    background-repeat: no-repeat;
    background-position: center; 
    background-size: auto 100%;
    
}
.logo6_old {
    display:inline-block;
    width:14.5%;
    height:80px;
    text-align:center;
    background-repeat: no-repeat;
    background-position: center; 
    background-size: 50%;
}
.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color:gray;
    color:white;
    height:30px;
    text-align:center;
    padding-top:10px;
}

/*
p.note{
	color:#707070;
	font-size:10px;
	text-align:center;
	margin:50px;
}
*/
.onama {
    text-align:left;
    margin:0 auto;
    /*border: 1px solid red;*/
    line-height:100px;
}
.onama  > * {
    vertical-align: middle;
    line-height: normal;
}
.onama-slika {
    display:inline-block;
    width:30%;
    max-width:400px;
    text-align:center;
}
.onama-text {
    display:inline-block;
    /*padding:30px;    */
    text-align:justify;
    font-size: 18px;
    width:65%;
    max-width:800px;
}
.kontakt-text{
    text-align:left;
    display:inline-block;
    font-size: 18px;
    width:30%;
    margin-right:20px;
}
.kontakt-mapa{
    display:inline-block;
    width:60%;
}
.kontakt-blank{
    display:inline-block;
    width:5%;
}
.mapa {
    width: 100%;
    height: 450px;
    height: 70vh;
    border: 0;
}
.tablica {
    border: 1px solid black; 
    border-collapse: collapse;
    width:100%;
}
.tablicaTD {
    border: solid 2px lightgrey;
    padding:4px 10px;
    text-align:center;
}
.tablicaZaglavlje {
    background-color:silver;
    
    text-align:center;
}
.taL {
    text-align:left;
}
.taC {
    text-align:center;
}
.taR {
    text-align:right;
}
.tree {
    /*padding-top:30px;*/
    margin-top:15px;
}
.treeItem {
    width:280px;
    margin: 0px 30px;
    position:relative;
}
.treeItem {
    display:block;
   /* padding: 5px 10px; */
    margin-bottom: 2px;
    height:30px;
    border-style: solid;
    border-width: 0px 0px 1px 10px;
    border-color: white;
}
.treeItem:hover {
    background-color: silver;
}
a.treeItemHref {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
    padding: 5px 10px;
}

.povecaj:hover {
   /*font-weight:bold;*/
}
.menu-jezik-ikona{
    vertical-align:text-top;
    margin-top: -5px;
}
.boja1{ background-color: rgb(91,155,213)     !important; color:white; }/*plava */
.boja2{ background-color: rgb(204,51,0)       !important; color:white; } /*crvena*/
.boja3{ background-color: rgb(255,192,0)      !important; color:#003e8f; }/*zuta*/
.boja4{ background-color: rgb(112,173,71)     !important; color:white; }
.boja5{ background-color: rgb(237,125,49)     !important; color:white; }/*narandjasta */ 
.boja6{ background-color: rgb(200,10,200)     !important; color:white; }/*ljubicasta */ 
  
.bojaArtikl1{  border-color: rgb(91,155,213)   !important; }/*plava */
.bojaArtikl2{ border-color: rgb(204,51,0)     !important; } /*crvena*/
.bojaArtikl3{ border-color: rgb(255,192,0)    !important; }/*zuta*/
.bojaArtikl4{ border-color: rgb(112,173,71)   !important; }
.bojaArtikl5{ border-color: rgb(237,125,49)   !important; }/*narandjasta */ 
.bojaArtikl6{ border-color: rgb(200,10,200)   !important; }/*ljubicasta */ 

.bojaArtikl1 :hover{ color:white; background-color: rgba(91,155,213,0.8)   !important; }/*plava */
.bojaArtikl2 :hover{ color:white; background-color: rgba(204,51,0,  0.8)   !important; } /*crvena*/
.bojaArtikl3 :hover{ color:white; background-color: rgba(255,192,0, 0.8)   !important; }/*zuta*/
.bojaArtikl4 :hover{ color:white; background-color: rgba(112,173,71,0.8)   !important; }
.bojaArtikl5 :hover{ color:white; background-color: rgba(237,125,49,0.8)   !important; }/*narandjasta */ 
.bojaArtikl6 :hover{ color:white; background-color: rgba(200,10,200,0.8)   !important; }/*ljubicasta */ 

.bojaTbl1{ background-color: rgb(91,155,213)     !important; font-weight:bold; color:white; }/*plava */
.bojaTbl2{ background-color: rgb(204,51,0)       !important; font-weight:bold; color:white; } /*crvena*/
.bojaTbl3{ background-color: rgb(255,192,0)      !important; font-weight:bold; color:#003e8f }/*zuta*/
.bojaTbl4{ background-color: rgb(112,173,71)     !important; font-weight:bold; color:white; }
.bojaTbl5{ background-color: rgb(237,125,49)     !important; font-weight:bold; color:white; }/*narandjasta */ 
.bojaTbl6{ background-color: rgb(200,10,200)     !important; font-weight:bold; color:white; }/*ljubicasta */ 


.bojaJezik { border:0px !important; width:150px  !important;}
.bojaJezik:hover {background-color:silver !important;}
.bijelaSlova {color:white;}
.crnaSlova {color:black;}
.plavaSlova {color:#003e8f;}
.sivaSlova {color:#666  !important; font-weight:normal !important;}
.bold { font-weight:bold;}


.sjena {
    /*
    -webkit-box-shadow: 6px 0px 10px 0px #777;
       -moz-box-shadow: 6px 0px 10px 0px #777;
            box-shadow: 6px 0px 10px 0px #777;
    */
}

.bojaArtiklMenu1{ margin-bottom:1px; border-width: 0 0 1px 10px  !important; border-style:solid  !important;  border-color: rgb(91,155,213)   !important; }/*plava */
.bojaArtiklMenu2{ margin-bottom:1px; border-width: 0 0 1px 10px  !important; border-style:solid  !important; border-color: rgb(204,51,0)     !important; } /*crvena*/
.bojaArtiklMenu3{ margin-bottom:1px; border-width: 0 0 1px 10px  !important; border-style:solid  !important; border-color: rgb(255,192,0)    !important; }/*zuta*/
.bojaArtiklMenu4{ margin-bottom:1px; border-width: 0 0 1px 10px  !important; border-style:solid  !important; border-color: rgb(112,173,71)   !important; }
.bojaArtiklMenu5{ margin-bottom:1px; border-width: 0 0 1px 10px  !important; border-style:solid  !important; border-color: rgb(237,125,49)   !important; }/*narandjasta */ 
.bojaArtiklMenu6{ margin-bottom:1px; border-width: 0 0 1px 10px  !important; border-style:solid  !important; border-color: rgb(200,10,200)   !important; }/*ljubicastaa */ 
  
.bojaArtiklMenu1 :hover{ color:white; background-color: rgba(91,155,213,0.8)   !important;}/*plava */
.bojaArtiklMenu2 :hover{ color:white; background-color: rgba(204,51,0,  0.8)     !important;} /*crvena*/
.bojaArtiklMenu3 :hover{ color:white; background-color: rgba(255,192,0, 0.8)    !important;}/*zuta*/
.bojaArtiklMenu4 :hover{ color:white; background-color: rgba(112,173,71,0.8)   !important;}
.bojaArtiklMenu5 :hover{ color:white; background-color: rgba(237,125,49,0.8)   !important;}/*narandjasta */ 
.bojaArtiklMenu6 :hover{ color:white; background-color: rgba(200,10,200,0.8)   !important;}/*narandjasta */ 
.artikl-slika-div {
    display:inline-block;
    /*vertical-align:text-top;*/
   
}
.artikl-slika-img {
    max-width:200px;
    max-height:250px;
}
.artikl-text {
     max-width:500px;
     text-align:justify;
     font-size:1.1em;
     line-height: 1.3;
}

.artikl-opis {
   /* max-width:700px;*/
}

.include-text {
    max-width:700px;
    text-align:justify; 
    padding-bottom:10px;
     font-size:1.1em;
     line-height: 1.3;
}
.div-table {
    display: table;
}

.div-table-prva {
    display: table;
    margin-top:30px;
    position:relative;

}
.div-tr {
    display: table-row;
   /* padding: 5px;*/
   /* border:1px solid green;*/
}
.div-td {
    display: table-cell;
    padding: 5px;
    /*margin: 5px;*/
   /* width: 500px;*/
   /* border:1px solid red;*/
    vertical-align:top;
}


div.grupaProizvoda {
    max-width:200px;
    max-height:300px;
    text-align:center;
    position:relative;
    background-color:	#D9ECFE;
    background-color:	#F4F1ED;
}
h1.grupaProizvoda {
  	/*color:black;*/
 	font-size: 1vw;
    width:90%;
	margin: 0 auto;
	text-align:center;
	color: rgb(12,60,144);
	  
	  text-shadow: 
     2px   0  0   #FFF, 
    -2px   0  0   #FFF, 
     0    2px 0   #FFF, 
     0   -2px 0   #FFF, 
     1px  1px 0   #FFF, 
    -1px -1px 0   #FFF, 
     1px -1px 0   #FFF, 
    -1px  1px 0   #FFF,
     1px  1px 5px #FFF;
}
img.grupaProizvoda{
    max-width:150px;
    max-height:200px;
    position:absolute;

    margin-top: auto;
    margin-left:auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom:10px;
    text-align: center;
}

h1.grupaProizvoda2 {
 	font-size: 0.8vw;
    width:90%;
	margin: 0 auto;
	text-align:center;
	z-index:1000;
}

.vlastita-proizvodnja {
    width:120px;
    margin-top:-38px;
    margin-left:50px;
    /*
    position:absolute;
    top:0px;
    right:10px;
    */
}
.certifikati {
    max-width:600px;
}
.showPDF:hover{
    color:#003e8f;
}



.katalog {
    margin: 10px;
    display:inline-block;
/*
    width: calc(14vw - 25px);
    height: calc((14vw - 25px)*1.42857);
*/
    width: calc(14vw);
    height: calc(14vw*1.42857);

    max-width:175px;
    max-height:250px;
    min-width:120px;
    min-height:171.43px;
    transition: transform .2s;
     -webkit-box-shadow: 0 10px 6px -6px #777;
        -moz-box-shadow: 0 10px 6px -6px #777;
             box-shadow: 0 10px 6px -6px #777;
    padding-top:2em;
    vertical-align: text-top;
    position:relative;
}
.katalog:hover {
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1); 
     -webkit-box-shadow: 0 20px 20px -6px #777;
        -moz-box-shadow: 0 20px 20px -6px #777;
             box-shadow: 0 20px 20px -6px #777;
}
.katalog-slika {
    max-width:100%;
    max-height:100%;
    position:absolute;
    top:0;
    left:0;
}
.katalog-text {
    
}


#header  {
    text-align:center;
    position:relative;
    height:120px;
    /*padding-top:20px;*/
    display:block;
    z-index:999;

}
#divLogo {
    /*position:absolute;*/
    float:left;
    top:0;
    left:0;
    margin:0 auto;
    display:inline-block;
}
.logo{
      max-height:90px;
      min-height:50px;
      height:15vw;
}
#divMenu {
    display:inline-block;
    text-align:left;
    margin-left:20px;
    margin-top:20px;
    color: white;
    background-color: rgb(91,155,213);
    
}
.reklama {
    position: absolute;
    bottom: 50px;  
    transform: translate(0, -0); 
    width:100%;
    text-align:center;
    margin: 0  auto;
}
@media screen and (min-width: 1201px) {
  h1{
     font-size: 26px;
  }
  #divMenu {
    margin-left:0;
  }
  #t1 {
    min-width:500px;
  }      
      
}

@media screen and (max-width: 1200px) {
  h1{
    /* font-size: 26px;*/
  }
  .kontakt-text{
    font-size: 24px;
    }
  #divMenu {
    margin-left:0;
  }
  #t1 {
    min-width:500px;
  }      
}      
@media screen and (max-height: 599px) {
    .reklama {
        display:none; 
    }
}


@media screen and (max-width: 499px) , screen and (orientation:portrait) {
    .menu-proizvod {
        width: 80%;
        max-width: 80%;
        height: calc((25vw) );
        background-position:10% center;
        background-size: auto 90%;
    }
    .menu-okvir {
        position: relative;   
        top: 0;
        transform: translate(0, -0); 
    }    
    .logolineH150 {
       height:0px;
    }
    h1{
    	font-size: 3vh;
    	font-weight:bold;
    	text-align:center;
    	margin: 0;
    	padding-left:50%;
    	padding-right:5%;
    }
      .reklama {
          position:relative;
    }
    .kontakt-text{
        display:block;
        width:100%;
        padding:10px;
        text-align:center;
          font-size: 24px;
    }
    .kontakt-mapa{
        display:block;
        width:100%;
        padding:10px;
    }
    .onama{
        line-height:0px;
    }
    .onama-slika {
        display:none;
    }
    .onama-text {
        width:100%;
        padding:10px;
    }
    
    .h2Naslov {
         text-align:center;  
    }
    
    #proizvodiLijevo{
        display:none;
    }
    .artikl-opis {
        width:100%;
    }
    #td-artikl-slika {
          display: block;
          text-align:center;
    }
    #td-artikl-opis{
          display: block;
    }
    #h1-artikl-naziv{
        padding:5px;
        
    }
}



/*
.sweep:after {
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
	background: yellow;
}

.sweep:hover,
.sweep:active {
	color: #0e83cd;
}

.sweep:hover:after,
.sweep:active:after {
	width: 100%;
}

*/