/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700&subset=latin,latin-ext);

/* apply a natural box layout model to all elements */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/*html {
  overflow: -moz-scrollbars-vertical;
    overflow: scroll;
}*/

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
  background: url(../img/bg_dot.png);
    font-size: 1em;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #FFF;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
    max-width: 100%;
    width: auto;
    height: auto;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

h1, h2, h3, h4, h5, h6 {margin: 0; padding 0; font-family: 'Roboto Slab', serif;}
p, ol {color: #555; font-size: 0.8em;}

a {text-decoration: none;}

ul {margin: 0; padding: 0;}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* WEB COLORS
 * 
 * VUKA                    - #703 do #903
 * ZLATNA           - #CA5
 * 
 * 
 * LOVSTVO I ZAŠTITA       - #215039 
 * MEHATRONIKA             - #333
 * PREHRANA                - olivedrab
 * POSLOVNO UPRAVLJANJE    - teal
 * SESTRINSTVO             - #A00
 * SIGURNOST I ZAŠTITA     - #D1A000
 * STROJARSTVO             - #456
 * TEKSTILSTVO             - chocolate
 * UGOSTITELJSTVO          - #057
 * 
 */



.top-nav {
    background: #FFF;
    height: 0px;
    overflow: hidden;
    font-size: 12px;
    
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s; 
}

.top-nav.active {
     height: auto;
  text-align: center;  
}

.top-nav .top-nav-holder{
  margin: auto; 
}

.top-nav .class-quick-link-header {
  background: #FFF;
  color: #803;
  margin-bottom: 1px;
  padding: 1% 3%;
  font-size: 140%;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  box-shadow: 0 3px 10px #000;
}

.top-nav ul li{
    list-style: none;
    width: 100%;
    background: #eee;
   border-bottom: 2px solid rgba(0,0,0,0.25);
   /*border-top: 1px solid #FFF;*/
}

.top-nav ul li.lovstvo { background: url(../img/dark_green_bg.png);}
.top-nav ul li.mehatronika { background: url(../img/black_bg.png);}
.top-nav ul li.prehrambena { background: url(../img/green_bg.png);}
.top-nav ul li.sestrinstvo { background: url(../img/red2_bg.png);}
.top-nav ul li.sigurnost { background: url(../img/yellow_bg.png);}
.top-nav ul li.strojarstvo { background: url(../img/gray_bg.png);}
.top-nav ul li.tekstilstvo { background: url(../img/orange_bg.png);}
.top-nav ul li.ugostiteljstvo { background: url(../img/blue_bg.png);}
.top-nav ul li.poslovno { background: url(../img/teal_bg.png);}

.top-nav ul li a{
  display: block; 
  color: #FFF;
  padding: 2px 20px;
  line-height: 30px;
  text-align: left;
  text-transform: uppercase;
}

.top-nav ul li a:hover{
  background: #FFF;
  color: #CA5;
}

.top-nav ul li:last-of-type { box-shadow: inset 0 -4px 10px -3px #000;}
.top-nav ul li:first-of-type { box-shadow: inset 0 4px 10px -3px #000;}

.top-nav i{
  float: right;
  color: #BBB;
  line-height: 30px;
  font-size: 1em;
}



/* -------------------------------  HEADER  --------------------------------- */

.header{
  background: url(../img/header_bg.png) repeat center 0 #703;
  height: 130px;
  overflow: hidden;
  position: relative;
  /*box-shadow: inset 0 1px 10px rgba(0,0,0,0.89)*/
}

.header .building {
  position: absolute;
  right: 0;
  z-index: 0;
  opacity: 0.2;
  /*display: none;*/
}

.header-holder{
  width: 960px;
  height: 180px;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
}

.header-holder .logo img{
  margin: 35px 0 0 0;
}

.header-holder .logo:hover img{
  opacity: 0.85;
}


/* ---------------------------------  LINGO  --------------------------------- */

.header-holder .language{
    position: relative;
    z-index: 2;
}

.header-holder .language a{
  display: inline-block;
    float: left;
  background: none;
  background: rgba(255,255,255,0.1);
    color: #FFF;
    width: 40px;
    margin-left: 1px;
    padding: 10px 0;
    text-align: center;
    font-size: 70%;
    border-right: 1px solid rgba(0,0,0,0.25);
    border-radius: 0 0 2px 2px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.25);
    transition: all 0.25s;
}

/*
.header-holder .language > a {
  border-right: 3px solid #803;
}

.header-holder .language > a + a {
  border-right: none;
}*/

.header-holder .language a:hover{
  background: #FFF;
    color: #803;
    text-decoration: none;
}

/* ---------------------------------  SEARCH --------------------------------- */

.header-holder .search {
  background: #fff;
  height: 40px;
  margin: -45px 0 0 0;
  position: relative;
  z-index: 1;
  clear: both;
  border-radius: 3px;
  /*display: none;
  /*border-left: 1px solid #803;
  box-shadow: -1px 0 0 0 #603;*/
}

.header-holder .search form {
  padding: 5px;
  border-radius: 2px;
}

::-webkit-input-placeholder { /* WebKit browsers */
  color:    #999;
  font-size: 12px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;
  font-size: 12px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;
  font-size: 12px;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999;
  font-size: 12px;
}

.header-holder .search input {
  /*background: url(../img/white_bg.png);*/
  background: none;
  color: #333;
  width: 87%;
  height: 30px;
  margin: 0 1% 0 0;
  padding: 6px;
  border: none;
  /*border-bottom: 1px solid rgba(255,255,255,0.15);
  border-top: 1px solid rgba(0,0,0,0.25);
  border-radius: 2px;*/
  font-size: 14px;
  /*position: relative;
  z-index: 20;*/
  transition: all 0.25s;
}

.header-holder .search input:focus {
  background: #FFF;
    color: #803;
    outline: none;
    border-bottom: 1px solid #eee;
}

/*.header-holder .search input:after {
  content: "pretraživanje";
  position: absolute;
  right: 50px;
  line-height: 30px;
  text-indent: 10px;
  color: #999;
   font-size: 12px;
   z-index: 30;
}*/

.header-holder .search button{
  /*background: url(../img/white_bg.png);*/
  background: #fff;
  color: #803;
  width: 11%;
  padding: 4px 8px;
  border: none;
  border-radius: 2px;
}

.header-holder .search button:hover,
.header-holder .search input:focus ~ button{
    color: #CA5;
    background: #FFF;
}




/* ---------------------------------  NAVIGATION --------------------------------- */

.navigation {
  background: url(../img/header_bg.png) repeat-x center 0 #703;
  height: auto;
}

.navigation-holder {
  width: 960px;
  height: 40px;
  margin: 0 auto;
}

.navigation-holder ul.nav {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 90%;
  line-height: 40px;
}

.navigation-holder ul.nav li {
  display: inline-block;
  float: left;
  margin: 0 0 0 0;
  position: relative;
}

.navigation-holder li.active {
  padding: 5px 0;
}

.navigation-holder li.active a {}

/*.navigation-holder ul.nav li:first-of-type{
  margin-left: 0px!important;
}*/

.navigation-holder ul.nav li a {
  display: block;
  color: #FFFFFF;
  padding: 0 10px;
  margin: 0;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
}

.navigation-holder ul.nav li:hover, .navigation-holder ul.nav li:hover > a, .navigation-holder ul.nav li.current{
  background: #FFF;
  color: #803;
  border-radius: 3px 3px 0 0;
}

.navigation-holder ul.nav li.current a {
  color: #803;
}

/* ---------------------------------  DROPDOWN --------------------------------- */

.navigation-holder ul.nav li div {
  width: 250px;
  margin: 0;
  padding: 0;
  position: absolute;
  visibility: hidden;
  display: none;
  left: 0;
  opacity:0;
  z-index: -1;
  transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
  line-height: 30px;
}

.navigation-holder ul.nav li:hover div.dropdown {
  /*background: url(../img/white_bg.png);*/
  background: #FFF;
  width: 250px;
  height: auto;
  
  list-style: none;
  visibility: visible;
  display: block;
  opacity: 1;
  position: absolute;
  /*left: -137px;*/
  left: 0;
  z-index: 50;
  /*border-radius: 0 0 5px 5px;*/
  box-shadow: 0 4px 3px 0px rgba(0,0,0,0.5);
  border-bottom: 1px solid #B52959; 
}

.navigation-holder ul.nav li:hover:nth-of-type(3) div.dropdown,
.navigation-holder > ul.nav > li + li + li > a + div.dropdown{
  width: 500px;
}

.navigation-holder ul.nav li:hover:nth-of-type(3) div.dropdown li,
.navigation-holder > ul.nav > li + li + li > a + div.dropdown li{
  width: 250px;
  display: inline-block;
  float: left;
}

.navigation-holder ul.nav li:hover:last-of-type div.dropdown {
  right: 0;
  left: auto;
}

.navigation-holder ul.nav li div.dropdown ul {
  list-style: none;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0 0 0 0;
}

.navigation-holder ul.nav li div.dropdown ul li {
  display:list-item;
  float: none;
  padding: 0 0 0 10px;
  margin: 0;
  border-bottom: 1px solid transparent;
  border-radius: none;
  transition: all 0.25s ease-in-out;
}

.navigation-holder ul.nav li div.dropdown ul li a {
  background: none;
  color: #555;
  font-size: 90%;
  text-align: left;
  padding: 5px;
  margin: 0;
  display: inline-block;
  width: 82%;
  transition: all 0.25s ease-in-out;
}

.navigation-holder ul.nav li div.dropdown ul li:hover{
    background: #FFF;
    color: #803;
    padding: 0 0 0 5px;
    border-bottom: 1px solid #803;
}

.navigation-holder ul.nav li div.dropdown ul li:hover > a {
    color: #CA5;
}

.navigation-holder ul.nav li div.dropdown ul li:hover i{
  color: #B52959;
  margin-left: 10px;
  transition: all 0.25s;
}

.navigation-holder ul.nav li div.dropdown ul li i{
  color: #ccc;
}

.navigation-holder ul.nav li div.dropdown h1 {
  font-size: 12px;
  padding: 0 10px;
  text-transform: uppercase;
}


.navigation-holder ul.nav li div.dropdown li.menuparent div.dropdown {
  height: auto;
  width: 250px;
  margin: 0;
  padding: 0;
  position: absolute;
  visibility: hidden;
  top: 40px;
  left: 0;
  opacity:0;
  z-index: -1;
  transition: height 3s ease-in-out;
  -webkit-transition: height 3s ease-in-out;
}

.navigation-holder ul.nav li div.dropdown li.menuparent:hover div.dropdown {
  background: url(../img/white_bg.png);
  width: 250px;
  height: auto;
  list-style: none;
  visibility: visible;
  
  opacity: 1;
  position: absolute;
  /*left: -137px;*/
  top: 0;
  left: 100%;
  z-index: 20;
  /*border-radius: 0 0 5px 5px;*/
  box-shadow: 0 4px 3px 0px rgba(0,0,0,0.5);
  border-bottom: 1px solid #FFF; 
}

.navigation-holder ul.nav li div.dropdown li.menuparent:hover div.dropdown ul{
  background: #fff;
  padding: 0;
  float: left;
}

.navigation-holder ul.nav li div.dropdown li.menuparent:hover div.dropdown ul li {
  width: 100%;
  border-radius: 0;
}

.navigation-holder ul.nav li div.dropdown li.menuparent:hover div.dropdown ul li a{
  color: #333;
}

.navigation-holder ul.nav li div.dropdown li.menuparent:hover div.dropdown ul li:hover{
  background: none;
  color: #fff;
  border-bottom: 1px solid #fff;
}

.navigation-holder ul.nav li div.dropdown li.menuparent:hover div.dropdown ul li:hover > a {
  border-radius: none;
  color: #fff;
}

.navigation-holder ul.nav li div.dropdown li.menuparent div.dropdown ul li i{
  color: #aaa;
}

.navigation-holder ul.nav li div.dropdown li.menuparent:hover div.dropdown ul li:hover i{
  color: #fff;
}

/*.navigation-holder ul.nav li div.dropdown li.menuparent:hover div.dropdown {
  left: 250px!important;
  top: 0;
  border-left: 2px solid #803;
} */


/* ---------------------------------  SUB NAVIGATION --------------------------------- */

.sub-navigation {
  background: url(../img/gold_bg.png) repeat center top #CA5;
  font-size: 80%;
  box-shadow: inset 0 1px 5px rgba(0,0,0,0.89);
  font-family: 'Open Sans Condensed', sans-serif;
}

/*.sub-navigation-holder:after {
  content: "";
  display: block;
  height: 1px;
  background: rgba(0,0,0,0.10);
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
}*/

.sub-navigation-holder{
  width: 960px;
  height: auto;
  margin: 0 auto;
  line-height: 40px;
  position: relative;
}

.sub-navigation-holder ul.sub-nav{
  list-style: none;
  margin: 0;
  margin-left: 5px;
  padding: 0;
  overflow: hidden;
  height: 100%;
}

.sub-navigation-holder ul.sub-nav li{
  /*display: inline-block;*/
  float: left;
  position: relative;
}

/*.sub-navigation-holder ul.sub-nav li:before {
  content: " | ";
  color: rgba(255,255,255,0.2);
}*/

.sub-navigation-holder ul.sub-nav li:before {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 5%;
  width: 90%;
  height: 1px;
  background: rgba(0,0,0,0.1);
}

/*.sub-navigation-holder ul.sub-nav li:after {
  content: " | ";
  color: rgba(0,0,0,0.2);
}*/

.sub-navigation-holder ul.sub-nav li a{
  
  color: #EEE;
  padding: 0 10px 8px;
  font-size:14px;
  font-weight: 400;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
}

.sub-navigation-holder ul.sub-nav li a:hover, .sub-navigation-holder ul.sub-nav li.active a{
  color: #FFF;
  border-bottom: 3px solid #fff;
  /*border-top: 2px solid #803;*/
}


/* --------------------------------- VISUAL SLIDER --------------------------------- */

.visual-slider {
    width: 100%;
    height: 250px;
    position: relative;
    overflow: hidden;
    font-size: 100%;
    clear: both;
    background: #FFF;
}

/* Stranice studija imaju niži vizualni header*/
body[id] .visual-slider {
  height: 200px!important;
}
  

.visual-slider img{
    min-width: 100%;
    /*max-width: 100%;*/
    height: auto;
    position: absolute;
    top:0;
    left: 0;
}

.visual-header {
  /*background: #FFF;
  width: 960px;*/
  min-width: 960px;
  height: 100%;
  overflow: hidden;
  padding: 0 0 0 0;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
  font-size: 200%;
  position: relative;
  z-index: 10;
  
  /*-webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);*/
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;  
}

.visual-header h1{
  background: rgba(255,255,255,0.15);
  color: #fff;
  padding: 0 10px;
  font-size: 180%;
  font-weight: 300;
  text-shadow: 0 0 15px #000;
  line-height: 95px;
  border-bottom: 1px solid #999;
  border-top: 1px solid #999;
}

.visual-header h2{
  color: #fff;
  margin: 20px 0 0;
  padding: 5px 10px 5px;
  font-size: 100%;
  font-weight: 300;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 0 0 15px #000;
}


/* ---------------------------------  BREADCRUMB --------------------------------- */

.breadcrumb {
  background: #fff;
  margin: 0 0 0;
  border-top: 1px solid #FFF;
  border-bottom: 2px solid #FFF;
  box-shadow: 0 1px 5px #BBB, inset 0 3px 5px #BBB
}

.breadcrumb-holder {
  color: #999;
  width: 960px;
  padding: 5px 0;
  margin: 3px auto;
  /*border-bottom: 1px solid #DDD;*/
  font-size: 11px;
}

.breadcrumb a {
  color: #803;
}

.breadcrumb a:hover{
  color: #CA5;
  text-decoration: underline;
}


/* ---------------------------------  CONTENT HOLDER --------------------------------- */

.content-holder {
   width: 960px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
}

.content-holder-white {
  background: #FFF;
  border: 1px solid #EEE;
  border-top: none;
  box-shadow: 0 0 3px 0 rgba(0,0,0,0.25);
}

a.download{
  display: block;
  padding: 5px 10px;
  color: #803;
  position: relative;
}

a.download:before{
  display: block;
  font-family: FontAwesome;
  content: "\f01a";
  float: right;
  margin-left: 2px;
  font-size: 16px;
  font-weight: lighter;
}

a.download:hover{
  color: #CA5;
}

.content-holder a.mail,
.content-holder p a{
  color: #803;
  text-decoration: underline;
}

.content-holder a.mail:hover,
.content-holder p a:hover {
  color: #CA5;
  text-decoration: none;
}

.content-holder .title,
.content-holder h2 {
    color: #803;
    border-bottom: 1px solid #EAEAEA;
    box-shadow: 0 1px 0 1px #FFF;
}

.content-holder .title {
  padding: 5px 0;
  margin: 10px 0;
  text-transform: uppercase;
  text-indent: 5px;
  font-weight: 400;
  font-size: 180%;
  /*text-align: center;*/
  text-shadow: 0 1px 0 #FFF;
}

.content-holder h2 {
  margin: 10px 0;
  font-size: 130%;
  font-weight: 400;
}

.content-holder .title a,
.content-holder h2 a{
  color: #803;
  text-decoration: underline;
}

.content-holder p {
  line-height: 22px;
  margin-top: 0;
  padding: 0 5px
}

.content-main ul,
.content-full ul{
  margin: 0 0 20px 25px;
  font-size: 13px;
}

.content-holder li p,
.content-main ul li,
.content-full ul li,
.content-main ul li p,
.content-full ul li p{
  font-size: 13px;
  line-height: 22px;
  color: #555;
}

.content-holder li p,
.content-main ul li p,
.content-full ul li p{
  margin: 0;
}



/* --------------------------------- CONTENT MAIN --------------------------------- */

.content-main {
  height: auto;
  overflow: hidden;
  padding: 0;
}

.content-main.col75.left {
  background: #FFF;
  height: auto;
  margin: 0;
  padding: 15px 20px;
  /*border: 2px solid #EEE;
  border-top: none;*/
  border-radius: 3px;
  box-shadow:
    inset 0 2px #FFF,
    inset 0 3px #EEE,
    inset 0 5px #FFF,
    inset 0 6px #EEE;
  overflow: hidden;
}

.content-main h3, .content-full h3 {
  color: #CA5;
  margin: 20px 0 10px;
  padding: 5px 0;
  font-weight: 400;
  font-size: 100%;
  letter-spacing: 1px;
  /*border-bottom: 1px dotted #eee;*/
  box-shadow: 0 2px 0 0 #FFF;
  
}

/* --------------------------------- CONTENT FULL --------------------------------- */

.content-full {
  background: #FFF;
  width: 99%;
  height: auto;
  margin: 0.5%;
  padding: 15px 25px;
  border: 2px solid #EEE;
  /*border-top: none;*/
  border-radius: 3px;
  box-shadow:
    inset 0 2px #FFF,
    inset 0 3px #EEE,
    inset 0 5px #FFF,
    inset 0 6px #EEE;
  overflow: hidden;
}

.content-full {}

.content-full small {
  display: block;
  width: 50%;
  margin: 0 auto;
  padding: 10px 0;
  text-align: center;
  border-bottom: 1px solid #803;
}

.gmap {
  position: relative;
  padding-bottom: 56%; 
  height: 0;
}

.gmap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.content-full small a {
  color: #CA5;
}

.content-full small a:hover {
  color: #803;
  text-decoration: underline;
}


/* --------------------------------- CONTENT FULL - PROFIL --------------------------------- */

.content-full .profil {
  word-wrap: break-word;
}

.content-full .profil .csc-frame-indent {
  width: 23%;
  min-height: 300px;
  margin: 1%;
  padding: 0;
  float: left;
  background: #ffffff;
  border-bottom: 1px solid #803;
  position: relative;
  overflow: hidden;
}

.content-full .profil h1{
  font-size: 1.2em;
}

.content-full .profil .csc-frame-indent h2{
  font-size: 120%;
  position: relative;
  /*border-bottom: 1px dotted #DDD;*/
}

.content-full .profil .csc-frame-indent a.mail{
  padding-right: 20px;
}

.content-full .profil .csc-frame-indent h2:after {
    display: inline-block;
    font-family: 'FontAwesome';
    content: "\F030";
    /*background: #CA5;*/
    color: #CA5;
    width: 14px;
    height: 15px;
    margin: 0 0;
    padding: 0 3px;
    
    position: absolute;
    right: 0;
    bottom: 5px;
    
    font-size: 13px;
    font-weight: lighter;
    text-align: center;
  } 


.content-full .profil .csc-textpic-imagewrap {
  background: #FFF;
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -300px;
  left: 0;
  z-index: -1;
  transition: all .25s;
}

.content-full .profil .csc-header:hover + .csc-textpic > .csc-textpic-imagewrap, .content-full .profil .csc-header + .csc-textpic > .csc-textpic-imagewrap:hover{
  z-index: 2;
  opacity: 1;
  top: 0px;
}

.csc-textpic-image.csc-textpic-last {
  width: 100%;
}

.content-full .profil DIV.csc-textpic .csc-textpic-imagewrap IMG {
  border: none;
  display: block;
  width: 100%;
  height: 1px;
  max-height: 270px;
  min-height: 269px; 
}

.content-full .profil img{
  max-width: 100%;
  height: auto;
}

.content-full .profil FIGCAPTION.csc-textpic-caption, .csc-textpic-caption {
  display: table-caption;
  text-align: left;
  font-size: 12px;
  padding: 7px;
  border-bottom: 3px solid #CA5;
  position: relative;
}

.content-full .profil .csc-textpic-text {
  clear: both;
  margin: 0;
  padding: 0;
}

.content-full .profil .csc-textpic-text p{
  margin: 5px 0;
  padding: 5px 0;
  border-bottom: 1px solid #eee;
}


/* --------------------------------- TABLES --------------------------------- */

.contenttable {
    color: #555;
    width: 100%!important;
    overflow: visible;
    border-color: transparent;
  font-size: 13px;
}

.contenttable p{
  color: #333;
  font-size: 13px;
}

.contenttable tr {
    background: #FFF;
    /*border: 1px solid #CA5;*/
   height: 40px;
}

.contenttable td {
  padding: 5px;
  text-align: center;
  border: 1px solid #EEE!important;
  width: 50px!important;
}

.contenttable tbody tr:first-of-type {
  background: #CA5;
  color: #FFF;
  padding: 5px;
  font-family: 'Roboto Slab', serif;
  font-size: 13px!important;
  text-transform: uppercase;
}

.contenttable tbody tr:first-of-type td {
  padding: 5px;
}

.contenttable tbody tr:first-of-type p{
  font-family: 'Roboto Slab', serif;
  color: #903;
  text-transform: uppercase;
}

.contenttable tr:nth-of-type(odd) { 
  background: #F5F5F5;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #E5E5E5;
  }

.contenttable tr td div {
  padding: 3px 0;
  font-size: 14px;
} 

.contenttable tr td a {
  color: #903;
  text-decoration: underline;
}

.contenttable tr:hover td a {
  color: #FFF;
}

.contenttable tr td a:hover {
  text-decoration: none;
}

.contenttable tr:hover{
  background: #803;
  color: #FFF;
}

/* --------------------------------- CONTENT MAIN --------------------------------- */

.content-main .main-news {
  height: auto;
  overflow: hidden;
  margin: 5px 0;
  padding: 5px 0;
  border-bottom: 1px solid #fff;
  box-shadow: 0 1px 0 0 #eee;
}

.content-main .main-news h3 {  
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400; 
}

.content-main .main-news h3 a{
  color: #803;
  text-decoration: none;
}

.content-main .main-news h3 a:hover{
  color: #A03;
  text-decoration: underline;
}

.strojarstvo .main-news h3 {
  color: #a00;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
}

.main-news img {
  float: left;
  background: #fff;
  margin: 0 15px 5px 0;
  padding: 2px;
  box-shadow: 0 0 2px 1px #ddd;
}

.main-news small {
  display: block;
  color: #aaa;
  padding: 0;
  margin: 5px 0 -10px 0;
  text-align: right;
  font-size: 60%;
}

.main-news p {
  color: #555;
  font-size: 80%;
}

.main-news button {
  background: #803;
  color: #FFFFFF;
  margin: 0 5px;
  padding: 2px 9px;
  font-size: 90%;
  border: none;
}




/* --------------------------------- NEWS --------------------------------- */

.news {
  height: auto;
  overflow: hidden;
  min-height: 260px;
  max-height: 350px;
  margin: 1% 0;
  padding: 1% 1%;
  position: relative;
}

/*.news:hover {
  background: #FFFFFF;
  box-shadow: 0 0 1px 0 #aaa;
}*/

.news:hover h3{
  text-decoration: underline;
}

.news:nth-of-type(2) {
}

.news img {
  background: #fff;
  margin: 0 15px 5px 0;
  padding: 2px;
  box-shadow: 0 0 2px 1px #ddd;
  min-width: 100%;
}

.news h3 {
  padding: 5px 0;
  font-size: 14px;
  font-weight: 400;
}

.news-detail {
  width: 96%;
  margin: 0 2%;
  padding: 2px 0 0 0;
  border-top: 1px solid #fff;
  box-shadow: inset 0 1px 0 0 #eee;
  position: absolute;
  bottom: 0;
  left: 0;
}

.news small {
  color: #999!important;
  display: block;
  width: 50%;
  font-size: 80%;
  text-align: center;
  float: left;
}

.news button {
  width: 50%;
  margin: 0;
  padding: 2px 9px;
  font-size: 70%;
  float: right;
  border: none;
}

.news button:hover {
  text-decoration: underline;
}

/* ---------------------------------  SIDE CONTENT --------------------------------- */

.side-holder {
  background: #ffffff;
  height: auto;
  padding: 1% 0;
  overflow: hidden;
  /*border-top: 1px solid #ddd;*/
  border-bottom: 2px solid #FFF;
  box-shadow: 0 0 3px #ccc;
}

.content-side {
    /*background: url(../img/white_bg.png) rgba(255,255,255, 1);*/
    background: #ffffff;
   width: 960px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}

.content-side .csc-frame-indent {
    float: left;
    width: 50%;
    padding: 15px;
    border-bottom: 2px solid #fff;
}

.content-side.col25.left {
  padding: 0;
  min-height: 100%;
  border: 1px solid #EEE;
}

.title+.content-side.col25.left { /* Slucaj kada je content-side na lijevoj strani */
  width: 24%;
  margin: 0 1% 0 0;
}

.content-side h2 {
    background: url(../img/red_bg.png) #803;
  color: #fff;
  margin: 0 0 10px;
  padding: 10px;
    font-weight: 300;
    font-size: 100%;
    border: none;
    border-radius: 3px;
}

body[id] .content-side h2 {
  background-image: none;
}

.content-side.col25.left p{
  line-height: 18px;
}

.content-side ul {
  padding: 0;
  font-size: 13px;
}

.content-side ul li {
  position: relative;
}

.content-side ul li a,
  .col.left ul li a{
  display: block;
  color: #803;
  padding: 10px 0 10px 10px;
  border-bottom: 1px dotted #ddd;
  text-decoration: none;
  position: relative;
}

.content-side ul li a:hover{
  color: #CA5;
  border-bottom: 1px solid #803;
}

.content-side ul li:after {
  display: block;
  content: "\f105";
  width: 30px;
  height: 30px;
  color: #999;
  font-family: FontAwesome;
  font-size: 16px;
  position: absolute;
  right: -10px;
  top: 10px;
}


.announcement-holder{}

.exam  {
  float: left;
  width: 50%;
    padding: 15px;
    border-bottom: 2px solid #fff;
}

.announcement h3, .exam h3, .side-news-list h3{
    font-size: 14px;
  text-transform: uppercase;
  line-height: 18px
}

.announcement h3 a, .exam h3 a, .side-news-list h3 a{
  color: #803;
  text-decoration: none;
  font-weight: 400;
}

.announcement h3 a:hover, .exam h3 a:hover, .side-news-list h3 a:hover {
  color: #CA5;
  
}

.announcement p, .exam p, .side-news-list p {
  color: #333;
  margin: 5px 0;
  font-size: 75%;
}

.exam-holder {}

.exam {
  background: #ffffff;
  margin: 0 0 20px 0;
  /*box-shadow: 0 0 3px 0 #aaa;*/
  overflow: hidden;
}

.content-side .exam h2{
  background: #803;
}

.exam-holder .exam:hover {
  background: #803;
}

.strojarstvo .exam-holder .exam:hover {
  background: #900;
}

.exam-holder .exam:hover h3 a {
  color: #FFFFFF;
}

.exam-holder .exam:hover p{
  color: #CA5;
}


/* --------------------------------- PRE FOOTER =??????? --------------------------------- */

.content-prefooter {
  box-shadow: inset 0 0 5px #ccc;
  border-top: 1px solid #ccc;
}

.prefooter-holder {
  width: 960px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  padding: 10px 5px;
}

.prefooter-holder img{
  max-width: 100%;
  height: auto;
  margin: 10px 15px;
}

.prefooter-holder > div {
  background: #ffffff;
  border-bottom: 1px solid #803;
  text-align: center;
  box-shadow: 0 0 5px 0 #ddd;
  padding: 1%;
  margin: 1% 0;
}

.prefooter-holder > div:nth-child(2) {
  margin-right: 2%;
}

.prefooter-holder .csc-frame-indent {
  float: left;
  width: 49%;
  min-height: 125px;
}

.prefooter-holder .prefooter-item {
  background: #ffffff;
  height: 100%;
  min-height: 150px;
  margin: 0 1%;
  padding: 0 1%;
  border-bottom: 1px solid #803;
  text-align: center;
  box-shadow: 0 0 5px #aaa;
}

.prefooter-holder h2{
  color: #da5;
  margin: 0 0 15px 0;
  padding: 10px 0 5px 0;
  font-weight: 300;
  font-size: 140%;
  text-align: center;
  border-bottom: 1px dotted #E5E5E5;
    box-shadow: 0 2px 0 0 #FFF;
}


.prefooter-holder DIV.csc-textpic-imagecolumn {
  margin: 0 15px;
}


/* --------------------------------- FOOTER & COPY --------------------------------- */

.footer {
  background: url(../img/red_bg.png) #803;
  border-top: 2px solid rgba(255,255,255,0.25);
  box-shadow: inset 0 15px 20px -10px rgba(0,0,0,0.5);
}

body[id] .footer {
  background-image: none;
}

.footer-holder {
  width: 960px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  padding: 20px 0;
}

.footer-holder h4 {
  color: #FFFFFF;
  font-weight: 400;
  border-bottom: 1px solid #A03;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  box-shadow: inset 0 -1px 0 0px rgba(0,0,0, .4);
  padding: 5px 10px;
  font-size: 90%;
}

.footer-holder .csc-textpic-caption {
  border-bottom: 0;
  color: #fff;
  text-align: center;
}

.footer-holder .footer-info{}

.footer-holder .footer-info ul{
  list-style: none;
  margin: 0;
  padding: 10px 0 0 10px;
}

.footer-holder .footer-info ul li a{
  color: #FFFFFF;
  font-size: 75%;
  text-decoration: none;
}

.footer-holder .footer-info ul li a:hover{
  /*color: #CA5;*/
  text-decoration: underline;
}

.footer-holder .footer-location{}

.footer-holder .footer-location img{
  background: #FFFFFF;
  max-width: 90%;
  height: auto;
  
  margin: 25px 5px 0;
  padding: 3px;
}

.footer-contact{
  color: #FFF;
}

.footer-holder.strojarstvo .footer-contact{
  color: #000;
}

.footer-holder .footer-contact ul{
  list-style: none;
  float: left;
  width: 50%;
  margin: 0;
  padding: 10px 0 0 10px;
  font-size: 75%;
}

.footer-holder .footer-contact ul li{
  margin: 5px 0;
}

.footer-holder .footer-contact ul li a{
  color: #FFFFFF;
  text-decoration: none;
}

.footer-holder .footer-contact ul li a:hover{
  color: #DDD;
  text-decoration: underline;
}

.footer .copy {
  /*background: url(../img/nav_bg.png) repeat-x center bottom rgba(230,207,156,1);*/
   background: #fff;
    color: #803;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 70%;
    /*border-top: 1px solid #B03;*/
    box-shadow:  0 0 5px #333;
}


/* --------------------------  SITEMAP  ----------------------- */


.csc-sitemap {
  line-height: 24px;
  background: #FFF;
  text-transform: uppercase;
  padding: 10px 0;
  background: #FFF;
  width: 99%;
  height: auto;
  margin: 0.5%;
  border: 2px solid #EEE;
  /*border-top: none;*/
  border-radius: 3px;
  box-shadow:
    inset 0 2px #FFF,
    inset 0 3px #EEE,
    inset 0 5px #FFF,
    inset 0 6px #EEE;
  overflow: hidden;
}

.csc-sitemap > ul {
  margin: 10px;
  padding: 0 10px;
  list-style: none;
}

.csc-sitemap ul li {
  padding: 10px;
  width: 100%;
}

.csc-sitemap ul li a {
  color: #803;
  display: block;
  font-size: 16px;
  font-family: 'Roboto Slab', serif;
}

.csc-sitemap ul li a:hover {
  text-decoration: underline;
}

.csc-sitemap ul li ul {
  margin: 0 0 0 -10px;
}

.csc-sitemap ul li ul li{
  padding: 5px 10px;
}

.csc-sitemap ul li ul li a{
  color: #DA5;
  font-size: 14px;
}

.csc-sitemap ul li ul li ul li a{
  color: #666;
}

.csc-sitemap ul li ul li ul li ul li a{
  color: #999;
}


.csc-sitemap ul li:nth-of-type(3) ul li {
  width: 50%;
  float: left;
}

.csc-sitemap ul li:nth-of-type(3) ul li ul li{
  width: 100%;
  float: none
}

.csc-sitemap ul li:nth-of-type(4) {
  clear: both;
}



/* --------------------------  MAIL FORM  ----------------------- */


.csc-mailform {
  padding: 30px 0;
  overflow: hidden;
}

div.csc-mailform ol{}

div.csc-mailform ol li {
  margin: 10px 0;
  width: 100%;
  float: left;
}

.csc-form-21.csc-form-element.csc-form-element-textarea {
  clear: both;
}

div.csc-mailform li label {
  margin: 0 5%;
  color: #999;
  font-size: 12px;
}

.csc-mailform input,
.csc-mailform select,
.csc-mailform textarea{
  color: #CA5;
  width: 90%;
  margin: 0 5%;
  padding: 5px;
  border: none;
  border-bottom: 1px solid #DDD;
  font-size: 16px;
}

.csc-mailform input:focus,
.csc-mailform select:focus,
.csc-mailform textarea:focus{
  color: #903;
  border-bottom: 1px solid #903;
  outline: none;
}

li.csc-form-element.csc-form-element-submit {
  float: none;
  clear: both;
}

li.csc-form-element.csc-form-element-submit input{
  background: #CA5;
  color: #FFF;
  width: 25%;
  float: right;
  margin-top: 10px;
  padding: 1em 0;
  border-radius: 3px;
  font-size: 12px;
}

li.csc-form-element.csc-form-element-submit input:hover {
  background: #803;
  color: #FFF;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.content-holder .csc-frame-indent3366 {
  width: 33%;
  float: left;
}

.content-holder .csc-frame-indent6633 {
  width: 66%;
  float: left;
}

.content-holder .csc-frame-indent {
  width: 46%;
  min-height: 210px;
  float: left;
  padding: 0 1%;
  margin: 1% 4% 1% 0;
}

.mobile-show {
  display: none;
}

.line {
  clear: both;
  width: 100%;
  height: 3px;
  margin: 10px 0;
  border-bottom: 1px solid #fff;
  box-shadow: 0 1px 0 0 #EAEAEA;
}

.left {
  float: left;
}

.right {
  float: right;
}

.col10 {
  width: 10%;
}

.col20 {
  width: 20%;
}

.col25 {
  width: 25%;
}

.col33 {
  width: 33%;
}

.col40 {
  width: 40%;
}

.col50 {
  width: 50%;
}

.col75 {
  width: 75%;
}

.col100 {
  width: 100%;
}

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/* ==========================================================================
   TYPO3 TT NEWS CLASSES
   ========================================================================== */

.news-single-item h1 {
  color: #803;
  font-size: 1.6em;
  font-weight: 300;
}

.news-single-item h2 {
  color: #777;
  padding: 5px;
  font-size: 13px;
  font-weight: 300;
  line-height: 18px;
}


.news-single-rightbox,
.news-single-imgcaption,
.news-latest-date,
.news-latest-morelink,
.news-latest-category,
.news-list-category,
.news-list-author,
.news-list-imgcaption,
.news-list-date,
.news-list-browse,
.news-amenu-container,
.news-catmenu  {
  font-size:10px;
}


/*-----------------------------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */

.news-latest-container HR.clearer,
.news-list-container HR.clearer,
.news-list2-container HR.clearer,
.news-list3-container HR.clearer,
.news-single-item HR.cl-left,
.news-single-item HR.cl-right
 {
  clear:both;
  height:1px;
  border:none;
  padding:0;
  margin:0;
  color: #eee;
}
.news-list2-container HR.clearer,
.news-list3-container HR.clearer {
  clear:both;
}

.news-single-item HR.cl-left {
  clear:left;
}

/*-----------------------------------  tt_news LATEST view  -----------------------------------*/

.news-latest-container {
  padding: 5px 0 0;
}

.news-latest-gotoarchive {
  padding:3px;
  margin:3px;
  background-color:#f3f3f3;
}


.news-latest-container H3 {
  padding: 0 0 2px 0;
  margin:0;
  border-bottom: 1px solid #ddd;
}

.news-latest-container H3 a{
  text-decoration: none;
}

.news-latest-item {
  padding: 10px;
  margin:0;
  border-radius: 3px;
  /*border-bottom: 1px dashed #DDD;*/
  transition: all 0.25s;
}

.news-latest-item .news-latest-date {
  color: #aaa;
  padding: 3px 0;
  font-size: 10px;  
  font-style: italic;
  line-height: 14px;
}

.news-latest-item .news-latest-date div {
  float: left;
}

.news-catRootline {
  margin-left: 4px;
}

.news-latest-item.announcement:hover {
  background: #803;
  color: #fff;
  /*border-bottom: 1px solid #803;*/
}

.news-latest-item.announcement:hover .news-latest-date,
.news-latest-item.announcement:hover i {
  color: #FFF;
  color: rgba(255,255,255,.5);
}

.news-latest-item a{
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
}

.news-latest-item.announcement:hover h3 {
  border-bottom: 1px solid rgba(0,0,0,0.25);
    box-shadow: 0 1px 0 rgba(255,255,255,0.15);
}

.news-latest-item.announcement:hover h3 a,
.news-latest-item.announcement:hover p{
  color: #fff;
  text-decoration: none;
}

.news-latest-item IMG {

  margin: 0 5px 5px 0;
  float:left;
  border: none;
}
.news-latest-category IMG {
  float: none;
  border:none;
  margin:0px;
}

.news-latest-item > p {
  margin:0;
  padding:0;
}




/*--------------------------------- tt_news LIST view  -----------------------------------*/
.news-list-container {
   margin: 0;
    padding: 0;
    height: auto;
    overflow: hidden;
}

.news-list-container IMG {
  float: none;
}

.news-list-item {
  margin: 5px 1% 15px;
  padding: 0;
  border-bottom: 1px solid #FFF;
  box-shadow: 0 1px #EEE;
  height: 315px;
  min-height: 315px;
  overflow: hidden;
  width: 31%;
  float: left;
  text-align: center;
  background: #FFF;
  border-top: none;
  border-bottom: 2px solid #803;
  border-radius: 3px;
  box-shadow: 0 0 2px 0 #aaa;
  position: relative;
  
  transition: all 0.5s;
}

.news-list-item:hover {
  box-shadow: 0 1px 5px 0 rgba(0,0,0,0.25);
}

/*.news-list-item:hover, .news-list-item:hover h2 a, .news-list-item:hover p {
  background: #803;
  color: #fff;
  border-bottom: none;
}*/

.news-list-item:hover .news-list-img{
  margin: -130px 0 0 0;
  overflow: hidden;
  /*opacity: 0;*/
  
  /*-o-transform: scale(0, 0) rotate(45deg);
  -ms-transform: scale(0, 0) rotate(45deg);
  -moz-transform: scale(0, 0) rotate(45deg);
    -webkit-transform: scale(0, 0) rotate(45deg);
    transform: scale(0, 0) rotate(45deg);*/
}

.news-list-item:hover .news-list-content{
  overflow: hidden;
}



.news-list-img{
    width: 100%;
    height: 150px;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    border-bottom: 2px solid #F7F7F7;
}

.news-list-img img{
  width: 100%;
  height: auto;
  margin: 0;
  transition: all 0.5s ease-in-out;
}

.news-list-content{
  width: 100%;
  background: #fff;
  padding: 0 15px;
  line-height: 19px;
  overflow: hidden;
}

.news-list-content h2{ 
  margin: 0;
  padding: 20px 0 10px;
  border-bottom: none;
}

.news-list-item h2 a {
  display: block;
  color: #803;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

.news-list-item h2 a:hover {
  color: #CA5;
}

.news-list-item p {
  color: #333;
  height: 50px;
  font-size: 80%;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
}

.news-list-item:hover p {
  height: 195px;
  overflow: hidden;
}

.news-list-item p a {
  color: #333;
  text-decoration: none;
}

.news-list-date {
  background: #FAFAFA;
  color: #BBB;
  width: 100%;
  margin: 0 0;
  padding: 5px 0 5px;
  position: absolute;
  bottom: 0px;
  right: 0;
  border-top: 1px solid #EEE;
  border-radius: 3px 3px 0 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 10px;
  transition: all 0.5s;
}

.news-list-date div {
  display: inline-block;
  /*font-style: italic;*/
}

/*.news-list-date:before {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: 50%;
  margin: 0 -75px;
  width: 150px;
  height: 1px;
  border-top: 1px dotted #DDD;
}*/



.news-list-morelink {
  display: block;
  width: 50%;
  margin: 10px auto 0;
    padding: 10px 6px;
    text-align: center;
    text-decoration: underline;
    border-top: 1px solid #eee;
}

.news-list-morelink a {
  display: block;
    color: #803;
    text-decoration: none;
    font-size: 14px;
}

.news-list-morelink a:hover {
  color: #CA5;
}



  /*---------------------------------  LIST2 / 3 ---------------------------------*/

.news-list2-container,
.news-list3-container {
  padding: 0 0 10px 0;
}


.news-list2-container,
.news-list3-container {
  background:#e5e5e5;
}

.news-list3-item,
.list2-subdiv-hdr {
  background:#f1f1f1;
}
.news-list2-container .hdr-left,
.news-list2-container .hdr-right,
.news-list3-container .list3-left,
.news-list3-container .list3-right {
  width:50%;
  float:left;
  padding:5px;
}

.news-list2-container .sub-left,
.news-list2-container .sub-middle,
.news-list2-container .sub-right {
  width:33%;
  float:left;
  padding:5px;
}

.news-list3-item {
  padding:5px;
}

.news-list3-item,
.list3-subdiv,
.list2-subdiv {
  border-top:5px solid #fff;
}


.news-list2-container IMG {
  float: right;
  margin:0 2px 5px 5px;
  border: none;

}
.news-list3-container IMG {
  float: left;
  margin:0 5px 5px 2px;
  border: none;

}



/*---------------------------------  tt_news Page-Browser ---------------------------------*/

.news-list-browse {
  width: 98%;
  margin: 0 1%!important;
  color: #777;
}

.news-list-browse > div {
  padding: 10px 0;
}

.news-list-browse .browseLinksWrap > a{
  background: #FFF;
  color: #803;
  padding: 8px;
  /*border-bottom: 1px dotted #CCC;*/
  border-radius: 2px;
  transition: all 0.25s;
}

.news-list-browse .browseLinksWrap > a:hover{
  background: #fff;  
  color: #803;
  border-bottom: 1px solid #803;
}

.news-list-browse .browseLinksWrap > span{
  background: none;
  color: #BBB;
  padding: 8px;
  /*border-bottom: 1px dotted #AAA;*/
}

  /*--------------------------------- tt_news SINGLE view  ---------------------------------*/


.news-single-item {
  padding: 10px 15px;
  margin-bottom: 5px;
  background: #FFF;
  /*box-shadow: 0 0 3px #AAA;
  border: 1px solid #EEE;*/
  border-bottom: 2px solid #803;
}

.news-single-img {
  width: 100%;
    /*float: right;*/
    margin: 0 0 20px 0;
    padding:0;
}

.news-single-img img {
  border-bottom: 1px solid #803;
  min-width: 100%;
  max-width: 100%;
  height: auto;
  padding: 3px;
  /*box-shadow: 0 0 3px #AAA;*/
}

.news-single-imgcaption {
  padding: 1px 0 3px 0;
  margin:0;
}


.news-single-rightbox {  
  width: 100%;
  margin: 5px;
  text-align: left;
  color: #AAA;
  padding: 5px;
}

.news-single-rightbox i,
.news-list-date i,
.news-latest-date i {
  padding: 5px;
  font-size: 12px;
  color: #CCC;
}

.news-single-item ol li p { font-size: 1em; }

.news-single-item p {
  padding: 0 10px;
}

.news-single-backlink {
  width: 200px;
}

.news-single-backlink a{
  display: block;
  color: #803;
  margin: auto;
  font-size: 12px;
}

.news-single-backlink a:hover{
  color: #CA5;
}

.news-single-additional-info {
    margin-top: 0;
    padding:3px;
    clear:both;
    border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.news-single-related,
.news-single-files,
.news-single-links  {
  margin: 0;
  margin-bottom: 3px;
  padding: 3px;
  color: #999;
  font-size: 90%;
}

.news-single-related DD,
.news-single-links DD,
.news-single-files DD {
  margin: 10px;
}

.news-single-related DT,
.news-single-links DT,
.news-single-files DT {
  font-weight: lighter;
  margin: 10px 5px;
}

.news-single-files DD A {
  padding:0 5px;
  color: #803;
  text-decoration: underline;
}

.news-single-files DD A:hover {
  text-decoration: none;
  color: #CA5;
}


  /*--------------------------------- SINGLE2  ---------------------------------*/


.sv-img-big img,
.sv-img-small img {
  border:none;
}

.sv-img-big {
  float: right;
  padding: 10px 0 2px 10px;
}
.sv-img-small-wrapper {
  padding:15px 0;
}
.sv-img-small {
  float: left;
  padding: 0 10px 10px 0;
}


/*--------------------------------- tt_news Archivemenu (AMENU) --------------------------------- */
.news-amenu-container {
  width:165px;
    padding:0;
    margin-left:10px;
}
.news-amenu-container LI {
  padding-bottom:1px;

}
.news-amenu-container LI:hover {
  background-color: #f3f3f3;

}

.news-amenu-container UL {
    padding:0;
    margin:0;
  margin-top:5px;

  list-style-type: none;
}

.news-amenu-item-year {
  font-weight: bold;
    margin-top:10px;
  padding: 2px;
  background-color: #f3f3f3;

}


.amenu-act {
  background:#fff;
  font-weight:bold;
}

/*--------------------------------- tt_news Categorymenu (CATMENU) --------------------------------- */

.news-catmenu  {
  padding:10px;

}

ul.tree {
  list-style: none;
  margin: 0;
  padding: 0;
  clear: both;
}

ul.tree A {
  text-decoration: none;
}

ul.tree A.pm {
  cursor: pointer;
}

ul.tree img {
  vertical-align: middle;
}

ul.tree ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: 17px;
}

ul.tree ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 10px;
  white-space: nowrap;
}

ul.tree ul li.expanded ul {
  background: transparent url('../typo3/gfx/ol/line.gif') repeat-y top left;
}

ul.tree ul li.last > ul {
  background: none;
}

ul.tree li.active, ul.tree ul li.active {
  background-color: #ebebeb !important;
}

ul.tree li.active ul, ul.tree ul li.active ul {
  background-color: #f7f3ef;
}

/*  Styles for catmenu mode "nestedWraps" */
.level1 {
  padding:1px;
  padding-left:10px;
  background-color:#ebf8bf;
  border-left:1px solid #666;
  border-top:1px solid #666;
}
.level2 {
  padding:1px;
  padding-left:10px;
  background-color:#ddf393;
  border-left:1px solid #666;
}
.level3 {
  padding:1px;
  padding-left:10px;
  background-color:#cae46e;
  border-left:1px solid #666;
  border-top:1px solid #666;

}
.level4 {
  padding:1px;
  padding-left:10px;
  background-color:#b0cb51;
  border-left:1px solid #666;
}





.tx-indexedsearch{
  padding: 5px;
}

.tx-indexedsearch-whatis {
  background: #FFF;
  color: #803;
  margin: 10px 0;
  padding: 10px;
  font-size: 14px;
  box-shadow: 0 0 3px #AAA;
}

span.tx-indexedsearch-sw {
  color: #CA5;
  font-style: normal!important;
  font-weight: 400!important;
}

.tx-indexedsearch-browsebox {
  padding: 0 10px;
  font-size: 14px;
}

.tx-indexedsearch-res-box {
  margin: 10px 0;
  padding: 10px 5px;
  background: #fff;
  border-bottom: 1px solid #803;
  box-shadow: 0 0 3px 0 #AAA;
}

h5.news-search-list {
  background: #ffffff;
  padding: 5px;
}

.tx-indexedsearch-title.title a{
    color: #803;
    display: block;
    width: 85%;
  float: left;
  font-size: 18px;
  font-weight: normal;
  text-decoration: underline;
  transition: all 0.5s ease-in-out;
}

.tx-indexedsearch-title.title a:hover {
  color: #CA5;
  text-decoration: none;
  padding-left: 10px;
}

.tx-indexedsearch-percent.percent {
  float: right;
  background: #CA5;
  color: #FFF;
  width: 80px;
  height: 20px;
  margin: 0 -10px;
  font-size: 80%;
  line-height: 20px;
  text-align: center;
}

.tx-indexedsearch-descr.descr {
  padding: 5px 15px;
  clear: both;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
  color: #CA5;
}


/* ----------------------------------  TYPO3 OVERWRITE! --------------------------------*/


DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom: 0;
}

.visual-slider DIV.csc-textpic-center .csc-textpic-imagewrap, DIV.csc-textpic-center FIGURE.csc-textpic-imagewrap,
.visual-slider DIV.csc-textpic, DIV.csc-textpic DIV.csc-textpic-imagerow, UL.csc-uploads LI {
  overflow: visible;
}

.footer DIV.csc-textpic DIV.csc-textpic-imagecolumn {
  width: 48%;
}

DIV.csc-textpic .csc-textpic-imagewrap IMG {
border: none;
display: block;
margin: 10px auto;
}

.csc-uploads-fileName a{
  color: #CA5;
}

.csc-uploads-fileName a:hover{
  color: #803;
  text-decoration: none;
}

.csc-uploads-fileName:before {
  display: block;
  font-family: FontAwesome;
  content: "\f019";
  float: left;
  color: #DDD;
  margin: 0 0 0 -25px;
  font-size: 18px;
  font-weight: lighter;
}

.csc-linkToTop {
  margin: -10px 0 0;
}

.csc-linkToTop.full-link {
  margin: 20px 0 -15px;
}

.profil + .csc-linkToTop {
  margin: 20px 0 -14px 0;
}


.csc-linkToTop a{
  display: block;
  color: #fff;
  font-size: 0px;
  position: relative;
}

.csc-linkToTop a:before {
  display: block;
font-family: FontAwesome;
content: "\f067";
content: "\F077";
position: absolute;
top: -3px;
left: 50%;
background: #FFF;
color: #903;
width: 50px;
height: 25px;
margin: auto -25px;
font-size: 14px;
text-align: center;
line-height: 25px;
transition: all 0.25s;
border: 1px solid #DDD;
border-radius: 10px 10px 0 0;
}



/* ==========================================================================
   UNIVERSITY CLASS COLORS
   ========================================================================== */

/* ------------- VUKA CRVENA ------------- */            

.vuka, .vuka h3, .vuka h3 a, .vuka p {
  color: #803;
  text-decoration: none;
}

.vuka h3 a:hover {
  text-decoration: underline;
}

.vuka button {
  background: #803;
  color: #FFFFFF;
}

/* ------------- UGOSTITELJSTVO PLAVA ------------- */  

#ugostiteljstvo,
#ugostiteljstvo .title,
#ugostiteljstvo .content-main h2,
#ugostiteljstvo .content-holder h2,
/*#ugostiteljstvo .news-list-item h2 a,*/
.news-list-container div[class*="Ugostiteljstvo"] h2 a,
#ugostiteljstvo .news-list-morelink a,
#ugostiteljstvo h3,
#ugostiteljstvo h3 a,
#ugostiteljstvo button i,
#ugostiteljstvo .content-side ul li a:hover,
#ugostiteljstvo .breadcrumb-holder a,
#ugostiteljstvo .footer .copy,
#ugostiteljstvo .csc-linkToTop a:before {
  color: #057;
}

