/* Booom style [][] */

@media projection, screen { 

.tabs-hide { display: none; }
}

@media print {

.tabs-nav { display: none; }
}
#container { margin-top:40px; }

.tabs-nav { font:18px 'League Gothic R', 'Titillium Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif; list-style: none; width: 460px; padding:0; margin: 0 !important; }

.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " "; }

.tabs-nav li { float: left; min-width: 130px; margin-left:17px; /* be nice to Opera */ white-space:nowrap; display:block }

.tabs-nav a, .tabs-nav a span { display: block; padding: 0; }

.tabs-nav a { margin: 0; /* position: relative makes opacity fail for disabled tab in IE */ padding: 0; font-weight: normal; display:block; width:130px; height:32px; padding-top:9px; text-align: center; text-decoration: none; white-space: nowrap; /* required in IE 6 */ outline: 0; /* prevent dotted border in Firefox */ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

.tabs-nav .tabs-selected a { position: relative; z-index: 2; margin-top: 0; color: #333; text-shadow:1px 1px 1px #FFFFFF; display:block; width:130px; outline:none }

.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { background-image:url(../images/menu-aback.jpg); background-position:top left; background-repeat:repeat-x; color:#333333; text-shadow:1px 1px 1px #FFFFFF; -webkit-box-shadow:  0px 0px 8px #99ff00; -moz-box-shadow: 0px 0px 8px #99ff00; box-shadow: 0px 0px 8px #99ff00; display:block; width:130px; outline:none/* prevent dotted border in Firefox */ }

.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active { }

.tabs-nav a span { width: 34px; /* IE 6 treats width as min-width */ height: 18px; /* IE 6 treats height as min-height */ min-height: 18px; padding-right: 0; }

*>.tabs-nav a span { /* hide from IE 6 */ width: auto; height: auto; }

.tabs-nav .tabs-selected a span { }

.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span { }

.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span { }

.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text; }

.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; }

.tabs-nav .tabs-disabled { opacity: .4; }

.tabs-container { /* declare background color for container to avoid distorted fonts in IE while fading */ -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }

.tabs-loading em { padding: 0 0 0 20px; background: url(loading.gif) no-repeat 0 50%; }

/*dodatni stil*/

table.katalog1 { font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 11px; }

table tr.caption1 { background-color:#B4516B; color:#FFFFFF; padding: 7px; font-size: 12px; }

table tr.caption1 td { padding: 7px; }

table tr.row1 { height: 80px; padding: 5px; }

table tr.altrow1 { height: 80px; padding: 5px; }

table tr td.namerow { width:130px; padding: 7px; font-size:11px; /* font-weight: 800; */ color: #8F153E; }

table tr td.namealtrow { width:130px; padding: 7px; font-size:11px; /* font-weight: 800; */ color: #8F153E; }

table tr td.content { width: 490px; height: 580px; vertical-align: top; font-size:11px; padding: 7px; }

table tr td.content table tr { height: 55px !important}