/* CSS Document */
/* FG WEBII.1 2006 Frano Gracin - sva prava pridržana */

body {
margin: 0 auto;
padding: 0;
font: 80% Verdana,Tahoma,Arial,sans-serif;
background-color: #FFFFFF;
color: #ffffff;
overflow: hidden;
}


#main {
background-color: #ffffff;
color: #ffffff;
margin: 50px auto;
margin-bottom: 0px;
width: 700px;
height: 400px;
}

#right{
float: right;
height: 374px;
width: 50px;
background-color: #5CA7CE;
background-image:url(images/left3.jpg); background-repeat:repeat; background-position: right;
}

#photo_left {
float: left;
width: 160px;
height: 400px;
text-align: center;
color: #FFFFFF;
background-color: #ffffff;
background-image:url(images/left3.jpg); background-repeat:no-repeat; background-position: left bottom;
}

#photo_left h1{
margin-top: 330px;
font-size: 2.5em;
line-height: 0.1em;;
color: #F0F0F0;
}

#photo_left h2{
line-height: 1em;
font-size: 1em;
color: #F0F0F0;
}

#main_right {
width: 490px;
height: 368px;
background-color: #ffffff;
color: #5CA7CE;
float: left;
border-bottom: 1px solid #435350;
border-top: 5px solid #FFFFFF;
overflow: auto;
}

#main_right_text {
margin: 10px 20px 10px 20px;
color: #505050;
background-color: #ffffff;
font-size: 0.85em;
}

#main_right_text a{
color: #5CA7CE;
background-color: #ffffff;
text-decoration: none;
}

#main_right_text a:hover{
color: #5CA7CE;
background-color: #ffffff;
text-decoration: underline;
}

#main_right_text h3{
background-color: #ffffff;
font-size: 1.2em;
margin: 10px 0 2px 10px; 
font-weight: bold;
}

#main_right_text h4{
clear:left;
text-align:left;
text-indent:1em;
}

#main_right_text hr{
color: #e0e0e0;
background-color: #ffffff;
margin: 0 0 0 0;
}

#main_right_text img {
border: 4px solid #ffffff;
float: left;
}

#news ul{
}

#news li {
text-align: left;
margin: 5px 0 5px -15px;
padding: 0;
list-style-type: square
}

#news li:first-line{
color: #A0A0A0;
background-color: #ffffff;
font-variant: small-caps;
}

#navbar {
height: 25px;
width: 540px;
float: left;
font-size: 0.9em;
background-color: #ffffff;
border-bottom: 1px solid #5CA7CE;

}

#navbar ul {
list-style-type: none;
margin: 0px 0px 0px -40px;
}	

#navbar li {
display:inline;
}

#navbar li a {
float:left;
font-weight: bold;
padding: 5px 0px 6px 0px;
width: 70px;
text-decoration: none;
color: #5CA7CE;
background-color: #FFFFFF;
text-align: center;
}
	
#navbar li a:hover {
background-color: #5CA7CE;
color: #FFFFFF;
}

.hide {
display: none;
}

.small{
font-size: 0.9em;
}

table{
width: 430px;
color:#666666;
background-color: #F0F0F0;
border: 1px solid #C0C0C0;
}

#gallery{
}

#gallery img{
display:inline;
float: none;
margin: 0 auto;
border: 0px;
padding-top: 4px;
}

#gallery a{
background-color: #F0F0F0;
text-align: center;
border: 1px solid #b0b0b0;
width: 120px;
height: 120px;
margin: 5px;
float: left;
vertical-align: middle;
}

#gallery a:hover{
background-color: #F0F0F0;
border: 1px solid #5CA7CE;
}