html, body, form {
    height: 100%;
}
body
{
    margin: 0;
    padding: 0;
    
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 12px;
    color: #5a5a5a;
}

H1, H2, H3 { font-family: Trebuchet MS, Sans-Serif; margin: 0px 0px 6px 0px;}
H1{ font-size: 22px; font-weight: bold; color: #05386d; }
H2{font-size: 18px; }
H3{font-size: 14px;}

p{ margin: 0px 0px 8px 0px; }

.p2
{ font-size: 13px; 
line-height: 16px; }
.psmall
{ font-size: 10px; 
line-height: 12px; }
.blueh
{ color:#00CCFF }
.box_blue_fp
{
    border: solid 2px #eaf5ff;
    background-color: #f6fbff;
    padding: 5px;
}

a, link { color: #05386d; }
a:hover, link:hover { color: #fe5511; }


FORM input[type=text], FORM input[type=password] { border:solid 1px #2767ad; color:#666666; }
FORM textarea { border:solid 1px #2767ad; color:#666666; }
FORM input[type=submit], FORM input[type=button] 
{ 
    font-weight:bold; 
    font-size:14px; 
    color: #12487f; 
    background-color:#a9d2fc; 
    border:solid 1px #2767ad; 
    padding:2px 10px 2px 10px;
}  
FORM input[type=submit]:hover, FORM input[type=button]:hover 
{ color: #FFFFFF; background-color:#2767ad; }


.floatfix {clear:both; height:0px; line-height:0px; }
.hide { display:none;}

.box_prijava
{
	border: solid 2px #a2cefb;
    background-color: #eaf5ff;
    padding: 2px;
}

#shade_div
{
    display:none;
    background-color: #000000;
    position:absolute;
    z-index: 1000;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    filter: alpha (opacity=70);
}
#waiting_message
{
    display:none;
    border: solid 2px #aaaaaa;
    background-color: #eeeeee;
    padding:10px;
    position: absolute;
    left: 200px;
    top: 300px;
    z-index:999999;
    background-color: #cceffc;
    text-align:center;
}



#wrap_all_prva
{
   background-image: url('images/bg_header.gif');
   background-repeat: repeat-x;
   width: 100%; 
   position: relative;
   min-height: 100%; 
   
   /*border: dashed 1px grey;*/
}
#wrap_all
{
   background-image: url('images/bg_header_2.gif');
   background-repeat: repeat-x;
   width: 100%; 
   position: relative;
   min-height: 100%; 
   
   /*border: dashed 1px grey;*/
}

#wrap_inner
{
   margin: 0px auto 0px auto;
   width: 800px;
   /*border: dashed 1px black;*/
   padding-bottom: 129px; /* Height of the footer(129) + margin(10) */
}


/* --- HEADER -----*/
#header
{
}

#header_prva
{
    background-image: url('images/head_tomato_charts.png');
    background-repeat: no-repeat;
    background-position: right 32px;
}

#neoniz_logo
{
    float:left;
    background-image: url('images/logo_tomato.png');
    background-repeat: no-repeat;
    width: 253px;
    height: 100px;
  
}
#header_content1 { float:right; text-align:right; height:106px; padding: 6px 0 0 0; }
#header_content2 { clear: both; text-align:right; height:38px; padding: 15px 0 0 0;}

#header_content1_prva
{
    clear:left;
    height: 182px;
    width: 100%;
    padding: 0 0 0 0;
}



/* --- BANNER -----*/


.banner
{
    padding: 10px 0 0 30px;
    color: #ffffff;
}
.banner H1{ font-size: 28px; font-weight: bold; color: #FFFFFF; margin: 0px 0 6px 0; }
.banner H2{ font-size: 22px; }
.banner H3{ font-size: 18px; }




/* --- CONTENT -----*/
#content_wrap
{
    width: 100%;
    /*border: solid 1px black;*/
}

    /* ---- 1 column style ------ */
    .a1col { clear:both; width:100%; padding: 8px;}
    /* ---- END 1 colum style  ------ */

    /* ---- 2 column left oriented style ------ */
    .a2col_left_holder { clear:both; }
    .a2col_left_holder .col1 {float:left; width:210px; padding:8px;}
    .a2col_left_holder .col2 {float:right; width:69%; padding:8px;}
    /* ---- END 2 colum left oriented style  ------ */
    
    /* ---- 2 column centered style ------ */
    .a2col_centered_holder { clear:both; }
    .a2col_centered_holder .col1 {float:left; width:48%; padding:8px;}
    .a2col_centered_holder .col2 {float:right; width:48%; padding:8px;}
    /* ---- END 2 colum centered style  ------ */
    
    /* ---- 2 column right oriented style ------ */
    .a2col_right_holder { clear:both; }
    .a2col_right_holder .col1 {float:left; width:69%; padding:8px;}
    .a2col_right_holder .col2 {float:right; width:210px; padding:8px;}
    /* ---- END 2 colum right oriented style  ------ */
    
    /* ---- 3 column style ------ */
    .a3col_holder { clear:both; }
    .a3col_holder .col1 {float:left; width:30%; padding:8px;}
    .a3col_holder .col2 {float:left; width:32%; padding:8px;}
    .a3col_holder .col3 {float:right; width:32%; padding:8px;}
    /* ---- END 3 colum style  ------ */
    
    
/* --- FOOTER -----*/
#footer
{
    bottom: 0px;
    height: 129px; /* Height of the footer */
    position: absolute;
    width: 100%;
    
    background-image: url('images/bg_footer.gif');
    background-repeat:repeat-x;
    
}
#footer #footer_content
{
    margin: 0 auto 0 auto;
    width: 900px;
    text-align:center;
    padding: 40px 0 0 0;
    color: #222222;
    font-size: 10px;
}

#footer ul{ margin: 0 0 12px 0; padding: 0; list-style: none; }
#footer li{ display: inline; padding: 0 0px 0 8px; margin: 0 0 0 0;}

#footer a { color:#222222;  text-decoration: none; }
#footer a:hover { text-decoration: underline; }

.link_pravni_poduk
{
    color: #666666 !important;
}

/* ---- end FOOTER ----*/


/* --- TOP MENU ---*/
#top_menu { 
    font-family: Tahoma, Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    color:#99ccff;  
}
#top_menu ul{ margin: 0; padding: 0; list-style: none;}
#top_menu li{ display: inline; padding: 0 10px 0 6px;}

#top_menu a { color:#99ccff; text-decoration: none; }
#top_menu a:hover { color: #ffffff; }


/* ---- LEFT MENU ----*/
.menu1{ padding: 0 0 10px 0;}

.menu_title
{
    color: #666666;
    font-weight: bold;
    border-top: solid 4px #666666;
    border-bottom: dotted 1px #666666;
    padding: 8px 0 2px 0px;
    margin: 3px 0 10px 0; 
}

.menu1 ul{ list-style: none; margin: 0; padding: 0; }

.menu1 li
{ 
    padding: 3px 10px 3px 4px;
    color: #225c97;
}

.menu1 li:hover { color: #225c97; background-color: #ccffff;}
.menu1 li a { color: #225c97; text-decoration: none; }
.menu1 li:hover a { color: #225c97; background-color: #ccffff;}




/* ---- NAROCILA -------*/

.box_blue
{
    border: solid 2px #a2cefb;
    background-color: #eaf5ff;
    padding: 5px;
}
.box_blue2
{
    border: solid 2px #77b8f9;
    background-color: #d9edff;
    padding: 5px;
}
.box_green
{
    border: solid 2px #aada63;
    background-color:#e4f3cd;
    padding: 5px;
}
.box_orange
{
    border: solid 2px #ff8d1c;
    background-color: #ffe0c1;
    padding: 5px;
}
.box_grey
{
    border: solid 2px #aaaaaa;
    background-color: #f1f1f1;
    padding: 5px;
}

.narocilo_cenik { }
.narocilo_cenik:hover { background-color: #ffffff; }

.narocilo_cenik TD {
    padding: 7px;
    border-right: solid 1px #dddddd;
}
.narocilo_cenik TR { }

.narocilo_cenik_head TD {
    border-bottom: solid 2px #dddddd !important;
    vertical-align:top;
}

.narocilo_cenik_head { font-weight:bold; font-size:18px; }

.narocilo_cenik_col1 { font-weight:bold; color:#05386d; font-size:12px;  }

.narocilo_cenik_vspacer
{
    border-left: solid 2px #a2cefb !important;
    border-right: solid 0px #a2cefb !important;
}

.tbx_packets {
    border-top:solid 1px #abadb3 !important;
    border-left:solid 1px #e2e3ea !important;
    border-right:solid 1px #dbdfe6 !important;
    border-bottom:solid 1px #e3e9ef !important;
    padding: 1px 2px 1px 2px;
}

#is_user_yes { display:none; }
#is_user_no { display:none; }

#pogoji_poslovanja
{
    border: solid 1px #dddddd;
    padding: 5px;
    overflow:auto;
    height:150px;
}

.validation_message
{
    color:Red;
}

DIV#packet_switch_links
{
    font-weight:bold;
    cursor:pointer;
    margin-bottom:5px;
}
DIV#packet_switch_links:hover
{
    text-decoration:underline;
}

/* ---BILL TEMPLATE ----*/
#bill_wrapper
{
    width: 790px;
    padding: 5px;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
}

.bill_head
{
    border-bottom: solid 1px #999999;
    padding: 10px 0 10px 0;
    margin-bottom: 30px;
    color: #666666;
}
.bill_head TD
{
    font-size: 10px;
    padding: 0px 15px 0 0;
}

.bill_foot
{
    border-top: solid 1px #999999;
    padding: 10px 0 10px 0;
    text-align:center;
    margin-top: 20px;
    font-size: 10px;
    color: #666666;
}

.bill_items
{
    width: 100%;
    margin-bottom: 30px;
}
.bill_items TD
{
    padding: 5px;
    border-bottom: dashed 1px #aaaaaa;
}
.bill_items THEAD
{
    font-weight:bold;
    background-color: #eeeeee;
    
    
}
.bill_items THEAD TD
{
    border-top: solid 1px #666666;
    border-bottom: solid 1px #666666;
    
}



.bill_top
{
    width:100%;
}
.bill_top .bill_top_left
{
    
}

.bill_top .bill_top_right  THEAD TD
{
    text-align:right;
    font-size: 20px;

    padding-bottom:10px;
}
.suma
{
    font-size: 13px;

    padding-bottom:10px;
}
.bill_top .bill_top_right TABLE
{
    
    
}

.bill_sum
{
    float:right;
}
.bill_sum TABLE
{

}
.bill_sum TABLE TD { padding:5px; }