.align-left {
    float: left;
    margin-right: 0px;
    /*min-width: 320px;*/
}

.align-right {
    float: right;
    margin-left: 0px;
    /*min-width: 620px;*/
}

img.align-center { 
    display: block; 
    margin: 0px auto;
}

.linksRight{
    position: relative;
    /*width: 620px;*/
   max-width: 100%;
}

.linksLeft{
    position: relative;
    /*width: 320px;*/
    max-width: 100%;
    margin-left:10px;
}
.linksLeft img{
    max-width: 100%;   
}

#wrapper {
  max-width: 1024px;
  /*width: 940px; /*80%;  max-width: 940px;*/
  /*max-width:80%;  */
  margin: 0 auto;
  /*overflow: auto;*/
}

.transparent{
    background-image:url(/si/layouts/pages/eHrambaCustom/images/transparent.png);
    background-repeat:repeat-y;    
}

#VizEhramba
{
    position: absolute; left:101px; top:223px; z-index:1000;width:120px;height:250px;
}
#VizKlasNacrt
{
    position: absolute; left:227px; top:235px; z-index:1000;width:120px;height:250px;
}
#VizNotranjaPravila
{
    position: absolute; left:343px; top:235px; z-index:1000;width:120px;height:250px;
}
#VizOcenaTveganj
{
    position: absolute; left:459px; top:235px; z-index:1000;width:120px;height:250px;
}
#ZdrEhramba
{
    position: absolute; left:112px; top:484px; z-index:1000;width:120px;height:250px;
}
#ZdrKlasNacrt
{
    position: absolute; left:227px; top:487px; z-index:1000;width:120px;height:250px;
}
#ZdrNotranjaPravila
{
    position: absolute; left:343px; top:487px; z-index:1000;width:120px;height:250px;
}
#ZdrOcenaTveganj
{
    position: absolute; left:459px; top:487px; z-index:1000;width:120px;height:250px;
}

.transparent:hover {
    cursor: pointer; cursor: hand;
}

.rotate {

    /* Safari */
    /* -webkit-transform: rotate(-10deg); */

    /* Firefox */
    /* -moz-transform: rotate(-10deg); */

    /* IE */
    /* -ms-transform: rotate(-10deg); */

    /* Opera */
    /* -o-transform: rotate(-10deg); */

    /* Internet Explorer 8*/
    /*transform: rotate(-10deg);*/
     /*-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.93969262, M12=0.34202014, M21=-0.34202014, M22=0.93969262,sizingMethod='auto expand')";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.93969262, M12=0.34202014, M21=-0.34202014, M22=0.93969262,sizingMethod='auto expand');*/
}

.locktext
{
    font-size: 1.3em; 
}
.locktext:hover
{
    font-size: 1.3em;    
    color:#c4be68;
    cursor: pointer; cursor: hand;
}
a:hover
{
        color:#c4be68;
}

.footerWrapper{
    clear:both;
    width:100%;
    text-align:center;
}

#footerBannerImage{
    max-width: 100%;
}
.footerBanner{
    clear:  both;    
    position: relative;
    display:inline-block;
}

.footerTerms{
    position: absolute; left:30%; top:38%; z-index:1000;   
}
.footerTerms a{
  color: black;
}
.footerTerms a:hover{
  color:#c4be68;
}
.footerPolicy a{
    position: absolute; left:10%; top:38%; z-index:1000;color: black; text-decoration: none; /*font-weight: bold; */color: black;text-decoration:underline
}
.footerPolicy a:hover{
    color:#c4be68;
}

.footerLink{
    position: absolute; left:70%; top:25%; z-index:1000;  width:25%; height:40%;
    background-image:url(/si/layouts/pages/eHrambaCustom/images/transparent.png);
    background-repeat:repeat-y;
}
.footerLink:hover{
    cursor: pointer; cursor: hand;
}
@media only screen and (max-width:  965px) {
    .align-left
    {
        margin:auto;
    }
}
 
html {
      min-width: 960px; 
}
/*@media screen and (device-width:1024px ) and (device-height: 768px){
    #wrapper {
          width: 80%;
          margin: 0 auto;
          overflow: auto;
    }
}*/