#ugostiteljstvo .navigation,
#ugostiteljstvo .header-holder .language a   {
  background: #035;
  color: #FFF;
  border-top: 1px solid rgba(255,255,255,0.10);
}
#ugostiteljstvo .header,
#ugostiteljstvo .header-holder .search button:hover,
#ugostiteljstvo .header-holder .search button:hover i,
#ugostiteljstvo .header-holder .search input:focus ~ button,
#ugostiteljstvo .header-holder .search input:focus ~ button i,
.navigation-holder ul.nav li div.dropdown li.menuparent:hover div.dropdown ul li.ugostiteljstvo:hover,
#ugostiteljstvo .sub-navigation, 
#ugostiteljstvo .news-latest-item.announcement:hover ,
#ugostiteljstvo .content-side h2,
#ugostiteljstvo .news-list-browse .browseLinksWrap > a,
#ugostiteljstvo .footer{
  background: url(../img/blue_bg.png) #057;
  color: #fff;
}

#ugostiteljstvo .news-latest-item.announcement:hover h3 a{
  color: #FFF;
}

#ugostiteljstvo .content-main h3 {
  padding: 10px 0;
  font-weight: 400;
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none;
}

.news-list-container div[class*="Ugostiteljstvo"],
.news-list-container div[class*="Ugostiteljstvo"] .news-list-img,
#ugostiteljstvo .header-holder .search input:focus{
  border-bottom-color: #057;
}

