/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
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, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 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 {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*---------------------------------------------------*/


body           { line-height: 1.618;
 font-family: Arial, Helvetica, sans-serif; }
a              {
 text-decoration: none;
}


p              {
 margin: 0 0 1em; 
}


h1, h2, h3, h4 {
 margin: .5em 0 .75em;
 line-height: 1.3;
 }
h1             {
 font-size: 1.5em;
}


h2             {
 font-size: 1.25em;
}


h3             {
 font-size: 1.125em;
}


h4             { font-size: 1em;
}


b              { font-weight: 600;
}



.wrapper       { width: 1024px; margin: auto; background: #ffffff; min-width: 320px;}

td.link        {border: #ccc 1px solid; padding: 6px;}
a.link         {color: #ff8000; text-decoration: none; font-size: 16px; font-weight: normal;}
a.link:hover   {color: #777; text-decoration: underline;}

/*   ---   TOP MENU   ---   */




/*   ---   LOGO   ---   */

.logo-grid          { float: center; width: 100%; margin: auto; margin-top: 0px; }
.logo-grid a img    { width: 100%; }


/*   ---   TABULKOVE ZOBRAZENIE   ---   */

/* sm */

*,
*:before,
*:after      { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.col-sm-4    { position: relative; min-height: 1px; padding-right: 1px; padding-left: 1px; }
.col-sm-3    { position: relative; padding: 1px; margin-bottom: 2px;}
.col-sm-2    { position: relative; padding: 1px; }
.col-sm-1    { position: relative; margin-top: 10px; padding: 1px; text-align: justify;}

@media(min-width:400px) {
    .col-sm-4 { float:left }
    .col-sm-4 { width:33.33333333333333%}
}

@media(min-width:500px) {
    .col-sm-3 { float:left }
    .col-sm-3 { width:62%}
}

@media(min-width:600px) {
    .col-sm-2 { float:left }
    .col-sm-2 { width:50%}
}


@media(min-width:300px) {
    .col-sm-1 { float:left }
    .col-sm-1 { width:100%}
}

@media (min-width: 400px) and (max-width: 600px) {  
    .col-sm-4 { width: 50%; }
}

.product-image-wrapper { border: 4px solid #FFF; margin-bottom: 4px; padding: 0px; text-align: center;}
.productinfo img       { width: 100%;  padding: 0px;}
.productinfo           { position: relative; }

h2 a                   { color: #000000; text-decoration: none; font-size: 18px; font-weight: normal; margin-bottom: 0px;}
h2 a:hover             { color: #666666; text-decoration: underline;}
.price_bezDPH          { color: #000000; font-size: 18px; font-weight: bold;}

.status-dostupny       { color: #007700; line-height: 25px; font-size: 14px;}
.status-obj            { color: #FF0000; line-height: 25px; font-size: 14px;}
.status-nedostupny     { color: #FF0000; line-height: 25px; font-size: 14px;}

.picture_d             { float: center; width: 100%; padding: 40px; border: #ccc 1px solid; } /* obr. detail */
.picture_d a img       { width: 100%; }



/* -------------------   DETAIL  ------------------------    */

select.property     { background-color: #fff; padding: 10px; border: #000000 2px solid; width: 70%; min-width: 200px; }
input.qty           { border: #000000 2px solid; color: #000000; padding: 5px; width: 60px; text-align: center;}
input.basket        { color: #fff; background-color: #000; padding: 10px; border: #000 2px solid; width: 70%; min-width: 200px; }
input.basket:hover  { background-color: #777; }
.error              { color: #FF0000;}

/*   ---   KOSIK   ---   */

table.basket      { width: 100%; border: #fff 1px solid;}
td.basket         { padding: 6px; border: #999 1px solid; }
input.icon        { margin-left: 10px; background: none; padding-top:0px;}


/*---------------------------------------*/

input.tl            { color: #FFFFFF; padding: 10px; font-size: 16px; background: #000; border: #000 2px solid; }
input.tl:hover      { background: #777; }
input.txt           { border: #000 2px solid; color: #000; padding: 5px;}
.bold               { font-size: 20px; font-weight: 400; color: #123456; line-height: 26px; }
select.txt          { border: #000 2px solid; color: #000; padding: 5px;}

td.krok           { padding: 5px; border-bottom: 4px solid #000; background-color: #ddd; text-align: center;}
td.kroky          { padding: 5px; border-bottom: 4px solid #c4c4c4; color: #C4C4C4; background-color: #eee; text-align: center;}


td.adr            { padding: 5px; background-color: #fff;}
table.hlasenie    { width: 100%;}
td.hlasenie       { padding: 5px; text-align: center; color: #ff0000; border: 1px solid #777;} /* hlasenia, upozornenia */












p.footer { text-align: center; background-color: #ccc; font-size: 14px; color: #000000; padding: 20px; margin-bottom: 2px;}


@media only screen and (min-width: 1024px){

  h1{font-size: 2em;
}

  h2{
font-size: 1.65em;
}

  h3{
font-size: 1.25em;
}

  h4{
font-size: 1em;
  }
}


@media only screen and (max-width: 1023px) and (min-width: 768px){

  h1{font-size: 1.75em;}

  h2{
font-size: 1.45em;
}
}


@media (max-width: 1024px) { .wrapper { width: auto; } }