@charset "utf-8";

*  {
margin: 0;
padding: 0;
}
header, article, section, footer, aside, nav, main {
display:block;
}
a {
color: #0378BD;
}
body {
font-size:100%;
font-family: "open sans",sans-serif;
background: url(//www.svet-tisku.cz/wp-content/themes/svettisku/images/tapeta.jpg) top center no-repeat #77C7F4;
background-attachment: fixed;
color: #666;
}
#celek {
max-width:960px;
max-width:65em;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
position: relative;
margin: 0 auto;
background-color: white;
}
#celek> .vnitrni{
width: 90.5%;
padding: 25px 0;
margin: 0 auto;
}
header:after, main:after, main .vnitrni:after, #uvitani:after, aside .cat-post-widget li:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 0;
}
header {
margin-bottom: 25px;
border-bottom: 5px solid gray;
}
header h1 {
margin: 6px 0 10px 0;
}
header h1 img {
border: none;
}
h1,h2,h3,h4,#kontakt, nav {
font-family: 'Montserrat', sans-serif;
}
main {
min-height: 500px;
}
main h1 {
margin: 0.6em 0 0.6em;
color: #0378BD;
font-weight: normal;
font-size: 30px;
font-size: 1.875rem;
line-height: 1.1;
}
body.home main h1 {
margin: 0.9em 0 0.7em;
}
main h2 {
font-size: 23px;
line-height: 1.2;
margin: 1.4em 0 0.4em;
color: #0378BD;
text-transform: uppercase;
font-weight: normal;
}
body.home main h2 {
margin: 1.2em 0 0.6em;
clear: both;
}
body.category main h2 {
font-size: 14px;
text-transform: none;
margin: 0;
}
main h3 {
font-size: 21px;
font-size: 1.3125rem;
text-transform: uppercase;
margin: 1em 0;
}
body.home main h3 {
font-size: 13px;
font-weight: normal;
margin: 0;
text-transform: none;
}
main p, .woocommerce-info, .woocommerce-message {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.6;
margin: 0 0 1.1em;
}
main ul {
margin: 1em 0 1em 30px;
}
main li {
font-size: 14px;
line-height: 1.7;
list-style-type: square;
}
main fieldset {
border: 1px solid #ccc;
border-radius: 5px;
background-color: #fcfcfc;
padding: 25px 30px 30px 30px;
margin-top: 30px;
margin-bottom: 3em;
}
main fieldset legend {
text-transform: uppercase;
font-weight: bold;
background-color: white;
padding: 5px 10px;
font-size: 14px;
font-size: 0.875rem;
border: 1px solid #ccc;
}
main fieldset input, main fieldset select {
height: auto;
}
main fieldset label {
color: black;
}
#celek fieldset, #celek select, #celek input, #celek textarea {
max-width: 100%;
vertical-align: middle;
}
body.home article {
margin: 10px 10px 30px 0;
-webkit-box-shadow:inset 0 0 50px 10px #F5F5F5;
box-shadow:inset 0 0 50px 10px #F5F5F5;  
padding: 0 0 1em 0; }
body.home article a {
text-decoration: none;
color: black;
text-align: center;
display: block;
}
body.home #celek article img {
width: 100%;
height: auto;
margin: 0 0 10px 0;
border: none; }
body.category article {
margin: 10px 30px 35px 0;
}
body.category article img{
max-width: 100%;
height: auto;
border: 1px solid #ccc;
border-radius: 3px;
}
footer {
clear: both;
border-top: 1px solid #f0f0f0;
padding: 2em 0 1em;
}
footer p{
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6;
}
.breadcrumbs {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.5;
margin: 0;
}
body.home .breadcrumbs {
display: none;
}
body.single img.wp-post-image, body.page img.wp-post-image  {
margin: 5px 0 25px 0;
border: 1px solid #ccc;
border-radius: 3px;
}
body.woocommerce-page #celek img.wp-post-image  {
border: none;
}
body.single aside, body.page aside, body.category aside {
margin-top: 0; 
}
aside section {
margin-bottom: 2em;
margin-top: 2em;
}
aside h2 {
font-size: 15px;
font-size: 0.9375rem;
text-transform: uppercase;
margin: 0 0 0.8em;
border-bottom: 1px solid #f0f0f0;
padding-bottom: 4px;
}
aside p{
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.7;
margin: 0 0 1em;
}
aside ul {
margin: 0.6em 0 1em 10px;
}
aside li {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.7;
list-style-type: square;
} aside img {
border:none;
}
aside input {
line-height: 1.6;
}
aside input.wpcf7-tel {
width: 95px;
border: 1px solid #gray;
line-height: 1.7;
}
aside span.wpcf7-not-valid-tip {
color: white;
line-height: 1.4;
}
aside div.wpcf7-mail-sent-ng {
border: 2px solid white;
}
div.wpfblike {
margin-top: 40px;
}
strong {
color: black;
}
section#text-3 {
padding: 15px 15px 10px 20px;
background-color: #0378BD;
border-radius: 10px;
color: white;
}
section#text-3 h2{
color: white;
border: none;
font-size: 80%;
}
div.wpcf7 {
clear: both;
}
select option, .wpcf7-form input  {
padding: 3px 3px;
}
#kontakt {
margin-bottom: 1em;
}
#kontakt li {
list-style-type: none;
font-size: 18px;
font-size: 1.125rem;
font-weight: bold;
color: #666;
line-height: 1.4;
}
#kontakt li#telefon {
font-size: 25px;
font-size: 1.5625rem;
}
#kontakt li#telefon span{
font-size: 70%;
display: block;
font-weight: 400;
}
#celek div.gallery img {
border: 1px solid #ccc;
max-width: 90%;
height: auto;
}
#celek div.gallery-columns-2.gallery-size-medium img, #celek div.gallery-columns-4.gallery-size-thumbnail img {
max-width: 90%;
}
body.page-id-28 #celek div.gallery img {
border: 1px solid white;
display: block;
max-width: 85%;
height: auto;
margin: 0 auto;
}
body.page-id-28 #celek dl.gallery-item {
margin-top: 0;
}
#celek main input.wpcf7-submit {
height: 32px;
height: 2rem;
padding: 0 1em;
margin-top: 1em;
} 
#celek main select, #celek main input, #celek main textarea {
width: 200px;
}
#celek main input[type=checkbox] {
width: auto;
}
body.postid-11 #celek span.material option[value*='150 MK'],
body.postid-11 #celek span.material_vnitrni option[value*='115 MK'],
body.postid-19 #celek span.material_vnitrni option[value*='115 MK'],
body.postid-9 #celek span.material option[value*='115 MK'],
body.postid-98 #celek span.material option[value*='0,4 mm'],
body.postid-17 #celek span.material option[value*='150 MK'],
body.postid-7 #celek span.material option[value*='350 MK']
{
font-weight: bold;
}
#celek aside input.wpcf7-text {
border: 1px solid #ccc;
border-radius: 3px;
font-family: inherit;
padding: 2px 0;
vertical-align: middle;
width: 100px;
}
#celek aside input.wpcf7-submit {
vertical-align: middle;
padding: 0 2px;
}
#celek aside .ajax-loader {
display: none;
}
.hideMe {
display: block;
float: left;
position: absolute;
text-indent: -999999px;
}
table {
border-collapse: collapse;
padding: 0;
color: #333;
font-size: 14px;
line-height: 2;
margin: 0 0 1.7em;
width: 100%;
}
table th {
background-color: #808080;
font-weight: bold;
border-right: 1px solid #ededed;
border-bottom: 1px solid #ededed;
font-size: 12px;
line-height: 1.3;
padding-bottom: 5px;
text-transform: uppercase;
color: #ffffff;
}
table td, table th {
line-height: 1.4;
padding: 2px 5px;
}
table td {
border-right: 1px solid #ededed;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
#celek .menu-navigace-container {
display: none;
}
div.eshop {
margin: 35px 0 90px;
}
div.eshop a {
width: auto;
padding: 0.8em 1.5em 1em;
font-size: 13px;
font-size: 0.8125rem;
font-weight: bold;
display: inline;
text-transform: uppercase;
text-decoration: none;
color: white;
border-radius: 10px;
background: #0378bd;
background: -moz-linear-gradient(top, #0378bd 0%, #013754 100%);
background: -webkit-linear-gradient(top, #0378bd 0%,#013754 100%);
background: linear-gradient(to bottom, #0378bd 0%,#013754 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0378bd', endColorstr='#013754',GradientType=0 );
}
#objednavka {
margin: 1em 0 2em;
}
#objednavka a {
width: auto;
padding: 0.8em 1.5em 0.9em;
font-size: 12px;
font-weight: bold;
display: inline;
text-transform: uppercase;
text-decoration: none;
color: white;
border-radius: 10px;
background: #e91111;
}
#tab-description h2 {
display: none;
}
table.cenik tr {
border-bottom: 1px solid #ededed;
}
#celek .wpcf7-list-item {
margin: 0;
} #celek .woocommerce  table.shop_table {
border-collapse: collapse;
}
.product_meta {
display: none;
}
p.price {
display: none;
}
#celek .woocommerce .woocommerce-result-count {
display: none;
}
#celek .woocommerce .woocommerce-ordering {
display: none;
}
#celek form.woocommerce-cart-form tr td.actions {
display: none;
}
.reset_variations {
display: block;
}
#celek .single_variation_wrap .price {
padding: 0.5em 0 0.2em;
font-size: 30px;
font-weight: bold;
display: block;
}
#customer_details h3 {
font-size: 16px;
}
#customer_details input, .woocommerce-form-login input, .register input, .woocommerce-EditAccountForm input, .woocommerce-ResetPassword input {
padding: 3px;
line-height: 1.7;
}
#wufdc_div {
border: 1px solid #gray;
background-color: #f0f0f0;
padding: 0.3em 1em 1em;
margin: 1em 0 0;
}
#wufdc_div h6 {
font-size: 14px;
margin: 1em 0 0;
}
body.single-product #celek .variations select,
body.woocommerce-cart #celek  .shop_table input.shipping_method,
body.woocommerce-checkout #celek  input.shipping_method,
body.woocommerce-checkout #celek  input.input-radio,
body.woocommerce-checkout #celek  input.input-checkbox,
body.woocommerce-account #celek input#rememberme,
body.woocommerce-checkout #celek input#rememberme
{
width: auto;
}
#celek div.woocommerce-checkout-payment ul li {
list-style-type: none;
}
#celek div.woocommerce-additional-fields__field-wrapper textarea {
width: 100%;
height: 80px;
}
body.woocommerce-checkout #celek td.product-name .wc-item-meta .wc-item-meta-label {
float: none;
}
body.woocommerce-page #celek ul.products li.product {
text-align: center;
}
body.woocommerce-page #celek ul.products li.product a img {
margin: 0 0 0.1em;
}
body.woocommerce-page #celek ul.products li.product .woocommerce-loop-category__title, 
body.woocommerce-page #celek ul.products li.product .woocommerce-loop-product__title {
font-size: 1.2em;
font-weight: bold;
padding: 0;
}
body.woocommerce-page #celek #payment .terms, 
body.woocommerce-page #celek #payment .wc-terms-and-conditions, 
body.woocommerce-page #celek #payment .terms, 
body.woocommerce-page #celek #payment .wc-terms-and-conditions {
float: none;
}
#wpgdprc_field {
margin: 0;
padding: 0;
}
#wpgdprc_field label {
line-height: 1;
}
body.woocommerce-page #celek form.woocommerce-checkout .woocommerce-shipping-fields .form-row label,
body.woocommerce-page #celek form.woocommerce-checkout .woocommerce-billing-fields .form-row label,
body.woocommerce-page #celek form.woocommerce-checkout .woocommerce-additional-fields .form-row label,
body.woocommerce-page #celek .wc_payment_methods label,
table#soubor label  {
font-weight: bold;
color: black;
}
table#soubor {
background-color: #f0f0f0;
}
table#soubor td {
padding: 13px 3% 13px 3%;
}  @media screen and (min-width: 400px) {
body.home article, body.category article {
width: 41%;
float: left;
}
#celek span.wpcf7-list-item { 
margin: 1em 0 0 0;
padding-top: 1em;
} 
#celek aside span.wpcf7-list-item {
font-size: 85%; 
}
#celek aside .wpcf7-form a {
font-size: 85%; 
color: white; 
}
} @media screen and (min-width: 600px) {
body.home article {
width: 31%;
float: left;
}
body.category article {
width: 27%;
margin: 10px 30px 25px 0;
float: left;
border-radius: 8px;
}
body.category article img{
max-width: 100%;
height: auto;
border: 1px solid #ccc;
border-radius: 3px;
}
#celek main input, #celek main textarea {
width: 300px;
}
#celek main aside fieldset, #celek aside select, #celek aside input, #celek aside textarea {
width: auto;
}
body.single img.wp-post-image, body.page img.wp-post-image  {
margin: 5px 0 25px 30px;
float: right;
}
#celek .main .wpcf7-form fieldset, #celek main .wpcf7-form select, #celek main .wpcf7-form input, #celek main .wpcf7-form textarea {
width: auto;
}
main h1 {
font-size: 37px;
font-size: 2.3125rem;
} #celek .woocommerce .cart-collaterals .cart_totals, #celek .woocommerce-page .cart-collaterals .cart_totals {
float: right;
width: 70%;
}
#celek .product-thumbnail {
display: none;
}
#celek .woocommerce td.product-name .wc-item-meta dd p,  #celek .woocommerce td.product-name dl.variation dd p{
font-size: 14px;
}
#celek .woocommerce td.product-name .wc-item-meta .wc-item-meta-label, 
#celek .woocommerce td.product-name .wc-item-meta dt, 
#celek .woocommerce td.product-name dl.variation .wc-item-meta-label, 
#celek .woocommerce td.product-name dl.variation dt {
float: left;
clear: both;
margin-right: .25em;
display: inline-block;
list-style: none outside;
font-weight: bold;
}
#celek .woocommerce .col2-set .col-1, 
#celek .woocommerce-page .col2-set .col-1 {
float: none;
width: 100%;
}
#celek .woocommerce .col2-set .col-2, 
#celek .woocommerce-page .col2-set .col-2 {
float: none;
width: 100%;
}
#celek .woocommerce #content div.product div.images, 
#celek .woocommerce div.product div.images, 
#celek .woocommerce-page #content div.product div.images, 
#celek .woocommerce-page div.product div.images {
width: 35%;
}
#celek .woocommerce #content div.product div.summary, 
#celek .woocommerce div.product div.summary, 
#celek .woocommerce-page #content div.product div.summary, 
#celek .woocommerce-page div.product div.summary {
width: 60%;
} } @media screen and (min-width: 900px) {
body {
padding: 2em 0;
margin: 0 0 4em 0;
}
#celek {
border-radius: 10px;
}
header {
border: none;
}
body.home article {
width: 18%;
margin: 10px 2% 30px 0;
}
body.home main>.vnitrni {
padding: 0 0 4em 0;
}
body.single main, body.page main, body.category main, body.woocommerce-page main {
float: left;
width: 67%;
}
body.single aside, body.page aside, body.category aside, body.woocommerce-page aside {
float: right;
width: 29%;
margin-top: 0; 
border-left: 1px dotted #ccc;
}
main>.vnitrni {
padding: 0 0 4em 0;
}
aside>.vnitrni {
padding: 0 0 4em 35px;
}
#celek .menu-navigace-container {
display: block;
float: left;
background-color: black;
background: linear-gradient(#4c5368, black) repeat scroll 0 0 transparent;
border-radius: 8px;
box-shadow: 0 2px 2px #dddddd;
width: 100%;
}
#celek .menu-navigace-container ul li{
float: left;
list-style-type: none;
margin: 0;
position: relative;
}
#celek .menu-navigace-container a {
text-decoration: none;
color: white;
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
font-size: 0.75rem;
display: block;
padding: 16px 22px;
}
#celek .menu-navigace-container li#menu-item-741 a {
background-color: #e91111; 
}
#celek .menu-navigace-container a:hover {
text-decoration: underline;
}
#celek .menu-navigace-container ul li ul{
display: none;
margin: 0;
width: 230px;
width: 14.375rem;
position: absolute;
background-color: black;
z-index: 100000;
}
#celek .menu-navigace-container ul li:hover ul, #celek .menu-navigace-container ul li ul:hover {
display: block;
}
#celek .menu-navigace-container ul li ul li{
width: 100%;
border-bottom: 1px solid white;
}
#celek .menu-navigace-container ul li ul li a{
padding: 10px 12px;
}
.menu-navigace-container .current-menu-item > a,  .menu-navigace-container .current-page-ancestor > a, .menu-navigace-container .current-post-ancestor > a {
background-color: #0378BD;
}
.menu-navigace-container > ul > li.current-menu-item:first-child a {
border-bottom-left-radius: 8px;
border-top-left-radius: 8px;
}
#objednavka {
position: absolute;
top: 50px;
left: 365px;
margin: 0;
}
#objednavka a {
font-size: 14px;
}
#kontakt {
display: block;
position: absolute;
top: 30px;
right: 45px;
text-align: right;
font-size: 18px;
font-size: 1.125rem;
}
#kontakt li {
font-size: 18px;
font-size: 1.125rem;
font-weight: 800;
line-height: 1.1;
}
#kontakt li#telefon {
font-size: 34px;
font-size: 2.125rem;
}
aside section {
margin-top: 0;
}
} body.home main {
float: none;
width: 100%;
}
.wpfblike {
clear: both;
}
body.home #uvitani img { margin-left: 3em;
margin-bottom: 2em;
}
#uvitani {
border-bottom: 1px solid #ededed;
padding-bottom: 0.7em;
}
dd.wp-caption-text {
font-size: 12px;
line-height: 1.2;
padding: 0 0.9em 0.4em;
}
h4 {
margin: 1.8em 0 0.2em;
}
#celek span.wpgdprc {
font-family: "open sans",sans-serif;
font-size: 0.8rem;
}
aside span.wpgdprc {
color: white;
background-color: #0378BD;
}
main span.wpgdprc {
color: black;
background-color: #fcfcfc;
}
a.ext {
position: absolute;
left: -10000em;
} main fieldset h3 {
margin: 2em 0 0;
}
main fieldset p:first-child {
display: none;
} iframe {
max-width: 100% !important;
}