#ugostiteljstvo .news-list-browse .browseLinksWrap > a:hover {
  background: #FFF;
  color: #057;
  border-bottom-color: #057;
}


/* ------------- STROJARSTVO PLAVO-SIVA ------------- */            

#strojarstvo,
#strojarstvo .title,
#strojarstvo .content-main h2,
#strojarstvo .content-holder h2,
/*#strojarstvo .news-list-item h2 a,*/
.news-list-container div[class*="Strojarstvo"] h2 a,
#strojarstvo .news-list-morelink a,
#strojarstvo h3,
#strojarstvo h3 a,
#strojarstvo button i,
#strojarstvo .content-side ul li a:hover,
#strojarstvo .breadcrumb-holder a,
#strojarstvo .footer .copy {
  color: #456;
}

#strojarstvo .navigation {
  background: #234;
  border-top: 1px solid rgba(255,255,255,0.10);
}

#strojarstvo .header,
#strojarstvo .header-holder .search button:hover,
#strojarstvo .header-holder .search button:hover i,
#strojarstvo .header-holder .search input:focus ~ button,
#strojarstvo .header-holder .search input:focus ~ button i,
.navigation-holder ul.nav li div.dropdown li.menuparent:hover div.dropdown ul li.strojarstvo:hover,
#strojarstvo .sub-navigation, 
#strojarstvo .news-latest-item.announcement:hover ,
#strojarstvo .content-side h2,
#strojarstvo .news-list-browse .browseLinksWrap > a,
#strojarstvo .footer{
  background: url(../img/gray_bg.png) #456;
  color: #fff;
}

