*{
	margin: 0px;
	padding: 0px;
}

/* > 1%, last 2 versions, Android > 2.1, Opera 12.1, ie 10, Chrome >= 20, iOS >= 3.2, Safari > 3.1, Firefox > 20 */
header, section, footer, aside, nav, article, hgroup{
	display:block;
}

html {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(11,47,69,1)), to(rgba(89,158,189,1))) repeat-x;
    background: -webkit-linear-gradient(top, rgba(11,47,69,1), rgba(89,158,189,1)) repeat-x;
	background: -ms-linear-gradient(top, rgba(11,47,69,1), rgba(89,158,189,1)) repeat-x;
	background: linear-gradient(to bottom, rgba(11,47,69,1), rgba(89,158,189,1)) repeat-x;
/*	background-color: rgba(89, 158, 189, 1); */
}

body {
	text-align: center;
    font-family: Tahoma;
    margin-bottom: 90px;
}

#wrapper {
	width: 96%;  /* 960px */
    max-width: 1200px;
	margin: 10px auto;
}

.main-header {
    background: -webkit-gradient(linear, left top, right top, from(rgba(235,233,236,1)), to(rgba(89,158,189,1)));
    background: -webkit-linear-gradient(left, rgba(235,233,236,1), rgba(89,158,189,1));
	background: -ms-linear-gradient(left, rgba(235,233,236,1), rgba(89,158,189,1) );
    background: linear-gradient(to right, rgba(235,233,236,1), rgba(89,158,189,1) );   
    -webkit-border-radius: 8px;
            border-radius: 8px;    
    overflow: auto;
}

header #logo {
    text-align: left;
    width: 20.83333333%; /*152*80 so dimenzije loga */ /* 200/960 */
    padding-top: 5px;
    padding-left: 2.08333333333333%; /* 20/960 */
    padding-bottom: 1px;
    float: left;
}
header #logo img {
    width: 100%;
    max-width: 152px;
    min-width: 100px;
}

nav {
    display: table;
    float: right;
    width: 76.041666666666666666666666666667%;  /* 730/960 */
    margin-top: 23px;
    padding-right: 1.0416666666666666666666666666667%; /* 10/960 */
    
}
nav ul {
    float: right;
    width: 100%;

}

nav ul a {
    display: table-cell;
    white-space: nowrap;
    list-style:none;
    font-size: 1.6rem; /* 24 /16 */
    font-family: robotoregular;
    font-weight: bold;
	cursor: default;
    text-decoration: none;
    color: black; 
	text-shadow: 0 1px 0 hsla(0, 0%, 100%, 1.0);    
    text-transform: uppercase;    
	-webkit-transition: background .25s ease-in-out;
	        transition: background .25s ease-in-out;
    -webkit-border-radius: 6px;
            border-radius: 6px;

  
}

nav li ,.dropdown {
    line-height: 40px;
    display: :none;
    float: left;
    text-decoration: none;
    padding-left: 4.0416666666666666666666666666667%;
    padding-right: 4.0416666666666666666666666666667%;
    list-style-type: none;
  
}
nav a, nav a:hover, nav a:visited, nav a:active {
  color: inherit;
}
nav a:hover, nav a:active{
	background: #ddd;
}

.dropdown-content {
    display: none;
    position:absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    font-size: 0.8rem;
    line-height: 20px;
    padding: 12px 12px;
    text-decoration: none;
    display: list-item;
    text-align: left;

}

.dropdown-content a:hover {
    background-color: #f1f1f1
}

.dropdown:hover .dropdown-content {
    display: block;

}


section {  /* 910 */
	text-align: justify; 
	margin-top: 20px;
	margin-bottom: 20px;
	background: white;
    -webkit-border-radius: 6px;
            border-radius: 6px;
    padding: 25px 2.6041666666666667%;   /* 25/960 */
    text-rendering: auto;
    line-height: 1.5;
    font-size: 14px;

}

