/* General Styles */

body {
  background:url('../img/bg-body.gif') repeat-x top left;
  margin:0 auto;
}

body, div, table td, input, textarea {
  color:#333;
  font-family:arial;
  font-size:15px;
}

.clear {
  clear:both;
}

a {
  color:#0a77fa;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

p {
  margin:0;
  padding:0 0 30px 0;
 text-align: justify;
}

.blue {
  color:#0a77fa;
  font-size:17px;
  font-weight:bold;
}

h2 {
  color:#0a77fa;
  font-size:17px;
  font-weight:bold;
  margin:0;
  padding:0;
}

h3 {
  color:#0a77fa;
  font-size:17px;
  font-weight:bold;
  margin:0;
  padding:0 0 15px 0;
}

img {
  border:none;
}

/* LAYOUT */

#page-wrap {
  background:url('../img/bg-pagewrap.gif') no-repeat top left;
  margin:0 auto;
  width:1066px;
}

#header {
  height:272px;
}

#content-wrap {
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  margin:0 auto;
  width:948px;
}

#content-wrap .content {
  float:left;
  width:568px;
}

#sidebar {
  float:left;
  width:380px;
}

#footer-wrap {
  background:#e0e0e1 url('../img/bg-footer.gif') repeat-x top left;
  height:300px;
  padding:0;
  margin:0;
}

#footer-wrap .footer {
  margin:0 auto;
  padding-top:50px;
  text-align:center;
  width:949px;
}

/* HEADER, MAIN MENU */

.header-title {
  background:url('../img/title-header.gif') no-repeat;
  float:left;
  margin-left:59px !important;
  margin-left:29px;
  position:relative;
  z-index:2;
  height:44px;
  width:402px;
}

.main-menu {
  float:left;
  margin:0 0 0 -4px;
  padding:0;
  position:relative;
  z-index:1;
}

.main-menu li {
  background:url('../img/border-mainmenu.gif') no-repeat top left;
  float:left;
  list-style-type:none;
  padding-left:1px;
  text-transform:uppercase;  
}

.main-menu li a {
  color:#737373;
  font-weight:bold;
  display:block;
  padding:15px 18px 11px 19px;
  text-decoration:none;
}

.main-menu li a:hover,
.main-menu li a.selected {
  background:url('../img/bg-mainmenu.gif') repeat-x top left;
  text-decoration:none;
}

.header-banner {
  float:left;
  margin-left:59px !important;
  margin-left:29px;
  height:227px;
  width:948px;
  overflow:hidden;
}

/* CONTENT */

.text {
  padding:25px 35px 20px 20px;
}

.text span {
  color:#0a77fa;
  font-size:17px;
  font-weight:bold;
}

.text p {
  line-height:20px;
}

.buttons-main {
  margin:0 35px 0 15px;
  padding:0;
}

.buttons-main li {
  float:left;
  list-style-type:none;
  padding:0 0 5px 5px;
}

img.free-phoneline {
  vertical-align:-6px;
}

.expand {
  float:right;
  margin:-20px 15px 0 0;
}

.expand a {
  font-size:14px;
}

.expand img {
  vertical-align:2px;
}

.hidden-text {
  display:none;
}

.contact {
  border-collapse:collapse;
  border-bottom:1px solid #ccc;
  width:100%;
}

.contact td {
  padding:0 0 5px 0;
  vertical-align:top;
}

.contact .left-side {
  width:150px;
}

.field {
  border:1px solid #ccc;
}

.contact-field {
  width:360px;
}

textarea {
  border:1px solid #ccc;
  height:100px;
  width:360px;
}

.send {
  background:url('../img/button-send.gif') no-repeat;
  border:none;
  cursor:pointer;
  margin:20px;
  height:27px;
  width:81px;
}

.content .text ul {
  margin:0;
  padding:0 0 30px 0;
}

.content .text ul li {
 padding-left:10px;
 margin-left:20px; 
}

.help {
  padding:0 0 30px 0;
}