#strojarstvo .news-latest-item.announcement:hover h3 a{
  color: #FFF;
}

#strojarstvo .content-main h3 {
  padding: 10px 0;
  font-weight: 400;
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none;
}

.news-list-container div[class*="Strojarstvo"],
.news-list-container div[class*="Strojarstvo"] .news-list-img,
#strojarstvo .header-holder .search input:focus{
  border-bottom-color: #456;
}

#strojarstvo .news-list-browse .browseLinksWrap > a:hover {
  background: #FFF;
  color: #456;
  border-bottom-color: #456;
}

/* ------------- LOVSTVO ZELENA ------------- */            

#lovstvo,
#lovstvo .title,
#lovstvo .content-main h2,
#lovstvo .content-holder h2,
/*#lovstvo .news-list-item h2 a,*/
.news-list-container div[class*="Lovstvo"] h2 a,
#lovstvo .news-list-morelink a,
#lovstvo h3,
#lovstvo h3 a,
#lovstvo button i,
#lovstvo .content-side ul li a:hover,
#lovstvo .breadcrumb-holder a,
#lovstvo .footer .copy,
#lovstvo .csc-linkToTop a:before {
  color: #215039;
}


#lovstvo .navigation,
#lovstvo .contenttable tbody tr:first-of-type {
  background: #215039;
  border-top: 1px solid rgba(255,255,255,0.10);
}