article {  /* 910 */
    margin-top: 25px;
    margin-bottom: 10px;
    overflow: auto;
}

#uvod {  /* 885 */
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 1.6483516483%;  /* 15/910 */
    margin-right: 1.0989010989%;  /* 10/910 */
    display: table;
}

/* using float difficult equals column height */
.uvod-left {
    width: 47.17514124293785310%; /* 960-2*25(section padding) - 15(left margin) - 10(right margin) - 10 (middle column) - 4*10 (left/right padding) /2 */
    /* 417.5/885 */ 
    background-color: rgb(213,213,213);
    padding: 10px 1.12994350282485875%;  /* 10/885 */
    display: table-cell;
}

.uvod-middle {
    width: 1.129943502824858757%;  /* 10 /885 */
    display: table-cell;
}

.uvod-right {
    width: 47.17514124293785310%; 
    background-color: rgb(213,213,213);
    padding: 10px 1.12994350282485875%;  /* 10/885 */
    display: table-cell;
}

article header {
    font-size: 30px;
    font-weight: bold;
    color: rgb(255,158,41);
    text-shadow: 0 1px 0 rgb(110, 110, 110);
}

.leftColumnImage {
    padding: 10px 1.0989010989010%;  /* 10/910 */
    padding-left: 1.648351648351%;  /* 15/910 */
    float: left;
    width: 25.2747252747252%;   /* 230/910 */
}

.leftColumnImage img {
    width: 100%;
    -webkit-box-shadow: 10px 10px 10px rgb(110, 110, 110);  
            box-shadow: 10px 10px 10px rgb(110, 110, 110);    
}

.rightColumnText {
    padding: 10px 1.0989010989010%;  /* 10/910 */
    float: right;
    width: 69.7802197802197802%;   /* 635/910 */
}

.leftColumnText {
    padding: 10px 1.0989010989010%;  /* 10/910 */
    padding-left: 1.648351648351%;  /* 15/910 */
    float: left;
    width: 69.7802197802197802%;   /* 635/910 */
}

.rightColumnImage {
    float: right;
    width: 25.2747252747252%;   /* 230/910 */
    padding: 10px 1.0989010989010%;  /* 10/910 */
}

.rightColumnImage img {
    width: 100%;
    -webkit-box-shadow: -10px 10px 10px rgb(110, 110, 110);  
            box-shadow: -10px 10px 10px rgb(110, 110, 110);
}

.ponudbaTitle {
    margin-bottom: 10px;
    padding: 3px 0.47244094488188%;   /* 3/635 */
    padding-left: 1.574803149606299%;  /* 10/635 */
    color: black;
    font-size: 20px;
    background-color: rgb(213,213,213);
    text-shadow: 0 1px 0 hsla(0, 0%, 100%, 1.0);       
}

.clear {
    clear: both;
    margin-top: 10px;
}

#onas, #referenca{
    margin-left: -2.74725274725274725%;   /* -25/910 */
    margin-right: -2.74725274725274725%;   /* -25/910 */
    clear: both;
}

#onas header, #referenca header{
    margin-left: 2.6041666666667%;    /* 25 /960 ni napaka, ker je -25 in width parenta 960 posledicno*/
}

#onas-wrapper{
    background-color: rgb(213,213,213);
    overflow: auto;
}

#poslanstvo {
    float: left;
    width: 45.833333333333333333333333333333%;  /* 440/960 */
    padding-left: 2.60416666667%;  /* 25/960 */
    padding-right: 1.5625%;   /* 15/ 960 */
    margin-top: 10px;
}

#vizija {
    float: right;
    width: 44.79166666666%;  /* 430/960 */
    padding-left: 1.5625%;   /* 15/ 960 */
    padding-right: 3.64583333333%;   /* 35/960 */
    margin-top: 10px;
}

.pClass1 {
    clear: both;
    padding-bottom: 20px;
    padding-left: 3.4482758620%;  /* 15/435 */
}

