/* GENERAL */

body {
color:#003399;
padding:0;
margin:0px;
font-family:Trebuchet, Tahoma, Verdana;
font-size:0.85em;
line-height:1.35em;
background:#99ccff;
}

h1,h2,h3,h4,h5,h6 {
border-bottom:1px inset #003399;
padding:2px 2px 10px 6px;
margin:20px 15px 15px 4px;
font-variant:small-caps;
clear:both;
}

h1 {font-size:2.0em}
h2 {font-size:1.6em}
h3 {font-size:1.35em}
h4 {font-size:1.15em}
h5 {font-size:1.0em}
h6 {font-size:0.8em}

img {
border:none;
padding:0;
margin:0;
}

p {text-align:justify;}

a, a:visited {
text-decoration:none;
color:#3366ff;
cursor:pointer;
}

a:hover {text-decoration:underline;}

fieldset {
padding:10px;
margin:5px;
border:#ff9900 1px solid;
}

legend {
color:#ff9900;
font-size:110%;
font-weight:bold;
font-variant:small-caps;
}

.link:hover {
text-decoration:underline;
cursor:pointer;
}
/* FORM */

input, textarea, select {
color:#003399;
border:#3366ff 1px solid;
margin:1px;
padding:1px;
background:#eeeeee;
}

input:focus, textarea:focus, select:focus {background:#ffffff; border:#ff9900 1px solid;}

label {
font-variant:small-caps;
font-weight:bold;
display:block;
float:left;
width:200px;
clear:both;
}
.form.additional {
font-size:80%;
margin-left:202px;
}
/* HEADER */

#header, #menu_main {
border:none;
padding:0px;
width:100%;
}

#header {
color:#ccffcc;
background:#3366ff;
height:135px;
border:0px solid;
}

#menu_main {
width:100%;
height:33px;
padding:0px 0px 0px 0px;
background:#ff9900;
}

#menu_main ul, #menu_main li {
margin:0px;
padding:0px;
list-style:none;
}

#menu_main ul li {
display:inline;
float:left;
}

#menu_main ul li a, #menu_main ul li a:visited, #menu_main ul li .text {
color:#ffffff;
text-decoration:none;
border-left:1px solid #0066cc;
padding:8px 12px 7px 12px ;
font-variant:small-caps;
font-size:1.15em;
display:block;
}

#menu_main a:hover {
background:#3366ff;
color:#ccffcc;
}

#menu_main_box {
width:800px;
text-align:right;
margin-left:auto;
margin-right:auto;
}

/* CART */

#cart {
text-align:center;
min-height:140px;
width:210px;
float:left;
margin:0px 0px 10px 0px;
color:#003399;
}

#cart p { padding:10px; }

#cart a, #cart a:hover, #cart a:visited{
cursor:pointer;
font-decoration:underline;
}

/* MENU LEFT*/

#menu_left {
float:left;
width:210px;
margin:10px 0px 10px 0px;
padding:5px 5px 5px 0px;
}

#menu_left li, #menu_left ul {
padding:0px;
margin:0px;
list-style:none;
}

#menu_left_products {
border:none;
width:199px;
font-variant:small-caps;
margin:0px 0px 15px 0px;
}

#menu_left_products_box {
background:#ff9900;
}

#menu_left_products .title{
color:#ffffff;
text-align:center;
border-bottom:solid 1px #ffffff;
font-weight:bold;
font-size:120%;
}

#menu_left_products ul ul a, #menu_left_products ul ul a:visited{
padding-left:25px;
background:#ffdd66;
}

#menu_left_products a, #menu_left_products a:visited {
color:#223366; 
padding:1px 0px 0px 10px;
display:block;
text-decoration:none;
}

#menu_left_products a:hover, #menu_left_products ul ul a:hover {
background:#ffff66;
}

#menu_left_partners img {
padding:7px 10px 7px 28px;
}

