/* ---- MAIN ---- */
html, body, #container {
min-height: 100%; /* Not supported by IE 5/6, but required for Firefox/Opera */
width: 100%;
height: 100%;
}
/***************************************************************************
* The "height" above is a hack for IE5+/Win. Below it's adjusted using
* the child selector to hide from IE5+/Win.
* Without this, Moz1.0 adds a vertical scrollbar, & Firefox1.0/Opera7.54
* cover everything with the footer when the viewport gets too small.
***************************************************************************/
html>body, html>body #container {
height: auto;
}
body {
margin: 0;
}
#container {
position: absolute;
top: 0;
left: 0;
background-color: #002233;
}
#main {
margin-bottom: 88px;
height: auto;
}
#header {
width: 100%;
height: 112px;
background-color: #002233;
background: url(../images/bcg_head.jpg) repeat-x;
vertical-align: top;
}
#tab {
width: 100%;
overflow: auto;
background: url(../images/bcg_fleke.jpg) repeat-x;
}
#footer {
position: absolute;
bottom: 0;
width: 100%;
height: 88px;
background-color: #00151f;
}


/* ---- TEKSTOVI ---- */
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00151f;
	margin: 18px 20px 6px 24px;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00151f;
}
.txt_co {
	font-size: 10px;
	color: #31657e;
}
.txt_str {
	font-size: 10px;
	color: #226f94;
	font-weight: bold;
}


/* ---- LINKOVI ---- */
.lnk_jezik, .lnk_jezik:hover {
	font-size: 10px;
	color: #FFF;
}
.lnk_jezik {
	text-decoration: none;
}
.lnk_jezik:hover {
	text-decoration: underline;
}
.lnk_co, .lnk_co:hover {
	font-size: 10px;
	text-decoration: none;
}
.lnk_co {
	color: #e86200;
}
.lnk_co:hover {
	color: #31657e;
}
.lnk_body, .lnk_body:hover {
	text-decoration: none;
}
.lnk_body, .lnk_str {
	color: #e86200;
}
.lnk_body:hover, .lnk_str:hover {
	color: #226f94;
}
.lnk_str, .lnk_str:hover {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}


/* ---- HEADER ---- */
.bcg_jezik {
	background: url(../images/bcg_jezici.jpg) no-repeat;
	height: 28px;
	vertical-align: middle;
	font-size: 10px;
	color: #FFF;
}


/* ---- MENI ---- */
.m_bcg_top {
	background: url(../images/meni/rub_top.gif) no-repeat top left;
}
.m_bcg_bottom {
	background: url(../images/meni/rub_bottom.gif) no-repeat bottom right;
}
.m_okvir, .m_okvir_lvl2 {
	border: 3px solid #003f5e;
}
.m_okvir {
	background: url(../images/meni/bcg_meni.gif) repeat-x;
}
.m_okvir, .m_okvir_on {
	padding-left: 18px;
}
.m_okvir_on, .m_okvir_lvl2_on {
	border: 3px solid #003651;
	background-color: #003651;
}
.m_okvir_lvl2 {
	background: url(../images/meni/bcg_meni_lvl2.gif) repeat-x bottom;
}
.m_okvir_lvl2, .m_okvir_lvl2_on {
	padding-left: 13px;
}
.lnk_meni, lnk_meni:hover, .lnk_meni_on {
	font-size: 12px;
	text-decoration: none;
}
.lnk_meni, .lnk_meni_lvl2 {
	color: #5c8ea7;
}
.lnk_meni:hover, .lnk_meni_on, .lnk_meni_lvl2:hover, .lnk_meni_lvl2_on {
	color: #e86200;
}
.lnk_meni_lvl2, .lnk_meni_lvl2:hover, .lnk_meni_lvl2_on {
	font-size: 11px;
	text-decoration: none;
}


/* ---- HOME ---- */
.body_bcg {
	background: url(../images/home/bcg_main.jpg) no-repeat top left;
	vertical-align: top;
	height: 332px;
}
.sl_glavna {
	background: url(../images/home/box_sl.jpg) no-repeat top right;
	height: 181px;
}
.h_img {
	padding: 4px 17px 0 0;
}


/* ---- PAGES ---- */
.b_top {
	background: url(../images/page/bcg_top.gif) repeat-x top;
	height: 120px;
	vertical-align: bottom;
	padding-left: 20px;
}
.img_glavna {
	padding: 19px 17px 21px 19px;
}
.bcg_hrvoje {
	background: url(../images/page/hrvoje.jpg) no-repeat bottom right;
	vertical-align: top;
}
.crta {
	background: url(../images/page/crta.gif) repeat-x center;
	height: 30px;
}
.okvir_fotogal {
	border: 1px solid #d1d1d1;
	background-color: #e3e3e3;
	width: 132px;
	padding: 3px 0 3px 0;
}
.okvir_fotka {
	border: 1px solid #00151f;
}
.sl_txt {
	font-size: 10px;
	color: #004161;
	padding: 5px 0 3px 0;
	vertical-align: top;
}


/* ---- TABLICA ---- */
.tabl_t_1, .tabl_t_4, .tabl_n_1, .tabl_n_4, .tabl_auto_1 {
	border-top: 1px solid #002234;
	border-left: 1px solid #002234;
}
.tabl_t_2, .tabl_n_2, .tabl_auto_2 {
	border-right: 1px solid #002234;
}
.tabl_n_3 {
	border-bottom: 1px solid #002234;
}
.tabl_t_1, .tabl_t_4, .tabl_auto_1 {
	background: url(../images/page/tabl_bcg.gif) repeat-x top;
	height: 24px;
	font-size: 12px;
	color: #dbe4e8;
	text-transform: uppercase;
}
.tabl_t_1 {
	padding-left: 10px;
}
.tabl_n_1 {
	background-color: #dbe4e8;
	padding: 8px 8px 8px 10px;
	vertical-align: top;
}
.tabl_n_4 {
	background-color: #dbe4e8;
	padding: 8px 8px 8px 0;
	vertical-align: top;
}
.tabl_auto_3, .tabl_auto_4 {
	padding: 2px 5px 2px 5px;
	vertical-align: top;
}
.tabl_auto_3 {
	font-weight: bold;
	width: 110px;
}


/* ---- BANNERS ---- */
.b_okvir {
	border: 3px solid #003f5e;
}


/* ---- ZEMLJE ---- */
.zemlje_tockice {
	background: url(../images/tockice.gif) repeat-x 0 13px;
}
.zemlje_pad {
	padding-right: 7px;
}