.pClass2 {
    clear: both;
    padding-bottom: 20px;
    padding-left: 3.48837209302325581%;     /* 15/430*/
}

#poslanstvo .header,
#vizija .header {
    color: rgb(27,78,125);
    font-size: 28px;
    font-weight: bold;
    padding-top: 10px;
    text-shadow: 0 1px 0 hsla(0, 0%, 100%, 1.0);
    overflow: auto;
}

#poslanstvo .header-text {
    float: left;
    width: 79.545454545454545454545454545455%;  /* 350/440 */
    padding-right: 3.4090909090909090909090909090909%;  /* 15/440 */
}

#vizija .header-text {
    float: left;
    width: 73.255813953488372093023255813953%;  /* 315/430 */
    padding-right: 3.488372093023255813953488372093%;  /*15/430*/
}

#onas #poslanstvo hr,
#onas #vizija hr {
    background-color: rgb(27,78,125);
    height: 3px;
}

#poslanstvo .header-img{
    float: right;
    width: 17.045454545454545454545454545455%;  /*  75 / 440*/
}

#vizija .header-img {
    float: right;
    width: 23.255813953488372093023255813953%;  /*  100 / 430*/
}

#poslanstvo .header-img img, #vizija .header-img img {
    width: 100%;
}

#referenca-wrapper{
    background-color: rgb(255,158,41);
    padding-left: 2.6041666666666666666666666666667%; /*25/960*/
    padding-right: 2.6041666666666666666666666666667%; /*25/960*/
    padding-top: 25px;
    padding-bottom: 25px;
    display: table;
}

#seznam {
    width: 48.681318681318681318681318681319%;   /* (100% - fille)r /2 */
    padding-left: 2.7472527472527472527472527472527%;  /*25/910*/
/*    margin-right: 1.3186813186813186813186813186813%; *//*12/910 */
    border: 3px solid rgb(27,78,125);
    vertical-align: top;
    white-space: nowrap;
    display: table-cell;
}

.seznam-list {
    float: left;
    width: 70.87378640776699029126213592233%; /* 292/(412) */
}

.seznam-img {
    padding-top: 10px;
    float: right;
    width: 24.271844660194174757281553398058%;   /* 100/(412) */
    padding-right: 4.8543689320388349514563106796117%;  /* 20/412*/
}
.seznam-img img {
    width: 100%;
}

#seznam li {
    margin-left: 3.3112582781456953642384105960265%;  /* 10/302 */
    margin-top: 15px;
}

#seznam li a{
    text-decoration: none;
}
#seznam li a, #seznam li a:visited, #seznam li a:active {
  color: inherit;
}
#seznam li a:hover{
  color: rgb(27,78,125);
}

.reference-filler {
    width: 2.6373626373626373626373626373626%;   /* 24/910 */
    display: table-cell;
}

#priporocilo {
    width: 48.681318681318681318681318681319%; /* (100-2.6373626373%)/2 */
/*    margin-left: 1.3186813186813186813186813186813%; */ /*12/910*/
    padding: 15px 1.6483516483516483516483516483516%;  /*15/910*/
    border: 3px solid rgb(27,78,125);
    display: table-cell;
}

#priporocilo #priporocilo-header {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 15px;
}

#priporocilo .direktor {
    text-align: right;
    padding-right: 2.4570024570024570024570024570025%; /*10/407*/
    margin-bottom: 10px;
}

.kontakt-wrapper {
    display: table;
    width: 100%;
}

.kontakt {
    display: table-cell;
    width: 48.681318681318681318681318681319%;  /* 443/910*/
    white-space: nowrap;
}

.kontakt-filler {
    width: 2.6373626373626373626373626373626%;   /* 24/910 */
    display: table-cell;
}

