body {
    margin:0; 
    padding:0; 
    font:0.86em/1.6 "Verdana", sans-serif; 
    background:url('../design/bgx10.jpg') no-repeat;
    background-size: 100%;
    overflow-x:hidden; 
}

@media screen and (max-width:1100px) {
    body {
        background:url('../design/bgx10.jpg') 0 50px no-repeat;
        background-size: 100%;
    }
}

@media screen and (max-width:700px) {
    body {
        background:url('../design/bgx10-half.jpg') 0 50px no-repeat;
        background-size: 100%;
    }
}

img {
    border:none; 
} 

p {
    margin:0; 
    padding:0 0 10px 0; 
}

h1 {
    font-size:1.6em; 
    margin:0 0 20px 0;
} 

h2 {
    font-size:1.4em; 
    margin:0 0 7px 0;
}

h3 {
    font-size:1.2em; 
    margin:0 0 4px 0;
}

h4 {
    font-size:1.1em; 
    margin:0 0 2px 0; 
}

.smallFont {
    font-size:90%; 
}

.flashes {
    position:absolute;
    top:10px;
    width:50%;
    left:25%;
    height:auto;
    padding:10px;
    text-align: center;
    font-size:120%;
    z-index:10000;
}

@media screen and (max-width:540px) {
    .flashes {
        width:80%;
        left:10%;
    }
}

.closeFlash {
    float:right;
    cursor:pointer;
}

.closeDetail {
    float:right;
    cursor:pointer;
    margin:10px 10px 0 0;
}

.closeTabsize {
    float:right;
    cursor:pointer;
    margin:10px 10px 0 0;
}

.closeMenu {
    position:absolute;
    right:14px;
    top:6px;
    cursor:pointer;
    z-index:20000;
}

.openSubmenu, .openSubmenu2 {
    position:absolute;
    width:19px;
    height:19px;
    margin:7px 0 0 8px;
    cursor:pointer;
}

/*div {border-top:1px solid red}*/

/* ----------------------------------------------------------------------------------------------------------
2) LAYOUT
---------------------------------------------------------------------------------------------------------- */
.centerer {
    float:left; 
    width:100%; 
    min-height:800px; 
    height:auto;
    /*text-align:center;*/
}

.loading {
    position:absolute;
    width:50px;
    z-index:10000;
    left:48%;
}  

.top {
    float:left;
    width:100%;
    height:auto;
}

.icons div { /* pocet polozek */
    float:right;
    width:41px;
    height:41px;
}

.icons img:hover {
    opacity:0.7;
}

.writeUs {
    margin-left:-7px !important;
}

.basket {
    margin-right:-7px;
}

.basketitem {
    position:relative;
    top:-22px;
    left:-5px;
    width:auto !important;
    height:auto !important;
    padding:0 5px;
    font-size:16px;
    font-weight:bold;
    border-radius:5px;
    z-index:20000;
}

.basketFlashes {
    float:left;
    width:41px;
    height:41px;
}

.basketFlashes img {
    float:left;
    width:30px;
    height:30px;
}

#basketitem {
    position:relative;
    top:-10px;
    left:25px;
    width:15px;
    height:14px;
    font-size:12px;
    font-weight:bold;
}

.header {
    float:left;;
    width:100%;
    height:100px;
}

.logo {
    float:left;
    width:130px;
    margin:-35px 0 0 30px; 
}

@media screen and (max-width: 1100px) {
    .logo {
        width:90px;
        margin:12px 0 0 10px;
    }
}

.slogan {
    width:20%;
    margin:-40px 0 0 5%; 
}

@media screen and (max-width: 1100px) {
    .slogan {
        /*width:25%;*/
        margin:20px 0 0 5%;
    }
}

@media screen and (max-width: 560px) {
    .slogan {
        width:25%;
        margin:20px 0 0 20px;
    }
}

@media screen and (max-width: 480px) {
    .slogan {
        width:20%;
        margin:10px 0 0 10px;
    }
}

.want {
    float:right;
    width:150px;
    margin-right:10%;
}

@media screen and (max-width: 1100px) {
    .want {
        margin-top:10px;
        margin-right:0;
    }
}