#menu_left_partners .title, #cart .title  {
text-align:center;
border-bottom:1px inset #003399;
font-weight:bold;
font-size:120%;
font-variant:small-caps;
}

/* STRANICA */

#container {
margin-top:20px;
width:800px;
width:800px;
position:relative;
margin-left:50%;
left:-400px;
}

#page {
min-height:450px;
background:#FFFFFF;
border:none;
padding:0px;
float:left;
text-align:justify;
}

#stranica {
margin:15px;
width:550px;
float:right;
}

/* FOOTER */

#footer {
border:none;
border-top:3px solid #FF9900;
margin:30px 0px 0px 0px;
padding:0px;
width:100%;
float:left;
background:#3366FF;
height:175px;
color:#CCFFCC;
font-size:95%;
font-variant:small-caps;
line-height:1.22em;
text-align:justify;
}

#footer .naslov {
color:#FF9900;
font-weight:bold;
font-size:105%;
}

#footer a {color:#CCFFCC;}

#footer ul {
list-style:outside;
padding:3px 0px 0px 10px;
margin:0px;
}

#footer1, #footer2 {
float:left;
width:360px;
height:90px;
margin:4px;
padding:5px;
border-right:solid 1px #CCFFCC;
}

#footer3 {
float:left;
width:400px;
height:90px;
margin:7px;
}

#footer_bottom {
clear:both;
height:20px;
padding-bottom:35px;
}

/* NOVOSTI */

.novost {
float:left;
width:550px;
}

.novost .info {
color:#003399;
font-size:85%;
float:right;
margin:-15px 15px 0px 0px;
}

.novost .sadrzaj {
margin:10px;
float:left;
}

.novost img {
float:left;
margin:0px 10px 10px 0px;
}

#naslovna .news {
width:550px;
float:left;
}

/* REFERENCE */

#reference .category_box {
margin:0px 0px 0px 0px;
float:left;
}

#reference .box {
text-align:center;
width:120px;
height:180px;
float:left;
}

#reference .box img {
display:block;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
}

#reference .box a {display:block;}

/* PROIZVODI */

.product_page {
float:left; 
width:530px;
padding-bottom:30px;
}

.product_page .spec {
background:#eeeeee;
border:1px solid #cccccc;
width:250px;
padding:2px;
margin-left:auto;
margin-right:auto;
}

/*.downloads li { list-style:none; }*/

.product_page .image {
margin:5px 10px 5px 5px;
padding:3px;
float:left;
display:block;
text-align:center;
color:#999999;
}

/* E-TRGOVINA */

.artikl {
float:left;
display:block;
width:270px;
min-height:180px;
margin:5px 5px 5px 0px;
}

.artikl img {
float:left;
margin:0px 5px 0px 0px;
}

.artikl .cijena, .artikl .item_quantity, .artikl .item_pieces {
color:#990000;
font-size:90%;
}

.artikl .opis {font-size:80%; margin:3px;}

#shop .item, #shop .item_description {
padding:5px;
display:block;
clear:both;
}

#shop .item_title, #shop .item_quantity, #shop .item_pieces, #shop .item_commands,  #shop .item_price{
float:left;
}

#shop .item_title {
width:180px;
font-weight:bold;
}

#shop .item_quantity {
text-align:center;
width:30px;
}

#shop .item_pieces {
text-align:center;
width:60px;
}

#shop .item_commands {
width:175px;
}

#shop .item_price {
width:100px;
color:red;
}

#shop .item_description {
width:430px; border:#ddd solid 1px; height:150px;}

#shop .image {
padding:5px;
float:left
}

/* TABLES */

table, td {
border :1px solid #CCC;
border-collapse :collapse;
font-size :small;
text-align:center;
}

table {
border:none;
border:1px solid #CCC;
margin:7px;
clear:both;
}

thead th, tbody th {
background:#FFF; 
padding:5px 10px;
border-left:1px solid #CCC;
}

