* {margin: 0; padding:0;}
a { text-decoration:none; color: #ba0c2f; }
a:hover { text-decoration:none; color: #004b81; }

a img { border: 0; }
label { width: 150px; display:block; float: left; }


body {
	background: #F7F7F7;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}


#qsrch { border: 1px solid #999; padding: 2px 5px; border-radius: 5px; width: 100%; }
.tx-indexedsearch-searchbox-sword { visibility: hidden; }
.visible { visibility: visible; }
.slim { height: 0; }
#headercontainer { height: 74px; text-align: center; border-bottom: 1px solid #0098d2; repeat-y center; }
#header { margin-right:auto; margin-left:auto; height: 100%; width:900px; text-align: left; background: #FFFFFF; }
.headermenu { padding: 10px; overflow: visible; }
.headermenu .languageMenu { width: 170px; height: 24px; line-height: 24px; display: block; }
.headermenu .search { width: 170px; height: 24px; line-height: 24px; display: block; text-align: right; }
.headermenu #bottomheadermenu { margin-top: 20px; }
.headermenu ul.topmenu { list-style-type:none; float: right; margin-left: 5px; }
.headermenu ul.topmenu li{ position:relative; display: block; float: left; padding-left: 10px; padding-right: 10px; text-align:left; border-left: 1px solid #d4d4d4; }
#container { margin-right:auto; margin-left:auto; width:900px; text-align: left; }
.logo { border: 0px; }
.logo img { margin: 5px; }

/*.oboki {
     background-color: #FFF;
     background-image: url(../../../images/masks/oboki_sivi.png);
     background-position: 0 -30px;
     background-size: 100% auto;
     background-repeat: no-repeat;
}
*/

@media (max-width: 750px) { 
     .logo,
     .headermenu {
        text-align: center;
     }
     .navbar-fixed-top {
        position: static;
     }
}
@media (min-width: 751px) {
     .navbar-fixed-top {
        position: fixed;
     }
     .nivoSlider,
     .main { margin-top: 153px;}
}



/*.oboki-overlay {
   float: left;
   position: absolute;
   z-index: 1000;
   width: 100%;
   top: 140px;
}
.oboki-overlay img {
  width: 100%;
}
*/


#sectionbanner { width: 100%; position: relative; }
#sectionbanner img { width: 100%; }
#pagetitle { position: absolute; top: 55px; left: 40px; font-size: 36px; color: #FFFFFF; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-shadow:2px 2px 3px #999999; }

.language { font-size: 11px; font-weight: bold; margin: 10px 0; }

#productbanner{ display:block; float:right; margin-right:10px; min-height:152px; width:190px; }
#rightcolumn { display:block; float:right; min-height:250px; width:217px; overflow: auto;  }
#rightcolumn_detail { display:block; float:right; min-height:250px; width:200px; overflow: auto; }

#title { font-size: 16px; margin-top: 10px; margin-bottom: 20px; }

#main .navigation { padding: 10px; font-size: 9px; }
#main .content { background: #FFFFFF; margin: 0 10px 20px 0; }


#main .content .text { padding: 10px; text-align: left; border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; overflow: auto; }
/*#main .content .text p { padding-left: 4em; }*/
#main .content .text ul { margin-left: 60px; margin-top: 10px; margin-bottom: 10px;}


#main .content .top, #main .content .bottom { height: 5px; clear: both; }
#main .content .top { background: url(../img/cnttlrcorner.png) no-repeat top left; text-align: right; }
#main .content .bottom { background: url(../img/cntblrcorner.png) no-repeat bottom left; text-align: right; }

#rightmenu,
#rightmenu ul,
#rightmenu { float: right; }

#rightmenu ul { list-style-type: none; }
#rightmenu ul a { padding: 0 10px; font-weight: bold; color: #666666; text-decoration: none; display: block; }
#rightmenu ul a:hover { color: #029dd3; url(../images/mnubckact.png) repeat-x !important; }

ul.menu, ul.menu ul { list-style-type: none; z-index: 9999; }
ul.menu a {display: block; padding: 0px 10px; font-weight:bold; color: #666666; text-decoration: none; }
ul.menu a:visited { color: #666666; }
ul.menu a:hover { color: #029dd3; url(../images/mnubckact.png) repeat-x !important; }
ul.menu a.current,
ul.menu a.active { color: #029dd3; }

ul.menu ul a { margin: 0; padding: 0; text-decoration: none; }
ul.menu li { padding:0; margin:0; background-image: none; float:left; border-right: 1px dotted #666666; }
ul.menu li.last { border-right: 0px; }
* html ul.menu ul { width:180px; }
ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  { display:block; }
ul.menu ul li { float:none; background-color: transparent; border-bottom: 1px dotted #CCCCCC; padding: 0; border-right: 0px; }
ul.menu ul li.last { border-bottom: 0px; }

/* Drugi nivo*/
ul.menu ul { margin:0; padding: 0; position: absolute; background-color: #F7F7F7; display: none; min-width: 180px; }
ul.menu li.hover ul, ul.menu li:hover ul  { display: block; }

/* Tretji nivo*/
ul.menu li.hover ul ul, ul.menu li:hover ul ul { display: none; margin-left: 160px; margin-top: -20px; }
ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul { display: block; }

/* ?etrti nivo */
ul.menu li.hover ul li.hover ul ul, ul.menu li:hover ul li:hover ul ul { display: none; }
ul.menu li.hover ul li.hover ul li.hover ul , ul.menu li:hover ul li:hover ul li:hover ul { display: block; }

.mhome { margin: 8px 0; }

#leftMenu { width: 165px; float: left; padding: 10px; }
#main { float: right; width: 505px; }

#bc { background: #FFFFFF url(../images/frpbtmbck.png) repeat-x; margin: 15px 0; min-height: 160px; }
#bc .top, #bc .bottom { height: 5px; }
#bc .top { background: url(../images/tlrcorner.png) no-repeat top left; }
#bc .top .right { background: url(../images/trrcorner.png) no-repeat top right; height: 5px;}
#bc .content { min-height: 160px; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; padding: 10px; }
#bc .content dl { width: 220px; float: left; padding: 10px; }
#bc .content dl dt { height: 30px; color: #3dadd7; font-weight: bold; }
#bc .content dl dd { }
#bc .bottom  { background: url(../images/blrcorner.png) no-repeat bottom left; }
#bc .bottom  .right { background: url(../images/brrcorner.png) no-repeat bottom right; height: 5px; }

#leftMenu a,
#leftMenu a:hover { display:block; line-height:15px; text-decoration:none; }
#leftMenu span { display:block; cursor:pointer; }
#leftMenu li ul span {white-space:normal; }

#leftMenu li span a:hover { list-style-type: none; list-style: none; background: url(../images/rightmenuact.png) repeat-y; }
#leftMenu ul { font-weight: bold; list-style-type: none; list-style: none; padding: 0; margin: 0; }

#leftMenu li { border-bottom: 1px solid #F7F7F7; }
#leftMenu li.first { border-top: 1px solid #F7F7F7; }
#leftMenu li.last { border: 0; }

#leftMenu ul li { font-weight: bold; text-indent: 0px; }
#leftMenu ul li ul li { font-weight: normal; text-indent: 5px; }
#leftMenu ul li ul li ul li { font-weight: normal; text-indent: 10px; }

#pageinfo { background: #FFFFFF; height: 10px; line-height: 10px; padding: 10px; border-bottom: 1px dashed #d6d6d6; }
#pageinfo .sectiontitle { width: 185px; float: left; }
#pageinfo .title { width: 450px; float: left; }

.csc-sitemap ul { clear: both; margin: 0; padding: 0;}
.csc-sitemap li { list-style-type: none; list-style: none; }
.csc-sitemap li { text-indent: 10px; font-weight: bold; }
.csc-sitemap li li { text-indent: 20px; font-weight: normal; }
.csc-sitemap li li li { text-indent: 30px; }
.csc-sitemap li li li li { text-indent: 40px; }
.csc-sitemap li li li li li { text-indent: 50px; }
.csc-sitemap li li li li li li { text-indent: 60px; }
.csc-sitemap li li li li li li li { text-indent: 70px; }
.csc-sitemap li li li li li li li li { text-indent: 80px; }
.csc-sitemap li li li li li li li li li { text-indent: 90px; }

.bottommenu-cnt {   }
#bottommenu { height: 50px; clear: both; font-size: 9px; border-top: 1px dashed #b3b3b3; }
#bottommenu #left { float: left; width: 400px; margin-top: 10px; }
#bottommenu  #right{ text-align: right; float: right; margin-top: 10px; }
#bottommenu  #address { text-align: center; font-size: 9px; float: left; width: 100%; margin-top: 5px; }
.bottommenu-front { border: none; }

#bottommenu ul li { list-style-type: none; list-style: none; display: block; float: left; padding: 0 5px; border-right: 1px dotted #d4d4d4; }
#bottommenu ul li .last { }
/*bottommenu ul li { padding-left: 15px; background: url(delimiter.gif) no-repeat left center; }
#bottommenu ul { position: absolute; clip: rect(0 auto auto 15px); margin-left: -15px; overflow: hidden;*/

.tx-indexedsearch { text-align: left; }

.traditionLogo  { text-align: center; }
.traditionYear { width: 60px; float: left; font-weight: bold; }
.traditionText { width: 165px; float: left; padding: 0 10px 0 0; }
.traditionRow { padding: 5px 0; overflow: auto; }
.traditionColumnRight { width: 235px; float: right; }
.traditionColumnLeft { width: 235px; float: left; }
.traditionCompanyTitle { width: 230px; float: left; padding: 10px 0; text-align: center; }

.text h1 {
  font-size: 12px;
  margin-top: 10px;
}
.csc-mailform {
  border: 0px; 
  margin-left: 40px;
}
.csc-mailform-field {
  padding: 5px; 
  overflow: auto;
}
.csc-mailform-field label {
  width: 130px;
}
.csc-mailform-field input {
  width: 200px;
}
.csc-mailform-field textarea {
  width: 300px;
}
.csc-mailform-field input[type="checkbox"] {
  width: 30px;
}
.csc-mailform-field input[type="submit"] {
  margin-left: 130px;
  width: 100px;
  height: 25px;
}



/*
 * Ikone
 */
 
.pdf {
  background: url(../images/pdf.png) 0 0 no-repeat;
  padding-left: 20px;
  min-height: 20px;
  padding-bottom:4px;
}
#languageMenu ul li { list-style-type: none; list-style: none; display: block; float: left; padding: 0 5px; }
#languageMenu ul .first { border-right: 1px dotted #d4d4d4; } 

/****************************************************************************************
  *   LAYOUT CSS FOR THE MENU
  ****************************************************************************************/
  #dhtmlgoodies_listMenu a{  /* Main menu items */
    text-decoration:none;
    font-weight:bold;

  }
  #dhtmlgoodies_listMenu ul li a{  /* Sub menu */
    font-weight:normal;
  }
  #dhtmlgoodies_listMenu ul li ul li a{  /* Sub Sub menu */
    font-size:10px;
    font-weight:normal;    
  }
  
  #dhtmlgoodies_listMenu .activeMenuLink{  /* Styling of active menu item */
  }
  
  
  /*
  No bullets
  */  
  #dhtmlgoodies_listMenu li{
    list-style-type:none;  
  }
  
  /*
  No margin and padding
  */
  #dhtmlgoodies_listMenu, #dhtmlgoodies_listMenu ul{
    margin:0px;
    padding:0px;
  }

  /* Margin of sub menu items */
  #dhtmlgoodies_listMenu ul{
    display:none;
    margin-left:10px;
  }
  
  .breadcrumb-current { text-transform: uppercase; }

/* Drop down country menu */

.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
.dropdown dd { position:relative; }
.dropdown a, .dropdown a:visited { text-decoration:none; outline:none;}
.dropdown a:hover { }
.dropdown dt a:hover { }
.dropdown dt a span {cursor:pointer; display:block; }
.dropdown dd ul { display:none; right: 0; padding:5px 5px; position:absolute; top:2px; width:auto; min-width:100px; list-style:none; background: #FFFFFF; text-align: right; z-index:900;}
.dropdown span.value { display:none;}
.dropdown dd ul li { height: 18px; }
.dropdown dd ul li a { display:block; height: 18px; }
.dropdown dd ul li a:hover { background-color:#F7F7F7;}
.dropdown label { width: 100px; }

.dropdown img.tx-srlanguagemenu-pi1-flag { border:none; vertical-align:middle; margin 3px 0; float: left; }
.flagvisibility { display:none;}
#upperheadermenu { }
#upperheadermenu #language{ float: right;
    font-size: 11px;
    font-weight: bold;
    margin: 3px 0 3px 10px;
    width: 160px;
    z-index: 999;}

span.red { color: #b60101; }
.csc-textpic-imagewrap { margin-top: 14px; }
#teasercontainer { width: 670px; overflow: auto; }
#main-content { width: 700px; overflow: auto; }

.banner { position: relative; overflow: auto; float: left; }
.banner li { list-style: none; }
.banner ul li { float: left; }
.home_teasers h2 {
  color: #ba0c2f;
  padding: 12px 0;
  margin: 0;
}
#language {
  width: 50px;
  float: right;
  margin-left: 40px;
}
.navbar-header {
  width: 100%;
  padding: 0 18px;
  height: auto;
}
.navbar-toggle {
  float: left;
  margin: 0;
}
#clanguage { margin: 1px;  }
#clanguage ul { width: 150px; }
#clanguage ul li a:hover { background: #FFFFFF; }


.news-latest-item {
  padding: 0 3px 3px;
}
select[multiple], select[size] {
    height: 25px;
}
label[for="mailformconditions"] {
    float: right;
    width: 450px;
}

.vdelimiter {
	background: url(../img/vdelimiter.png);
	background-position: center;
	padding: 20px;
	height: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.vdelimiter-light {
	background: #FFFFFF;
	height: 1px;
	margin-top: 25px;
	margin-bottom: 25px;
}

footer {
	font-size: 12px;	
}

footer h3 {
	font-size: 14px;
	font-weight: bold;
}

footer ul {
	list-style-type: none;
    margin: 0;
    padding: 0;
}

footer ul li {
	display: block;
    width: 200px;
    padding: 3px 5px;
}

.footer-banner {
	margin-top: 35px;
    height: 126px;
    background: url(../img/footer-background.jpg) 0;
    background-size: cover;
}

.banner-container {
    position: relative;
    text-align: center;
    color: white;
}

.footer-banner-text {
	margin: 18px auto;
	font-size: 56px;
	font-style: italic;
	font-family: 'Noto Sans', sans-serif;
}

.uppercase {
	text-transform: uppercase;
}

.home-banners {
	margin: 35px 0 0;
}

.home-innovation {
	margin: 35px 0 0;
	height: 500px;
	background: rgba(238, 238, 238, 0.8) url(../img/zx_delo_rezanje_profila-L-wide.jpg);
	background-size: cover;
}
.home-innovation .container {
	position: relative;
} 
.innovation {
	position: absolute;
	left: 80px;
	top: 40px;
	font-size: 56px;
	color: #FFFFFF;
	font-style: italic;
	font-family: 'Roboto Condensed', sans-serif;	
}
.innovation2 {
	position: absolute;
	left: 80px;
	top: 140px;
	width: 60%;
	font-size: 24px;
	color: #CCCCCC;
	font-style: italic;
	font-family: 'Roboto Condensed', sans-serif;
}
.innovation3 {
	position: absolute;
	right: 80px;
	top: 400px;
	font-size: 42px;
	color: #FFFFFF;
	font-family: 'Roboto Condensed', sans-serif;
}
.teaser {
	background-color: white;
	height: 400px;
}

.teaser-text {
	padding: 5px;
}

.home_teasers {
	padding-top: 15px;
}

footer .moto {
	font-weight: bold;
}
.infomat p {
	margin-top: 10px;
	font-weight: bold;
}
footer a,
footer a.visited,
footer a:hover,
footer a.link {
	color: #FFFFFF;
}
footer a:hover {
	text-decoration: underline;
}
.white {
	background: #FFFFFF;
}