/* CSS Document */

#okvir{
	width: 830px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: left;
	padding: 0px;
}
#okvir #jezici {
	text-align: right;
	margin-right: 50px;
	color: #86A6B9;
}
#okvir #jezici a {
	color: #86A6B9;
	text-transform: uppercase;
}


#main{
	clear: both;
	overflow: auto;
	background-image: url(../images/okvir/pozadina.gif);
	background-repeat: repeat-y;
}
#main #inner {
	padding-right: 32px;
	padding-left: 32px;
	clear: both;
	overflow: auto;
	padding-bottom: 50px;
	margin-top: -25px;
}

#main #left{
	float: left;
	width: 530px;
	margin-bottom: 10px;
	text-align: left;
	margin-right: 10px;
}
#left #guides {
	text-align: justify;
}

#left #guides h1{
	margin-bottom: 25px;
}
#left #guides h2 {
	margin-top: 15px;
	margin-bottom: 15px;
}

#left #guides p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#left div.clanci img{border: 1px solid #FFFFFF}
#left div.clanci{text-align:justify;padding-right:20px}

#main #right{
	float: right;
	width: 210px;
	margin-bottom: 20px;
	text-align: left;
	border-left: 2px solid #fcfad2;
	padding-left: 10px;
	padding-bottom: 20px;
}
#right p{text-decoration:none;color:white;}
#right p a:link{text-decoration:none;color:white;}
#right p a:visited{text-decoration:none;color:white;}
#right p a:hover{text-decoration:underline;color:white;}
#right p a:active{text-decoration:none;color:white;}
#right img{border:0px;}
#right h1{font-family: Georgia;font-size: 20px;color: #97d6ff;margin-top:10px;margin-bottom:10px;}

#right ul{margin:0px;padding:0px;list-style-type:none;}
#right ul li{color: white;border-bottom: dashed 1px #97d6ff;padding-top:4px;padding-bottom:4px;}
#right ul li a{color:#FFFFFF;text-decoration:none;}
#right ul li a:visited{color:#FFFFFF;text-decoration:none;}
#right ul li a:hover{color:#d7edff;text-decoration:none;}
#right ul li a:active{color:#FFFFFF;text-decoration:none;}

#main #top{
	background-image: url(../images/okvir/header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 334px;
}
#main #bottom #top #logo {
	width: 300px;
	margin-top: 0px;
	height: 132px;
	margin-left: 32px;
	margin-bottom: 10px;
	margin-right: 0px;
	padding-top: 35px;
}
#main #bottom #top #logo img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#top #nav {
	margin-right: 32px;
	margin-left: 32px;
}
#main #bottom{
	background-image: url(../images/okvir/rub_na_dnu.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#main #dno{
	clear: both;
	padding-top: 10px;
}
.izbornik{
	border-left: 2px solid #fcfad2;
	width:80px;
	
	float:left;
	font-family: Verdana;
	font-size: 12px;
	color: white;
	text-transform: uppercase;
	padding: 27px 5px 0px 5px;
	text-align:left;
	vertical-align:bottom;
}

.izbornik a:link{text-decoration:none;color:white;font-family: Verdana;font-size: 12px;}
.izbornik a:visited{text-decoration:none;color:white;font-family: Verdana;font-size: 12px;}
.izbornik a:hover{text-decoration:none;color:white;font-family: Verdana;font-size: 12px;color:#d7edff;}
.izbornik a:active{text-decoration:none;color:white;font-family: Verdana;font-size: 12px;}
.izbornik2{
	border-left: 2px solid #fcfad2;
	width:90px;
	height:57px;
	float:left;
	font-family: Verdana;
	font-size: 12px;
	color: white;
	text-transform: uppercase;
	padding: 0px 5px 0px 5px;
	text-align:left;
	margin-bottom:20px;
	
}
.izbornik2 a:link{text-decoration:none;color:white;font-family: Verdana;font-size: 12px;}
.izbornik2 a:visited{text-decoration:none;color:white;font-family: Verdana;font-size: 12px;}
.izbornik2 a:hover{text-decoration:none;color:white;font-family: Verdana;font-size: 12px;color:#d7edff;}
.izbornik2 a:active{text-decoration:none;color:white;font-family: Verdana;font-size: 12px;}
#blog {
	text-align: justify;
	margin-bottom: 50px;
}
#blog .post {
	padding-top: 30px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0A62A9;
}
#blog .post h1 {
	margin: 0px;
}
#blog .post p {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
}
#blog .post img {
	background-color: #FFFFFF;
	padding: 2px;
}

#blog .wrote {
	color: #CCCCCC;
}
#blog .post p.comments {
	text-align: right;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#blog .post p.comments img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#blog .post .comments .koment {
	padding-left: 30px;
	background-image: url(../images/komentiraj.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#blog .post .comments .stalni {
	padding-left: 30px;
	background-image: url(../images/stalni.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}


#blog #comm {
	padding-top: 20px;
	padding-bottom: 20px;
}
#forma_komentari {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
}

#blog #comm p {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#blog #comm h2 {
	margin-bottom: 15px;
}

