body {
	margin: 0;
	padding: 0 0 30px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	background-image: url(design/back-page.gif);
	background-repeat: repeat-x;
    line-height: 1.4em;
}

h1 {color: #2C70BD; font-size: 1.4em; font-weight: bold; margin: 0.3em 0 0.8em 0;}
h2 {color: #E69200; font-size: 1.2em; font-weight: bold; margin: 1em 0;}
img {border: 0;}
th {text-align: left;}

/*** clearfix ***/
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0;	height: 0;}
.clearfix {display: inline-block;}
 html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
/*** clearfix ***/

.float-left {float: left;}
.float-right {float: right;}
p {margin: 1em 0;}
a {color: #2C70BD;}
.mr26 {margin-right: 26px;}
.w200 {width: 200px;}
.w60 {width: 60px;}
.mb10 {margin-bottom: 10px;}
.align-right {text-align: right;}
.align-center {text-align: center;}
.wfull {width: 100%;}
.clr {clear: both;}
.bold {font-weight: bold;}
.nowrap {white-space: nowrap;}

#page {width: 970px; margin: auto;}

#header {width: 970px; height: 259px; background: url(design/header.jpg) no-repeat; border-top: 8px solid #003E8C;}

#logo-pokorny-vodomery {width: 273px; height: 99px; background: url(design/logo-pokorny-vodomery.gif) no-repeat; margin: 41px 300px 15px 30px; float: left;}
#logo-pokorny-vodomery a {width: 273px; height: 99px; display: block; border-bottom: none;}
#logo-pokorny-vodomery span {display: none;}

#motto1 {font-size: 1.6em; font-weight: bold; color: #FFF; margin: 80px 0 0 140px;}
#motto2 {font-size: 1.1em; color: #FFF; margin: 10px 0 0 180px;}
#motto3 {color: #FFF; width: 470px; margin: 40px 0 0 0;}

#menu {width: 970px; height: 51px; background: url(design/back-menu.gif) top left no-repeat;}
#menu ul {margin: 0; padding: 0; font-size: 90%;}
#menu li {float: left; background: url(design/menu-rozdel.gif) right 0 no-repeat; list-style-type: none; text-transform: uppercase; padding-right: 2px;}
#menu li a {height: 51px; display: block; line-height: 51px; padding: 0 22px; float: left; text-decoration: none; color: #FFF; font-weight: bold;}
#menu li a:hover {background: url(design/menu-active.gif) top center no-repeat;}
#menu li.last {background: none;}

#navigace {background: #D1E6FF; height: 35px; margin-bottom: 20px; line-height: normal;}
#navigace-in {float: left; padding: 10px 0 0 0px;}
#cart {float: right;}
#cart a {padding-left: 23px; background: url(design/icon-cart.gif) no-repeat;}
#cart-in {padding: 10px 0 0 0;}

#sets {width: 755px; background: url(design/back-sets.gif) center 13px no-repeat; margin-bottom: 15px; float: left;}

#set1 {width: 252px; background: url(design/set-voda.jpg) 13px 25px no-repeat; float: left;}
#set1 h2 {color: #2C70BD; font-size: 1.4em; margin: 0 0 0 25px;}
#set1 a {color: #2C70BD;}

#set2 {width: 252px; background: url(design/set-teplo.jpg) 13px 25px no-repeat; float: left;}
#set2 h2 {color: #FFA200; font-size: 1.4em; margin: 0 0 0 25px;}
#set2 a {color: #FFA200;}

#set3 {width: 251px; background: url(design/set-sluzby.jpg) 13px 25px no-repeat; float: left;}
#set3 h2 {color: #A1A1A1; font-size: 1.4em; margin: 0 0 0 25px;}
#set3 a {color: #A1A1A1;}

.set-in {margin: 120px 13px 0 13px; border-bottom: 1px solid #D9EAFF; height: 95px;}
.set-in ul {list-style-type: none; margin: 0 0 0 0px; padding-left: 15px;}
#set1 .set-in ul li {background: url(design/dart1.gif) 0 4px no-repeat; padding-left: 12px;}
#set2 .set-in ul li {background: url(design/dart2.gif) 0 4px no-repeat; padding-left: 12px;}
#set3 .set-in ul li {background: url(design/dart3.gif) 0 4px no-repeat; padding-left: 12px;}

#doporucujeme {width: 215px; height: 203px; float: left; background: url(design/back-tip.gif) top left no-repeat; margin-top: 25px;}
#doporucujeme-in {padding: 15px 15px;}
#doporucujeme h3 {color: #2C70BD; font-size: 1.2em; margin: 0;}
#doporucujeme ul {margin: 0; padding: 0; list-style-type: none;}
#doporucujeme ul li {margin: 10px 0;}

#news {margin-left: 13px; width: 504px; float: left;}
.news-item {width: 226px; float: left;}
#news h3 {text-transform: uppercase; color: #2C70BD; font-size: 1.2em; margin: 0 0 10px 0;}
.news-date {background: url(design/icon-date.gif) top left no-repeat; padding-left: 25px; font-size: 80%; height: 20px; line-height: 20px;}
.news-item p {margin: 0.1em 0;}
.more {background: url(design/dart4.gif) 0 1px no-repeat; padding-left: 20px;}

#about {width: 440px; float: left;}
#about h3 {color: #A1A1A1; font-size: 1.3em; margin: 0 0 0.5em 0;}

#footer {width: 970px; height: 92px; background: url(design/back-footer.gif) no-repeat; margin-top: 10px; color: #2C70BD; font-size: 90%;}
#footer-in {padding: 25px 20px 0 90px;}
.icon-print {background: url(design/icon-print.gif) 0 1px no-repeat; padding-left: 20px;}

#links ul {float: right; list-style-type: none; margin: 0; padding: 0;}
#links ul li {float: left; margin-left: 10px;}

#text {width: 970px;}
#text-left {width: 215px; float: left; margin-right: 30px}
#text-right {width: 724px; float: left;}

#submenu {background: url(design/submenu-top.gif) top left no-repeat; padding-top: 13px;}
#submenu-bottom {background: url(design/submenu-bottom.gif) bottom left no-repeat; padding-bottom: 13px;}
#submenu ul {margin: 0; padding: 0 15px; list-style-type: none; background: url(design/submenu-back.gif) repeat-y;}
#submenu li {border-bottom: 1px solid #D3E7FF; line-height: 30px; background: url(design/dart5.gif) 0 13px no-repeat; padding-left: 10px;}
#submenu li.nadpis {border-bottom: 1px solid #D3E7FF; line-height: 30px; background: none; padding-left: 0px; font-weight: bold; }
#submenu li.last {border-bottom: none;}

#submenu ul li ul {background: none; margin-bottom: 10px;}
#submenu ul li ul li {border-bottom: none; line-height: 20px; font-size: 90%; background: url(design/dart5.gif) 0 8px no-repeat; padding-left: 8px;}
#submenu ul li ul li.last {border-bottom: none;}

#submenu1 {background: url(design/submenu1-top.gif) top left no-repeat; padding-top: 13px; margin-bottom: 20px;}
#submenu1-bottom {background: url(design/submenu1-bottom.gif) bottom left no-repeat; padding-bottom: 13px;}
#submenu1 ul {margin: 0; padding: 0 15px; list-style-type: none; background: url(design/submenu1-back.gif) repeat-y;}
#submenu1 li {border-bottom: 1px solid #4C8CD4; line-height: 30px; background: url(design/dart5.gif) 0 13px no-repeat; padding-left: 10px;}
#submenu1 li a {color: #FFF;}
#submenu1 li.last {border-bottom: none;}

#submenu1 ul li ul {background: none; margin-bottom: 10px;}
#submenu1 ul li ul li {border-bottom: none; line-height: 20px; font-size: 90%; background: url(design/dart5.gif) 0 8px no-repeat; padding-left: 8px;}
#submenu1 ul li ul li.last {border-bottom: none;}

#search {float: left;}
#search div {float: left;}
#search .input-text {width: 147px; height: 23px; padding: 5px 0 0 4px; background: url(design/input-text.gif) no-repeat; border: 0; float: left; font-size: 90%;}


#items {width: 100%;}
.item-left {width: 352px; float: left; border: 1px solid #D3E7FF; padding: 10px 0; margin: 0 16px 16px 0;}
.item-photo {width: 176px; float: left; border-right: 1px solid #D3E7FF; text-align: center;}
.item-photo-empty {width: 176px; float: left; border-right: 1px solid #D3E7FF; text-align: center; height: 130px;}
.item-other {width: 175px; float: left;}
.item-other ul {list-style-type: none; margin: 0; padding: 5px 0 10px 10px;}
.item-right {width: 352px; float: left; border: 1px solid #D3E7FF; padding: 10px 0; margin-bottom: 16px;}
.item-title h2 {margin: 0.5em 0 0.3em 10px;}
.item-title p {margin: 0 10px; padding: 0;}
#items .price {font-size: 1.2em; font-weight: bold; padding-left: 10px;}
#items .price span {color: #FF0000;}

.a-download {background: url(design/icon-download.gif) top left no-repeat; padding-left: 20px;}
.a-photo {background: url(design/icon-photo.gif) top left no-repeat; padding-left: 20px;}

ul#category {margin: 0 0 15px 0; padding: 0;}
#category li {list-style-type: none; float: left; background: url(design/icon-folder.gif) 0 1px no-repeat; margin-right: 14px; line-height: 1.5em;}
#category li a {padding-left: 21px; white-space: nowrap;}

#pagination {text-align: right;}
#pagination span, #pagination a {margin: 0 4px;}
#pagination span {font-weight: bold;}

div.gallery a { height: 145px; padding: 5px; background: #F8F8F8; margin: 0 5px 5px 0; display: block; float: left; text-align: center; color: black; text-decoration: none; line-height: 1.2em; }
div.gallery a img { border: none; }

/* DETAIL */
#product-detail-img {width: 250px; float: left; margin-right: 20px; padding-bottom: 10px; font-size: 11px; border: 1px solid #E5E5E5;}
#product-detail-img-empty {width: 250px; float: left; margin-right: 20px; padding-bottom: 10px; font-size: 11px; border: 1px solid #E5E5E5; height:250px;}
#product-detail-img img {margin: 10px 0 10px 10px; float: left;}
#product-detail-images img {margin: 10px 10px;}
#product-detail-images .photo {border: 1px solid #E5E5E5; width: 90px; float: left; margin-right: 10px;}
#link-large-photo {margin-left: 10px;}
#link-large-photo a {background: url(design/icon-lens.gif) no-repeat; padding-left: 18px;}

#product-detail-info {width: 450px; float: left;}
#product-detail-info table {margin-bottom: 20px; border-collapse: collapse;}
#product-detail-info table td, #product-detail-info table th {border-bottom: 1px solid #E5E5E5; line-height: 1.6em;}
#product-detail-info table th {padding-right: 10px;}
fieldset#variants {border: 1px solid #E5E5E5; padding: 0px; margin: 0; margin-bottom: 20px;}
#variants legend {font-weight: bold; padding: 0 8px;}
#variants ul {list-style-type: none; margin: 0; padding: 15px 15px;}
.put {background: #F4F4F4; padding: 10px 10px; text-align: right;}
/* DETAIL */

#variants table {border: 3px solid #F4F4F4;	background: #F4F4F4; text-align: left; width: 100%;}
#variants table th {background: #2C70BD; color: #FFFFFF; font-weight: bold; padding: 2px 5px 2px 5px;}
#variants table th.noneback {background: none;}
#variants table td.vcheck {text-align: center;}
#variants table td {border-bottom: 1px solid #CECECE; padding: 2px 2px 2px 2px;}

#accessories {border: 1px solid #D3E7FF; padding: 10px 10px;}
#accessories table {border-collapse: collapse; width: 100%;}
#accessories table tr {border-bottom: 1px solid #D3E7FF;}
#accessories table tr.last {border: none;}
.accessories-item {padding: 10px 0; border: 1px solid #D3E7FF; width: 100%;}
.accessories-item-photo {width: 100px; text-align: center;}
.accessories-item-desc {text-align: left;}
.accessories-item-price {text-align: right; width: 130px;}

.input-quantity {width: 20px; font-size: 0.8em;}
.input-quantity-small {width: 18px; font-size: 0.8em; border: 1px solid #000; margin-right: 5px; font-family: Verdana; text-align: center;}

table.data-cart {width: 100%; border-collapse: separate;}
table.data-cart th {background: #BFBFBF; padding: 2px 2px;}
table.data-cart td {background: #F3F2F2; padding: 2px 2px;}
table.data-cart td.border-bottom-none {border-bottom: none;}
table.data-cart td.bg-none {background: #FFF;}
table.data-cart tr.pro td { background: #E5E5E5;} 
table.data-cart td.var { padding-left: 10px; font-size: 11px; } 

#price-summary {border: 1px solid #E5E5E5; margin-top: 10px; float: right;}
#price-summary table {margin: 10px 10px; float: right;}
#price-summary table th {text-align: right; font-weight: bold; padding-right: 30px;}
#price-summary table td {text-align: right;}
.total {color: #FF0000; font-weight: bold;}

#cart-options {width: 100%; float: right; text-align: right; margin-top: 10px;}
.disabled-value {color: #939192;}

form {margin:0; display: inline; }
fieldset {border: none;}
.form1 {margin-bottom: 10px;}
.form1 fieldset {border: 1px dashed #cecece; padding: 10px 10px; background: #F2F2F2; margin: 0;}
.form1 legend {font-weight: bold; padding: 5px 5px 0 5px; color: #69B63D; background: #FFF;}
.form1 label {float: left; width: 25%; vertical-align: middle; font-weight: bold;}
.form1 div {margin: 0.3em 0;}
.check {margin: 0 0 0 -5px;}
.form-item {margin-bottom: 3px;}
.form-item-l {width: 49%; float: left;}
.form-item-r {width: 49%; float: left;}
.form1 h3 {font-size: 1em; margin: 1em 0 0.5em 0;}
.poznamka {width: 99%; height: 50px;}
.form-off input {border: 0; background: none;}
.form-off textarea {border: 0; background: none;}

.alert1 {background: url(design/icon-alert1.gif) 0 2px no-repeat; padding-left: 20px;}

#search-results p span { background: #D3E7FF; }

#text-right li { margin-left: 20px; }

#text-right ul.mapa .level-1 { margin-left: 40px; }
#text-right ul.mapa .level-2 { margin-left: 60px; }

.error { font-weight: bold; color: red; }