@media screen and (max-width: 700px) {
    .want {
        display:none;
    }
}

.want2 {
    position:absolute;
    width:26px;
    top:220px;
    left:0;
    z-index:100;
}

@media screen and (min-width: 700px) {
    .want2 {
        display:none;
    }
}

.iu {
    float:right;
    padding:0 5px;
    width:160px;
    height:100px;
    margin-top:0px;
}

.coverIcons {
    position:relative;
    width:222px;
    margin:0 auto;
}

.icons {
    float: right;
    width: 220px;
    margin-top:10px; 
}

@media screen and (max-width: 1100px) {
    .icons img {
        box-shadow: 2px 2px 4px #858585;
        background:#fff;
    }
}

@media screen and (max-width: 1100px) {
    .coverIcons {
        width:auto; 
    }
    .icons {		
        margin:0 auto;
        width: auto;
    } 
}

@media screen and (min-width: 1100px) {
    .coverIcons {
        float:right;
    }
}

.icons img {
    float:right;
    height:40px;
    margin:5px 15px 5px 0;
    cursor:pointer;
}

.user {
    float:right;
    width:120px;
    height:auto;
    font-size:90%;
    margin:10px 10px 0 0;
    padding:5px 10px;
    overflow:hidden;
    border-radius:7px;
    border:1px solid #fff;
    color:#fff;
}

.user a {
    color:#fff;
}

.user a:hover {
    color:yellow;
}

.user div p {
    font-size:90%;
    width:auto;
    height:12px;
}

.spacer {
    float:left;
    width:100%;
    height:3px;
}

.spacer2 {
    float:left;
    width:100%;
    height:15px;
}

.coverImgBanner {
    float:left;
    width:20%;
    margin:30px 1% 10px 4%;
}

.coverImgBanner img {
    width:100%;
}

@media screen and (max-width: 1000px) {
    .coverImgBanner {
        float:left;
        width:40%;
        margin:30px 2% 10px 6%;
    }    
}

.banners h2 {
    margin-top:20px;
    text-align:center;
    text-shadow:1px 1px 1px #000;
}

.bann {
    position:relative;
    top:-50px; 
    left:10px; 
    width:auto; 
    height:0; 
    z-index: 100;
}
/*
@media screen and (max-width:800px) {
    .bann {
        display:none; 
    }
}
*/
.bann p {
    position:absolute;
    font-size:12px;
    padding: 5px; 
    background:#9F7523;
    color:#fff;
    border: 1px solid #ccc;
    border-radius: 7px;
    box-shadow: #646464 2px 3px 3px;
}

.content {
    float:left;
    width:94%;
    min-height:250px;
    padding:0 3% 20px 3%;
}

@media screen and (max-width: 1100px) {
    .content {
        margin-top:30px; 
    }
}

@media screen and (max-width: 370px) {
    .content {
        margin-top:60px; 
    }
}

.spacer {
    float:left;
    width:100%;
    height:1px;
}

.spacer10 {
    float:left;
    width:100%;
    height:10px;
}

.contentin {
    float:left;
    width:100%;
    height:auto;
    margin:30px 0 20px 0;
}
/*
@media screen and (max-width: 700px) {
  .contentin {
                margin-top:30px; 
        } 
}
*/
.contentin ul {
    list-style-image: url('../design/li.png');
}

.sortiment {
    float:left;
    width:auto; 
    height:auto; 
    min-height:50px;
    padding:0 3% 20px 3%;
}

.cook {
    float: left;
    width: 100%;
    height: auto;
    min-height: 35px;
    padding-top: 5px;
    bottom: 0;
    text-align: center;
    font-size: 86%;
    font-style: italic;
}

.cook table {
    table-layout: auto;
    position: relative;
    margin: 0 auto; 
}

.cook table td {
    padding: 5px 10px;
}

.understand {
    text-decoration: underline;
    cursor: pointer;
    white-space: nowrap;
    padding: 5px;
    font-style: normal;
}

/* FOOTER */
.footer {
    float:left;
    width:100%;
    height:auto;
    min-height:50px;
}

