/* @group Reset Styling */

/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

a:active {
  outline: none;
  }

a:focus {
  -moz-outline-style: none;
  }

/* @end Reset Styling */

/* @group Base Styling */

html {
  height: 100%;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 17px;
  color: #333333;
  font-weight: normal;
  height: 100%;
}

/* NOTE: Much of the typography styling is handled in rte.css */


/* @group Table Styling */

/* NOTE: Table Styling is mostly handled in rte.css */
table {
  border-collapse:collapse;
  width: 100%;
  }

/* @end Table Styling */

/* @group Additional Tags */


pre {
  margin-bottom: 15px;
  }

code {
  margin-left: 10px;
  margin-right: 10px;
}

pre code {
  margin-left: 0px;
  margin-right: 0px;
  }

pre,
code {
  font-family: 'andale mono', 'monotype.com', 'lucida console', monospace;
  }


/* @end Additional Tags */

/* @group Forms */


form input, form textarea {
  margin-right: 5px;
  }

form input:focus, form input:hover {
  color: black;
  }

form select {
  font-size: 11px;
  }

form option {
  margin: 0px;
  margin-left: 5px;
  margin-right: 10px;
  }

optgroup {
  font-weight: bold;
  font-style: italic;
  margin: 0;
  margin-top: 5px;
  }

optgroup option {
  padding-left: 5px;
}

legend {
  font-weight: bold;
  color: black;
  }


/* @end Forms */

/* @end Base Styling */

/* @group Common Classes */

.clear {
  clear: both;
  }

.clearOnly {
  clear: both;
  height: 0px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  line-height: 0;
  }

.outOfSight {
  position: absolute;
  top: 0;
  left: -4000px;
  }

.csc-firstHeader {
  margin-top: 13px;
  margin-bottom: 13px;
  }

.graphicTextWrap {
  overflow: hidden;
  }

.graphicText {
  line-height:300px;
  display: block;
  }

/* @end Common Classes */

/* @group Layout */

#pageWrap {
  width: 980px;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  }

#feature {
font-size: 16px;
}

#feature img {
padding:2px;
}

#contentBlock-1 {
  border-top:5px solid #E98024;
  }
  
#generatedContent-1 {
  width: 230px;
  float: left;
  margin-right: 20px;
  }

#generatedContent-2 {
  width: 230px;
  float: right;
  }

#f1a #contentBlock-1 {
border-top: none;
  }
  
#f1d #contentBlock-1 {
  float: right;
  width: 730px;
  }

#f1e #contentBlock-1 {
  float: left;
  width: 730px;
  }

#f1f #contentBlock-1 {
  float: left;
  width: 480px;
  }

#f2a #contentBlock-1 {
  float: left;
  width: 730px;
  }

#f2a #contentBlock-2 {
  width: 230px;
  float: right;
  }

#f2b #contentBlock-1 {
  float: left;
  width: 730px;
  }

#f2b #contentBlock-2 {
  width: 230px;
  float: right;
  }

#f2c #contentBlock-1 {
  float: left;
  width: 730px;
  }

#f2c #contentBlock-2 {
  width: 230px;
  float: right;
  }


#f2d #contentBlock-1 {
  float: left;
  width: 480px;
  }

#f2d #contentBlock-2 {
  width: 230px;
  float: right;
  }

#f2e #contentBlock-1 {
  float: left;
  width: 480px;
  margin-right: 20px;
  }

#f2e #contentBlock-2 {
  width: 230px;
  float: left;
  }

#f3a #contentBlock-1,
#f3b #contentBlock-1 {
  float: left;
  width: 480px;
  margin-right: 20px;
  }

#f3a #contentBlock-2,
#f3b #contentBlock-2 {
  width: 230px;
  float: left;
  }

#f3a #contentBlock-3,
#f3b #contentBlock-3,
#f3c #contentBlock-3,
#f3d #contentBlock-3 {
  width: 230px;
  float: right;
  }

#f3c #contentBlock-1,
#f3d #contentBlock-1 {
  float: left;
  width: 480px;
  }

#f3c #contentBlock-2,
#f3d #contentBlock-2 {
  width: 230px;
  float: left;
  margin-right: 20px;
  }

/* @end Layout */

/* @group Header */

#header {
  margin-top: 20px;
  margin-bottom: 50px;
  }

#masthead {
  float: right;
  margin: 12px 0 0;
  padding: 0;
  height: 40px;
  width: 680px;
  overflow: hidden;
  background: url(images/dsi_title.png) no-repeat;
  }

#masthead a {
  display: block;
  padding-top: 100px;
  }

#SDI{
  float: left;
  width: 300px;
  height: 80px;
  overflow: hidden;
  background: url(images/dsi_logo.png) no-repeat;
  }

#SDI a {
  display: block;
  padding-top: 100px;
  }

/* @group Global Menu */

#globalMenu {
  clear: both;
  margin-left: 0px;
  border-top: 2px solid #E87817;
  font-size: 16px;
  margin: 0;
  }

#globalMenu li {
  display: inline;
  float: left;
  }

#globalMenu li.last {
  border: none;
  }

#globalMenu a {
  height: 17px;
  display: inline;
  float: left;
  color: #a2a2a2;
  padding: 9px;
  font-weight: bold;
}

#globalMenu li.active a{
  height: 17px;
  display: inline;
  float: left;
  color: white;
  background-color: #e87817;
  padding: 9px;
}


#globalMenu a:hover {
  color: #e87817;
  text-decoration: none;
  }


