/* reset css*/
html,body,h1,h2,h3,h4,h5,h6,p,address,img,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
ol, ul {list-style: none;}
input, textarea { font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;font-size: 100%; }
body {line-height: 1;font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;font-size: 62.5%; background: url(../images/body.gif) repeat-y center; text-align: center;}
sub, sup { position:relative; font-size: 75%; }
sub {top:0.4em;}
sup {bottom:0.4em;}
td {vertical-align:top}
h1 { font-weight: bold; padding: 15px 15px 0 0; margin-bottom: 1em; font-size: 140%; text-transform: uppercase; }

a.more {padding-top:20px;font-weight:bold; color: #fff}

.article h2 { font-weight: bold; font-size: 120%; text-transform: uppercase; }
.article h2 a { color: #fff }

.article ul li { background: url(../images/li.gif) no-repeat 0 0.6em; padding: 0 0 0.5em 15px; }
table a, article a { color: #fff }
.article a { color: #fff }
table a:hover,.article a:hover { color: #294e97 }

#center { width: 980px; margin: 0 auto; text-align: left; min-height: 730px; background: url(../images/center.jpg) no-repeat; line-height: 1.4; position: relative; }
#center {height: expression(this.scrollHeight < 730? "730px" : "auto" );overflow: visible;}
.home #center { padding-bottom: 130px }

#header { height: 230px; }
.motto, .motto span { float: left; height: 225px; width: 546px; overflow: hidden; position: relative; left: 0; top: 0 }
.motto span { position: absolute; float: none; z-index: 1 }
.motto1 { background: url(../images/motto1.jpg) }
.motto2 { background: url(../images/motto2.jpg) }
.motto3 { background: url(../images/motto3.jpg) }

.online { float: right; width: 433px; height: 225px; overflow: hidden; background: #8395a2 url(../images/online.jpg) }
.online ul { padding: 60px 0 0 0; line-height: 1.2; float: left; width: 49%; overflow: hidden;}
.online, .online a { color: #fff; text-decoration: none;}
.online li { padding: 3px 0 5px 40px; margin: 0 20px; }
.online .off { background: url(../images/offline.gif) no-repeat left }
.online .on { background: url(../images/online.gif) no-repeat left }
.online a:hover { color: #00529c }

#lang { position: absolute; left: 568px; top: 275px }
#lang li { float: left; margin-right: 12px }

#menu { background: url(../images/menu.gif) no-repeat; width: 980px; overflow: hidden; }
#menu ul { padding: 0 0 0 00px; }
#menu li { float: left; background: url(../images/menu-li.gif) no-repeat 0 15px; min-width: 105px;_width: 105px; padding: 0 0 15px 0; }
#menu a { color: #fff; text-transform: uppercase; text-decoration: none; font-size: 12px; line-height: 24px; display: block; padding: 0 0 0 10px; margin: 0 0 0 1px; }
#menu a:hover, #menu .curr a { background: #00529c }

#menu li.eshop{ background: none; }
#menu li.eshop a { background-color: #FF0000; color:#fff; font-weight:bold; }


#sub { background: url(../images/submenu-div.jpg) repeat-y; width: 155px; float: left; margin: 25px 0 0 0}
#sub div { background: url(../images/submenu-div.jpg) no-repeat  }
#sub li { padding: 2px 0 0 0; }
#sub a{ color: #fff; text-decoration: none; font-size: 110%; text-transform: uppercase; display: block; padding: 3px 5px 2px 5px; text-align: right; }



#sub li a { background: #00529c }
#sub li li a { background: #6499cd;}
#sub li li li a { background: none; color: #00529c; font-size: 95%;  }
#sub li li ul a { color: #000; }
/*
#sub .sub1 { background: #00529c  }
 #sub .sub .curr { background: #00529c}
#sub .sub ul .curr {background: #6499cd; }
#sub .sub ul ul .curr { background: #c3d2e2 }
*/

/*
#sub .curr a, #sub .curr { color: #d2222a !important  }
#sub .subsub a.curr { color: #e82a33 !important  }
#sub .subsub ul a.curr { color: #d2222a !important  }
*/
#sub .curr a, #sub .curr { font-weight:bold !important  }
#sub .subsub a.curr { font-weight:bold !important  }
#sub .subsub ul a.curr { font-weight:bold !important  }
#sub .subsubsubsub ul a.curr { font-weight:bold !important  }




#wrap { 
    position: relative; 
    width: 825px; 
    margin: 25px 0 25px 0;
            *margin: 25px 0 10px 0;
            _margin: 25px 0 15px 0; 
    background: url(../images/wrap.gif) repeat-y right; 
/*    overflow: hidden; */
    float: left; 
}
#content { width: 820px; float: right; color: #fff; font-size: 110%; background: url(../images/content.jpg) no-repeat 0 0; }
table tr td {color:#fff}
.article { padding: 15px; clear: both; }
.article p { padding: 0.2em 0 0.4em 0; }
.article img.small { border: 1px solid #fff; margin: 0 0 0 10px; }

.text { width:570px; float: left; overflow: hidden; }
.col { width: 245px; overflow: hidden; float: right; }
.col img { border: 1px solid #fff; display: block; margin: 0 0 5px 0 }

/* homepage */
#col1 { width: 550px; background: url(../images/home.jpg) no-repeat; position: absolute; top: 320px; left: 0;}
#col1 #banner { position: relative; top: 50px; left: 50px}
#col2 { width: 400px; position: absolute; top: 320px; left: 580px; }
#col2 #home li { margin: 0 0 10px 0 }
#col2 #home li a, #col2 h2 { font-weight: normal; text-decoration: none; color: #fff; font-size: 12px; line-height: 26px; display: block; padding: 0 0 0 10px }
#col1 #bannercz { position: relative; top: 60px; left: 20px}

#h1 { background: url(../images/h1.jpg) no-repeat }
#h2 { background: url(../images/h2.jpg) no-repeat }
#h3 { background: url(../images/h3.jpg) no-repeat }
#h4 { background: url(../images/h4.jpg) no-repeat }
#h5 { background: url(../images/h5.jpg) no-repeat }
#col2 #home li a:hover { background-color: #00529c }

/* #home #banner { position: absolute;  left: 100px; top: 400px; } */

#news { background: url(../images/news.gif) repeat-y; width: 400px; overflow: hidden; color: #243f8f; }
#news h3 a { font-weight: bold; font-size: 110%; color: #243f8f }
#news h3 a:hover, #news .more a:hover { color: #f51b23 }
#news .news-bckg { background: url(../images/news-bckg.gif) repeat-y; margin: 0 10px 10px 10px; }
#news .news-bckg ul { background: url(../images/news.jpg) no-repeat; padding: 10px 0 }
#news li { padding: 10px 15px 0 15px; }
#news .more { text-align: right; padding: 0 15px 10px 0 }
#news .more a { color: #243f8f  }

#homemenu { position: absolute; top: 640px; left: 0; border-top: 1px solid #d2222a }
#homemenu li { float: left; padding: 7px 0 0 20px; }
#homemenu a { color: #00529c; text-decoration: none; text-transform: uppercase; font-size: 110% }
#homemenu a:hover { color: #d2222a }

.down h2 { background: #1964a2; padding: 5px }
.down p { padding: 5px }

.kontakt_item { width:250px;padding:0px 10px 15px 0px}


/* forms */
label {width:120px;display:block}
label.new {width:320px;display:block}

input {width:250px}
input.small {width:50px}
textarea {width:250px; height:30px}
input.submit{width:150px;background:#4664a2;color:#fff;border:0;margin:10px 0px 0px 0px}
fieldset{border:1px solid #4664a2;padding:10px}
legend{font-size:120%;font-weight:bold}

/* strankovani */
.page { clear: both; padding: 10px 20px; }
.page ul { width: 100%; overflow: hidden; }
.page li { float: left; margin: 0 3px 0 0; }
.page li a { float: left; padding: 1px 5px; background: #fff; color: #294e97; text-decoration: none;}
.page li a:hover { background:  #294e97; color: #fff }
.page li a.curr { background: #f51b23; color: #fff}

dt {
    width: 180px;
    float: left;
    clear: left;
}
dd {
}

.cleaner {
    clear: both;
}

#product-container {
    width: 330px;
    float: left;
    margin-right: 10px;
}

#product-container p {
    padding: 0;
}

#product-container h1 {
    padding: 0;
    margin-bottom: 1em;
}

#product-container h3 {
    font-weight: bold;
    margin-top: 1em;
}

#product-photos {

}

#addCart {
    margin: 2em 0;
}

#addCart input {
    width: 2em;
    border: 1px solid #ccc;
    text-align: right;
}

.eblock {
    /*float: left;*/
    width: 100%;
}

#cartDiv, .eshop {
    cursor: pointer;
	font-weight: normal;
	font-size: 11px;
	letter-spacing: 0px;
	padding: 5px;
	margin-bottom: 1em;

}

#cartDiv { 
    padding: 0;
}

#cartDiv a {
    display: block;
    margin: 1px;
    color: black;
    padding-left: 53px;
    background: #fff url('../images/bgCart.png') 10px 50% no-repeat;
    line-height: 38px;
}

div#other-images { 
    margin: -1px;
    margin-top: 10px;
}

div#other-images img { 
    float: left;
    margin: 1px;
}

/* ********************************* */

table#cart td {
    padding: 3px;
}

table#cart button,
form#formik #form-item-button-save,
#addCart button {
    background: #00529C;
    color: white;
    border: 1px solid #EFB317;
}

#product_price #pp {
    /*float: left;*/
    width: 100%;
}


#product_price #addCart { 
    /*float: right;*/
    /*width: 200px;*/
    text-align: left;
}