.coverFour {
    position:relative;
    width:960px;
    height:auto;
    min-height:200px;
    margin:20px auto;
}

.coverFour div {
    height:150px;
}

.footer1 {
    float:left;
    width:460px;
    height:auto;
    padding:15px 10px;  
}

.footer2 {
    float:right;
    width:460px;
    height:auto;
    padding:15px 10px;  
}

.mapCrop {
    float:right;
    width:150px;
    margin-bottom:15px;
}

.footer3 {
    float:left;
    width:460px;
    height:auto;
    padding:15px 10px;  
}

.fb {
    float:left;
    margin:10px 10px 0 0;
    width:38px;
}

.tw {
    float:left;
    margin:10px 10px 0 0;
    width:38px;
}

.tadv {
    margin-top:10px;
}

.footer4 {
    float:right;
    width:460px;
    height:auto;
    padding:15px 10px;  
}

.footer5 {
    float:left;
    width:460px;
    height:auto;
    padding:15px 10px 0 10px;  
}

.footer5 img, .footer6 img {
    float:left;
    height:30px; 
    margin:15px 15px 15px 0;
}

.footer6 {
    float:right;
    width:460px;
    height:auto;
    padding:15px 10px 0 0;  
}

@media screen and (max-width:960px) {
    .coverFour {  
        width:90%;
        padding:0 5%;
    }
    .footer1 {
        width:90%;
        padding:15px 0;
        height:auto;
    }
    .footer2 {
        float:left;
        width:90%;
        padding:15px 0;
        height:auto;
    }
    .footer3 {
        width:90%;
        padding:15px 0;
        height:auto;
    }
    .footer4 {
        float:left;
        width:90%;
        padding:15px 0;
        height:auto;
    }
    .footer5 {
        width:90%;
        padding:15px 0;
        height:auto;
    }
    .footer6 {
        float:left;
        width:90%;
        padding:15px 0;
        height:auto;
    }
}

@media screen and (max-width:480px) {
    .footer1 {
        padding:15px 0 30px 0;
    }
    .mapCrop {
        display:none;
    }
}

@media screen and (max-width:360px) {
    .footer1 {
        padding:15px 0 20px 0;
    }
}

@media screen and (max-width:340px) {
    .mapCrop {
        display: none;
    }	
    .footer1 h2 {
        font-size: 100%;
    }
}

.fooBottom {
    float:left;
    width:90%;
    heigth: auto;
    min-height:30px;
    padding:15px 5% 15px 5%;
    text-align:center;
}

.fooBottom div {
    height:auto;
    padding: 5px 0;
}

.fooBottom img {
    position: relative;
    top: 12px;
    width: 40px; 
}

.captcha-image {
    width:88px;
}

.captcha-input {
    width:85px;
}

.g-recaptcha {
    transform:scale(0.77);
    -webkit-transform:scal(0.77);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
    width: 250px;
} 

/* SORTIMENT */
.cardHome {
    position:relative;
    width: 900px;
    height: auto;
    min-height: 350px;
    margin:0 auto;
}

@media screen and (max-width:900px) {
    .cardHome {
        width: 450px;
    }
}

@media screen and (max-width:450px) {
    .cardHome {
        width: 100%;
    }
}

.coverCard { /* marginLeft v jquery.main.js */
    float:left;
    width:auto;
    margin-bottom:20px;
}

.card {
    float:left;
    width:200px;
    height:330px;
    margin:10px;
    background:#efefef;
    border:1px solid #858585;
    border-radius:10px;
}

.nameSort {
    float:left;
    width:190px;
    height:40px;
    padding:5px;
    font-weight:bold;
    font-size:14px;
    line-height: 1.4;
    overflow:hidden;
    text-align:center;
}

.cardCoverImg {
    float:left;
    width:200px;
    height:200px;
    margin:5px 0;
    background:#fff;
}

.contentSort {
    float:left;
    width:190px;
    height:20px;
    padding:3px 5px;
}

.priceSort {
    float:left;
    width:140px;
    height:30px;
    padding:3px 5px;
    font-size:16px;
    font-weight:bold;
}

