* { margin:0; padding:0; }
body,html {
	text-align:center;
	font:1em Verdana,Tahoma,sans-serif;
	color:#414141;
	background:#fff url(layout/background.jpg) repeat-x 0px 68px;
	}

div.clearer { clear:both; line-height: 0; height: 0; font-size: 0; }
.clear { clear:both; line-height: 0; height: 0; font-size: 0; }
a img { border:none; }
a { outline:none; }
#content a:link {
	color:#082846;
	}
#content a:visited {
	color:#23638c;
	}
#content a:hover,#content a:active {
	text-decoration:none;
	}
.naglaseno { font-weight:bold; }
.naglaseno_plavo { color:#6baad2; }
.naglaseno_ljub { color:#b66dff; }
.blok_naglaseno {
	padding:2px 8px;
	background-color:#dff5ff;
	}
.foto {
	float:right;
	width:136px;
	padding:10px 0px 10px 22px;
	border-left:1px solid #bfbfbf;
	}
.foto li {
	float:left;
	margin-bottom:10px;
	list-style:none;
	}
.foto .opis_slike {
	width:132px;
	font-size:0.6em;
	color:#9b9b9b;
	margin:-5px 0px 20px 0px;
	padding-bottom:5px;
	border-bottom:1px solid #dedede;
	}
.foto li a {
	display:block;
	padding:5px;
	border:1px solid #bfbfbf;
	}
.foto li a:hover { border-color:#6baad2; }
.foto .napomena {
	margin-top:0px;
	margin-bottom:20px;
	color:#d4d4d4;
	font-size:0.6em;
	}
.foto .link {
	color:#d4d4d4;
	font-size:0.7em;
	}
.foto .link a {
	border: none;
	color:#d4d4d4;
	}
.content_foto {
	overflow: hidden;
	height: 100%;
	}
.content_foto li {
	list-style: none;
	padding: 7px 7px 7px 15px;
	margin: 0 10px 10px 0;
	width: 118px;
	float: left;
	font-size: .7em;
	border:1px solid #dedede;
	}	
.content_foto li img {
	padding: 2px;
	border:1px solid #bfbfbf;
	margin: 0 0 -10px -8px;
	display: block;
	}		
#container {
	width:961px;
	margin:0px auto;
	text-align:left;
	position:relative;
	}
#header {
	position:relative;
	width:961px; height:239px;
	background:transparent url(layout/head_back.jpg) no-repeat 100% 35px;
	}
#header h1 {
	position:relative;
	left:11px;
	width:540px; height:68px;
	background:transparent url(layout/logo.gif) no-repeat 0 0;
	}
#header h1 a {
	position:absolute;
	top:12px;
	width:206px; height:42px;
	text-decoration:none;
	text-indent:-9999px;
	}
#header #natpis {
	position:relative;
	top:50px; left:-320px;
	text-align:right;
	color:#fff;
	font-size:26px;
	}
#header #natpis li {
	display:inline;
	padding-left:15px;
	background:transparent url(layout/list_bullet.gif) no-repeat 0 60%;
	}
#header #natpis li.prvi { padding-left:0px; background:none; }
#header .pom_nav {
	position:absolute;
	top:5px; right:10px;
	}
.pom_nav li {
	display:inline;
	font-size:0.6em;
	margin-left:2px;
	padding-left:7px;
	color:#62a0cc;
	border-left:1px solid #62a0cc;
	}
.pom_nav li.prvi {
	margin-left:0px;
	padding-left:0px;
	border:none;
	}
.pom_nav li a:link,.pom_nav li a:visited {
	color:#62a0cc;
	}
.pom_nav li a:hover,.pom_nav li a:active {
	text-decoration:none;
	}
#left {
	float:left;
	width:230px;
	padding-bottom:90px;
	background:transparent url(layout/left_back.jpg) no-repeat 0% 100%;
	}
#left_menu {
	position:relative;
	top:-64px;
	width:180px;
	padding:15px 20px 30px 20px;
	background-color:#fff;
	border:1px solid #007abf;
	}
.oc_online {
	color:#707070;
	font-size:0.8em;
	font-weight:bold;
	padding-bottom:7px;
	border-bottom:2px solid #c8c8c8;
	}
#left_menu ul {
	font-size:11px;
	margin-bottom:18px;;
	}
