@font-face {
    font-family: 'SansationRegular';
    src: url('fonts/sansation_regular-webfont.eot');
    src: url('fonts/sansation_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sansation_regular-webfont.woff') format('woff'),
         url('fonts/sansation_regular-webfont.ttf') format('truetype'),
         url('fonts/sansation_regular-webfont.svg#SansationRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'helveticaneuelightregular';
    src: url('fonts/helveticaneue_light-webfont.eot');
    src: url('fonts/helveticaneue_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneue_light-webfont.woff') format('woff'),
         url('fonts/helveticaneue_light-webfont.ttf') format('truetype'),
         url('fonts/helveticaneue_light-webfont.svg#helveticaneuelightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

*{margin:0; }
html, body{
  font-family: 'helveticaneuelightregular';
  font-size: 14px;
  color: #231f20;
  height: 100%;
}

/* GENERAL STYLE */

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

.fl{
  float:left;
}

.fr{
  float:right;
}

.clearfix{
  clear:both;
}

.center_align{
  text-align:center;
}

a {
  text-decoration: none;
  color: #333;
}


a img{
  border:none;
}

h1 { font-family: 'SansationRegular'; }

h2{
  font-family: 'SansationRegular';
  font-size: 1.2em;
}
h3{
  font-family: 'SansationRegular';
  font-size: 14px;
}
ul{
  list-style-type: none;
}

p{
  color:#333;
  font-size: 14px;
  padding-bottom:7px;
}
p img{ float:left; margin:0px 10px 10px 0px;  }

fieldset{border: 0px;}

.form_text_input {
  width: 400px; padding: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 0px;
  background : #F6F6F6;
}

table {border-collapse: collapse; font-size:0.9em; width:100%; }
td {font-size:1em; padding:3px;}

/* FONT FACE */

.city_rdeca {color: #b31218;}



h1{
  font-weight: normal;
}

td {
  padding: 3px;
}


#wr{
	margin-left: auto;
	margin-right: auto; 
	position: relative;
	min-height: 99%;
	
}

.head_wrap{
  float: left;
  width:100%;
  height:138px;
  margin-bottom:0px;
}
.content_wrapper{
  float: left;
  width: 100%;
}
.main_wrapper{
  width: 1050px;
  margin:  auto;
  padding:0px 0px 0px 0px;
  height:100%;

}

.main_wrapper_page{
  width: 1050px;
  min-height: 90%;
  margin:  0 auto 0 auto;
  padding:0px 0px 0px 0px;
  background: #fff;
}

.main_wrapper2{
  width: 100%;
  float: left;
  padding:0px 0px 0px 0px;
   background-color:#333;

}
.main_wrapper3{
  width: 100%;
  float: left;
  padding:0px 0px 0px 0px;
background: rgb(193,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(193,0,0) 0%, rgb(178,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(193,0,0)), color-stop(100%,rgb(178,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(193,0,0) 0%,rgb(178,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(193,0,0) 0%,rgb(178,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(193,0,0) 0%,rgb(178,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(193,0,0) 0%,rgb(178,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c10000', endColorstr='#b20000',GradientType=0 ); /* IE6-9 */

}

.info{
  background-color:  #b31218;
  float: right; 
  position: relative;
  top:10px;
  width:500px;
  color: #fff;
  text-align: right;
  right: 10px;
  font-weight: bold;
  }
  

/* HEADER */

.header{
  margin: 0px;
  float:left;
  width: 1050px;
  height:120px;
}


.logo{
  text-align:center;
  padding: 10px 0px 0px 10px;
  float: left;
}
.head_info{
  width: 1050px;
  float: left;
  height:330px;
  text-align: justify;
}

.caption{
  background-color: #b31218;
  //height:120px;
  //width:240px;
  position: relative;
  margin-top: -100px;
  margin-left: 700px;
  color: #fff;
  font-size: 2em;
  padding: 20px;
  opacity: .8;
}


.login{
  padding: 5px 10px;
  float: right;
}
#login_form input{
  padding: 3px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border:0px;
  border: 1px solid #888;
  font-size: 9pt;
}
#login_form .gumb{
  border: 1px solid #888;
  color: #333;
}

/* CONTENT */

.content{
  float: left;
  margin: 0px 0px 20px 0px;
  width: 1050px;

}
#menu .col_3 ul{ width:250px; float: left; }
#menu .col_3 li{ height:25px; border-bottom: 1px dotted #666; width: 250px; padding-top:5px; }
#menu .col_3 li:hover{ height:25px; padding-top:5px; border-bottom: 1px dotted #666; color:#b31218;}
#menu .col_3 a:hover {color: #b31218;}


#menu .col_1 ul{ width:220px; float: right; }
#menu .col_1 li{ height:25px; border-bottom: 1px dotted #666; width: 220px; padding-top:5px; text-align:right; }
#menu .col_1 li:hover{ height:25px; padding-top:5px; border-bottom: 1px dotted #666; color:#b31218;}
#menu .col_1 a:hover {color: #b31218;}

#menu .col_2 {
        float: right;
}
#menu .col_2 p{ color: #fff; }


.left_cont_main{
  float:left;
  width: 1050px;
  font-size:1em;
  background:  #fff;
  margin: 0 auto;
    padding: 10px 0px 0px 0px;
}

.container{
  float: left;
  padding: 10px 0px;
  border-top: 1px solid #eee;
  margin-left:0px;
}

/* LEFT CONTENT */
.left_cont{
  float:left;
  width: 600px;
  text-align: justify;
  font-size:14px;
}
.left_cont1{
  float:left;
  width: 264px;
  text-align: justify;
}
.left_cont1 h3{font-size:1.2em;}
.left_cont1 a{color: #333;}
.left_cont1 a:hover{color: #D1043C; }
.sel {border-bottom: 1px dotted #191970; }
.left_cont1 li{ padding: 3px 3px 3px 0px; font-size:14px;}

/* BOX STYLE */

.box_wrapper{
 padding: 0px 0px;
 position:relative;
}

.box_tab_link{
  padding: 5px 12px;
  background-image: linear-gradient(bottom, #5C4F43 65%, #361D06 99%);
  background-image: -o-linear-gradient(bottom, #5C4F43 65%, #361D06 99%);
  background-image: -moz-linear-gradient(bottom, #5C4F43 65%, #361D06 99%);
  background-image: -webkit-linear-gradient(bottom, #5C4F43 65%, #361D06 99%);
  background-image: -ms-linear-gradient(bottom, #5C4F43 65%, #361D06 99%);
  background-color: #5C4F43;
  border:1px solid #361D06;
  border-bottom:none;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  color: #fff;
  text-shadow: 0px 1px 2px #000;
  margin: 0px 0px 0px 40px;
  text-decoration: none;
  font-size:16px;
}

.tickerA{
  height:50px;
  background-color: #666;
  width: 1050px;
  float: left;
  padding-top:10px;
}
.tickerA .tnaslov{
  font-weight: bolder; 
  color: #ddd;
  padding: 10px 10px 0px 20px;
  float: left;
  font-size: 1em;
}
.tickerA a{
  font-weigt: bold;
  color: #fff;
  font-size: 1em; 
}
.tickerA .anovica{
  font-weight: normal;
  float: left;
  padding: 10px 10px 0px 0px;
}


.box_tab_link:hover{
  text-decoration:underline;
  color: #fff2d1;
}


.box_middle{
  width: 620px;
  overflow:auto;
}

.box_middle h3{
  text-align: center;
   background: url(../images/dk_bg.png) ;
  background-color: #EA7557;
  color:#fff;
  padding-top:3px;
  margin-bottom: 10px;
  font-size: 1.7em;
}
.banner{
  text-align: center;
  background: url(../images/dk_bg.png) ;
  background-color: #EA7557;
  color:#fff;
  padding-top: 3px;
  margin-bottom: 10px;
  font-size: 1.7em;
}

.okvir1{
  width: 600px;
  float: left;
  font-size: 1em;
  line-height: 180%;
  color: #333;
  margin: 3px 0px 20px 0px;
  text-align: justify;
}

.okvir{
  width:312px;
  float: left;
  margin: 10px 10px 10px 20px;
  height: 250px;
  padding: 0px 0px 0px 0px;
  border: 1px solid #ddd;
}
.okvir .naslov{
  float: left; width: 290px;
  padding: 10px 10px 5px 10px;
  font-size: 1.5em;
  text-align: left;
}
.okvir .okvir_slika{
  width: 312px;
  height:100px;
  float:left;
  overflow:hidden;
  background: #ddd;
}

.okvir_slika img{ width: 312px; }

.okvir .okvir_vsebina{
  float: left;
  height:80px;
  overflow:hidden;
  padding-top: 10px;
  width:290px;
  font-size: 1em;
  padding: 10px;
}
.okvir p{
  font-size: .9em;
  color: #6f6f6f;
  float: left;
}
.okvir .more{
  background-color: #b31218;
  color: #fff;
  padding: 7px 25px;
  float: left;
}
.okvir h1{ color:#333; padding: 3px 3px 3px 10px; font-size: 1em; font-weight: normal; }
.okvir ul{padding: 10px; }
.okvir li{
  padding: 3px 0px;  
}
.okvir a{
  font-size: 11pt;
  color: #333;
}
.okvir a:hover{
  color: #D1043C;
}



.spodaj {
  background-color: #fff;
  float: left;
  width: 1050px;
  height: 300px;
}
.spodaj2 {
  float: left;
  width: 1050px;
  min-height: 300px;
  background:  #fff;
  padding-bottom: 15px;
}


.spodaj_levo{
  float: left;
  width:300px;
  margin-top:20px;
}
.spodaj_levo ul{ margin-top: 10px;}
.spodaj_levo li{
  margin-bottom: 10px;
}
.spodaj_levo a{
  color: #333;
  text-decoration: underline;
}
.spodaj_desno{
  float: left;
  width: 600px;
  margin-top:20px;
}

/* RIGHT CONTENT */

.right_cont{
  width: 310px;
  float:left;
  margin-left: 40px;
}

.right_cont h1{
  font-size: 1.3em;
  font-weight:normal;
}
.right_cont p{font-size:14px;}

.heading_margin{
  margin: 40px 0px 10px 20px;
}

.location_main{
  position:relative;
  margin: 30px 0px 20px 20px;
}

.novica{
  padding: 10px;
  background-color: #ddd;
}
.novica p{
  font-size:11pt;
  color: #555555;
}
.novica h3{
  border-bottom: dotted .5px #67C6C2;
  margin-bottom: 15px;
  padding: 0px;
}


.trio{
    padding: 10px 10px;
    position: relative;
    width:325px;
    float: left;
    color: #333;
    font-size: 10pt;
}
.trio1 {
    padding: 10px 10px;
    position: relative;
    width:330px;
    float: left;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    color: #333;
    font-size: 14px;
}
.trio p{line-height: 1.4em; margin-top:10px; font-size: 14px; color:#333;}
.trio1 p{line-height: 1.4em; margin-top:10px; font-size: 14px; color:#333;}
.trio h3{color: red; font-family:'helveticaneuelightregular'; font-size: 20px; font-weight: normal; }
.trio1 h3{color: red; font-family:'helveticaneuelightregular'; font-size: 20px; font-weight: normal;}

    .trio div {
        position:relative;
        line-height:1.4em;
        height:14em;      /* 4 times the line-height to show 4 lines */
    }
    .trio div::after {
        position:absolute;
        bottom:0;
        right:0;
        padding:0 20px 1px 45px;
       
    }
    .trio1 div {
        position:relative;
        line-height:1.4em;
        height:14em;      /* 4 times the line-height to show 4 lines */

    }
    .trio1 div::after {
        content:"";
        font-weight:bold;
        position:absolute;
        bottom:0;
        right:0;
        padding:0 20px 1px 45px;
        
    }
.fade {
  position: relative;
  height: 5.6em; /* exactly three lines */
}
.fade:after {
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 1.4em;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}

.spanx {float: right; margin: 10px 15px 0px 0px; }

.giveMeEllipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10; /* number of lines to show */
    -webkit-box-orient: vertical;
}


.trio h1{
  font-size: 1em;
  color:#6F6F6F;
  font-weight: normal;
  margin: 5px 0px;
  border-bottom: 1px dotted #ddd;
  
}
.trio a{
  font-size: 10pt;
  color:#6F6F6F;
  text-decoration: none;
  }
 .trio1 a{
  font-size: 10pt;
  color:#6F6F6F;
  text-decoration: none;
  } 
.trio .okvir_slika{
  width: 312px;
  height:100px;
  float:left;
  overflow:hidden;
  margin-bottom: 10px;
}
 .trio1 .okvir_slika{
  width: 312px;
  height:100px;
  float:left;
  overflow:hidden;
  margin-bottom: 10px;
} 
/* SUBPAGE */

.gallery_list{
  list-style: none;
  margin: 20px 4px;
  padding: 0px 0px 20px 0px;
  clear:both;
  overflow:auto;
    border-bottom: 1px dotted #968662;
}
.gallery_list li{
  overflow:auto;
  display: inline;
  vertical-align: top;
}
.gallery_list li img{
  margin: 3px 10px 3px 10px;
  border:4px solid #fff;
  -moz-box-shadow: 0px 1px 2px #505050;
  -webkit-box-shadow: 0px 1px 2px #505050;
  box-shadow: 0px 1px 2px #505050;
  display: inline;
}
.gallery_link{
  color:#231F20;
  text-decoration: none;
  margin: 20px 0px 0px 10px;
  text-align:center;
}

/* PAGE */
/* LEVI MENI */

.levi_meni{
  float: left;
  width: 250px;
  text-align: left;
  padding: 0px;
}
.levi_meni ul li{
  text-align: left;
  line-height: 14pt;
  font-size: 11pt;
}
.levi_meni li{
  padding: 5px 7px;
  color: #333;
  width: 195px;
  margin-bottom: 3px;
}
.levi_meni .default a{ color:#333;}
.levi_meni .default li:hover{ color: #b31218; border-color: #fff; }
.levi_meni .default a:hover{  color: #b31218; border-color: #fff;}
.levi_meni .naslov{ color: #b31218; font-size: 16pt; margin-bottom:10px; }
.levi_meni .selected{
  font-weight: bolder;
  border-bottom: 1px solid #b31218;
}

.levi_meni .podmeni { background-color: #fff; border: 0px; color:#666; }
.podmeni a:hover{ background-color: #fff; border: 0px;  color: #b31218; }
.podmeni li:hover{ background-color: #fff; border: 0px;  color: #b31218; }
.podmeni .selected2{  color: #b31218; }

.vsebina{
  float: left;
  margin-left: 20px;
  margin-bottom: 20px;
  width: 750px;
  color: #333;
}
.vsebina ul{
  text-align: left;
  line-height: 1.5em;
  padding: 0px 0px 5px 0px;
  font-size:1em;
  list-style-type:square;
padding-left: 20px;
}
.vsebina ol{line-height: 1.4em; font-size:14px; padding-left: 20px; }
.vsebina p{color: #333; line-height: 1.5em; text-align: justify; margin: 5px 0px;float:left; width:100%;}
.vsebina h1 {border-bottom: 1px dotted #b31218; margin-bottom: 20px; font-size:1.5em; float:left; width:100%;}
.vsebina h2 {border-bottom: 1px dotted #666; margin-bottom: 20px; font-weight: normal; float:left; width:100%;}
.vsebina a{ color:#b31218; text-decoration: underline;  }

/* FOOTER */
#footer_wrap {
background: rgb(125,126,125); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(125,126,125) 0%, rgb(14,14,14) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(125,126,125)), color-stop(100%,rgb(14,14,14))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(125,126,125) 0%,rgb(14,14,14) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(125,126,125) 0%,rgb(14,14,14) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(125,126,125) 0%,rgb(14,14,14) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(125,126,125) 0%,rgb(14,14,14) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
  width: 100%;
  float: left;
  //height:200px;
  position:relative;
  bottom: 0;
}
.footer{
  padding: 10px 10px ;
  margin: 0 auto;
  width:1050px;
  min-height:200px;
}
.footer ul{
  float: left;
  width: 180px;
  margin: 10px 20px;
}

.footer li{
  font-size: 9pt;
  line-height: 1.4em;
  text-align: left;
  color: #fff;
}
.footer .fnaslov{
  color: #ddd;
  text-align: left;
  text-transform: uppercase;
}

#gallery{
  width: 760px;
  margin: auto;
}


.slikag{
  overflow: hidden;
  float: left;
  width: 190px;
  height:190px;
}

.dnl li {display: block; padding: 7px; border-bottom: 1px dotted #ddd; }
.dnl img{ border:1px solid #ddd; float:left; }
.dnl span { margin-left: 10px; line-height: 180%;}
.vsebina .dnl p { margin-left:38px; margin-top:0px; padding-top: 0px; color:#666; }