* {
  margin: 0;
  padding: 0;

}

body#bintro {
  text-align: center;
  background: #6D5043;


}
body {
/*  line-height: 1;  */
  text-align: center;
  background: #6D5043;
  background-image: url(../img/bg.gif);
  background-repeat: no-repeat;
  background-size: 25%;
  overflow: scroll;

  }

  img {
    border: none;

  }

#player {
  position: fixed;
  top: 20px;
  left: 60%;

}

#zvok, #brez-zvoka {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  border: 0;
  text-indent: -9999px;

}
#zvok {
  background-image: url(../img/images/zvok.png);
}

#zvok:hover {
  background-image: url(../img/images/zvok-hover.png);
}

#brez-zvoka {
  background-image: url(../img/images/brez-zvoka.png);
}

#brez-zvoka:hover {
  background-image: url(../img/images/brez-zvoka-hover.png);
}

/*#brez-zvoka {
  background-image: url(../img/images/brez-zvoka.png);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  border: 0;
  text-indent: -9999px;
}*/

#wrap {
  width: 940px;
  margin: 0 auto;
  text-align: left;
}

#logo-holder a {
  text-decoration: none;
  border: none;
}

#logo-holder h1 {
  width: 600px;
  float: left;
  background-image: url(../../medical_new/img/medical-logo.png);
  background-repeat: no-repeat;
  background-size: 300px 130px;

}

#audio-holder {
  width: 340px;
  float:left;
  background: blue;

}

nav {
  width: 940px;
  float: left;
  margin: 10px 0;
  padding: 10px 0;
  border-top: thin #C0C0C0 solid;
  border-bottom: thin #C0C0C0 solid;
}

nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  position:relative;
  left: 15%;

}

nav ul li {
  float: left;
}

nav ul li a {
  /*margin-left: 35px;*/
  padding: 17px;
  color: #C0C0C0;
  text-decoration: none;
  font: normal normal 15px Helvetica, serif;
  text-transform: uppercase;
}

nav ul li a:hover {
/*  text-shadow: 1px 1px 3px #808080;   */
    background: #C0C0C0;
    color: #6D5043;
  }


/* Slider design */

#slider_var1, #galerija {
  width: 940px;
  float: left;
}




#storitve {
  width: 650px;
  float: left;
  padding: 5px 20px;

}

#storitve h3 {
  width: 650px;
  float: left;
  margin: 10px;
  color: #C0C0C0;
  text-decoration: none;
  font: normal normal 15px Helvetica, serif;
  text-transform: uppercase;
}

#storitve ul {
  list-style: none;
}

#storitve ul li {
  float: left;
}

#storitve ul li a {
  padding: 7px;
  color: #C0C0C0;
  text-decoration: none;
  font: normal normal 14px Helvetica, serif;
  text-transform: uppercase;
}

#storitve ul li a:hover {
/*  text-shadow: 1px 1px 3px #808080;*/
    background: #C0C0C0;
    color: #6D5043;
}

#content-contant {


  width: 637px;
  float: left;
  padding: 5px 20px;
  margin-right: 20px;

}

.cenik-content {
  text-indent: -9999px;
  background: red;
  width: 660px;
  display: none;
}

.cenik-content h1,
.cenik-content h2,
.cenik-content h3,
.cenik-content h4 {
  font-size: 8px;
  text-indent: -9999px;
}

.cenik, .storitve {
  width: 650px;
  border: none;
  color: #C0C0C0;

}

.cenik tr {
  border-bottom: #C0C0C0 thin solid;
}

.cenik tr td:hover {
  background: #C0C0C0;
  color: #6D5043;
  cursor: pointer;
}

.storitev {
  width: 275px;
  border-bottom: #C0C0C0 thin solid;
}

.cena {
  width: 50px;
}

#content-contant h3,
.cenik tr td h3,
#content-contant section h3,
#content-storitve section h3,
#galerija h3  {
  padding: 10px;
  color: #C0C0C0;
  text-decoration: none;
  font: normal normal 15px Helvetica, serif;
  text-transform: uppercase;
}

#storitev h4, #content-contant h4  {
  font-size: 13px;
  color: #C0C0C0;
  text-decoration: none;
  letter-spacing: 1px;
  font: normal normal 15px Helvetica, serif;
  padding: 10px;
  text-align: justify;


}

.google-map {
  margin: 10px auto;
  border: 5px #C0C0C0 solid;

}

#google-map {
  color: #C0C0C0;
  text-decoration: none;
  font: normal normal 8px Helvetica, serif;
  text-transform: uppercase;
}

