@font-face {
 font-family: Miklosic2;
 src: url("../fonts/Miklosic2.woff")
}
@font-face {
 font-family: Miklosic2;
 src: url("../fonts/Miklosic2.ttf") /* TTF file for CSS3 browsers */
}	


/*
@font-face {
    font-family: 'Miklosic2';
	src: url('../Miklosic2/miklosic2-webfont.eot');
    src: url('../Miklosic2/miklosic2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Miklosic2/miklosic2-webfont.woff2') format('woff2'),
         url('../Miklosic2/miklosic2-webfont.woff') format('woff'),
         url('../Miklosic2/miklosic2-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
*/
body {
	font-family:arial, "Lucida Sans Unicode", "Lucida Grande",  "Microsoft Sans Serif", sans-serif;
	color: #222;
	text-align:center;
	}

	
div#wrapper {
	width:974px;
	margin:0px auto;
	text-align:left;
	background-color:white;
	padding-bottom:1em;
	}
	
div#banner {
	text-align:center;
	padding-bottom:1em;
	}


.keyboardInput {
	font-family: Miklosic2, "Microsoft Sans Serif", "Lucida Grande", "Lucida Unicode";
	font-size: 200%;
	padding-left: .25em 0 0 .25em;
	
	}
	
h2 {
	font-size:128%;
	text-align:center;
	padding-bottom:.25em;
	}

h3,h4 {
	font-size:108%;
	text-align:center;
	color:#444;
	font-family: "Times New Roman", Times, Serif;
	padding-bottom:0em;
	}
	
h4 {
	font-color:sienna;
	font-family:"Gill Sans", Verdana, arial, sans-serif;
}
	
a:link { color : #111; text-decoration : none;}
a:visited {color : #888; text-decoration : none;}
a:hover {color : red; text-decoration : none;}

.mikl2 {
	font-family: Miklosic2, "Microsoft Sans Serif", "Lucida Grande";
	font-size: 200%;
	color: black;
}
	
p.plink	{
 text-align:right;
 display:block;
 margin-top:-2em;
 padding-bottom:1ex;
 }
	
#translations {
text-align:right;
display:block;
background-color: #ddd;
color:blue;
padding:1ex;
}


	
/* navigation */	
#nav-menu {
text-align:left;
}

#nav-menu li {
display:inline;
background-color:#fff;
padding: 0.7ex 0.7ex 0 0;
border: 1px solid gray;
border-bottom:none;
}

#nav-menu li #active {
background-color:#ccc;
}



#nav-menu ul li a {
padding: 0.3em 2em;
text-decoration:none;
}
	

/* find form */	

input { 
	font-family: "Microsoft Sans Serif","Lucida Grande", sans-serif, monospace;
	}

.findform {
	text-align:left;
	padding: 1em 0;
	background-color: #ddd;
	border: none; /*1px solid gray;*/
	color:black;
	}
	
label.firstlabel {
padding-left:1em;
width:200px;
float:left;
}


div#findform input {
	font-family:"Microsoft Sans Serif","Lucida Grande", sans-serif, monospace;
	}
	
	
	
#poruka1 {
	display:block;
	background-color:#fff;
	text-align:center;
	padding: 0.5ex 0;
	color:black
	}
	
.poruka2 {
	display:block;
	color:red;
	text-align:center;
	padding: 1ex 0;
	}
	
table#reciresult {
	width:900px;
	margin: 1em auto;
	/*border: 1px solid black; */
	}
table#reciresult td {
	width:33%;
	border-bottom: 1px solid #aaa;
	text-align:left;
	padding: 1px 2em 1px 0;
	}
	
table#skracenice{
	font-family:"Microsoft Sans Serif", "Lucida Grande", verdana, sans-serif;
	border-bottom: 1px solid #aaa;
	text-align:left;
	padding: 1px 2em 1px 0;
	}
	
.skr {
	font-weight:800;
	text-align:right;
	vertical-align:top;
	padding:1ex;
	border-bottom: 1px solid #aaa;
	white-space:nowrap;
	}
	
.opis {
	font-weight:normal;
	text-align:left;
	padding:1ex;
	border-bottom: 1px solid #aaa;
	}	
	
p#abbr {
	font-family:serif;
	font-style:italic;
	font-size:128%;
	color:red;
	padding-top:1em;
	}
	
/* TABELA KODOVA -- HOVER */


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */


.pictcell {
float:right;
}

.thumbnail{
position: relative;
top:0;
padding-right:1ex;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;


top: -60px;
left: -220px; /*position where enlarged image should offset horizontally */

}

#logintable {
width:300px;
margin: 1em auto;
padding:1em;
background-color:#ddd;
border: 1px solid gray;
}

#logintable td {
padding:1ex;
}


table.outertable {
margin-top:6px;
}


table.outertable td.first {
width:70%;
padding-right:1em;
vertical-align:top;
border-top:2px solid gray;
}

table.outertable td.second {
width:30%;
padding-left:0em;
vertical-align:top;
display:none;
}

#alllangsdiv {
background-color:#999;
border: 1px solid #999;
}

.langcell {
background-color:#fff;
padding: 0em;
border: 1px solid #999;
}

.editlangbutton {
text-align:right;
padding-right: 0.5ex;
margin-top: -1.6em;
color:#fff;
text-decoration:none;
}

.langcontent {
padding: 6px 0 6px 1ex;
font-size:93%;
}

.langtitle {
color:yellow;
font-size:108%;
background-color:#003399;
display:block;
padding: 0.5ex 1ex;
margin-bottom: 0.1ex;
}

.langgeneraltitle {
color:white;
font-size:100%;
background-color:#999;
display:block;
padding: 0.5ex 1ex;
margin-bottom: 0ex;
}

#langeditform {
margin: 0 auto;
width:600px;
}

#langeditform textarea {
width:100%;
height: 200px;
background-color: #fff;
padding:0.5ex;
border:1px solid gray;
}

p.centermessage {
text-align:center;
font-size:128%;
padding:1em;
}

#goback {
float:right;
margin-top:-20px;
}

.messagebox {
border: 2px solid gray;
padding:2em;
width:50%;
margin:auto;
background-color:#fff;
}


.paginator
		{
		font-family: verdana, sanserif;
		display: inline;
		color: #000;
		font-size:80%;
		margin: .2em;
		position: relative;
		padding: .2em;
		line-height:2;
}


.page_link {
  color:black;
}	
		
.paginator :hover
		{
		color: red;
		text-decoration:none;
		}		
	
/* for definition search result */	
.hilitetext
	{
	background-color: yellow;
	}