/******************************************************************
 * NASIT CSS
 * @author	Ivan Maros
 * @since	24.8.2006
 ******************************************************************/

/******************************************************************
 * General
 ******************************************************************/
* {padding: 0; margin: 0;}
body, p, div, td, ul {font: 11px Arial, Helvetica, sans-serif; color: #333;}
body {background-color: #FFF; margin: 0 0 20px; padding: 0; text-align: center;}
a, a:link, a:visited, a:active, a:focus {color: #666; text-decoration: none;}
a:hover {color: #F90;}
img {border-width: 0;}
p {margin: 0 0 1.2em;}
hr {border: 0; height: 1px; color: #666; background-color: #666; margin: 0 0 5px;}
ul, li {list-style: none;}
table, td {vertical-align: top; margin: 0; padding: 0; border: 0;}
.input-box {font: normal 11px Arial, Helvetica, sans-serif; border: 1px solid #3C4968; color: #666; background-color: #E2E7F1; padding: 1px 3px;}
.warn_color {font-size: 11px; color: #F00; display: block;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.block {display: block;}
.noborder {border: 0 ! important;}
.bold {font-weight: bold;}

/******************************************************************
 * Structure
 ******************************************************************/
#container {position: relative; width: 780px; margin: 0 auto; padding: 0; text-align: left;}
#header, #content {float: left; width: 100%;}
#footer {float: none; clear: both; width: 100%;}
#menu-box {float: left; width: 140px; overflow: hidden;}
#content-container {float: right; width: 633px; overflow: hidden;} /* #container - #menu-box - 7 */
#content-box {float: left; width: 384px; overflow: hidden;} /* #content-container - #extra-box - 13 */
#extra-box {float: right; width: 236px; overflow: hidden;} /* #content-container - #content-box - 13 */

/******************************************************************
 * Header
 ******************************************************************/
#header {padding-bottom: 1px; border-bottom: 1px solid #3C4968;}
#header #h-logo {width: 274px; padding-right: 7px; padding-top: 20px;}
#header #h-motiv {padding-top: 7px;}
#header .clear {height: 7px;}
#header-nav {float: left; width: 100%; background-color: #22293C;}
#header-nav #h-homepage-link {float: left; line-height: 20px; padding-left: 7px; background: #22293C url(../images/n_bg_vmenu_arrow_off.gif) no-repeat 0% 0%}
#header-nav #h-homepage-link:hover {background-image: url(../images/n_bg_vmenu_arrow_on.gif);}
#header-nav ul {float: right; padding-right: 7px;}
#header-nav li {display: inline; height: 20px; line-height: 20px; color: #D1D7E4;; font-weight: bold;}
#header-nav a {color: #D1D7E4; font-weight: bold;}
#header-nav a:hover, #header-nav li.current a {color: #F90;}

/******************************************************************
 * Content
 ******************************************************************/
#content {padding-bottom: 12px;}
#content h1 {font-size: 20px; font-weight: bold; color: #323D58; height: 30px; padding-left: 7px; background: url(../images/n_title_news.gif) no-repeat 100% 100%;}
#content h2 {font-size: 12px; font-weight: bold;}
#content h4 {font-size: 11px; font-weight: normal;}
#content #menu-box .category-nav li a {display: block; height: 27px; line-height: 26px; color: #333; font-weight: bold; padding: 0 4px; background: url(../images/n_menu_separator_line_off.jpg) no-repeat 0% 100%;}
#content #menu-box .category-nav li a:hover, #content #menu-box .category-nav li.current a {color: #F90; background-image: url(../images/n_menu_separator_line_on.jpg);}
#content #search-box {padding: 40px 0; font-weight: bold; line-height: 20px;}
#content #search-box #btnSearch {margin-top: 4px;}

#content #iframe {background: url(../images/n_bg_contentbox_middle.gif) repeat-y 0% 0%; float: left; width: 100%;}
#content #iframe .tile-box {margin: 4px 15px; padding: 8px 0; background: url(../images/n_tile_separator_dots.gif) repeat-x 0% 100%;}
#content #iframe .tile-box h3 {text-transform: uppercase; font-size: 11px; font-weight: normal; color: #666;}
#content #iframe .tile-box h4 {font-size: 11px; font-weight: normal; color: #999; padding-bottom: 7px;}
#content #iframe .tile-box .picture {float: left; padding-right: 4px;}
#content #iframe .tile-box .opsirnije {padding-top: 12px;}
#content #iframe .tile-box .link-opsirnije {width: 100%; font-weight: bold; text-align: right;}

#content #content-box ul {margin-bottom: 1.2em;}
#content #content-box ul {list-style: circle; margin-left: 15px;}
#content #content-box img {border: inherit;}

#content #extra-box {padding-top: 30px; text-align: center;}
#content #extra-box .l-anketa{text-align: left; padding-bottom: 20px; font-weight: bold;}
#content #extra-box .l-anketa h3 {font-size: 11px; font-weight: normal; text-indent: -9999px; background: url(../images/n_poll.gif) no-repeat 0% 0%; height: 12px; border-bottom: 1px solid #3C4968; margin-bottom: 7px;}
#content #extra-box .l-anketa .l-buttons {padding: 7px 0;}
#content #extra-box .l-anketa ul {padding-top: 7px;}
#content #extra-box .l-anketa li {line-height: 20px;}

#content #extra-box .xtra-content {text-align: left; padding-bottom: 20px; font-weight: bold;}
#content #extra-box .xtra-content h3.xtra-kolumna {font-size: 11px; font-weight: normal; text-indent: -9999px; background: url(../images/n_title_kolumna.gif) no-repeat 0% 0%; height: 12px; border-bottom: 1px solid #3C4968; margin-bottom: 7px;}
#content #extra-box .xtra-content h4 {font-weight: bold; color: #F60;}

ol.newsletter-categories {line-height: 20px; list-style: none; padding-top: 4px;}
ol.newsletter-categories li {list-style: none;}

/******************************************************************
 * Footer
 ******************************************************************/
#footer {border-top: 5px solid #22293C; padding-top: 7px;}