#lovstvo .header,
#lovstvo .header-holder .search button:hover,
#lovstvo .header-holder .search button:hover i,
#lovstvo .header-holder .search input:focus ~ button,
#lovstvo .header-holder .search input:focus ~ button i,
.navigation-holder ul.nav li div.dropdown li.menuparent:hover div.dropdown ul li.lovstvo:hover,
#lovstvo .sub-navigation, 
#lovstvo .news-latest-item.announcement:hover ,
#lovstvo .content-side h2,
#lovstvo .news-list-browse .browseLinksWrap > a,
#lovstvo .footer,
#lovstvo .contenttable tr:hover td,
#lovstvo .contenttable tr:hover td p{
  background: url(../img/dark_green_bg.png) #1E382B;
  color: #fff;
}


/* Bg image for RWD per class .... maybe? */

/*#lovstvo .visual-header { background-image: url(../img/lovstvo.png); } */

#lovstvo .news-latest-item.announcement:hover h3 a{
  color: #FFF;
}

#lovstvo .content-main h3 {
  padding: 10px 0;
  font-weight: 400;
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none;
}

.news-list-container div[class*="Lovstvo"],
.news-list-container div[class*="Lovstvo"] .news-list-img,
#lovstvo .header-holder .search input:focus{
  border-bottom-color: #215039;
}

