/* PRODEJNA.NAKO.CZ, MEDIA SCREEN */


/* BASIC SETTINGS */

@font-face {
font-family: 'TertreExtraBold';
src: url('/fonts/tertre-xbol-webfont.eot');
src: url('/fonts/tertre-xbol-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/tertre-xbol-webfont.woff') format('woff'), url('/fonts/tertre-xbol-webfont.ttf') format('truetype'), url('/fonts/tertre-xbol-webfont.svg#TertreExtraBold') format('svg');
font-weight: normal;
font-style: normal;
}

html {
height: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

body {
color: rgb(0,0,0);
font: normal normal normal 2.5em/1.25 sans-serif;
height: 100%;
margin: 0;
padding: 0;
}

a:focus {
outline: thin dotted;
}

form,
h1,
h2,
h3,
ol,
p,
ul {
margin: 0;
padding: 0;
}

form label {
cursor: pointer;
}

form button,
form input[type='button'],
form input[type='submit'],
form input[type='reset'] {
-moz-appearance: button;
-webkit-appearance: button;
cursor: pointer;
margin: 0;
padding: 0;
}

form button[disabled],
form input[disabled] {
cursor: default;
}

form button::-moz-focus-inner,
form input::-moz-focus-inner {
border: 0;
padding: 0;
}

form input[type='text'],
form input[type='number'],
form input[type='password'],
form select {
margin: 0;
}

form textarea {
margin: 0;
resize: none;
vertical-align: top;
}

hr {
border: none;
margin: 0;
}

img {
display: block;
}

ol li {
list-style-type: decimal;
}

ul li {
list-style-type: square;
}

div.wrapper {
clear: both;
}


/* MAIN PAGE */

div#page {

}


/* HEADER */

#header {
border-bottom: 1px solid rgb(200,200,200);
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1em;
width: 100%;
}


/* logo */

#header p.logo {
float: left;
margin: 1px 0 1px 0;
}

#header p.logo a {
display: block;
}


/* link */

#header p.back {
float: right;
margin-top: -2px;
}

#header p.back a {
background: transparent;
border: 2px solid rgb(122,166,8);
border-radius: 10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: rgb(122,166,8);
display: inline-block;
font: bold 0.75em sans-serif;
padding: 0.75rem 1.75rem 0.75rem 1.75rem;
text-decoration: none;
text-transform: uppercase;
}


/* CONTENT */

div#content {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto 0 auto;
width: 100%
}

#content p {
font-family: inherit;
font-size: 1em;
margin: 0 0 0.5em 0;
}

#content b,
#content strong {
font-family: inherit;
font-size: 1em;
font-weight: bold;
}

#content del {
font-family: inherit;
font-size: 1em;
}

#content i,
#content em {
font-family: inherit;
font-size: 1em;
}

#content ins {
font-family: inherit;
font-size: 1em;
text-decoration: none;
}

#content samp {
font-family: inherit;
font-size: 1em;
}

#content sub {
bottom: -0.25em;
font-size: 0.75%;
position: relative;
vertical-align: baseline;
}

#content sup {
font-size: 0.75%;
position: relative;
top: -0.5em;
vertical-align: baseline;
}

#content ol {
margin: 0 0 0.5em 3.125em;
}

#content ul {
margin: 0 0 0.5em 1.875em;
}

#content li ol,
#content li ul {
margin-bottom: 0;
}

#content a {
color: rgb(122,166,8);
}

#content a:hover {
text-decoration: none;
}

#content table {
border-collapse: collapse;
border-spacing: 0;
margin: 0 0 0.5em 0;
}

#content table caption {
font: 1em/125% sans-serif;
padding: 5px 0.625rem 5px 0.625rem;
text-align: left;
}

#content table th,
#content table td {
border: 1px solid rgba(192,192,192,0.4);
font: 1em/125% sans-serif;
padding: 0.5em 1em;
}

#content table thead th,
#content table thead td {
background: rgb(235,235,235);
}

#content form fieldset {
border: none;
margin: 0;
padding: 0;
}

#content form label {
font-family: inherit;
font-size: 1em;
}

#content form legend {
font-family: inherit;
font-size: 1em;
}

#content form input[type='text'],
#content form input[type='number'],
#content form input[type='password'],
#content form textarea,
#content form select {
background: transparent;
border: 2px solid rgb(0,0,0);
border-radius: 10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font: 0.75em sans-serif;
padding: 0.75rem 1.75rem 0.75rem 1.75rem;
}