form#formik td,
form#formik input,
table#cart td {
    font-size: 11px;
}

table#cart input {
    font-size: 11px;
    width: 2em;
}


table#cart .superscript {
    font-size: 8px;
}

#formik #form-item-orders-last_name,
#formik #form-item-orders-first_name {
    width: 145px;
}
#formik #form-item-orders-degree {
    width: 90px
} 

div.sloupecTitul div.eshop a {
    color: white;
}

.product {
    position: relative;
    float: left;
    width: 260px;
    height: 269px;
    margin: 8px 0 8px 16px;
    overflow: hidden;
}

.leftProduct {
    margin-left: 0;
}

.product h2 {
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    left: 0px;
    bottom: 233px;
}

.product h2 a { 
    text-decoration: none;
}

.product .price {
    position: absolute;
    bottom: 0;
    height: 40px;
    background: #eef6f9;
    width: 260px;
    color: black;
    line-height: 40px;
    font-weight: bold;
    text-align: right;
}

div.product a.image {
    display: block;
    position: absolute;
    bottom: 40px;
    width: 260px;
    height: 190px;
    background: white;
}

div.product a.zelena-usporam {
    display: block;
    position: absolute;
    bottom: 182px;
}

.cleanerLeft {
    clear: left;
}

.minOrder {
    float: right;
    width: 130px;
    height: 40px;
    line-height: 40px;
    font-weight: normal;
    text-align: left;
}