.help li {
  padding:15px 0 10px 10px;
  margin-left:20px;
}

.ISL-light {
  background:url('../img/bg-isl.gif') no-repeat;
  margin:0 auto 30px auto;
  text-align:center;
  height:150px;
  width:280px;
}

.join {
  background:url('../img/button-join.gif') no-repeat;
  border:none;
  cursor:pointer;
  margin:10px 0 20px 0;
  height:25px;
  width:156px;
}

.ISL-light p {
  color:#666;
  font-size:10px;
  margin:0 0 -3px 0;
  padding:55px 0 0 58px;
  text-align:left;
}

.isl {
  font-size:12px;
  margin:0;
  padding:4px;
  width:159px;
}

.map {
  background:url('../img/map-slovenia.jpg') no-repeat top center;
  display:block;
  height:234px;
  width:343px;
}

.map:hover {
  background:url('../img/map-slovenia.jpg') no-repeat top center;
}

/* SIDEBAR */

#sidebar .text {
  padding:25px 35px 20px 0;
}

.sidebar-menu {
  margin:25px 0 0 0;
  padding:0;
}

.sidebar-menu li {
  list-style-type:none;
  padding-bottom:5px;
}

.sidebar-menu li a {
  display:block;
  color:#5c5c5c;
  font-size:14px;
  font-weight:bold;
  height:41px;
  width:357px;
}

.sidebar-menu li a:hover {
  text-decoration:none;
}

.sidebar-menu li a.diagnoza {
  background:url('../img/rightmenu-diagnoza.gif') no-repeat top left; 
}

.sidebar-menu li a.diagnoza:hover {
  background:url('../img/rightmenu-diagnoza.gif') no-repeat bottom left;
}

.sidebar-menu li a.izobrazevanje {
  background:url('../img/rightmenu-izobrazevanje.gif') no-repeat top left; 
}

.sidebar-menu li a.izobrazevanje:hover {
  background:url('../img/rightmenu-izobrazevanje.gif') no-repeat bottom left; 
}

.sidebar-menu li a.namestitev {
  background:url('../img/rightmenu-namestitev.gif') no-repeat top left; 
}

.sidebar-menu li a.namestitev:hover {
  background:url('../img/rightmenu-namestitev.gif') no-repeat bottom left; 
}

.sidebar-menu li a.omrezja {
  background:url('../img/rightmenu-omrezja.gif') no-repeat top left; 
}

.sidebar-menu li a.omrezja:hover {
  background:url('../img/rightmenu-omrezja.gif') no-repeat bottom left; 
}

.sidebar-menu li a.varnost {
  background:url('../img/rightmenu-varnost.gif') no-repeat top left; 
}

.sidebar-menu li a.varnost:hover {
  background:url('../img/rightmenu-varnost.gif') no-repeat bottom left; 
}

.sidebar-menu li a.pomoc {
  background:url('../img/rightmenu-pomoc.gif') no-repeat top left; 
}

.sidebar-menu li a.pomoc:hover {
  background:url('../img/rightmenu-pomoc.gif') no-repeat bottom left; 
}

.free-phone-number {
  margin:40px 0 0 30px;
  color:#0a77fa;
  font-size:20px;
  font-weight:bold;
  line-height:30px;
  text-align:center;
}

.sidebar-menu li a.paketi {
  background:url('../img/rightmenu-paketi.gif') no-repeat top left;
}

.sidebar-menu li a.paketi:hover {
  background:url('../img/rightmenu-paketi.gif') no-repeat bottom left;
}

.sidebar-menu li a.selected {
  background-position:bottom left;
}

.sidebar-menu li a span {
  display:block;
  padding:14px 0 0 60px;
}

.company-data {
  font-size:13px;
}

/* FOOTER */

.footer p {
  color:#808080;
  font-size:11px;
}

.footer p a {
  color:#666;
  font-weight:bold;
}

.footer img {
  vertical-align:-7px;
}