.okvir{
    display: table-cell;
    width: 48.681318681318681318681318681319%;  /* 443/910*/
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(235,233,236,1)), to(rgba(89,158,189,1)));
	background: -webkit-linear-gradient(top, rgba(235,233,236,1), rgba(89,158,189,1));
    background: -ms-linear-gradient(top, rgba(235,233,236,1), rgba(89,158,189,1) );
	background: linear-gradient(to bottom, rgba(235,233,236,1), rgba(89,158,189,1) );
    border: 3px solid rgb(255,158,41);
    text-align: left;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-right: 2.2573363431151241534988713318284%; /* 10/443 */
    padding-left: 3.3860045146726862302483069977427%;  /* 15/443 */
}

.kontakt-header {
    padding-bottom: 10px;
    color: rgb(255,158,41);
    font-size: 20px;
    font-weight: bold;    
    text-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.8);    
}

.stik-okvir {
    float: left;
    padding-right: 4.9140049140049140049140049140049%; /* 20/ 407*/
    font-weight: bold;
}

.stik-logo {
    float: left;
    width: 34.398034398034398034398034398034% /* 140/407 */
}

.stik-logo img {
    width: 100%;
}

.e-posta-img {
    float: left;
    -webkit-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
            transform: rotate(-20deg);
}

.e-posta-link {
    float: left;
    font-weight: bold;
    padding-left: 7.3710073710073710073710073710074%; /* 30/407 */ 
    padding-top: 20px;
}
.tel {
    float: left;
    padding-top: 40px;
    padding-bottom: 20px;
    padding-right: 2.4570024570024570024570024570025%;  /* 10/407 */
    font-weight: bold;
}

.tel-img {
    padding-top: 10px;
    -webkit-transform: rotate(20deg);
        -ms-transform: rotate(20deg);
            transform: rotate(20deg);
}

#footer {
	text-align: center;
	padding: 10px, 1.04166666666667%;   /* 10/960 */
	border-top: 1px solid white;
	color: white;
}

.akcija {
	position: fixed;
	height: 50px;
	width: 96%;    /*wrapper width */
    max-width: 1200px;
	bottom: 10px;
	background: rgba(11,47,69,1);
	padding-top: 25px;
	opacity: 0;
	-webkit-transition: opacity .5s ease-in-out;
	        transition: opacity .5s ease-in-out;
}

.akcija:hover, .akcija:active {
	opacity: 0;
}
.akcija span {
	color: rgb(252,130,31);
	font: 20px Tahoma;
}

.akcija #desc {
	color: white;
	font: 18px Tahoma;
}

