html {
    height: 100%;
    akground: #f1f1f1;
}
body {
   // background: url("../images/shutterstock_171703382.jpg") ;
   // background-attachment: fixed;
   // background-position: center top;
   // background-repeat: no-repeat;
   // background-size: cover;
   background: #f2f2f2;
    color: #e2e2e2;
    font-family: "open_sansregular";
    font-size: 16px;
    height: 100%;
}
* {
    margin: 0;
    padding: 0;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.clearfix {
    clear: both;
}

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

}

@font-face {
    font-family: 'open_sansbold';
    src: url('font/OpenSans-Bold-webfont.eot');
    src: url('font/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans-Bold-webfont.woff2') format('woff2'),
         url('font/OpenSans-Bold-webfont.woff') format('woff'),
         url('font/OpenSans-Bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
a {
    text-decoration: none;
    color: #333;
}
h1 {
    font-size: 18pt;
   font-weight: normal;
   font-family: "Impact";
   color: rgba(86, 108, 113, 1);
}
h2 {
    font-size: 12pt;
   font-weight: normal;
}
p{
  padding: 0px 0px 0px 0px;
  line-height: 130%;
  font-size: 11pt;
}

table{
    border: 0px;
    border-collapse: collapse;
}

.clear { clear:both; }

table{ float:left; }
td{ padding: 3px; font-size: 11pt; }
input{ padding: 5px; font-size: 11pt; width:400px; border: 1px solid #ddd; margin-bottom: 5px;}
textarea{ padding: 5px; font-size: 11pt; width:400px; border: 1px solid #ddd; margin-bottom: 5px;}

.forma{
    background: #ddd;
    float: left;
    width: 100%;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.navigation {
    width: 100%;
   // background: #fff;
   //  border: 1px solid #333;
}   
.navi-wrap {
    font-family: 'open_sansregular';
    background: url("../images/navi_bg.png");
    margin: 20px auto 10px auto;
    width: 980px;
    height: 368px;
    border: 2px solid #333;
    overflow: hidden;
-webkit-box-shadow: 4px 3px 5px -2px rgba(135,133,135,1);
-moz-box-shadow: 4px 3px 5px -2px rgba(135,133,135,1);
box-shadow: 4px 3px 5px -2px rgba(135,133,135,1);
border-radius: 5px;
}
.menu{
    opacity: .9;
    float: right;
    margin-top: 30px;
    margin-right: 70px;
    color: #333;
}
.menu a{
    padding: 3px 10px;
    border-right: 1px solid #333;
    color: #333;
    font-size: 10pt;
}
.logo {
    margin: 40px 0px 0px 32px;
    float: left;
    padding: 10px;
    width:530px;
    
}
.logo h1{
    font-family: "Impact";
    color: #fff;
    font-size: 36pt;
}
.logo img{
  //  width: 300px;
}
.tel{
    width: 330px;
    float: left;
    font-family: "Impact";
    font-size: 18pt;
    color: rgba(129, 162, 170, 1);
    text-align:right;
    margin-top:95px;
}
.flags{
    float: right;
        margin: 10px 10px 0px 0px;
    width: 300px;
    height: 25px;
    color: #333;
    text-align: right; 
}

.prva{
    
    width: 400px;
    margin-right:30px;
    background:#f1f1f1;
    padding:20px;
    border-radius:4px;
}
.prva p{
    line-height: 160%;
}
.prva ul{
    list-style-type: none;
}
.prva li{
    padding: 2px 4px;
}
.prva a:hover{
   text-decoration: underline;
}

.novica{
    float: left;
}
.novica:nth-child(2n+0) {
   margin-left:60px;
}
.novica_slika{
    width:406px;
    height: 201px;
    overflow: hidden;
    -webkit-box-shadow: 4px 3px 5px -2px rgba(135,133,135,1);
    -moz-box-shadow: 4px 3px 5px -2px rgba(135,133,135,1);
    box-shadow: 4px 3px 5px -2px rgba(135,133,135,1);
    border-radius: 3px ;    
}

.navi-wrap ul {
    list-style: none outside none;
    padding: 0px;
}
.navi-wrap li {
    float: left;
    text-align: center;
    letter-spacing: 1.2px;
    height: 30px;
    padding: 20px 10px;
    font-size: 10pt;
    
}
.navi-wrap li:hover {
    cursor: pointer;
}
.navi-wrap li a {
    color: #333;
    text-decoration: none;
    font-weight: normal;
}



.banner1{
    width:100%;
    //background: #003e77;
    background: #333;
    margin: 0px 10px;
}

.banner{
   width:771px;
   margin: -150px auto 0px auto;
   border-radius: 10px;
   //width:100%;
   //height: 350px;
   
}
.banner p{
    line-height: 150%;
    float: left;
}
.banner_content{
    //width:771px;
    padding: 20px;
    float:left;
    //margin: 0px auto;
    margin-bottom: 20px;
    color: #333;
    border: 1px solid #ddd;
    background: rgba(239, 239, 239, 1);
-webkit-box-shadow: 4px 3px 5px -2px rgba(135,133,135,1);
-moz-box-shadow: 4px 3px 5px -2px rgba(135,133,135,1);
box-shadow: 4px 3px 5px -2px rgba(135,133,135,1);
border-radius: 5px ;    
}
.banner_content h1{ color: #333; }
//.banner_content p{ font-size:11pt; line-height:100%; }
.main_wrap{
    width:100%;
    margin-top:20px;
}

.main{
    width: 980px;
    margin: 20px auto ;
}

.sub{
    width: 950px;
    margin: auto;
    height: 140px;
    margin-bottom: 40px;
}

.front1{
    float: left; width:100%;
    background:#fff; -webkit-box-shadow: 4px 3px 5px -2px rgba(135,133,135,1);
    -moz-box-shadow: 4px 3px 5px -2px rgba(135,133,135,1);
    box-shadow: 4px 3px 5px -2px rgba(135,133,135,1);
    border-radius:3px;
}

.front2{
    float: right;
    width:940px;
    overflow:hidden;
    background: #f8f8f8;
    margin: 10px 20px;
    color: #333;
}
.front2 img{
    margin: 10px 40px 10px 10px;
    float: left;
    border-radius: 3px;
    border: 2px solid #fff;
    background:#fff; -webkit-box-shadow: 4px 3px 5px -2px rgba(135,133,135,1);
    -moz-box-shadow: 4px 3px 5px -2px rgba(135,133,135,1);
    box-shadow: 4px 3px 5px -2px rgba(135,133,135,1);    
}
.front2 p{
    padding:10px 20px 10px 20px;
    
}
.front2 h1{
    padding: 20px 0px 0px 20px;
   // font-weight: 900;
    margin-left: 20px;
    margin-top: 80px;
    font-family: "Impact";
}
.front2 a{
    text-decoration: none;
    color: #333;
}
.front2 a:hover{
    //color: orange;
}
.storitve_ins{
    margin-left: 80px;
    float: left;
}
.storitve_img{
    height: 170px;
    width:245px;
    float: left;
    margin: 20px 40px;
    //border: 1px solid #fff;
    border-radius: 3px;
    background:#fff;
    -webkit-box-shadow: 4px 3px 5px -2px rgba(135,133,135,1);
    -moz-box-shadow: 4px 3px 5px -2px rgba(135,133,135,1);
    box-shadow: 4px 3px 5px -2px rgba(135,133,135,1);
    overflow: hidden;
}
.storitve_img:nth-child(3n+0) {
    margin-right:0px;
}
.storitve_img:nth-child(1n+0) {
    margin-left:0px;
}
.storitve_img img{
        width:240px;
}
.storitve_img h1{
    background: #666;
    color: #fff;
    padding: 8px 0px;
    text-align: center;
    text-transform: uppercase;
    font-size: 10pt;
    font-weight: normal;
    font-family: "open_sansbold";
}
.levo{
    float: left;
    width: 350px;
    margin-top: 20px;
    margin-right: 30px;
}
.storitve_slika{
    float: left;
    border-radius: 4px;
    overflow: hidden;
    border: 2px slid #fff;
    background:#fff; -webkit-box-shadow: 4px 3px 5px -2px rgba(135,133,135,1);
    -moz-box-shadow: 4px 3px 5px -2px rgba(135,133,135,1);
    box-shadow: 4px 3px 5px -2px rgba(135,133,135,1);
    margin: 0px 30px 20px 30px;
}
.storitve_slika img{
    width: 340px;
}
.storitve_p{
    float: left;
    margin: 30px;
    width: 500px;
}
.storitve_p h1{
    margin-bottom: 20px;
    color: rgba(86, 108, 113, 1);
}

.main_frame1{
    color: #333;
    opacity: .9;
    float: left;
    width: 260px;
    float: left;
    margin-right: 20px;
    height: 450px;
}
.main_frame1 .slika{
    width: 100%;
    height: 160px;
    overflow: hidden;
}
.main_frame1 .vs{
    padding: 10px 20px;
}
.main_frame1:nth-child(4n+0) {
    margin-right:0px;
}


.main_frame1 h1{
    float: left;
    width: 100%;
    font-family: 'steelfishregular';
    font-size: 40pt;
    color: #fff;
    //text-shadow: 0 5px 11px rgba(0, 0, 0, .4);
    text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);
}

.main_frame1 p{
    font-size: 12pt;
    color: #fff;
     text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);
     height: 220px;
     //overflow: hidden;
}

.main_frame1 .more{
    margin-top: 10px;
    padding: 7px 5px;
    color: #fff;
    border: 1px solid #fff;
    text-decoration: none;
    float: right;
    text-shadow: 0 5px 11px rgba(0, 0, 0, 0.03);
}
.more:hover{
    background: #333;
}

.ord_gal{
   margin: 30px 20px;
}
.ord_slika{
    width: 298px;
    height: 257px;
    overflow: hidden;
    float: left;
    //border: 1px solid #333;
    margin: 20px 20px 0px 0px;
    background-position: center;
}
.ord_slika:nth-child(3n+0) {
    margin-right:0px;
}
.vsebina{
   // margin-top: -140px;
    width: 980px;
    background:#fff;
    color: #333;
    float: left;
    padding: 0px 0px;
}
.vsebina .ins{
    color: #333;
}

.dogodek{
    border-bottom: 1px solid #fff;
    text-decoration: none;
    color: #fff;
    margin-bottom: 10px;
    float: left;
    padding:5px 0px;
}
.placilo{
    width:160px;
    background: #dd0c81;
    color: #fff;
    border-radius:5px;
    border: 2px solid #fff;
}
.placilo:hover{
background: #333;
}

a.placiloA{
        width:160px;
    background: #dd0c81;
    color: #fff;
    border-radius:5px;
    border: 2px solid #fff;
    padding: 5px 7px;
    text-decoration: none;
}

.bottom{
    width: 100%;
    background: #9cc6d4;
    float: left;
    margin-top: 40px;
    padding: 0px 0px 20px 0px;
}
.bottom td{
    padding: 0px;
}
.bottom_ins{
    width: 980px;
    margin: 0px auto;
    padding: 20px;
    color: #fff;
}


.button2{
    padding: 10px 20px;
    text-align: center;
    color: #333;
    text-decoration: none;
    float: left;
    background-color: rgba(172, 216, 226, 1);
    font-size: 14px;
    border-radius: 4px;
}
.button2:hover{
    background: rgba(86, 108, 113, 1);
    color: #fff;
}



@media screen and (max-width: 1024px) {
   
}