#left_menu ul li {
	list-style:none;
	padding:2px 0px;
	border-bottom:1px dotted #bababa;
	}
#left_menu ul li a {
	display:block;
	width:172px;
	padding-left:7px;
	line-height:2em;
	background:transparent url(layout/menu_bullet.gif) no-repeat 0% 50%;
	}
#left_menu ul li a:link,#left_menu li a:visited {
	text-decoration:none;
	color:#6baad2;
	}
#left_menu ul li a:hover,#left_menu li a:active,#link_on {
	background-color:#f9f9f9;
	color:#3783b3;
	}
#left_menu #podlink {
	padding:4px 0px 0px 7px;
	}
#left_menu #podlink li {
	font-size:11px;
	border-left:1px solid #b6e3ff;
	border-bottom:none !important;
	}
#left_menu #podlink #podlink { margin-bottom: 0; }	
#left_menu #podlink li a:link,#left_menu #podlink li a:visited {
	background:none;
	width:150px;
	text-decoration:underline;
	}
#left_menu #podlink li a:hover,#left_menu #podlink li a:active,#plink_on {
	text-decoration:none !important;
	}
#podlink_abc {
	font-size:0.9em;
	list-style:none;
	padding-bottom:1px;
	margin:20px 0px 30px 0px;
	}
#podlink_abc li {
	float:left;
	margin:2px 8px 10px 0px;
	font-weight: bold;
	}
#podlink_abc li a:link,#podlink_abc li a:visited {
	text-decoration:underline;
	color:#6baad2;
	}
#podlink_abc li a:hover,#podlink_abc li a:active {
	text-decoration:none !important;
	color:#19425c;
	}
#podlink_abc .on {
	text-decoration:none !important;
	color:#19425c;
	}
#dioptrijske #podlink_abc li {
	padding:2px 25px 2px 0px;
	margin:-15px 30px 20px 0px;
	border-right:1px solid #6baad2;
	}
#dioptrijske #podlink_abc li.bez_crte {
	border:none;
	}
.popis_pojmova {
	float:left;
	width:670px;
	}
.popis_pojmova dt {
	font-weight:bold;
	text-indent:10px;
	margin:25px 0px 10px 0px;
	padding-bottom:3px;
	border-bottom:1px solid #cdcdcd;
	}
.popis_pojmova dd {
	line-height:1.8em;
	font-size:0.8em;
	}
.slikatd {
	float:left;
	padding-right: 2px;
	}
.slika_desno,.slika_lijevo,.slika_lijevo-br,.slika_desno-br,.slika_lijevo-br-index {
	float:right;
	padding:8px;
	margin:0px 0px 15px 15px;
	border:1px solid #dcdcdc;
	}
.slika_lijevo-br-index { 
	margin:-35px 0px 15px 0px;
	padding:0;
	border:none;
	}
.slika_centar {
	padding:8px;
	margin:0px 0px 12px 12px;
	border:1px solid #dcdcdc;
	}
.slika_lijevo-br,.slika_desno-br { border:none; }
.slika_lijevo,.slika_lijevo-br {
	float:left;
	margin:0px 15px 0px 0px;
	}
img.middle { vertical-align: middle; float: none; }	
fieldset { border:none; }
#trazilica {
	margin-top:2px;
	}
#upit {
	width:129px; height:16px;
	font-size:0.7em;
	color:#707070;
	padding-left:5px;
	border:1px solid #bcbcbc;
	background:transparent url(layout/traz_back.jpg) no-repeat 0 0;
	}
#trazi {
	position:relative;
	top:8px; left:8px;
	}
.put,.vrh,#jezik {
	float:left;
	font-size:0.6em;
	margin:8px 2px;
	}
.vrh {
	float:right;
	clear:both;
	display:block;
	width:100px;
	text-align:right;
	}
.put li,.vrh li {
	display:inline;
	margin-left:2px;
	}
.vrh li {
	padding-right:12px;
	background:transparent url(layout/bullet_vrh.gif) no-repeat 100% 70%;
	}
.put li a:link,.put li a:visited,.vrh li a:link,.vrh li a:visited {
	color:#6baad2;
	text-decoration:none;
	}
.put li a:hover,.put li a:active,.vrh li a:hover,.vrh li a:active {
	text-decoration:underline;
	}
#jezik {
	float:right;
	margin:4px 0px 0px 0px;
	}