/*
@media screen and (device-width: 768px) and (device-height: 1024px){

    #wrapper {
          width: 80%;
          margin: 0 auto;
          overflow: auto;
    }
	
    .linksRight {
        float: right;
		margin:0;
		width:60%;
    }
    .linksLeft
    {
		float:left;
		margin:0;
		width:40%;
		text-align:left;
    }
	
    .locktext
    {
        left: 60px !important;
        font-size: small;
    }
    .locktext:hover{
        font-size: small;   
    }

    .linksRight #VizEhramba
    {
        background-size: 62% 62%;
        position: absolute; left: 24%; top:132px; z-index:1000;
    }
    .linksRight #VizKlasNacrt
    {
        background-size: 56% 56%;
        position: absolute; left:197px; top:139px; z-index:1000;
    }
    .linksRight #VizNotranjaPravila
    {
        background-size: 56% 56%;
        position: absolute; left:267px; top:139px; z-index:1000;
    }
    .linksRight #VizOcenaTveganj
    {
        background-size: 56% 56%;
        position: absolute; left:337px; top:139px; z-index:1000;
    }
    .linksRight #ZdrEhramba
    {
        background-size: 56% 56%;
        position: absolute; left:125px; top:291px; z-index:1000;
    }
    .linksRight #ZdrKlasNacrt
    {
        background-size: 56% 56%;
        position: absolute; left:197px; top:291px; z-index:1000;
    }
    .linksRight #ZdrNotranjaPravila
    {
        background-size: 56% 56%;
        position: absolute; left:267px; top:291px; z-index:1000;
    }
       .linksRight #ZdrOcenaTveganj
    {
        background-size: 56% 56%;
        position: absolute; left:337px; top:291px; z-index:1000;
    }
     
    .linksRight .topAnchors{
        background: white;
        position: absolute;
        width: 100%;
        text-align: right;
        padding-right: 10px;
        left:35px;
        top:65px;
        line-height: 20px;
    }
    .linksRight  .topAnchors #phone
    {
		margin:0 !important;padding:0!important;
		right:auto;width:auto !important;
        font-weight:bold;float:right;
    }

    .linksRight .topAnchors .chelp {
        color: black;
        font-weight:bold;
        text-decoration: none;
    }

    .linksLeft img{
        max-width: 200px;   
		margin-left:15px !important;
		display:block;
        max-height: 85%;   
		margin:0;
    }
    .linksRight img{
        max-width: 75%;   
        max-height: 75%;   
    }
    .linksRight div{
        max-width: 75%;   
        max-height: 75%;   
    }

    img.align-center {
        display: block;
        margin: 12px auto;
    }
}*/

.topAnchors{
    background: white;
    position: absolute;
    width: 100%;
    text-align: right;
    padding-right: 10%;
    top:110px;
    line-height: 30px
}

.topAnchors a {
    color: black !important;
}

.topAnchors a:hover {
   color:#c4be68 !important;
}

.topAnchors #phone
{
      font-weight:bold;
}

.topAnchors #phone a img
{
    width: 16px;
    height: 16px;
}

.topAnchors #arhiviraj a
{
      font-weight:bold;
      color:orange !important; 
}

.topAnchors #arhiviraj a:hover 
{
   color:#c4be68 !important;
}

.topAnchors .chelp {
    color: black;
    font-weight:bold;
    text-decoration: none;
}

@media (max-width: 960px){
  @-webkit-viewport { width: 960px; }
  @-moz-viewport { width:  960px; }
  @-ms-viewport { width:  960px; }
  @-o-viewport { width:  960px; }
  @viewport { width:  960px; }
}

/*Cookies policy*/
#avcn_wrapperOuter {background:#fff;background:rgba(255,255,255,0.7);box-shadow:0 0 10px rgba(0,0,0,0.7);border-top:1px solid #969494;} 
#avcn_wrapperInner, #avcn_corner {background:none !important;box-shadow:none !important;}
#avcn_wrapperInner {padding:15px 10px !important;max-width:960px !important;}
#avcn_agreeButton, #avcn_disagreeButton {padding:5px 7px !important;font-size:12px !important;}
#avcn_title {font-size:12px !important;}
#avcn_desc {font-size:12px !important;}
#avcn_moreButton, #avcn_closeButton {font-size:12px !important;}
#avcn_corner {white-space: nowrap !important;}

#avcn_notification {
  top: 50% !important;
  bottom: auto !important;
  height: 200px;
  margin-top: -100px !important;
}
#avcn_wrapperOuter {
  background: url(/si/layouts/pages/eHrambaCustom/images/cookie.png);
}
#avcn_wrapperInner,
#avcn_corner {
  background: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  filter: none !important;
  color: white !important;
}
#avcn_wrapperInner {
  padding: 30px 10px !important;
  max-width: 960px !important;
}
#avcn_agreeButton,
#avcn_disagreeButton {
  padding: 5px 7px !important;
  color: white !important;
}
#avcn_title {
  color: white !important;
}
#avcn_desc {
  color: white !important;
}
#avcn_moreButton,
#avcn_closeButton {
  font-size: 12px !important;
  color: white !important;
}
#avcn_agreeButton {
  background: #e87817 !important;
  border-radius: 0 !important;
  border: 0 !important;
  text-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  filter: none !important;
}
#avcn_disagreeButton {
  background: #969494 !important;
  border-radius: 0 !important;
  border: 0 !important;
  color: white !important;
  text-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  filter: none !important;
}
#avcn_corner {
  white-space: nowrap !important;
}

/* A class used by the jQuery UI CSS framework for their dialogs. */
.ui-front {
    z-index:1000000 !important; /* The default is 100. !important overrides the default. */
}