/* Medicom css ver1.0 
 ------------------------------------------------------------------------ */
/* browser reset
 ------------------------------------------------------------------------ */

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;
}

/* osnovni stilovi
 ------------------------------------------------------------------------ */

body{
	font:0.9em Helvetica, Verdana, sans-serif;
	text-align:center;
	background:url(grafika/podloga.jpg);
	background-repeat:repeat-x;
	}

/*text
 ------------------------------------------------------------------------ */
 
#header h1{
	font-size:3em;
	margin:0;
	padding:0;
	}
 
#tekst{
	background:#fff;
	}
	
#tekst h3{
	font-weight:bold;
	}	
	
#tekst img{
	float:right;
	margin-left:10px;
	margin-right:10px;
	}	
	
#tekst p{
	padding:5px 10px;
	text-align:left;
	}	
	
#logo_bocni h3{
	font-size:2em;
	}
		
#footer p{
	font-size:12px;
	padding-top:12px;
	}
	
/* razno
 ------------------------------------------------------------------------ */

span.hide{
	display:none;
	}

div.topspace{
	margin-top:20px;
	} 
	
/* boxovi
 ------------------------------------------------------------------------ */

 #container{
	margin:0 auto;
	width:780px;
	}
 
 #header{
	margin-top:20px;
	padding:0;
	height:180px;
	background:url(grafika/logo.gif);
	}

#navigacija{
	margin-top:20px;
	padding:0;
	height:40px;
	background:url(grafika/navigacijatraka.gif);
	}

#pomocni_okvir{
	height:625px;
	position:relative;
	}

#content{
	position:absolute;
	top:9px;
	left:-4px;
	width:520px;
	}

#gornji_rub{
	height:30px;
	background:url(grafika/sadrzajgornjirub.gif);
	}

#donji_rub{
	height:30px;
	background:url(grafika/sadrzajdonjirub.gif);
	}

#logo_bocni{
	position:absolute;
	top:20px;
	left:525px;
	width:30px;
	height:200px;
	background:url(grafika/logo_bocni.gif) no-repeat;
	}
	
#zastupstva{
	position:absolute;
	top:19px;
	left:561px;
	width:220px;
	height:340px;
	background:url(grafika/desnistupacpoz.gif);
	}

#flash_banner{
	position:absolute;
	top:394px;
	left:561px;
	width:220px;
	height:220px;
	background:url(grafika/flashbannerpoz.gif);
	}

#footer{
	margin-bottom:20px;
	height:40px;
	background:url(grafika/navigacijatraka.gif);	
	}

/* navigacija
 ------------------------------------------------------------------------ */
ul.gumbi {
    padding:0 0 0 180px;
    margin:0;
    list-style:none;
    height:40px;
    position:relative;
    }

ul.gumbi li {
    float:left;
    }

ul.gumbi li a {
    display:block;
    float:left;
    height:40px;
    line-height:40px;
    color:#990000;
    text-decoration:none;
    font-size:14px;
    font-family:arial, verdana, sans-serif;
    font-weight:bold;
    text-align:center;
    padding:0 0 0 10px;
    cursor:pointer;
    }

ul.gumbi li a b {
    float:left;
    display:block;
    padding:0 20px 0 10px;
    }

ul.gumbi li.aktivni a {
    background:url(grafika/gumb_aktivni.gif);
    }

ul.gumbi li.aktivni a b {
	color:#fff;
    background:#000 url(grafika/gumb_aktivni.gif) no-repeat right top;
    }

ul.gumbi li a:hover {
    background:url(grafika/gumb_pritisnuti.gif);
    }

ul.gumbi li a:hover b {
    background:url(grafika/gumb_pritisnuti.gif) no-repeat right top;
    }

ul.gumbi li.aktivni a:hover {
    background:url(grafika/gumb_pritisnuti.gif); 
    cursor:pointer;
	}

ul.gumbi li.aktivni a:hover b {
    background:url(grafika/gumb_pritisnuti.gif) no-repeat right top;
    }

ul.gumbi li a em {
    display:block;
    float:left;
    width:25px;
    height:40px;
    }

 ul.gumbi li a em.onama {
    background:url(grafika/onama.gif) no-repeat center center;
    }

ul.gumbi li a em.posebna_ponuda {
    background:url(grafika/posebnaponuda.gif) no-repeat center center;
    }

ul.gumbi li a em.kontakt {
    background:url(grafika/kontakt.gif) no-repeat center center;
    }

/* zastupstva
 ------------------------------------------------------------------------ */
 
ul#firme li{
	display:inline;
	list-style: none;
	padding:0;
	margin:0;
	} 
	
ul#firme li.gehelthcare a{
	display:block;
	height:40px;
	line-height:40px;
	width: 220px;
	text-align: center;
	background:url(grafika/zastupstva/gehealthcare.gif);
	}
	