#globalMenu ul {
  position: absolute;
  height: 20px; 
  top: 20px;
  left: 0px;
  margin: 0px;
  background-color: #999;
  width: 940px;
  font-size: 11px;
  padding-left: 10px;
}

/* @end Global Menu */

/* @end Header */

/* @group Footer */

#footer {
  border-top: 2px solid #e6e6e6;
  margin-top: 10px;
  background-color: #fff;
  color: #666;
  font-size:11px;
  
}

#footerCopyright {
  float: left;
  color: #999999;
  clear:both;
}

a#footerHomeLink {
  display: block;
  float: right;
  color: #999999;
  }

a#footerHomeLink:hover {
  color: black;
  }
  
#footer #left {
  float:left;
  padding:10px;
  }
  
#footer #right {
  float:right;
  padding:10px;
  }

#toTop {
  float: right
}

/* @end Footer*/

/* @group Local Menu */

#localMenu {
  margin-left: 0;
  padding-top: 10px;
  padding-bottom: 5px;
  border-top: 5px solid #e98024;
  }

#localMenu ul {
  margin-top: 10px;
  }

#localMenu ul li {
  margin-bottom: 3px;
  }

#localMenu li {
  list-style: none;
  margin-bottom: 10px;
  font-size: 14px;
  border-bottom: 1px solid #b2b2b2;
  padding-left:6px;
  padding-bottom:6px;
  }

#localMenu li a {
color:#183A68;
font-family:Georgia,"Times New Roman",Times,serif;
font-style:italic;
font-weight:normal;
line-height:1.1em;
font-size:15px;
  }

#localMenu li a:hover {
  color: black;
  text-decoration: none;
  }

#localMenu li.current a {
  color: #e98024;
  }

#localMenu li.current li a {
  color: #a2a2a2;
  }

#localMenu li.current {
  background: url(images/local_menu_arrow.gif) no-repeat right -5px;
  }

/* @end Local Menu */






/* @group Module Styling */

.moduleHeader {
  margin: 0;
  padding: 0 15px 0 0;
  color: white;
  background: url(images/right_module_cap.gif) no-repeat right top;
  font-size: 14px;
  font-weight: bold;
  }

.moduleHeader .moduleHeaderInnerWrap {
  display: block;
  padding: 5px 0 5px 10px;
  background: #e98024 url(images/left_module_cap.gif) no-repeat left top;
  }

.moduleFooter {
  height: 2px;
  margin: 0;
  font-size: 1px;
  overflow: hidden;
  }

.moduleFooter span {
  display: block;
  height: 15px;
  background: #e98024 url(images/left_module_cap.gif) no-repeat left bottom;
  }

.moduleBody {
  padding: 15px 10px 10px 10px;
  }

.moduleBodyWrap {
  border-left: 2px solid #e98024;
  border-right: 2px solid #e98024;
  /* Please note that the thickness values on the two border values above will be overridden in the final output. Make sure these values match the constant moduleBodyBorderWidth */
  }

.unframed .moduleBody,
.unframed .moduleBodyWrap {
  padding: 0;
  border: 0;
  }


.moduleBodyBleed {
  padding: 0;
  }

.columnGroup {
  margin-bottom: 10px;
  }

.columnGroupRule {
  border-bottom: 1px solid #7f7f7f;
  }

.moduleGroup {
  margin-bottom: 20px;
  }

.moduleFeature {
  margin-bottom: 15px;
  }

/* @end Module Styling */



/* @group Forms */

.csc-mailform-field label,
.csc-mailform-field label {
  display: block;
  }
.forma .text{
  width: 100%;
  padding: 0 0 10px;
  overflow: hidden;
}
.forma .text label{
  float: left;
  width: 200px;
  padding: 2px 0 0;
}
.forma .text input{
  border: 1px solid #999;
  padding: 2px 0 2px 4px;
  margin: 0;
  line-height: 14px;
  width: 145px;
  float: left;
}
.forma .textarea {
  width: 100%;
  overflow: hidden;
}
.forma . textarea label{
  padding:2px 0 7px;
  display: block;
}
.forma . textarea textarea{
  overflow: auto;
  width: 248px;
  height: 138px;
  margin: 0;
  padding: 0 0 0 4px;
  float: left;
  border: 1px solid #999;
}
.forma . submit{
  padding: 9px 21px 0;
  text-align: right;
}
.forma . submit input{
  border: 1px solid #b2b2b2;
  background: #d9d9d9;
  cursor: pointer;
  width: 61px;
  height: 21px;
  padding: 0;
  line-height: 12px;
  margin: 0;
}

.forma .text .error, .forma .textarea .error, .forma .text .invalid  {
width: 200px;
display:none;
padding:0 0 0 20px;
}

.forma img {
padding: 0px;
}

.forma .obvezno {
display: inline;
}

.forma .obvezno {
display: none;
}

/* @news */

.news-list-item {
  background: #fff;
  display: block;
}

#podjetja  {
 padding: 20px 0; 
}
#podjetja  a{
   padding: 10px; 
  float: left;
}

.news-list-container {
    overflow: hidden;
    padding: 0;
}

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

.news-latest-item-container {
border-bottom: 1px solid #B2B2B2;
margin: 10px 0;
padding-bottom: 10px;
}

.news-item img{
float: left;
}

.news-item p,.news-item h1,.news-item h2,.news-item h3,.news-item h4,.news-item h5,.news-item h6,.news-item ul  {
float: left;
clear: both;
width: 940px;
}
/* @end */