@media screen and (max-width:500px) {
    .card {
        width:46%;
        margin-left:0px;
    }

    .coverCard {
        float:left;
        width:100%;
        margin-left:0px;
        margin-right:0px;
        margin-bottom:10px;
    }

    .nameSort {
        width:96%;
        font-size:12px;
    }
    .cardCoverImg {
        width:100%;
        height:200px;
        overflow:hidden;

    }
    .cardCoverImg img {
        width:70%;
        float:left;
        height:auto;
        margin-left:13%;
    }
    .priceSort {
        font-size:12px;
        width:50%;
    }

}

.cardPerex {
    position:relative;
    top:-20px; 
    left:50px; 
    width:200px; 
    height:0; 
    z-index: 100;
}

@media screen and (max-width:400px) {
    .card {
        float:left;
        width:200px;
        height:330px;
        margin:10px;
        background:#efefef;
        border:1px solid #858585;
        border-radius:10px;
    }

    .nameSort {
        float:left;
        width:190px;
        height:40px;
        padding:5px;
        font-weight:bold;
        font-size:14px;
        line-height: 1.4;
        overflow:hidden;
        text-align:center;
    }

    .cardCoverImg {
        float:left;
        width:200px;
        height:200px;
        margin:5px 0;
        background:#fff;
    }

    .contentSort {
        float:left;
        width:190px;
        height:20px;
        padding:3px 5px;
    }

    .priceSort {
        float:left;
        width:140px;
        height:30px;
        padding:3px 5px;
        font-size:16px;
        font-weight:bold;
    }    
}

@media screen and (max-width:560px) {
    .cardPerex {
        left:5px;
    }
}

.cardPerex p {
    position:absolute;
    font-size:12px;
    padding:5px; 
    border-radius:7px;
    box-shadow:#646464 2px 3px 3px;
}

.tb_landscape {
    border-collapse:collapse;
    width:200px;
    height: 200px; 
    display:table-cell; 
    vertical-align:middle;
}

.tb_portrait{
    border-collapse:collapse;
    width:200px;
    height: 200px; 
    display: inline-block;
}

.tb_portrait td {
    width:200px;
    text-align:center !important;
}

.cardBasket {
    float:right;
    margin:-5px 5px 0 0;
}

.landscape{
    width:198px;
}

.portrait{
    height:198px;
}

/* CART */
.cart {
    position:absolute;
    width:500px;
    padding:0 2%;
    background:#efefef;
    z-index:30000;
    box-shadow:5px 5px 5px #858585;
    overflow:hidden;
}

.cartempty {
    margin:15px 0;
}

.close {
    float:right;
    margin-top:10px;
}

.cartnum {
    float:left;
    width:90%;
    height:auto;
    padding:5px 0;
    margin:10px 0 5px 0;
    text-align:center;
    background:#f3d17a;
}

.cartitem {
    float:left;
    width:96%;
    height:auto;
    margin:5px 0;
    padding:5px 2% 10px 2%;
    background:#fff;
}

.cartitem .list {
    float:left;
    width:300px;
    border:1px solid white;
}

.list p {
    margin:0;
    padding:2px 0;
}

@media screen and (max-width:700px) {	
    .cart {
        width:96%;
    }	
    .cartitem .list {
        width:60%;
    }
}

.right {
    float:right !important;
    border:1px solid #ccc;
}

.submitCart {
    float:right;
    padding: 6px 12px 5px 12px;
    text-align: center;
    margin:10px 0;
    border: none;
    font-size: 1.0em;
    border-radius: 15px;
    color:#fff;
    background:green;
}

.finishOrder {
    float:left;
    padding: 8px 16px 7px 16px;
    text-align: center;
    margin:10px 0;
    border: none;
    font-size: 1.1em;
    border-radius: 15px;
    color:#fff;
    background:green;
}

.suma {
    float:left;
    width:340px;
    height:25px;
    margin-top:10px !important;
}

.sortimentNav {
    float:left;
    width:100%;
    margin:10px 0;
}

.drop {
    float:left;
    width:auto;
    height:auto;
    padding:0 5px;
    margin-top:10px;
    border-radius:7px;
    font-weight:bold;
}

.drop a {
    text-decoration:none;
}

