html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    background-color: #eeeeee;

    line-height: 1;
}

ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

b {
    font-weight: bold;
}

header {
    background: #ffffff;
    padding: 5px 5px;
}

header:before, header:after {
    content:"";
    display:table;
}

header:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
header {
    zoom:1;
}

.header_right {
    float:right;
    margin:15px 4px;
}

.header_above_right {
    /*float:right;
    margin:4px 2px;*/
    display: none;
}

/*
  wrapper for narrow doesn't have width defined
*/
.wrapper {
    position: relative;
    /*width: 240px;*/
    margin: auto;
}


/* 
   class top_nav for navigation 
   button menu on the right side of the screen
   
   right offset is set to add place for flag, cart and currency
     
*/
a.top_nav {
    float: right;
    color: #fff;
    background-image: url(images/menu_back.png);
    text-decoration: none;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    height: 18px;
    /*right: 18px;*/
    text-transform: uppercase;
    letter-spacing: 0.1em;
    -webkit-border-radius: 3px 9px;
    -moz-border-radius: 3px 9px;
    border-radius: 3px 9px;
}

/* ozadje gumba menu*/
a.top_nav:hover,
a.top_nav:focus {
    color: #1b1b1b;
    background: #8BDE98;
}

.top_nav {
    position: absolute;
    top: 18px;
    right: 59px;
    background: none;
}

.upper_address {
    position: absolute;
    top: 0px;
    right: 10px;
    background: none;
    color: #ff2222;
}


h1 {
    color: fuchsia;
}

h2 {
    font-family: 'Verdana', sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #0a0a0a;
}

/* 
   class logo used in xxx_main.php
   float is used to wrap around menu button
*/

h1.logo a {
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
    float: left;
    letter-spacing: 0.2em;
}

body {
    background-image:  url('images/lasersko-graviranje-back-wide.jpg');
    background-repeat: no-repeat;
    font-family: Verdana, Arial, sans-serif;
    font-weight: normal;
    font-size: medium;
}

.offset {
    height: 190px;
}

.mh_section {
    display: block;
    width: 90%;
    background: #ffffff;
    margin: 12px;
    padding: 12px;
    float: left;
}

.mh_section_gallery {
    display: block;
    width: 90%;
    background: #eeeeee;
    margin: 12px;
    padding: 12px;
    float: left;
}


.mh_section_gallery_right {
    float:right;
    font-size: small;
}

.mh_section_shop {
    display: block;
    width: 95%;
    background: #ffffff;
    margin: 0px;
    padding: 0px;
    border: 0px;
    float: left;
}

.mh_section_shop_big_image {
    border: 0px solid grey;
    margin: 0px;
    padding: 0px;
}

.mh_section_shop_image {
    border: 1px solid grey;
    margin: 0px 0px 0px -4px;
    padding: 0px;
}

.mh_add_to_cart_line {
    display: block;
    width: 100%;
    background-color: #A4DC3D;
    color: white;
    padding: 5px 5px;
    border: none;
    cursor: pointer;
}

.mh_engraving_continer {
    display: block;
    width: 100%;
    height: 200px;
    background-color: #fefefe;
    float: left;
}

.mh_engraving_form {
    display: block;
    width: 50%;
    float: left;
}

.mh_engraving_image {
    display: block;
    background-color: #dddddd;
    vertical-align: middle;
    margin: auto;
    float: left;
    /*position: relative; */
    /*width: 50%;*/ /* for IE 6 */
    height: 200px;
}

.mh_engraving_text {
    position: relative;
    width: 100%;
    /*vertical-align: middle;*/
    text-align: center;
}

.mh_wide_section {
    display: block;
    width: 100%;
    margin: 0px;
    padding: 0px;
    float: left;
}

.main_500 {
    width: 100%;
    margin: auto;
}


.clear-float {
    clear: both;
}

/*
navigation
*/

#primary_nav ul {
    list-style: none;
    background: #63BA65;
    padding: 5px 0;
}

#primary_nav li a {
    display: block;
    padding: 0 20px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    letter-spacing: 0.1em;
    line-height: 2em;
    height: 2em;
    border-bottom: 1px solid #fff;
}

#primary_nav li:last-child a {
    border-bottom: none;
}

#primary_nav li a:hover,
#primary_nav li a:focus {
    color: #1b1b1b;
    background: #7BC787;
}

/*
   li class top
   used to hide top menu selection in wide mode
*/
#primary_nav li.top {
    /* display: none; */
}


/*footer*/
footer {
    font-family: Verdana, Arial, sans-serif;
    font-weight: normal;
    font-size: small;
    width: 100%;
    height:60px;
    max-height:60px;
}

.simple_page {
    margin: 5px 12px 5px 12px;
    text-align: left;
}

h2_inline {
    display: block;
    font-size: 30px;
    font-weight: normal;
    color: #ff2222;
    font-family: ALittlePot, Arial, sans-serif;
    /*float: left;*/
}

#above_nav li {
    display: block;
    font-size: 17px;
    font-weight: normal;
    color: #808080;
    font-family: Times, Times, serif;
}

/* color for above nav menu */
#above_nav li a {
    color: #63BA65;
}

#above_nav li a:hover,
#above_nav li a:focus {
    color: #808080;
}