#main {   
padding: 15px 5px 15px 0;   
background-color: #F1F5F8;  /* siva */
background-image: url('../images/ozadje.jpg');
background-repeat: no-repeat;
}   

.naslov {
  font-family: Arial, Verdana, Helvetica, Sans-serif;
  color: #FF6347;  /* Tomato */
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
}

.izbrana_ref {
  color: #FF0000;  /* Red */
  font-weight: bold;
}

.disclaimer {
  font-size: 10px;
  color: gray;
}

.fotka {
  border: 1px solid #808080;  /* Gray */
}

.oznaka {
  font-size: 10px;
  color: navy;
  font-weight: bold;
}

.vnos
{
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 12px;
height: 19px;
border-width: 1px;
border-style: solid;
border-color: #7B68EE;  /* MediumSlateBlue */
margin-top: 2px;
margin-bottom: 8px;
}

.vnos_textarea
{
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 12px;
border-width: 1px;
border-style: solid;
border-color: #7B68EE;  /* MediumSlateBlue */
margin-top: 2px;
margin-bottom: 10px;
}

.gumb
{
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
color: #000080;  /* Navy */ 
font-weight: bold;
width: 110px;
border: 1px solid #7B68EE;  /* MediumSlateBlue */
background-color: #DDEEFF;  /* bledo plava */
cursor: pointer;
padding: 2px;
}

.w150 {width: 150px;}
.w200 {width: 200px;}
.w250 {width: 250px;}

.bg6 {background-color: #F5F5F5;}  /* WhiteSmoke */

/* div za fotke */
#pic {
  width: 220px;
  position: relative;  /* izhodišče postavi na div pic in ne body */
}

/* lastnosti linka s thumb fotko */
#pic a {
  display: block;
  border: 1px solid #808080;  /* Gray */
  padding: 1px; 
  height: 80px;
  width: 80px;
  margin-bottom: 10px;
}

/* fotke v div pic nimajo roba */
#pic img {
  border: 0;
}

/* na 1 pixel pomanjšana velika fotka */ 
#pic a .large {  
  display: block;
  width: 0px;
  height: 0px;
  position: absolute;  /* pozicija glede na div */
}

/* oblika roba ob prehodu miške, obvezno v IE */
#pic a:hover {
  border: 1px solid #000000;  /* Black */
}

/* povečana fotka ob prehodu miške */
#pic a:hover .large {
  display: block;
  background-color: #F5F5DC;  /* Beige */
  border: 1px solid #000000;  /* Black */
  padding: 3px;
  left: 230px;
  top: 0px;
}

/* ležeča fotka */
#pic a.p1:hover .large {
  width: 466px;
  height: 300px;
}

/* ležeča fotka */
#pic a.p2:hover .large {
  width: 400px;
  height: 300px;  
}

/* ležeča fotka */
#pic a.p3:hover .large {
  width: 225px;
  height: 300px;  
}

/* ležeča fotka */
#pic a.p4:hover .large {
  width: 490px;
  height: 478px;  
}

/* ležeča fotka */
#pic a.p5:hover .large {
  width: 516px;
  height: 350px;
}

/* stoječa fotka */
#pic a.p6:hover .large {
  width: 381px;
  height: 400px;
}

/* ležeča fotka */
#pic a.p7:hover .large {
  width: 200px;
  height: 300px;  
}

/* stoječa fotka */
#pic a.p8:hover .large {
  width: 300px;
  height: 400px;
}