.detail {
    float:left;
    width:100% !important;
    /*max-width:1100px;*/
    height:auto;
    margin-bottom:10px;
}

.detail h1 {
    margin-top:10px;
    text-align:center;
}

.in {
    position:relative;
    width:1030px;
    height:auto;
    margin:0 auto 15px auto;
    overflow:hidden;
    padding:0 10px;
}

.photo {
    float:left;
    width:500px;
    min-height:300px;
    height:auto;
}

.first {
    float:right;
    width:500px;
    height:500px;
    background:#fff;
}

.first_landscape {
    border-collapse:collapse;
    width:500px;
    height: 500px; 
    display:table-cell; 
    vertical-align:middle;
}

.first_portrait {
    border-collapse:collapse;
    width:500px;
    height: 500px; 
    display: inline-block;
}

.first_portrait td {
    width:500px;
    text-align:center !important;
}

.firstImg_landscape{
    width:498px;
}

.firstImg_portrait{
    height:498px;
}

.mini {
    float:right;
    width:500px;
    height:120px;
    padding:10px 0;
}

.miniCoverTable {
    float:left;
    width:120px;
    height:120px;
    margin-right:5px;
    margin-bottom:5px;
    overflow:hidden;
}

.mini_landscape {
    border-collapse:collapse;
    width:120px;
    height:120px;
    display:table-cell; 
    vertical-align:middle;
    background:#fff;
}

.mini_portrait {
    border-collapse:collapse;
    width:120px;
    height:120px; 
    display:inline-block;
    background:#fff;
}

.mini_portrait td {
    width:120px;
    text-align:center !important;
}

.miniImg_landscape {
    width:118px;
}

.miniImg_portrait {
    height:118px;
}

.param {
    float:right;
    width:480px;
    height:auto;
    margin:0 0 10px 0;
    padding:10px;
    background:#fff;
}

#frm-cartForm table {
    border-collapse:collapse;
}

#frm-cartForm table th {
    border-top: 1px solid #ccc;
    vertical-align:middle;
    padding:10px;
}

#frm-cartForm table td {
    border-top:1px solid #ccc;
    vertical-align:middle;
    padding:10px;
}


@media screen and (max-width:1160px) {
    .in {
        width:510px;
    }
    .param {
        float:left;
    }		
}

.paramIn {
    float:left;
    width:97%;
    padding:0 0 3% 0;
    height:auto;
}

@media screen and (max-width:560px) {
    .param {
        width:100%;
        margin:0;
        padding:0;
        padding-bottom:10px;
    }
    .in {
        width:90%;
    }	
    .paramIn {
        width:92%;
        padding:0 4%;
    }	
    .photo {
        width:100%;
        background:#fff;
    }	
    .first {
        float:left;
        width:360px;
        height:360px;
        background:#fff;
    }

    .first_landscape {
        border-collapse:collapse;
        width:360px;
        height: 360px; 
        display:table-cell; 
        vertical-align:middle;
    }

    .first_portrait {
        border-collapse:collapse;
        width:360px;
        height: 360px; 
        display: inline-block;
    }

    .first_portrait td {
        width:360px;
        text-align:center !important;
    }

    .firstImg_landscape{
        width:358px;
    }

    .firstImg_portrait{
        height:358px;
    }	
    .param form {
        margin-left:10px;
    }
    .mini {
        float:left;
        width:98%;
        height:auto;
    }
}

.describes {
    float:left;
    width:96%;
    height:auto;
    padding:0 2%;
}

.catInfo {
    float:left;
    width:100%;
    height:auto;
    margin-top:20px;
    padding:10px 0;
}

.drop a { 
    text-decoration:underline;
}

/*
#frm-cartForm table tr td {
        padding:5px 0;
        border-bottom:1px solid #ccc !important;
}
*/
#frm-cartForm table th {
    /*padding-top:7px;*/
    font-weight:bold;
}

.smallField {
    width:20px;
}

.empty {
    float:left;
    width:200px;
}

.cartorder {
    float:left;
    width: 80%;
    padding:10px 2%;
    margin:20px 8%;
    height:auto;
    background:#efefef;
}