#lovstvo .news-list-browse .browseLinksWrap > a:hover {
  background: #FFF;
  color: #215039;
  border-bottom-color: #215039;
}


/* ------------- MEHATRONIKA CRNA ------------- */            

#mehatronika,
#mehatronika .title,
#mehatronika .content-main h2,
#mehatronika .content-holder h2,
/*#mehatronika .news-list-item h2 a,*/
.news-list-container div[class*="Mehatronika"] h2 a, 
#mehatronika .news-list-morelink a,
#mehatronika h3,
#mehatronika h3 a,
#mehatronika button i,
#mehatronika .content-side ul li a:hover,
#mehatronika .breadcrumb-holder a,
#mehatronika .footer .copy {
  color: #333;
}

#mehatronika .navigation {
  background: #111;
  border-top: 1px solid rgba(255,255,255,0.10);
}

#mehatronika .header,
#mehatronika .header-holder .search button:hover,
#mehatronika .header-holder .search button:hover i,
#mehatronika .header-holder .search input:focus ~ button,
#mehatronika .header-holder .search input:focus ~ button i,
.navigation-holder ul.nav li div.dropdown li.menuparent:hover div.dropdown ul li.mehatronika:hover,
#mehatronika .sub-navigation, 
#mehatronika .news-latest-item.announcement:hover ,
#mehatronika .content-side h2,
#mehatronika .news-list-browse .browseLinksWrap > a,
#mehatronika .footer{
  background: url(../img/black_bg.png) #333;
  color: #fff;
}

#mehatronika .news-latest-item.announcement:hover h3 a{
  color: #FFF;
}

#mehatronika .content-main h3 {
  padding: 10px 0;
  font-weight: 400;
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none;
}

.Mehatronika .news-list-img {
  border-bottom: 3px solid #333;
}

.news-list-container div[class*="Mehatronika"],
.news-list-container div[class*="Mehatronika"] .news-list-img,
#mehatronika .header-holder .search input:focus{
  border-bottom-color: #333;
}

#mehatronika .news-list-browse .browseLinksWrap > a:hover {
  background: #FFF;
  color: #333;
  border-bottom-color: #333;
}

/* ------------- SIGURNOST ŽUTA ------------- */            

#sigurnost,
#sigurnost .title,
#sigurnost .content-main h2,
#sigurnost .content-holder h2,
/*#sigurnost .news-list-item h2 a,*/
.news-list-container div[class*="Sigurnost"] h2 a,
#sigurnost .news-list-morelink a,
#sigurnost h3,
#sigurnost h3 a,
#sigurnost button i,
#sigurnost .content-side ul li a:hover,
#sigurnost .breadcrumb-holder a,
#sigurnost .footer .copy {
  color: #D1A000;
}

#sigurnost .navigation {
  background: #B08000;
  border-top: 1px solid rgba(255,255,255,0.10);
}

#sigurnost .header,
#sigurnost .header-holder .search button:hover,
#sigurnost .header-holder .search button:hover i,
#sigurnost .header-holder .search input:focus ~ button,
#sigurnost .header-holder .search input:focus ~ button i,
.navigation-holder ul.nav li div.dropdown li.menuparent:hover div.dropdown ul li.sigurnost:hover,
#sigurnost .sub-navigation, 
#sigurnost .news-latest-item.announcement:hover ,
#sigurnost .content-side h2,
#sigurnost .news-list-browse .browseLinksWrap > a,
#sigurnost .footer{
  background: url(../img/yellow_bg.png) #D1A000;
  color: #fff;
}

#sigurnost .news-latest-item.announcement:hover h3 a{
  color: #FFF;
}

#sigurnost .content-main h3 {
  padding: 10px 0;
  font-weight: 400;
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none;
}

.news-list-container div[class*="Sigur"],
.news-list-container div[class*="Sigur"] .news-list-img,
#sigurnost .header-holder .search input:focus{
  border-bottom-color: #D1A000;
}

#sigurnost .news-list-browse .browseLinksWrap > a:hover {
  background: #FFF;
  color: #D1A000;
  border-bottom-color: #D1A000;
}


/* ----------------- SESTRINSTVO CRVENA ---------------- */

#sestrinstvo,
#sestrinstvo .title,
#sestrinstvo .content-main h2,
#sestrinstvo .content-holder h2,
/*#sestrinstvo .news-list-item h2 a,*/
.news-list-container div[class*="Sestrinstvo"] h2 a,
#sestrinstvo .news-list-morelink a,
#sestrinstvo h3,
#sestrinstvo h3 a,
#sestrinstvo button i,
#sestrinstvo .content-side ul li a:hover,
#sestrinstvo .breadcrumb-holder a,
#sestrinstvo .footer .copy {
  color: #A00;
}

#sestrinstvo .navigation {
  background: #700;
  border-top: 1px solid rgba(255,255,255,0.10);
}

#sestrinstvo .header,
#sestrinstvo .header-holder .search button:hover,
#sestrinstvo .header-holder .search button:hover i,
#sestrinstvo .header-holder .search input:focus ~ button,
#sestrinstvo .header-holder .search input:focus ~ button i,
.navigation-holder ul.nav li div.dropdown li.menuparent:hover div.dropdown ul li.sestrinstvo:hover,
#sestrinstvo .sub-navigation, 
#sestrinstvo .news-latest-item.announcement:hover ,
#sestrinstvo .content-side h2,
#sestrinstvo .news-list-browse .browseLinksWrap > a,
#sestrinstvo .footer{
  background: url(../img/red2_bg.png) #900;
  color: #fff;
}

#sestrinstvo .news-latest-item.announcement:hover h3 a{
  color: #FFF;
}

#sestrinstvo .content-main h3 {
  padding: 10px 0;
  font-weight: 400;
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none;
}

.news-list-container div[class*="Sestrinstvo"],
.news-list-container div[class*="Sestrinstvo"] .news-list-img,
#sestrinstvo .header-holder .search input:focus{
  border-bottom-color: #C00;
}

#sestrinstvo .news-list-browse .browseLinksWrap > a:hover {
  background: #FFF;
  color: #900;
  border-bottom-color: #900;
}


/* ------------- PREHRANA ZELENA ------------- */            

#prehrambena,
#prehrambena .title,
#prehrambena .content-main h2,
#prehrambena .content-holder h2,
/*#prehrambena .news-list-item h2 a,*/
.news-list-container div[class*="Prehram"] h2 a,
#prehrambena .news-list-morelink a,
#prehrambena h3,
#prehrambena h3 a,
#prehrambena button i,
#prehrambena .content-side ul li a:hover,
#prehrambena .breadcrumb-holder a,
#prehrambena .footer .copy {
  color: olivedrab;
}