tbody th {
background:#fafafb;
border-top:1px solid #CCC;
text-align:left;
font-weight:normal;
}

tbody tr td {padding :5px 10px;}

tbody tr:hover {background :#FF9900;}

tbody tr:hover td {color :#3366FF;}

tfoot td, tfoot th {
border-left :none;
border-top :1px solid #CCC;
padding :4px;
background :#FFF;
}

caption {
text-align :left;
font-size :120%;
padding :10px 0;
color :#666;
}

/* TABBER LIVE */

/* $Id:example.css,v 1.5 2006/03/27 02:44:36 pat Exp
REQUIRED to hide the non-active tab content.
But do not hide them in the print stylesheet!*/

.tabberlive .tabbertabhide {display:none;}

/*.tabber = before the tabber interface is set up
.tabberlive = after the tabber interface is set up*/

.tabber {}

.tabberlive {
margin-top:0px;
clear:both;
}

/*ul.tabbernav = the tab navigation list
li.tabberactive = the active tab*/

.tabberlive ul.tabbernav {
margin:0px;
padding:2px 2px 2px 0px;
border-bottom:1px solid #3366FF;
font-weight:bold;
}

.tabberlive>ul.tabbernav {*padding:2px 2px 3px 0px;;}

ul.tabbernav li {
list-style:none;
margin:0px;
padding:0px;
display:inline;
}

ul.tabbernav li a {
padding:4px 5px 3px 5px;
margin:0px 0px 0px 5px;
border:1px solid #3366FF;
border-bottom:1px solid #3366FF;
background:#FF9900;
text-decoration:none;
}

ul.tabbernav li a:link , ul.tabbernav li a:visited {color:#FFFFFF;}

ul.tabbernav li a:hover {
color:#3366FF;
background:#ffdd66;
}

ul.tabbernav li.tabberactive a {
background-color:#FFFFFF;
color:#3366FF;
border-bottom:1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover {
background:white;
border-bottom:1px solid white;
}

/*.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive)*/

.tabberlive .tabbertab {
margin:10px 0px 0px 0px;
min-height:220px;
}

/* If desired, hide the heading since a heading is provided by the tab */

.tabberlive .tabbertab h2, .tabberlive .tabbertab h3 {display:none;}

.tabberlive label {width:125px;}

/* END TABBER LIVE */

/* ROTATOR */

#rotator
{
border:none;
overflow:hidden;
float:right;
margin:0px 0px 5px 15px;
position:relative;
width:275px;
height:200px;
}

#rotator img
{
border:none;
width:275px;
height:200px;
display:none;
position:absolute;
top:0;
left:0;
}

/* END ROTATOR */

/*VALIDATION CSS*/

input.disabled {
border:1px solid #F2F2F2;
background-color:#F2F2F2;
}

input.required, textarea.required {
border:1px solid #00A8E6;
}

input.validation-failed, textarea.validation-failed {
border:1px solid #FF6600;
color :#FF3300;
}

input.validation-passed, textarea.validation-passed {
border:1px solid #00CC00;
color :#000;
}

.validation-advice {
margin:5px 0;
padding:5px;
background-color:#FF6600;
color :#FFF;
font-weight:bold;
font-size:90%;
}

.custom-advice {
margin:5px 0;
padding:5px;
background-color:#C8AA00;
color :#FFF;
font-weight:bold;
}

/*END VALIDATION CSS*/

/*
.panel {
clear:both;
display:none;
border:3px solid #CCC;
padding:1em;
}

.panel.active-tab-body {
display:block;
}
#tabs {
list-style:none;
}

#tabs li {
float:left;
}

#tabs a {
float:left;
padding:5px 8px;
margin-left:6px;
background-color:#F2F2F2;
text-decoration:none;
color:#999999;
}

#tabs a.active-tab {
background-color:#CCC;
border-top:3px solid #999;
padding-top:3px;
color:#000;
}*/