#content form input[type='submit'],
#content form button[type='submit'],
#content form input[type='reset'],
#content form button[type='reset'],
#content form input[type='button'],
#content form button[type='button'] {
background: transparent;
border: 2px solid rgb(243,95,8);
border-radius: 10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: rgb(243,95,8);
font: bold 0.75em sans-serif;
padding: 0.75rem 1.75rem 0.75rem 1.75rem;
text-transform: uppercase;
}

#content form input[type='reset'],
#content form button[type='reset'] {
border-color: rgb(234,0,0);
color: rgb(234,0,0);
}


/* search */

div#content div.search fieldset {
margin: 0 0 1em 0;
}

div#content div.search label {
display: inline-block;
vertical-align: middle;
width: 3em;
}

div#content div.search input[type="text"],
div#content div.search input[type="number"] {
width: 10em;
}


/* columns */

div#content div.columns {
display: flex;
}

div#content div.left-column {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
max-height: 659px;
overflow: hidden;
overflow-y: scroll;
padding: 1em;
width: 75%;
}

div#content div.right-column {
background: rgb(245,245,245);
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: right;
max-height: 659px;
overflow: hidden;
overflow-y: scroll;
padding: 0.5em 1em 1em 1em;
width: 25%;
}

div#content div.right-column h2 {
font-size: 0.75em;
margin-bottom: 0;
}


/* items */

div#content p.erase-history {
border-top: 1px solid rgb(200,200,200);
margin: 0.5em 0 0 0;
padding: 0.5em 0 0 0;
}

div#content p.erase-history a {
background: transparent;
border: 2px solid rgb(234,0,0);
border-radius: 10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: rgb(234,0,0);
display: block;
font: normal 0.45em sans-serif;
padding: 0.75rem 1.5rem 0.75rem 1.5rem;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}

div#content div.items div.item {
border-top: 1px solid rgb(200,200,200);
margin: 0.5em 0 0 0;
padding: 0.5em 0 0 0;
}

div#content div.items div.item h3 {
font-size: 0.5em;
margin-bottom: 1em;
}

div#content div.items div.item div.image img {
border: 1px solid rgb(200,200,200);
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-height: 120px;
max-width: 100%;
}


/* product */

div#content div.product h1 {
font-size: 1em;
margin-bottom: 1em;
}

div#content div.product > div > h2:first-child {
color: rgb(243,95,8);
font-size: 1.375em;
margin-bottom: 0.5em;
}

div#content div.product div.image {
float: left;
margin-bottom: 0.5rem;
width: 40%;
}

div#content div.product div.image img {
border: 1px solid rgb(200,200,200);
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
max-height: 320px;
max-width: 100%;
}

div#content div.product div.data {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-bottom: 0.5rem;
padding: 0 0 0 3rem;
width: 59%;
}

div#content div.product div.data p {
font-size: 0.75em;
margin-bottom: 0.25em
}

div#content div.product div.data p:last-child {
margin-bottom: 0;
}

div#content div.product div.data strong {
color: rgb(243,95,8);
}

div#content div.product div.data p.price {
background: rgb(122,166,8);
border-radius: 2px;
display: inline-block;
color: rgb(255,255,255);
margin: -0.25em 0 1.25em 0;
padding: 1rem 0.5rem;
position: relative;
transform: rotate(-8deg);
}

div#content div.product div.data p.price:before,
div#content div.product div.data p.price:after {
background: rgb(122,166,8);
border-radius: 29px;
content: '';
height: 58px;
position: absolute;
top: 11px;
width: 58px;
z-index: -1;
}

div#content div.product div.data p.price:before {
top: 11px;
left: -14px;
}

div#content div.product div.data p.price:after {
right: -14px;
}

div#content div.product div.data p.price strong {
color: rgb(255,255,255);
font-size: 1.25em;
}

div#content div.product div.parameters,
div#content div.product div.text {
border-top: 1px solid rgb(200,200,200);
clear: both;
float: left;
font-size: 0.425em;
line-height: 1.5;
margin-top: 1.25rem;
padding-top: 1.25rem;
width: 100%;
}

div#content div.product div.parameters table {
margin: 0;
width: 100%;
}

div#content div.product div.parameters th,
div#content div.product div.parameters td {
border: 0;
text-align: left;
width: 65%;
}

div#content div.product div.parameters th {
width: 35%;
}

div#content div.product div.parameters table tr:nth-child(odd) th,
div#content div.product div.parameters table tr:nth-child(odd) td {
background: rgb(240,240,240);
}


/* FOOTER */

div#footer {
width: 100%;
}