#hr,#en,#hr_on,#en_on {
	display:block;
	float:left;
	width:22px; height:18px;
	margin-left:7px;
	list-style:none;
	text-indent:-9999px;
	}
#hr a,#en a,#hr_on a,#en_on a {
	display:block;
	width:100%; height:100%;
	text-decoration:none;
	}
#hr a:link,#hr a:visited {
	background:transparent url(layout/hr.jpg) no-repeat -22px 0;
	}
#hr a:hover,#hr a:active,#hr_on {
	background:transparent url(layout/hr.jpg) no-repeat 0 0;
	}
#en a:link,#en a:visited {
	background:transparent url(layout/en.jpg) no-repeat -22px 0;
	}
#en a:hover,#en a:active,#en_on {
	background:transparent url(layout/en.jpg) no-repeat 0 0;
	}
#velicina_teksta {
	float:right;
	margin-right:40px;
	list-style:none;
	}
* html #velicina_teksta { margin-right:30px; }
#velicina_teksta li {
	float:left;
	height:17px; width:12px;
	margin:4px 3px 2px 0px;
	padding:0px 2px;
	text-align:center;
	border:1px solid #bfbfbf;
	}
#velicina_teksta li a {
	text-decoration:none;
	font-weight:bold;
	color:#bfbfbf;
	}
#velicina_teksta li a:hover { color:#007abf; }
#content {
	float:right;
	width:680px;
	padding:14px 20px;
	border:1px solid #bfbfbf;
	}
#tekst {
	float:left;
	width:495px;
	}
#tekst_pojm {
	float:left;
	width:670px;
	}
#content h2 {
	margin:10px 0px 22px 0px;
	clear:both;
	color:#6baad2;
	font-size:1em;
	}
* html #index #content h2 { padding-top:10px; }
#content h3 {
	margin:30px 0px 10px 0px;
	color:#757575;
	font-size:0.9em;
	}
#content h3 a:link,
#content h3 a:visited {color:#757575;}	
#content h4 {
	margin:12px 0px;
	color:#757575;
	font-size:0.8em;
	}
#content p {
	clear:left;
	font-size:0.8em;
	margin:0.5em 0 1.4em 0;
	line-height:1.5em;
	}	
#content p.napomena {
	font-size:0.6em;
	color:#7a7a7a;
	}
#content p.indent { margin-left: 1em; }	
caption.napomena { color:#7a7a7a; font-size: .9em; }	
#mekane-lece #content p.napomena { 
	position:relative;
	margin-right:-160px; 
	width:600px; 
	}
.popis,.popis_optika {
	border-left:1px solid #bfbfbf;
	margin:0em 2em 2em 1.8em;
	font-size:0.8em;
	padding-left: 12px;
	}
.popis li,.popis_optika li {
	list-style:none;
	margin:10px 0;
	}
.popis_optika {
	padding:10px 0px 15px 10px;
	border:1px solid #0079c0;
	position:relative;
	}
	
.popis ul,.popis_optika ul { font-size:1em; margin-bottom:0; margin-left: 30px; }

.popis2 dt {
	font-size:0.8em;
	font-weight:bold;
	line-height: 2em;
	}
.popis2 dd {
	font-size:0.8em;
	margin:3px 0px 15px 11px;
	padding:5px 0px 7px 7px;
	border-left:1px solid #bfbfbf;
	line-height: 1.5em;
	}
#mapa .popis {
	font-size:0.9em;
	margin:5px 15px 0px 20px;
	}
#pojmovnik-slovo .popis {
	float:right;
	border:none;
	margin:-5px -10px 0px 0px;
	}
#anatomija-oka-mapa {
	position:relative;
	width:435px;
	height:363px;
	list-style:none;
	font-size:11px;
	border:1px solid #dcdcdc;
	background:url(slike/pojmovnik/anatomija-oka.jpg) no-repeat 0 0;
	}
#anatomija-oka-mapa li { position:absolute; }
#link1 { top:50px; left:15px; }
#link2 { top:170px; left:20px; }
#link3 { top:228px; left:32px; }
#link4 { top:256px; left:34px; }
#link5 { top:299px; left:39px; }
#link6 { top:31px; left:344px; }
#link7 { top:85px; left:378px; }
#link8 { top:155px; left:383px; }
#link9 { top:305px; left:344px; }
#link10 { top:322px; left:267px; }
table {
	border-collapse:collapse;
	margin:10px 0px 5px 0px;
	text-align:center;
	font-size:0.7em;
	background-color:#fdfdfd;
	}