ul#firme li.gehelthcareactive a{
	display:block;
	height:40px;
	line-height:40px;
	width: 220px;
	text-align: center;
	background:url(grafika/zastupstva/gehealthcareactive.gif);
	}

ul#firme li.gehelthcare a:hover{
	background:url(grafika/zastupstva/gehealthcarehover.gif);
	}
	
ul#firme li.gehelthcareactive a:hover{
	background:url(grafika/zastupstva/gehealthcarehover.gif);
	}

ul#firme li.drgoos a{
	display:block;
	height:40px;
	line-height:40px;
	width: 220px;
	text-align: center;
	background:url(grafika/zastupstva/drgoos.gif);
	}
	
ul#firme li.drgoosactive a{
	display:block;
	height:40px;
	line-height:40px;
	width: 220px;
	text-align: center;
	background:url(grafika/zastupstva/drgoosactive.gif);
	}

ul#firme li.drgoos a:hover{
	background:url(grafika/zastupstva/drgooshover.gif);
	}
	
ul#firme li.drgoosactive a:hover{
	background:url(grafika/zastupstva/drgooshover.gif);
	}

ul#firme li.givas a{
	display:block;
	height:40px;
	line-height:40px;
	width: 220px;
	text-align: center;
	background:url(grafika/zastupstva/givas.gif);
	}
	
ul#firme li.givasactive a{
	display:block;
	height:40px;
	line-height:40px;
	width: 220px;
	text-align: center;
	background:url(grafika/zastupstva/givasactive.gif);
	}

ul#firme li.givas a:hover{
	background:url(grafika/zastupstva/givashover.gif);
	}
	
ul#firme li.givasactive a:hover{
	background:url(grafika/zastupstva/givashover.gif);
	}

ul#firme li.vitatron a{
	display:block;
	height:40px;
	line-height:40px;
	width: 220px;
	text-align: center;
	background:url(grafika/zastupstva/vitatron.gif);
	}
	
ul#firme li.vitatronactive a{
	display:block;
	height:40px;
	line-height:40px;
	width: 220px;
	text-align: center;
	background:url(grafika/zastupstva/vitatronactive.gif);
	}

ul#firme li.vitatron a:hover{
	background:url(grafika/zastupstva/vitatronhover.gif);
	}
	
ul#firme li.vitatronactive a:hover{
	background:url(grafika/zastupstva/vitatronhover.gif);
	}

ul#firme li.kottermann a{
	display:block;
	height:40px;
	line-height:40px;
	width: 220px;
	text-align: center;
	background:url(grafika/zastupstva/kottermann.gif);
	}
	
ul#firme li.kottermannactive a{
	display:block;
	height:40px;
	line-height:40px;
	width: 220px;
	text-align: center;
	background:url(grafika/zastupstva/kottermannactive.gif);
	}

ul#firme li.kottermann a:hover{
	background:url(grafika/zastupstva/kottermannhover.gif);
	}
	
ul#firme li.kottermannactive a:hover{
	background:url(grafika/zastupstva/kottermannhover.gif);
	}

ul#firme li.maquet a{
	display:block;
	height:40px;
	line-height:40px;
	width: 220px;
	text-align: center;
	background:url(grafika/zastupstva/maquet.gif);
	}
	
ul#firme li.maquetactive a{
	display:block;
	height:40px;
	line-height:40px;
	width: 220px;
	text-align: center;
	background:url(grafika/zastupstva/maquetactive.gif);
	}

ul#firme li.maquet a:hover{
	background:url(grafika/zastupstva/maquethover.gif);
	}

ul#firme li.maquetactive a:hover{
	background:url(grafika/zastupstva/maquethover.gif);
	}
ul#firme li.favero a {
	display:block;
	height:40px;
	line-height:40px;
	width: 220px;
	text-align: center;
	background-image: url(grafika/zastupstva/favero.gif);
}
ul#firme li.faveroactive a {
	display:block;
	height:40px;
	line-height:40px;
	width: 220px;
	text-align: center;
	background-image: url(grafika/zastupstva/faveroactive.gif);
}
ul#firme li.favero a:hover {
	background-image: url(grafika/zastupstva/faverohover.gif);
}
ul#firme li.faveroactive a:hover {
	background-image: url(grafika/zastupstva/faverohover.gif);
}
ul#firme li.borcad a {
	display:block;
	height:40px;
	line-height:40px;
	width: 220px;
	text-align: center;
	background-image: url(grafika/zastupstva/borcad.gif);
}
ul#firme li.borcadactive a {
	display:block;
	height:40px;
	line-height:40px;
	width: 220px;
	text-align: center;
	background-image: url(grafika/zastupstva/borcadactive.gif);
}
ul#firme li.borcad a:hover {
	background-image: url(grafika/zastupstva/borcadhover.gif);
}
ul#firme li.borcadactive a:hover {
	background-image: url(grafika/zastupstva/borcadhover.gif);
}