#prehrambena .navigation {
  background: #460;
  border-top: 1px solid rgba(255,255,255,0.10);
}

#prehrambena .header,
#prehrambena .header-holder .search button:hover,
#prehrambena .header-holder .search button:hover i,
#prehrambena .header-holder .search input:focus ~ button,
#prehrambena .header-holder .search input:focus ~ button i,
.navigation-holder ul.nav li div.dropdown li.menuparent:hover div.dropdown ul li.prehrambena:hover,
#prehrambena .sub-navigation, 
#prehrambena .news-latest-item.announcement:hover ,
#prehrambena .content-side h2,
#prehrambena .news-list-browse .browseLinksWrap > a,
#prehrambena .footer{
  background: url(../img/green_bg.png) olivedrab;
  color: #fff;
}

#prehrambena .news-latest-item.announcement:hover h3 a{
  color: #FFF;
}

#prehrambena .content-main h3 {
  padding: 10px 0;
  font-weight: 400;
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none;
}

.Prehrambena .news-list-img {
  border-bottom: 3px solid olivedrab;
}

.news-list-container div[class*="Prehram"],
.news-list-container div[class*="Prehram"] .news-list-img,
#prehrambena .header-holder .search input:focus{
  border-bottom-color: olivedrab;
}

#prehrambena .news-list-browse .browseLinksWrap > a:hover {
  background: #FFF;
  color: olivedrab;
  border-bottom-color: olivedrab;
}


/* ------------- TEKSTILSTVO NARANCASTA ------------- */            

#tekstilstvo,
#tekstilstvo .title,
#tekstilstvo .content-main h2,
#tekstilstvo .content-holder h2,
/*#tekstilstvo .news-list-item h2 a,*/
.news-list-container div[class*="Tekstil"] h2 a,
#tekstilstvo .news-list-morelink a,
#tekstilstvo h3,
#tekstilstvo h3 a,
#tekstilstvo button i,
#tekstilstvo .content-side ul li a:hover,
#tekstilstvo .breadcrumb-holder a,
#tekstilstvo .footer .copy {
  color: chocolate;
}

#tekstilstvo .navigation {
  background: #A30;
  border-top: 1px solid rgba(255,255,255,0.10);
}

#tekstilstvo .header,
#tekstilstvo .header-holder .search button:hover,
#tekstilstvo .header-holder .search button:hover i,
#tekstilstvo .header-holder .search input:focus ~ button,
#tekstilstvo .header-holder .search input:focus ~ button i,
.navigation-holder ul.nav li div.dropdown li.menuparent:hover div.dropdown ul li.tekstilstvo:hover,
#tekstilstvo .sub-navigation, 
#tekstilstvo .news-latest-item.announcement:hover ,
#tekstilstvo .content-side h2,
#tekstilstvo .news-list-browse .browseLinksWrap > a,
#tekstilstvo .footer{
  background: url(../img/orange_bg.png) chocolate;
  color: #fff;
}

#tekstilstvo .news-latest-item.announcement:hover h3 a{
  color: #FFF;
}

#tekstilstvo .content-main h3 {
  padding: 10px 0;
  font-weight: 400;
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none;
}

.news-list-container div[class*="Tekstil"],
.news-list-container div[class*="Tekstil"] .news-list-img,
#tekstilstvo .header-holder .search input:focus{
  border-bottom-color: chocolate;
}

#tekstilstvo .news-list-browse .browseLinksWrap > a:hover {
  background: #FFF;
  color: chocolate;
  border-bottom-color: chocolate;
}


/* ------------- POSLOVNO UPRAVLJANJE TEAL ------------- */            

#poslovno,
#poslovno .title,
#poslovno .content-main h2,
#poslovno .content-holder h2,
/*#poslovno .news-list-item h2 a,*/
.news-list-container div[class*="Poslovno"] h2 a, 
#poslovno .news-list-morelink a,
#poslovno h3,
#poslovno h3 a,
#poslovno button i,
#poslovno .content-side ul li a:hover,
#poslovno .breadcrumb-holder a,
#poslovno .footer .copy {
  color: teal;
}

#poslovno .navigation {
  background: #055;
  border-top: 1px solid rgba(255,255,255,0.10);
}

#poslovno .header,
#poslovno .header-holder .search button:hover,
#poslovno .header-holder .search button:hover i,
#poslovno .header-holder .search input:focus ~ button,
#poslovno .header-holder .search input:focus ~ button i,
.navigation-holder ul.nav li div.dropdown li.menuparent:hover div.dropdown ul li.poslovno:hover,
#poslovno .sub-navigation, 
#poslovno .news-latest-item.announcement:hover ,
#poslovno .content-side h2,
#poslovno .news-list-browse .browseLinksWrap > a,
#poslovno .footer{
  background: url(../img/teal_bg.png) teal;
  color: #fff;
}

#poslovno .news-latest-item.announcement:hover h3 a{
  color: #FFF;
}

#poslovno .content-main h3 {
  padding: 10px 0;
  font-weight: 400;
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none;
}

.news-list-container div[class*="Poslovno"],
.news-list-container div[class*="Poslovno"] .news-list-img,
#poslovno .header-holder .search input:focus{
  border-bottom-color: teal;
}

#poslovno .news-list-browse .browseLinksWrap > a:hover {
  background: #FFF;
  color: teal;
  border-bottom-color: teal;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


/* ==========================================================================
   Media Queries - Responsive part!
   ========================================================================== */


/* ===== == = === 20em (320px) === = == ===== */

