body,td,th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #3A3A3A; }
body { background: #fff url(img/bg_body.gif) repeat-x; ; margin: 0; }
table, img { border: 0; }
td { vertical-align: top; }
h1 {
	font-size: 12px;
	background: #99221c;
	color: White;
	border-bottom: 0px solid #171717;
	text-transform: uppercase;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}
a { color: #003366; text-decoration: none; }
a:hover { color: #336699; text-decoration: none; }
form { margin: 0; }
h2, h3, h4, h5 {
	font-size: 15px;
	color: #99221C;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0;
	font-weight: bold;
}
#okvir { width: 900px; background: #fff; margin: 0 auto; }
#HeaderLeft { background: #fff; color: #000; }
#SubHeaderLeft { background: #002F64; }
#SubHeaderCenter { background: #002F64; }
#SubHeaderRight { background: #002F64; color: #fff; vertical-align: middle; text-align: right; }
#leftColumn { float:left; padding: 0; width: 150px; }
#leftCat { float:left; padding: 0; width: 150px; }
#menu { margin:0; padding: 0; width: 150px; }
#menu li  { width: 150px; }
#menu li a { display: block; background: #99221c url(img/bg_nav.gif) no-repeat right; border-top: 1px solid #F7FCFA; font-size: 10px; padding: 5px 0px 5px 7px; color: White; margin: 0; width: 95%; }
#menu li a:hover { background: #002f64 url(img/bg_nav.gif) no-repeat right; color: White; text-decoration: none; }
#menu h2 { background: #797979; border-top: 1px solid #E2E2E2; color: White; padding: 3px; padding-left: 6px; margin: 0px; font-size: 12px; }
#menu ul, #menu ul ul, #menu li, #menu ul li { list-style-type: none; display: block; padding: 0; margin: 0; }
#menu ul li { list-style-type: none; display: block; padding: 0; margin: 0; }
#menu ul ul { background: #99221c; list-style-type: none; display: block; padding: 0; margin: 0; background: #F3F3F3;}
#menu ul ul li a { background: #D5DCE3; border-top: 1px solid White; font-size: 10px; padding: 4px 0px 4px 7px; color: #002446; margin: 0; }
#menu ul ul li a:hover { background: #8C9EAF; color: White; text-decoration: none;}
#menu ul ul ul li a { background: #F4F4F4 url(img/ul_ul_ul.gif) no-repeat left; border-top: 1px solid White; font-size: 10px; padding: 2px 0px 2px 7px; color: #3A4665; margin: 0; text-indent: 15px; }
#menu ul ul ul li a:hover { background: #E8ECF0 url(img/ul_ul_ul.gif) no-repeat left; color: #002A53; text-decoration: none;}
.current { font-weight: bold; }
#content {
	padding: 5px 20px 20px 20px;
	width:100%;
	line-height: 16px;
}
#footer { background:  url(img/bg_footer.jpg) no-repeat right; font-size: 10px; color: #828282; margin-top: 20px; padding: 5px 5px 5px 200px; }
#headSpace { height: 75px; clear: both; }
#jezici { text-align: center; padding-bottom: 7px; margin: 0; font-size: 10px; vertical-align: bottom; }

#jezici span a { text-align: right; padding-left: 5px; background: url(img/arr_jezici.gif) no-repeat; margin-left: 10px; color: #99221c; }
#ikone { background: url(img/bg_h_nav.gif) no-repeat left bottom; font-size: 10px; text-align: right; padding:5px 30px 7px 0;  width: 287px; vertical-align: bottom; }
.icoKon { background: url(img/ico_kontakt.gif) no-repeat left; padding: 3px; padding-left: 20px; padding-right: 12px; }
.icoMap { background: url(img/ico_map.gif) no-repeat left; padding: 3px; padding-left: 20px; padding-right: 12px; }
.icoHome { background: url(img/ico_home.gif) no-repeat left; padding: 3px; padding-left: 15px; padding-right: 17px; }
.hidden { display: none; }
#login { padding: 5px; background: #B0BDCA; text-align: center; border-top: 1px solid #fff; }
#login input { text-align: center; }
.inputFild { background-color: #E3EBF5; height: 13px; width: 100px; border: 1px solid #E3EBF5; font-size: 10px; color: #002F64; }
.loginButt { background: url(img/btt_prijavi.gif) no-repeat; height: 20px; width: 66px; border: none; font-size: 10px; line-height: 20px; color: #002F64; }
#headPrijavi { float: right; text-align: center; height: 77px; width: 134px; background: url(img/bg_box_m.gif) ; color: #002F64; margin: 0 7px 0 0; display: none; }
#headTrazi { float: right; text-align: center; height: 77px; width: 134px;  background: url(img/bg_box_t.gif) ; color: #002F64; margin: 0; }
.loginButtHead { background: url(img/btt_prijavi.gif) no-repeat; height: 20px; width: 66px; border: none; font-size: 10px; line-height: 20px; color: #002F64; margin: 10px 35px 0px 0px; }
#content ul {
	padding: 0px 0px 0px 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	list-style-type: none;
}
#content ul li {
	padding-left: 10px;
	background-image: url(img/arr_jezici.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.tbl_uvjeti {
	background-color: #F4F4F4;
	margin-top: 5px;
	width: 90%;
}
.tbl_uvjeti td {
	padding: 3px 3px 3px 6px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	width: 150px;
}
.tbl_uvjeti th {
	padding: 3px 3px 3px 6px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	text-align: left;
	border-color: #FFFFFF;
	color: #990000;
}
.tbl_vrsta {
	color: #003399;
	font-weight: bold;
}
input {
	background-color: #E3EBF5;
	border: 1px solid #FFFFFF;
}
.field_title_cjenik {
	width: 150px;
	text-align: left;
	font-weight: bold;
	color: #002F64;
}
.libra {
	color: #CCCCCC;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 5px;
	font-size: 10px;
}
.libra a {
	color: #CCCCCC;
}
.libra a:hover {

	color: #002F64;
}
.malinska {
	background-color: #002F64;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 12px;
	line-height: 18px;
	background-image: url(http://www.soto-vento.hr/media/File/opcenito/mal.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

.tbl_kolekcija {
	
	padding: 5px;
}
.tbl_kolekcija td {
	background-color: #D5DCE3;
	height: 100px;
	width: 100px;
	margin-bottom: 10px;
	border: 3px solid #FFFFFF;
	text-align: center;
	padding: 5px;
}
.smal {
	font-size: 10px;
	color: #CCCCCC;
	margin-top: 6px;
}
.bannerImg {
	background-color: #013064;
	height: 137px;
	width: 137px;
	padding-top: 13px;
	padding-left: 13px;
	
}