#mekane-lece table {
	position:relative;
	margin:10px -160px 0px 0px;
	}
caption {
	padding:15px 0px 5px 0px;
	color:#575757;
	font-size:1.1em;
	text-align:left;
	}
th {
	padding:8px 20px;
	font-weight:normal;
	background-color:#f4fbfe;
	border:1px solid #dedede;
	}
td {
	padding:8px 20px;
	border:1px solid #dedede;
	}
td.left,
th.left { text-align: left; }	
tr.zebra {
	background-color:#f8f8f8;
	}
	
table.center { margin:10px auto 5px auto; }	
table.wide { width: 100%; }	
table.wide td { text-align: left; }
table.wide .ordinira { width: 25%; }
table.wide .telefon { width: 19%; }	

table.blank { border: none; font-size: .8em; }
table.blank td { border: none; padding: 0; vertical-align: top; }
table.blank img { border: none; margin: 0; padding: 0; }
table.blank td.text { width: 30%; }	
	
.plavas
{
	background-color:#f8f8f8;
	}
.plavat
{
	background-color:#f4fbfe;
	}
#mekane-lece tr:hover {
	background-color:#dcf5ff;
	}
#footer {
	clear:both;
	width:100%;
	height:50px;
	padding-top:15px;
	text-align:center;
	border-top:4px solid #bfbfbf;
	}
#potpis {
	padding-bottom:10px;
	font-size:0.6em;
	color:#d1cfcf;
	}
#potpis a:link,#potpis a:visited {
	color:#d1cfcf;
	text-decoration:underline;
	}
#potpis a:hover,#potpis a:active {
	color:#6baad2;
	text-decoration:none;
	}
.sredina {
	text-align:center;
	}
#index #content { 
	border-bottom:none;
	padding-bottom:0px;
	}
.index-blok {
	margin:0px -20px;
	padding:0px 20px;
	border-bottom:1px solid #bfbfbf;
	}
.index-blok .popis li { margin-top: 10px; margin-bottom: 10px; font-weight: bold; }	
#index .index-blok ul { clear:both; }
#index-video {
	display: inline;
	float: right;
	width: 469px;
	margin: 0 -20px;
	}
#index-video .left,
#index-video .right {
	display: inline;
	float: left;
	width: 209px;
	text-align: center;
	padding: 5px;
	margin: 10px 0 0 0;
	border: 1px solid #bfbfbf;
	font-size: .8em;
	}
#index-video .left { margin-right: 10px; }
#index-video .left img,
#index-video .right img { margin-bottom: 5px; }		
#video-blok {
	font-size: .8em;
	clear: both;
	padding-bottom: 15px;
	}
#video-blok h2 { font-size: 1.2em; margin-bottom: 10px; }
#video-blok #video {
	width: 384px;
	margin: 0 auto;
	}		
#index img.slika-velika-index {
	float:right;
	margin-right:-20px;
	border-left:1px solid #bfbfbf;
	}
.tekst-index {
	float:left;
	width:220px;
	}
	
#homeBanner {
	display: inline;
	float: right;
	width: 469px;
	margin-right: -19px;
	margin-bottom: -3px;
	text-align: center;
	padding: 0;
	}	
	
#homeBanner img {
	border-left:1px solid #bfbfbf;
	margin: 0;
	padding: 0;
	}	

.tekst-index .popis { margin-left: 5px; padding-left: 15px; }	
.tekst-index .popis li { line-height: 1.4em; }

.rightBox {
	display: inline;
	float: right;
	width: 220px;
	padding: 15px 15px 5px 15px;
	border: 1px solid #b6e3ff;
	margin: 0 0 0 20px;
	background: #f9f9f9;
	}

#content .rightBox h3 { margin-top: 0; }
.rightBox ul { font-size: .8em; }
.rightBox ul li { margin-left: 19px; margin-bottom: 7px; }
#fbBanner { position: relative; top: -44px; }

#pageOptions { width: 722px; height: 30px; overflow: hidden; position: relative; top: 0; left: 240px; clear: both; }
#shareBox, #fbButton { float: left; display: inline; }
#shareBox { margin-top: 5px; margin-right: 20px; }
#fbButton { margin-top: 5px; }
.vrh { position: absolute; top: 0; right: 0; }