@media only screen and (max-width : 800px) {
  
  * {
    border-radius: 0!important;
  }
  
  .mobile-show {display: block;}
  .mobile-hide {display: none!important;}

  .header {
    background-position: 0 25px;
  }
  
  .header, .header-holder {
    height: auto;
    overflow: hidden;
  }
  
  .header .building {
    top: 25px;
  }
  
  .header-holder .logo img {
    margin: 0;
    max-width: 90%;
  }
  
  .logo {
    text-align: center;
    width: 100%;
    padding: 20px 0;
    position: relative;
    z-index: 10;
  }
  
  /* Sakriveni SEARCH s klikom se pojavljuje - MOZDA!!!!! */
  
  /*.search.col25.right {
    background: url(../img/header_bg.png) repeat center 0 #703;
    width: 100%;
    height: 0;
    margin: 0 0 -43px;
    padding:0;
    transition: all 0.5s;
  }
  
  .search.col25.right.active {
    height: 45px;
    margin: 0;
    padding: 10px 10px;
    
  }*/
  
  .search.col25.right {
    background: #FFF;
    background: rgba(0,0,0,0.25);
    width: 100%;
    height: 55px;
    margin: 0;
    padding: 9px;
    transition: all 0.5s;
  }
  
  .search.col25.right form {
    background: #FFF;
    
  }
  
  .search.col25.right input{
    width: 88%;
    height: 30px;
  }
  
  .search.col25.right button {
    float: right;
    height: 30px;
  }
  
  
  
  .language.right {
    width: 100%;
    border-top: 2px solid transparent;
  }
  
  .language.right a {
    
  }
  
  .header-holder .language a {
    background: #FFF;
    color: #803;
    width: 25%;
    margin: 0;
    
  }
  
  .language.right a.mobile-show.menu.active {
    background: #FFF;
    color: #803;
  }
  
  .navigation{
    height: auto;
    /*overflow: hidden;*/
    box-shadow: 0 2px 3px #999;
    border-bottom: 1px solid #FFF;
  }
  
  .navigation-holder {
    background: #FFF;
    overflow: hidden;
    height: 0;
    padding-top: 40px;
    /*padding-bottom: 1px;*/
    
    position: relative;
    box-shadow: inset 0 -2px 3px #DDD;
    transition: all 0.5s;
  }
  
  .navigation-holder:after {
    display: block;
    /*content: "\f067";*/
    content: "IZBORNIK";
    position:absolute;
    top: 10px;
    left: 50%;    
    width: 10%;
    margin-left: -5%;
    color: #555;
  }
  
  .navigation-holder.active{
    background: #fff;
    height: 207px;
    overflow: hidden;
    margin: -50px 0 0 0;
    padding-top: 40px;
    border-bottom: 1px solid #ccc;
    z-index: 100;
  }
  
  .navigation-holder:before{
    display: block;
    font-family: FontAwesome;
    /*content: "\f067";*/
    content: "\F0C9";
    position:absolute;
    top: 5px;
    right: 55%;
    color: #999;
    width: 7%;
    padding: 0;
    margin: auto;
    
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    /*border: 1px solid #fff;
    border-radius: 3px;
    box-shadow: 0 0 3px 0 #aaa;*/
    transition: all 0.25s;
  }
  
  .navigation-holder.active:before {
    content: "\f00D";
    color: #999;
    background: none;
    width: 30px;
    right: 10px;
    box-shadow: none;
    border-bottom: 1px solid #DDD;
  }
  
  .navigation-holder.active:after {
    left: 45%;
  }
  
  .navigation-holder ul.nav li {
    width: 48%;
    height: 40px;
    overflow: hidden;
    margin: 0 1%;
    border-bottom: 1px solid #803;
  }
  
  .navigation-holder ul.nav li a {
    color: #333;
  }
  
  .navigation-holder ul.nav li:hover div.dropdown {
    display: none;
  }
  
  .sub-navigation-holder {
    background: #FFF;
    height: auto;
    overflow: hidden;
    border-top: 0;
    /*box-shadow: inset 0 2px 5px #000;*/
  }
  
  .sub-navigation-holder ul.sub-nav {
    margin: 0;
  }
  
  .sub-navigation-holder ul.sub-nav li {
    background: url(../img/header_bg.png);
    text-align: center;
    width: 50%;
    height: 40px;
    overflow: hidden;
    /*border-top: 1px solid rgba(255,255,255,0.15);*/
    border-right: 1px solid rgba(0,0,0,0.15);
    /*border-bottom: 1px solid rgba(0,0,0,0.4);*/
    border-left: 1px solid rgba(255,255,255,0.15);
  }
  
  .sub-navigation-holder ul.sub-nav li:before,
  .sub-navigation-holder ul.sub-nav li:after {
    display: none;
  }
  
  #ugostiteljstvo .sub-navigation-holder ul.sub-nav li { background: url(../img/blue_bg.png);}
  #lovstvo .sub-navigation-holder ul.sub-nav li { background: url(../img/dark_green_bg.png);}
  #strojarstvo .sub-navigation-holder ul.sub-nav li { background: url(../img/gray_bg.png);}
  #mehatronika .sub-navigation-holder ul.sub-nav li { background: url(../img/black_bg.png);}
  #sigurnost .sub-navigation-holder ul.sub-nav li { background: url(../img/yellow_bg.png);}
  #sestrinstvo .sub-navigation-holder ul.sub-nav li { background: url(../img/red2_bg.png);}
  #tekstilstvo .sub-navigation-holder ul.sub-nav li { background: url(../img/orange_bg.png);}
  #prehrana .sub-navigation-holder ul.sub-nav li { background: url(../img/green_bg.png);}
  #poslovno .sub-navigation-holder ul.sub-nav li { background: url(../img/teal_bg.png);}
  
  
  .sub-navigation-holder ul.sub-nav li:hover {
    border: none;
  } 
  
  
  .sub-navigation-holder ul.sub-nav li:last-of-type {
    margin: 0;
  }
  
  .sub-navigation-holder ul.sub-nav li a {
    display: block;
  }
  
  .sub-navigation-holder ul.sub-nav li a:hover{
    background: #FFF;
    color: #333;
    border: none;
  }
  
  body[id] .visual-slider {
    display: block;
  }
  
  .visual-slider {
    display: none;
    max-height: 150px;
  }
  
  .visual-header {
    max-width: 100%;
    width: 100%;
    min-width: 100%;
  }
  
  .visual-header h1{
    font-size: 30px;
    line-height: normal;
  }
  
  .visual-header h2{
    font-size: 20px;
    margin: 20px 0 0 0 ;
  }
  
  .news-single-item {
    padding: 0;
  }
  
  .news-single-rightbox {
    width: 100%;
  }
  
  h1, h2, h3, h4, .news-latest-item, .news-single-rightbox  {
    text-align: center;
  }
  
  .content-holder .title {
    font-size: 150%;
  }
  
  h3 {
    padding: 10px 20px;
  }
  
  p, p.bodytext {
    padding: 5px 10px;
    line-height: 20px;
  }
  
  .header-holder, 
  .navigation-holder,
  .sub-navigation-holder,
  .breadcrumb-holder,
  .content-holder,
  .col75,
  .col25,
  .content-main > div:nth-of-type(2),
  .content-side,
  .content-side > div,
  .title+.content-side.col25.left,
  .footer-holder,
  .content-full .profil .csc-frame-indent,
  .content-holder .csc-frame-indent,
  .prefooter-holder,
  .prefooter-holder .prefooter-item,
  .content-side .csc-frame-indent,
  .csc-mailform{
    width: 100%;
  }
  
  .breadcrumb-holder {
    padding: 1% 2%;
  }
  
  .content-main > div:nth-of-type(2) img{
    max-width: 100%;
    height: auto;
  }
  
  .news-list-browse .browseLinksWrap > a {}
  
  /* --------- MAIL FORM ------------- */
  
  div.csc-mailform ol li {
    width: 100%;
    margin: 4% 0;
  }
    
  div.csc-mailform li label {
    margin: 0 5%;
    color: #999;
    font-size: 12px;
  }
  
  li.csc-form-22.csc-form-element.csc-form-element-submit input{ width: 100%;  }
    
  /* -------------- NEWS ------------------- */
  
  .news-list-item {
    width: 98%;
  }
  
  .news-list-item:hover .news-list-img {
    margin: 0;
    opacity: 1;
  }
  
  .news-list-item p, .news-list-item:hover p  {
    height: auto;
    margin: 5px 0;
  }
  
  .news-list-browse .browseLinksWrap {
    line-height: 39px;
  } 
  
  .footer-holder .col40, .footer-holder .col20 {
    width: 100%;
    float: left;
    text-align: center
  }
  
  .footer-holder h4 {
    padding: 10px 0;
    background: #ffffff;
    color: #333;
    border-bottom: 1px solid rgba(255,255,255,0.15);
    border-top: 1px solid rgba(0,0,0,0.4)
  }
  
  .footer-holder .footer-info ul {
    padding: 10px 0;
  }
  
  .footer-info.col20.left li {
    background: url(../img/header_bg.png) repeat center 0 #703;
    text-align: center;
  }
  
  .footer-holder .footer-location img {
    margin: 10px 0 0;
  }
  
  .footer-holder li a{
    display: block;
    padding: 10px;
  }
  
  .footer .copy {
    height: auto;
    overflow: hidden;
    padding: 5px 0;
    line-height: 16px;
  }
  
  /* ----- SPECIAL STUFF FOR RWD ----- */
  
  body[id] h4{
    background: #ffffff;
    color: #333;
    border-bottom: 1px solid rgba(255,255,255,0.15);
    border-top: 1px solid rgba(0,0,0,0.4)
  }
  
  body[id] .footer-info.col20.left li{
    background: rgba(0,0,0,0.25);
    border-top: 1px solid rgba(255,255,255,0.15);
    border-bottom: 1px solid rgba(0,0,0,0.4)
  }
  
  body[id] .footer-info.col20.left li:hover a{
    background: #fff;    
  }
  
  body[id^="ugost"] .footer-info.col20.left li:hover a{
    color: #056;    
  }
  
  body[id^="stroj"] .footer-info.col20.left li:hover a{
    color: slategray;    
  }
  
  body[id^="lov"] .footer-info.col20.left li:hover a{
    color: #1E382B;    
  }
  
  body[id^="meha"] .footer-info.col20.left li:hover a{
    color: #333;    
  }
  
  body[id^="sigu"] .footer-info.col20.left li:hover a{
    color: #D1A000;    
  }
  
  body[id^="sest"] .footer-info.col20.left li:hover a{
    color: #900;    
  }
  
  body[id^="teks"] .footer-info.col20.left li:hover a{
    color: chocolate;    
  }
  
  body[id^="prehra"] .footer-info.col20.left li:hover a{
    color: #77A52B;    
  }
  
  
  
  .contenttable tbody tr:first-of-type p{
    font-family: 'Roboto Slab', serif;
    color: #903;
    text-transform: uppercase;
    font-size: 12px;
  }
  
  .contenttable tr {
    margin: 1% 0;
  }
    .contenttable tbody tr:first-of-type td,
  .contenttable tbody tr:first-of-type td:first-of-type,
  .contenttable tbody tr:first-of-type td:last-of-type{
    background: #CA5!important;
    color: #FFF;
  }
   
   /*.contenttable tr td:first-of-type,
   .contenttable tr td:last-of-type{
    width: 100%!important;
  }*/
  
  .contenttable tr td:nth-of-type(odd) { 
    background: #e7e7e7;
   }
  
  .contenttable tr td:first-of-type{
    background: #903;
    color: #FFF;
    font-size: 15px;
  }
  
  .contenttable td {
    padding: 1% 5%;
    border: none;
    border-bottom: 1px solid #DDD;
    /*width: 50%!important;   Verzija di su samo 1. i zadnji 100% */
    width: 100%!important;
    min-height: 40px;
    line-height: 30px;
    display: inline-block;
  }
  
  .contenttable tr:nth-of-type(odd) { 
    background: #FFF;

    }
  
  
  
  .contenttable tr td div {
    padding: 3px 0;
    font-size: 14px;
  } 
  
  .contenttable tr td a {
    color: #903;
    text-decoration: underline;
  }
  
  .contenttable tr:hover td,
  .contenttable tr:hover td p{
    background: none;
    color: #FFF;
  }
  
  .contenttable tr:hover {
    background: #333;
  }   
    
  
}

/* ===== == = === 30em (480px) === = == ===== */

@media only screen and (min-width : 30em) {
  .content-full .profil .csc-frame-indent {
    width: 48%;
  }

  .content-full .profil .csc-frame-indent h2 {
    text-align: left;
  }
}

/* ===== == = === 37.5em (600px) === = == ===== */

@media only screen and (min-width: 37.5em) {
  .news-list-item {
    width: 48%;
  }
  
  .visual-slider {
    display: none;
  }
}

/* ===== == = === 48em (768px) === = == ===== */

@media only screen and (min-width : 48em) {
  
  
  
  .navigation-holder ul.nav {
    font-size: 70%;
  }
  
  .news-list-item,
  .search.col25 {
    width: 48%;
  }
  
  .content-side .csc-frame-indent {
    width: 50%;
  }
  
  .header-holder,
  .navigation-holder,
  .sub-navigation-holder,
  .plain-horizon > .horizon .wrapper > ul > li,
  .breadcrumb-holder,
  .content-holder,
  .content-side,
  .prefooter-holder,
  .footer-holder {
    width: 100%;
  }
  
  .visual-slider, .plain-horizon > ul.nav > li  {
    height: 250px!important;
  }

  .plain-horizon > ul.signs > li {
    /*left: 62.4%!important;*/
    width: 90%!important;
  }
  .plain-horizon > .horizon .wrapper > ul > li > ul > li img {
    max-width: 100%;
  }
  
  .content-full .profil .csc-frame-indent {
    width: 31%;
  }
  
  .news-list-img {
    height: auto;
  min-height: 140px;
  max-height: 140px;
  background: #EEE;
  }
  
  .news-list-item p {
    
  }
  
  .news-list-date {}
  
}

/* ===== == = === 56.25em (900px) === = == ===== */

@media only screen and (min-width : 56.25em) {
  
  .mobile-show {
    display: none!important;
  }
  
  .mobile-hide {
    display: block!important;
  }
  
  .news-list-item,
  .search.col25 {
    width: 31.29%;
  }
  
  .visual-slider, .plain-horizon > ul.nav > li  {
    height: 300px!important;
    display: block;
  }
  
  .navigation-holder ul.nav {
    font-size: 90%;
  }
  
  .header-holder,
  .navigation-holder,
  .sub-navigation-holder,
  .plain-horizon > .horizon .wrapper > ul > li,
  .breadcrumb-holder,
  .content-holder,
  .content-side,
  .prefooter-holder,
  .footer-holder {
    width: 960px;
  }
  
  .content-side.col25.left {
    width: 24%;
    margin-left: 1%;
  }
  
  .content-full .profil .csc-frame-indent {
    width: 23%;
  }
}

/* ===== == = === 68.75em (1100px) === = == ===== */

@media only screen and (min-width : 68.75em) {
  .content-holder {
    width: 960px;
  }
  
  .plain-horizon > ul.signs > li {
    left: 50%!important;
    width: 500px!important;
  }
  
}

/* ===== == = === 81.25em (1300px) === = == ===== */

@media only screen and (min-width : 81.25em) {
  /*.news-list-item {width: 23%;}
  .content-holder {width:100%}*/
  /*.news-list-item {width: 31%;*/
}


@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}


/* ==========================================================================
   IExploder fixes! God DAMN IT!
   ========================================================================== */

.lt-ie9 .content-side .csc-frame-indent {
  width: 46.9%;
}

.lt-ie8 .prefooter-holder DIV.csc-textpic-imagecolumn {
  width: 12%;
  margin: 0;
}

.lt-ie8 .footer-holder .footer-contact ul {
  width: auto;
}

.lt-ie8 .csc-linkToTop,
.lt-ie8 .mobile-show,
.lt-ie9 .mobile-show {
  display: none!important;
}
.lt-ie8 .header-holder .search {
  margin: 10px 0 0;
}

.lt-ie9 .header-holder .search button{
  width: auto;
  padding: 0;
  margin: -15px 0 0;
}

.lt-ie8 .navigation-holder ul.nav li:hover div {
  display: none;
}

.lt-ie8 .visual-slider {
  z-index: 0;
}

.indent {
  margin-left: 15px;
}

.align-center {
  text-align: center;
}