.minOrder input { 
    width: 25px;
    margin-top: 7px;
    margin-left: 4px;
    margin-right: 4px;
    float: left;
    /* line-height: 40px; */
}

.minOrder a {
    display: block;
    float: right;
    color: white;
    background: #00529C;
    line-height: 40px;
    height: 40px;
    width: 70px;
    text-align: center;
    text-decoration: none;
}

.minOrder a:hover {
    color: black;
}

#actionBox {
    color: black;
    background: white;
    padding: 10px 10px 0 10px;
}

#actionBox h2 {
    margin: -10px -10px 10px -10px;
    background: red;
    color: yellow;
    text-align: center;
    font-weight: bold;
    font-size: 130%;
    text-decoration: blink;
}

#order-sent,
#products-sent table.products {
    width: 100%;
    border: 3px solid white;
}

#order-sent td {
    padding: 4px;
}

#order-sent td td {
    padding: 1px 4px;
}

td#products-sent {
    padding: 0;
}

#products-sent table.products {
    border-left: none;
    margin-bottom: 4px;
    border-right: none;
}

#products-sent th {
    padding: 1px 4px;
    font-weight: bold;
}

.bl {
    border-left: 1px solid white;
}

.br {
    border-right: 1px solid white;
}

.bb {
    border-bottom: 1px solid white;
}

.bt {
    border-top: 1px solid white;
}

#print {
    margin: 1em auto;
    cursor: pointer;
    text-align: center;
    width: 10em;
    background: #00529C;
}

.podminky_preprava {
border: 1px solid white;
width: 300px;
margin-bottom: 10px;
}

.podminky_preprava td {
border: 1px solid white;
font-weight: bold;
padding: 4px;
text-align: center;
}