/*------------------------- MAIN ELEMENTS -------------------------*/
body{
background: #ccc url('img/bg.png') repeat center;
color: black;
font-family: Verdana, Tahoma, Arial, sans;
font-size: 12px;
text-align: left;
margin: 0;
}

a{
color: white;
text-decoration: none;
}

a:hover{
text-decoration: underline ;
}

img{
border: none;}

table, p{
text-align: left;}

p{margin-bottom:1.2em; text-align:justify;}

ul{ margin: 0;}

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
margin-bottom: 5px;
}
 
h1 {
font-size:2em;
}

/*------------------------- DIVS -------------------------*/
#wrapper{
margin: 0 auto;
text-align: center;
width: 900px;
position: relative;
margin: 15px auto;
}

/*------------------------- SEARCH BOX -------------------------*/
#search_box{
background: url("img/box.png") no-repeat center center;
margin: 0 auto;
text-align: center;
width: 600px;
height: 159px;
position: relative;
color: white;
font-size: 14px;
}

#trazi{
height:25px;
width:51px;
background: url('img/trazi.png') no-repeat;
position: relative; top: -3px;
}

#word{
color: gray;
background: url('img/input.png') no-repeat;
border: none;
overflow: auto;
width:300px;
height:25px;
font-size:20px;
margin-top: 5px;
}

#add-word, #add-latin, .pass{
color: #222;
background: url('img/input2.png') no-repeat;
border: none;
overflow: auto;
width:300px;
height:25px;
font-size:20px;
margin: 5px 0;
}
#add-desc{
color: #222;
background: url('img/input3.png') no-repeat;
border: none;
overflow: auto;
width:300px;
height:200px;
font-size:12px;
margin-top: 5px;
}

#submit, #reset{border: 1px  solid gray;margin-top:10px;}

/*------------------------- STRAFTA -------------------------*/
#strafta{
margin: 0 auto;
text-align: left;
width: 100%;
height: 70px;
background: transparent url('img/strafta.png') repeat-x;
position: relative;
color: white;
font-size: 20px;
padding-top:10px;
}

/*------------------------- LOGO -------------------------*/
#logo{
width: 300px;
height: 150px;
/*background: url('img/logo.png') no-repeat center center;*/
position: relative;
border: 1px solid black;
margin: 0 auto 15px auto;
}


/*------------------------- REZULTATI -------------------------*/
#results{
width:360px;
position: relative;
float: left;
text-align: right;
}

#display{
width:360px;
padding: 0;
position: relative;
float: left;
}

#display h2{
margin-top: 0}

.rezultat{
text-align: right;
width:360px;
font-size: 11px;
border-bottom: 1px dashed silver;
}

.rezultat:hover{
background: #1eaef8;
cursor: pointer;
}

input{
background: white;
border: none;
}

/*------------------------- REZULTATI WRAPPER -------------------------*/
#rez_gore{
background: transparent url('img/rezgore.png') no-repeat;
width: 900px;
height: 35px;
position: relative;
}

#rez_sredina{
background: white url('img/rezsredina.png') no-repeat;
width: 900px;
position: relative;
}

#rez_dole{
background: transparent url('img/rezdole.png') no-repeat;
width: 900px;
height: 35px;
position: relative;
}

/*------------------------- FOOTER -------------------------*/
#footer{
margin: 0 auto 50px auto;
background: transparent url('img/footer.png') no-repeat;
font-size: 9px;
text-align: center;
width: 450px;
height: 100px;
position: relative;
}

#footer a{text-decoration: none;color:gray}
#footer a:hover{color:black}

/*------------------------- FIXED MENU -------------------------*/
#fixed_menu{
background: transparent url('img/fixedmenu.png') no-repeat;
width: 350px;
height: 75px;
position: relative;
float: right;
}

.separator{background:transparent url('img/crta.png') repeat-y; padding:0; width:40px;}