#google-map:hover {
  text-decoration: underline;
}


#content-storitve, #galerija {
  width: 930px;
  float: left;
  padding: 15px 10px;

}

#content-storitve section #storitev {
  width: 450px;
  float: left;
  margin-left: 5px;
  border-bottom: thin #6D5043 dotted;
  padding: 10px 0;
}



#content-contant section h2, #content-storitve section h2,  #galerija h2 {
  color: #C0C0C0;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 14px;
  padding: 5px 10px;
}

#content-contant section h3,  #content-storitve section h3, #galerija h3 {
/*  font-size: 13px;
  color: #C0C0C0;
  font-style: italic;
  letter-spacing: 2px;
  padding: 5px 10px;*/
}


#content-storitve a {
  font-size: 13px;
  color: #6D5043;
  font-style: oblique;
  letter-spacing: 2px;
  padding: 5px 10px;
  font-weight: bold;
  text-decoration: underline;
}

#content-contant  section p,  #content-storitve section p {
  font-size: 12px;
  text-align: justify;
  padding: 5px 10px;
  color: #222;
  letter-spacing: 1px;

}

aside {
  width: 240px;
  float: left;
  margin-top: 20px;
  text-align: left;
}

aside ul {
  list-style: none;
  padding: 0;
}

aside h3 {
  margin: 10px 0;
  padding: 10px 0;
/*  border-top: thin #C0C0C0 solid;   */
  border-bottom: thin #C0C0C0 solid;
  color: #C0C0C0;
  font-size: 12px;
  font: bold normal 13px Helvetica, serif;
  text-transform: uppercase;


}
aside ul {
  color: #C0C0C0;
  font: bold normal 12px Helvetica, serif;
  text-transform: uppercase;
  margin-bottom: 5px;
}

aside ul li, aside ul li a {
  text-decoration: none;
  color: #C0C0C0;
  font: normal normal 14px Helvetica, serif;
  text-transform: uppercase;
  padding: 2px 0;

}

aside ul li a:hover{
  background: #C0C0C0;
  color: #6D5043;
  cursor: pointer;
}

aside ul li.mail a,
#content-contant a {
  font-weight: bold;
  font-size: 14px;
  color: #C0C0C0;
  text-decoration: none;

}

aside ul li.mail a:hover,
#content-contant a  {
  text-decoration: underline;
  background: #6D5043;
  color: #C0C0C0;
  cursor: pointer;
}

/* INTRO */

#welcome {
/*    position: absolute;
    height: 400px;
    width: 400px;
    margin: -100px 0 0 -200px;
    top: 30%;
    left: 50%;
    text-align: center;*/
    margin: auto;
    text-align: center;
}

#logo-holder {

}

#logo-holder h1 {
  background: url(../img/medical-logo.png) no-repeat;
/*  background: url(../img/medical-logo.gif) no-repeat;  */
  width: 400px;
  height: 171px;
  text-indent: -9999px;
}

#welcome a {
  color: #C0C0C0;
  font-size: 26px;
  text-decoration: none;
  letter-spacing: 2px;
  text-transform: lowercase;
  font-family: Arial, Helvetica, sans-serif;
}

#welcome a:hover {
  text-shadow: 1px 1px 3px #808080;
}

#welcome button {
  color: #C0C0C0;
  background: #6D5043;
  border: none;
  font-weight: bold;
  font-weight: 20px;
  padding: 5px;
}

#welcome button:hover {
   background: #C0C0C0;
   color: #6D5043;
}

/* INTRO END */

a {
  color: red;
}

footer {
  width: 940px;
  float: left;
}

/* Nov cenik */

.left-cenik,
.right-cenik {
	width: 50%;
	float: left;
	display: block;	
	font-family: arial; 
	
}

#cenik-naslov,
.cenik-naslov {
	color: #C0C0C0;
	padding: 10px; 
	border-bottom: #C0C0C0 thin solid;	
	margin-bottom: 10px;
	margin-right: 10px;	
}

.cenik-storitev {
	width: 95%;
	margin: 5px
}

.cenik-storitev-naziv,
.cenik-storitev-cena {
	margin: 5px 0;
	float: left;
	display: block;	
	border-bottom: #ccc 1px dotted;	
	
}
.last {color: #6D5043; }
.cenik-storitev-naziv { width: 85%;}
.cenik-storitev-cena {width: 15%; float: right; }
.left-cenik h4 {color: #6D5043; }

.cenik-storitev-naziv:hover,
.cenik-storitev-cena:hover {
  background: #C0C0C0;
  color: #6D5043;
  cursor: pointer;
}