@font-face {
    font-family: 'robotoregular';
    src: url('font/roboto-regular-webfont.eot');
    src: url('font/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/roboto-regular-webfont.woff2') format('woff2'),
         url('font/roboto-regular-webfont.woff') format('woff'),
         url('font/roboto-regular-webfont.ttf') format('truetype'),
         url('font/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (min-width: 1000px) {
    nav {
    display: table;
    float: right;
    width: 76.041666666666666666666666666667%;  /* 730/960 */
    margin-top: 23px;
    padding-right: 1.0416666666666666666666666666667%; /* 10/960 */
    
}
nav ul {
    float: right;
    width: 100%;

}

nav ul a {
    display: table-cell;
    white-space: nowrap;
    list-style:none;
    font-size: 1.6rem; /* 24 /16 */
    font-family: robotoregular;
    font-weight: bold;
	cursor: default;
    text-decoration: none;
    color: black; 
	text-shadow: 0 1px 0 hsla(0, 0%, 100%, 1.0);    
    text-transform: uppercase;    
	-webkit-transition: background .25s ease-in-out;
	        transition: background .25s ease-in-out;
    -webkit-border-radius: 6px;
            border-radius: 6px;

  
}

nav li ,.dropdown {
    line-height: 40px;
    display: :none;
    float: left;
    text-decoration: none;
    padding-left: 4.0416666666666666666666666666667%;
    padding-right: 4.0416666666666666666666666666667%;
    list-style-type: none;
  
}
nav a, nav a:hover, nav a:visited, nav a:active {
  color: inherit;
}
nav a:hover, nav a:active{
	background: #ddd;
}

.dropdown-content {
    display: none;
    position:absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    font-size: 0.8rem;
    line-height: 20px;
    padding: 12px 12px;
    text-decoration: none;
    display: list-item;
    text-align: left;

}

.dropdown-content a:hover {
    background-color: #f1f1f1
}

.dropdown:hover .dropdown-content {
    display: block;

}


}
@media screen and (max-width: 768px) {
    nav ul li a,.dropdown  {
	   font-size: 1.0rem; 
    }
   .dropdown-content a
    {
     font-size: 0.6rem; 
     line-height: 10px;
     
    }
    .rightColumnText, .leftColumnText {
        float: left;
        width: 97.802197802197802197802197802198%;
        padding-left: 1.0989010989010%;  /* 10/910 */
    }

    .leftColumnImage {
        padding-left: 1.0989010989010%;  /* 10/910 */
        width: 200px;
        padding-bottom: 0px;
    }
    .rightColumnImage {
        width: 200px;
        padding-bottom: 0px;
    }

    #poslanstvo,  #vizija {
        float: left;
        width: 94.791666666666666666666666666667%;
        padding-left: 2.60416666667%;  /* 25/960 */
        padding-right: 2.60416666667%;   /* 25/ 960 */
    }
    
    #poslanstvo .header-text {
        float: left;
        width: 84.615384615384615384615384615385%;  /* (910-125-15)/910 */
        padding-right: 1.6483516483516483516483516483516%;  /* 15/910 */
        font-size: 24px;

    }

    #vizija .header-text {
        float: left;
        width: 81.868131868131868131868131868132%;  /* (910-150-15)/910 */
        padding-right: 1.6483516483516483516483516483516%;  /* 15/910 */
        font-size: 24px;
    }

    #onas #poslanstvo hr,
    #onas #vizija hr {
        margin-top: 5px;
        height: 2px;
    }

    #poslanstvo .header-img{
        width: 13.736263736263736263736263736264%;  /*  125 / 910*/
    }

    #vizija .header-img {
        width: 16.483516483516483516483516483516%;  /*  150 / 910*/
    }
    
    .pClass1, .pClass2 {
        padding-left: 1.6483516483516483516483516483516%;  /* 15/435 */
        padding-right: 1.6483516483516483516483516483516%;  /* 15/435 */
    }

    #referenca-wrapper{
        display: block;
    }

    #seznam {
        width: 93.846153846153846153846153846154%;   /* (910-50-6)/910 */
        padding-left: 2.7472527472527472527472527472527%;  /*25/910*/
        padding-right: 2.7472527472527472527472527472527%;  /*25/910*/
        padding-bottom: 15px;
        display: block;
        float: left;
        margin-bottom: 10px;
    }

    .seznam-list {
        float: left;
        width: 80.093676814988290398126463700234%; /* 684/(854) */
    }

    .seznam-img {
        padding-top: 10px;
        float: right;
        width: 17.564402810304449648711943793911%;   /* 150/(854) */
        padding-right: 2.3419203747072599531615925058548%;  /* 20/854*/
    }
    .seznam-img img {
        width: 100%;
    }

    .reference-filler {
        display: none;
    }

    #priporocilo {
        width: 93.846153846153846153846153846154%;   /* (910-50-6)/910 */
        padding-left: 2.7472527472527472527472527472527%;  /*25/910*/
        padding-right: 2.7472527472527472527472527472527%;  /*25/910*/
        border: 3px solid rgb(27,78,125);
        display: block;
        clear: both;
    }

    .kontakt-wrapper {
        display: block;
        width: 100%;
    }

    .kontakt-filler {
        display: none;
    }

    .okvir{
        display: block;
        width: 93.4065934065934065934065934065934%;  /* 850/910 15 manj kot je nujno, saj border ostaja 3px*/
        padding-right: 2.1978021978021978021978021978022%; /* 20/910 */
        padding-left: 2.1978021978021978021978021978022%;  /* 20/910 */
        margin-bottom: 10px;
    }

    .stik-okvir {
        padding-right: 4.9140049140049140049140049140049%; /* 20/ 407*/
    }

    .stik-logo {
        padding-left: 4.6838407494145199063231850117096%; /* 40 / 854 */
        max-width: 145px;
    }

    .e-posta-link {
        padding-left: 3.5128805620608899297423887587822%; /* 30/854 */ 
    }
    .tel {
        padding-right: 1.1709601873536299765807962529274%; /* 10 / 854 */
    }
    
    .akcija {
        width: 93.916666666666666666666666666667%;    /*wrapper width */
        padding-left: 1.0416666666666666666666666666667%; /* 10/960 */
        padding-right: 1.0416666666666666666666666666667%;
        height: auto;
        padding-bottom: 10px;
        padding-top: 10px;
    }
}
@media screen and (max-width: 651px) {
	
	nav ul li a  {
	   font-size: 0.8rem; 
    }
   .dropdown-content a
    {
     font-size: 0.6rem; 
     line-height: 10px;
    
    }

    
    .akcija span {
        font: 18px Tahoma;
    }

    #uvod {  /* 885 */
        margin-left: 1.6483516483%;  /* 15/910 */
        margin-right: 1.0989010989%;  /* 10/910 */
        display: block;
    }

    /* using float difficult equals column height */
    .uvod-left, .uvod-right {
        width: 96.610169491525423728813559322034%; /* 855/885 */
        /* 417.5/885 */ 
        padding: 10px 1.6949152542372881355932203389831%;  /* 15/885 */
        display: block;
        float: left;
        margin-bottom: 1px;
    }

    .uvod-middle {
        display: none;
    }


    .akcija #desc {
        font: 16px Tahoma;
    }
    #footer {
        font-size: 14px;
    }

}