#forma_komentari input#ime {
	padding: 4px;
	background-color: #095B9F;
	border: 1px solid #FFFFFF;
	color: #ECE9D8;
}
#forma_komentari input#web {
	padding: 4px;
	background-color: #095B9F;
	border: 1px solid #FFFFFF;
	color: #ECE9D8;
}
#forma_komentari input#email {
	padding: 4px;
	background-color: #095B9F;
	border: 1px solid #FFFFFF;
	color: #ECE9D8;
}
#forma_komentari textarea#komentar {
	padding: 4px;
	background-color: #095B9F;
	border: 1px solid #FFFFFF;
	color: #ECE9D8;
}
#forma_komentari #komentiraj {
	background-color: #095A9D;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	padding: 5px;
}
#blog #comm .comments {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0A62A9;
	margin-bottom: 25px;
	color: #97D6FF;
	padding-top: 0px;
	padding-bottom: 10px;
}
#blog #comm .comments p {
	margin-bottom: 10px;
	margin-top: 10px;
	padding-left: 30px;
	text-align: left;
	padding-right: 30px;
}
#comm .comments p.said {
	color: #ECE9D8;
}
#blog #comm p.red{
	padding-top: 10px;
	margin-right: 30px;
	padding-bottom: 10px;
	margin-left: 30px;
	color: #074A81;
	text-align:center;
	background-color: #FFFFFF;
	font-weight: bold;
}




#left .odjeljak {
	margin-bottom: 30px;
}
#right p.navigacije a.pod{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFFFFF;
	padding: 5px;
}
.brod{
	border-right: dotted 1px #FFFFFF;
	width:165px;
	float:left;
	padding-right:4px;
	padding-left: 4px;
	margin-bottom:30px;
}
.right{text-align:right;}
.brod h3{margin-top:5px;margin-bottom:5px;}
.brod p{margin-top:5px;margin-bottom:5px;}
.brod img{
	border: 1px solid #FFFFFF;
}
#left .brodice{
	margin-top:25px;
}
#left #trazi{
	background-image: url(/images/search_form_bg.gif);
	background-repeat: repeat-x;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	background-position: center bottom;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#left #trazi fieldset{
	border:0px
	}
#left #trazi input#query{
	border:1px solid #FFFFFF;
	padding: 2px;
	}
#left #trazi input#button{
	background-color: #006699;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	font-size: 0.9em;
	text-transform: uppercase;
	color: #E4E4E4;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
#left #trazi p{
	margin:0px;
	padding:0px;
}
#left .contactdiv{
	padding-top: 30px;
	padding-bottom: 30px;
}
#left #contactform{margin:0px;padding:0px}
#left #contactform p{}
#left #contactform input#submit{
	background-color: #006699;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: 0.9em;
	text-transform: uppercase;
	color: #E4E4E4;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#left #contactform legend{
	padding-left:15px;
	padding-right:15px;
	color: #E4E4E4;
}
#left .circleform{margin-top:15px}
#left #contactform fieldset{
	width: 200px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	border: 1px solid #336699;
	margin-bottom:10px;
	float: left;
	margin-right: 10px;
}
#left #contactform label{
	padding-right: 10px;	
}
#left #contactform input{
	padding:3px;
	border: 1px dashed #E4E4E4;
	background-color: #135a94;
	margin-bottom: 5px;
	color: #E4E4E4;
}
#left #contactform  .visina{height:180px}
#left #contactform textarea{
	padding:3px;
	border: 1px dashed #E4E4E4;
	background-color: #135a94;
	color: #E4E4E4;	
}
#left .boatpic{
	margin: 0px;
	padding: 0px;
}
#left .boatpic ul{
	margin:0px;
	padding:0px;

	
}
#left .boatpic li{
	display:inline;
	margin: 0px;
	padding: 0px;

}
#left .boatpic img{
	border:1px solid #FFFFFF;
	margin-left:5px;
	padding:0px;
	margin-bottom: 5px;
}
.podcrtaj{
	padding-bottom: 10px;
	background-image: url(../images/search_form_bg.gif);
	background-repeat: repeat;
	background-position: bottom;
	padding-top: 10px;
	padding-left: 10px;
}
#left #specifikacije{margin-left:10px;margin-top:10px}
#left #specifikacije .lijevo{width:260px}
#left #specifikacije span.goleft{float:left;color:#97d6ff;margin-top:1px;margin-bottom:1px}
#left #specifikacije span.goright{float:right;}
#left #specifikacije td.plavo{border-bottom:1px dotted #97d6ff;}
#left .plavaslova{color:#97d6ff}

#left #cijene{margin-left:10px;margin-top:10px;margin-bottom:15px}
#left #cijene td{text-align:center}
#left .narancasto{
	color:#FF6600;
	font-size:1.2em;
	font-weight: bold;
	text-decoration: none;
}
#dodatno{
	margin-right: auto;
	margin-left: auto;
	width: 700px;
	margin-top: 20px;
	color: #86A6B9;
}
#dodatno p {
	margin: 0px;
	padding: 0px;
}

#dodatno a{
	color: #86A6B9;
}
#dodatno a:hover{}
.content:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.content{display:block;}
/*  \*/
.content {min-height:1%;}
 * html .content {height:1%;}
 /*  */
 
 /* end float fix */