@media screen and (max-width:540px) {
    .cartorder {
        float:left;
        width: 96%;
        padding:10px 2%;
        margin:20px 0;
        height:auto;
        background:#efefef;
    }	
}

.ordernum {
    float:left;
    width:100%;
    height:auto;
    padding:5px 0;
    text-align:center;
    background:#f3d17a;
}

.emptyorder, .sumaorder {
    width:60%;
}

.submitOrder {
    margin-top:0px;
    margin-bottom:5px;
}

.center {
    text-align:center;
}

#noitem {
    margin-top:320px;
    z-index: 1 !important;
}

@media screen and (max-width: 700px) {
    #noitem {
        margin-top:200px;
    }
}

.changepc {
    width:90px;
    height:20px;
}

.changepc div {
    float:right;
    width:10px;
    height:18px !important;
}

.changepc div img {
    float:left;
    margin-bottom:2px;
}

.finishButton {
    float:left;
    width:100%;
    height:auto;
    margin:10px 0;
}

.customer td {
    padding:5px;
}

.customer input, .note {
    width:250px;
}

.note {
    height:50px;
}

.noreq {
    font-weight:normal !important;
    font-style:italic !important;
}

.req {
    font-weight:bold !important;
}

.sel {
    width:260px;
}

.indication {
    position:absolute;
    width:110px;
    height:30px;
}

.indication img {
    float:left;
    width:30px;
    margin-right:5px;
}

.personal {
    table-layout: auto;
}

.personal th {
    font-weight:bold;
}

.personal td {
    width:200px;
}

.customer {
    line-height: 1.8em;
}

#left {
    text-align: left !important;
    width:98% !important;
    padding-left: 2%;
}

.choice {
    text-align:center;
    margin-bottom:15px;
}

.space {
    padding-left:10px !important;
}

.logo_footer {
    width:50px;
    margin:10px 0 0 70px;
}

.return {
    padding:50px 0 0 0;
    text-align:center;
}

.numlink {
    text-decoration:none;
}

.numlink:hover {
    text-decoration:underline;
}

.tabSize {
    position:absolute;
    width:auto;
    margin-top:700px;
    left:-800px;
    z-index:100;
    border-top:1px solid #ccc;
    background:#fff;
    box-shadow: 5px 5px 5px #858585;
}

.imgTabSize {
    width:738px;
}

@media screen and (max-width:800px) {
    .imgTabSize {
        width:100%;
    }
}

.openTabsize {
    text-decoration:underline;
    font-style:italic;
    cursor:pointer;
}

.radio input {
    width:50px; 
}

.radio label {
    font-weight:bold;
}

/* GALLERY */
#gallery {
    float:left; 
    padding:20px 0;
    width:100%;
    height:auto;
} 

.album {
    float:left;
    width:100%; 
    margin-bottom:20px;
}

.thumbGal {
    table-layout:fixed;
    float:left;
    margin:0 20px 20px 0;
}

.thumbGal td {
    vertical-align: bottom;
    text-align:center;
    width:115px;
    height:115px;
    background:#fff;
    box-shadow: 5px 5px 3px #d8d8d8;
}

.td300 {
    width:320px !important;
    padding-top:20px;
}

.td300 img {
    width:16px;
}

.closeCondition {
    float:right;
}

.condition_form {
    float:left;
    width:100%;
    height:auto;
}

.under {
    text-decoration:underline;
    cursor:pointer;
}

.actuality {
    float:left;
    width:100%;
    height:auto;
    border-bottom:1px solid #ccc;
    margin-bottom:10px;
    padding-bottom:20px;
}

.itemActuality {
    float:left;
    width:100%;
    height:auto;
}

.perex {
    font-weight:bold;
    margin-bottom:10px;
}

.article {
    float:right;
    width:100%;
}

.itemActuality img {
    float:left;
    width:30%;
    margin-right:20px;
}

@media screen and (max-width:800px) {
    .itemActuality img {
        width:45%;
    }    
}

.ahp {
    float:left;
    width:100%;
    height:auto;
}  

.ahp h2 {
    text-align: center;
}

.date_news {
    font-style: italic;
}

.store {
    position:relative;
    top:5px;
}