@media screen and (max-width: 475px)  {
    article header {
        font-size: 24px;
    }
    .ponudbaTitle {
        font-size: 18px;
        text-align: left;
    }
    #poslanstvo .header-text {
        font-size: 20px;
    }

    #vizija .header-text {
        font-size: 20px;
    }
    .stik-logo {
        display: none;
    }

    #footer {
        font-size: 12px;
    }
    nav {
        display: block;
        float:unset;
        margin-top: 20%;
        padding-right: 0px;
	}
    nav ul li{
        text-align: : left;
        width: 100%;
    }
	nav ul {
		display: block;
        padding-left: 1.6666666666666666666666666666667%;
        padding-right: 1.6666666666666666666666666666667%;
        margin-bottom: 5px;
	}
    .dropdown a {}
	nav ul a{
		display: list-item;
        font-size: 0.9rem;
        border: 1px solid rgb(255,255,255); 
        line-height: 25px;
        margin-bottom: 5px;
	}
   .dropdown-content a {
        display: none;
        
    }
    nav ul a li {
	   font-size: 1.0rem; 
    }

}
@media screen and (max-width: 340px)  {
    
    nav ul a li {
	   font-size: 1.0rem; 
    }

    article header {
        font-size: 22px;
    }
    
    .seznam-img {
        display: none;
    }

    .ponudbaTitle {
        font-size: 18px;
    }
    #poslanstvo .header-text {
        font-size: 18px;
    }

    #vizija .header-text {
        font-size: 20px;
    }
    .kontakt-header {
        font-size: 16px;
    }

    .stik-okvir {
        float: none;
        padding-right: 0px;
        font-size: 14px;
    }

    .stik-logo {
        display: none;
    }

    .e-posta-img {
        display: none;
    }

    .e-posta-link {
        float: none;
        padding-left: 0px; 
        padding-top: 10px;
    }
    .tel {
        float: none;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 0px;
    }

    .tel-img {
        display: none;
    }
    .clear {
        margin-top: 10px;
    }
    
}