body {
background: #fff url(../img/bg.jpg) repeat-x;
padding: 0px;
margin: 0px;
font-size: 75%;
font-family: Arial, Arial CE, Tahoma, Verdana, Trebuchet MS;
}
#coverPage {
width: 960px;
background: #fff;
margin: 0px auto;
padding: 0px 10px;
position: relative;
}
#logoField {
width: 350px;
float: left;
text-align: center;
padding: 15px 0px 0px 30px;
}
#logoField img {
border: 0px !important;
}
#slogan {
color: #009e58;
font-size: 170%;
}
#head {
padding: 11px 0px 0px 0px;
width: 960px;
height: 200px;
position: absolute;
top: 0px;
left: 10px;
background: #fff url(../img/banner.jpg) no-repeat left bottom;
}
.quickLinks {
width: 365px;
height: 30px;
position: absolute;
font-size: 140%;
color: white;
padding: 9px 0px 0px 0px;
font-weight: bold;
}
.quickLinks.first {
bottom: 0px;
left: 0px;
}
.quickLinks.first a:link,
.quickLinks.first a:visited,
.quickLinks.first a:hover {
color: white;
text-decoration: none;
background: #31a169;
}
.quickLinks.second {
bottom: 0px;
right: 230px;
color: #008b45;
}
.quickLinks.second a:link,
.quickLinks.second a:visited,
.quickLinks.second a:hover {
color: #008b45;
text-decoration: none;
}
#subMenu {
width: 220px;
float: right;
}
#subMenu strong {
color: #b8b8b8;
font-size: 170%;
font-weight: 900;
background: url(../img/ico-flag.jpg) no-repeat right top;
padding: 0px 45px 5px 0px;
}
#subMenu ul {
background: url(../img/bg-ul.jpg) repeat-x;
width: 200px;
height: 53px;
margin: 0px;
padding: 0px 10px;
list-style: none;
}
#subMenu ul li {
float: left;
padding: 17px 11px 20px 10px;
font-size: 120%;
color: #717171;
background: url(../img/bg-li.jpg) no-repeat right 20px;
}
#subMenu strong#quest {
background: url(../img/ico-quest.jpg) no-repeat right top;
color: #717171;
}
#subMenu #questBox {
width: 200px;
background: #e53a43 url(../img/bg-quest.jpg) repeat-x;
padding: 20px 0px 0px 20px;
font-size: 90%;
}
#subMenu #questBox a {
background: url(../img/ico-post.jpg) no-repeat;
height: 32px;
display: block;
padding: 8px 0px 9px 50px;
color: white;
font-size: 130%;
width: 110px;
}
ul#menu {
text-transform: uppercase;
position: absolute;
left: 10px;
top: 213px;
margin: 0px;
padding: 10px 0px 40px 0px;
font-weight: bold;
height: 40px;
}
ul#menu li {
list-style: none;
float: left;
margin: 0px 3px 0px 0px;
}
ul#menu li a {
background: url(../img/bg-menu.jpg) repeat-x;
padding: 12px 23px 12px 22px;
display: block;
font-size: 12px;
text-decoration: none;
}
ul#menu li a:hover {
background: #fff;
color: #db2b36;
}
ul#menu .active a {
background: #fff !important;
color: #db2b36 !important;
}
ul#menu .lastMenu {
padding: 12px 28px 12px 31px;
}
ul#menu .lastLiMenu {
margin: 0px !important;
}
#leftCol {
	float:left;
	padding:279px 0 0;
	width:220px;
}
#leftColInside {
	background:#f1f3f1;
	padding:20px;
}
#rightCol {
margin: 279px 0px 0px 0px;
width: 220px;
float: right
}
#rightCol .inBox p {
width: 100%;
padding-left: 0px;
}
#footer {
background: url(../img/bg-footer.jpg) repeat-x;
height: 50px;
margin: 30px 0px 0px 0px;
}
#footer span {
padding: 20px 20px;
}
#footer span a {
color: #db2b36;
text-decoration: none;
}
.inBox {
width: 180px;
padding: 18px 20px 20px 20px;
background: #f1f3f1;
margin: 2px 0px;
}
.inBox strong {
color: #db2b36;
display: block;
font-size: 120%;
padding: 0px 0px 5px 0px;
}
.newsTitle {
color: #db2b36 !important;
text-decoration: none;
}
.inBox strong a:hover {
text-decoration: underline;
}
.inBox img {
border: 1px solid #caccca;
width: 68px;
float: left;
}
.inBox p {
float: left;
padding: 0px 0px 0px 10px;
width: 94px;
margin: 0px;
}
ul#leftMenu {
text-transform: uppercase;
list-style: none;
padding: 0px;
margin: 0px;
}
ul#leftMenu li {
padding: 9px 0px 11px 20px;
background: url(../img/bg-left-menu.jpg) no-repeat 0px 12px;
border-bottom: 1px solid silver;
font-size: 100%;
}
.act-leftMenu-anchor {
color: #da2a35 !important;
font-weight: bold;
text-decoration: none;
}
.act-leftMenu-li {
background: none !important;
padding-left: 0px !important;
}
ul#leftMenu li.noLiBg {
border: none;
}

ul.submenu {
text-transform: lowercase;
list-style: none;
padding: 0px;
margin: 0px;
}
ul.submenu li {
border: none !important;
padding: 5px 0px 5px 0px !important;
background: none !important;
}
ul.submenu li a:link,
ul.submenu li a:visited {
background: url(../img/bg-left-menu-sub.jpg) no-repeat 0px 5px;
padding: 0px 0px 0px 20px;
}
ul.submenu li a:hover {
color: #db2b36;
}
ul.submenu li.act-leftMenu-li a.act-leftMenu-anchor{
color: #db2b36;
padding: 0px;
background: none;
font-weight: normal !important;
}
ul.submenu li.noLiBg {
/*border-bottom: 1px solid silver !important;
padding-bottom: 15px !important;*/
font-weight: normal !important;
}
/*****************************************************************************************
 ************************************** Obecná nastavení *********************************
 ****************************************************************************************/

h1 {
color: #008b45;
font-size: 250%;
margin-top: 0px;
padding-top: 0px;
}
h1.homeH1 {
color: #008b45;
font-size: 250%;
margin-top: 0px;
padding-top: 0px;
display: none;
}
h2 {
color: #db2b38;
font-size: 120%;
}
a:link,
a:visited {
color: #008b45;
}
a:hover {
color: #717171;
}
.clear {
clear: both;
}
.right {
float: right;
}
.left {
float: left;
}
.noBackground {
background: none !important;
padding-right: 0px !important;
}
.noBorder {
border: none !important;
}
.block {
display: block;
}
#textArea img {
border: 2px solid #F2F2F2;
}
#textArea img.default{
border:0px;
}
#textArea table {
	border-collapse:collapse;
	border-spacing:0;
	margin:0 0 30px;
	text-align:center;
	width:100%
}
#textArea table td,
#textArea table th{
	border:1px solid #ddd;
	padding:5px 10px
}

/*****************************************************************************************
 ************************************** Úvodní stránka ***********************************
 ****************************************************************************************/

#coverDivHome {
width: 740px;
float: left;
}
 
#textAreaHome {
float: right;
width: 460px;
padding: 2px 30px 0px 30px;
margin: 278px 0px 0px 0px;
}

#textArea {
float: right;
width: 710px;
padding: 0px 0px 0px 30px;
margin: 278px 0px 0px 0px;
}
#contactForm {
display: none;
width: 500px;
height: 400px;
background: white;
border: 3px solid silver;
position: absolute;
z-index: 500;
}
#depPath {
padding: 10px 0px 0px 0px;
height: 34px;
width: 100%;
}
/****************************** KATALOGOVÉ BOXÍKY */

.catBox {
width: 126px;
height: 85px;
float: left;
padding: 10px 10px;
margin: 0px 0px 10px 0px;
font-size: 130%;
color: white;
}
.catBox a:link,
.catBox a:visited {
color: white;
text-decoration: none;
}
.catBox a:hover {
text-decoration: underline;
}
.bg1 {
background: #00964a url(../img/bg-box-green-1.jpg) repeat-x;
}
.bg2 {
background: #464646 url(../img/bg-box-black-1.jpg) repeat-x;
margin: 0px 10px 10px 10px;
}
.bg3 {
background: #dd2e39 url(../img/bg-box-red-1.jpg) repeat-x;
}
.bg4 {
background: #00964a url(../img/bg-box-green-2.jpg) repeat-x;
}
.bg5 {
background: #464646 url(../img/bg-box-black-2.jpg) repeat-x;
margin: 0px 10px 10px 10px;
}
.bg6 {
background: #dd2e39 url(../img/bg-box-red-2.jpg) repeat-x;
}
.bg7 {
background: #00964a url(../img/bg-box-green-3.jpg) repeat-x;
}
.bg8 {
background: #464646 url(../img/bg-box-black-3.jpg) repeat-x;
margin: 0px 10px 10px 10px;
}
.bg9 {
background: #dd2e39 url(../img/bg-box-red-3.jpg) repeat-x;
}
.bg10 {
background: #00964a url(../img/bg-box-green-4.jpg) repeat-x;
}
.bg11 {
background: #464646 url(../img/bg-box-black-4.jpg) repeat-x;
margin: 0px 10px 10px 10px;
}
.bg12 {
background: #dd2e39 url(../img/bg-box-red-4.jpg) repeat-x;
}

/*****************************************************************************************
 ************************************** SEZNAM ZBOŽÍ *************************************
 ****************************************************************************************/
.sortBox {
float: left;
width: 330px;
margin: 0px 0px 30px 0px;
position: relative;
}
.sortBox p {
width: 150px;
padding: 0px 0px 0px 5px;
margin: 0px;
height: 120px;
}
.sortBox a:link,
.sortBox a:visited,
.sortBox a:hover {
color: #db2a32;
}
.sortBox a:hover {
text-decoration: none;
}
.sortBox img {
border: 2px solid #f2f2f2;
}
.sortBox .detButton {
margin: 60px 0px 0px 0px;
padding: 0px;
border: none;
position: absolute;
border: none;
right: 0px;
bottom: 0px;
}
.sortBox p span {
padding: 10px 0px 0px 0px;
display: block;
}
.sortBox h2 a:link,
.sortBox h2 a:visited {
text-decoration: none;
}
.sortBox h2 a:hover {
text-decoration: underline;
}
.sortBox.paddingLeft {
padding: 0px 0px 0px 50px;
}
.selectForm {
margin-top: 0px;
}
.selectForm select {
vertical-align: top;
margin: 7px 0px 0px 0px;
}
/*****************************************************************************************
 ************************************** DETAIL ZBOŽÍ *************************************
 ****************************************************************************************/
.goodsLeftCol {
float: left;
width: 280px;
}
.goodsDescription {
width: 400px;
float: right;
padding: 0px 0px 0px 30px;
margin: 0px;
}
.goodsDescription p {
margin: 0px;

}
.goodsParamerts {
width: 100%;
}
.goodsParamerts img {
border: 0px !important;
margin-right: 7px;
}
.goodsParamerts caption,
.goodsDescriptionBox strong {
text-align: left;
color: #de2a36;
font-weight: bold;
font-size: 120%;
padding: 0px 0px 5px 0px;
}
.goodsParamerts tr td {
padding: 3px 3px 3px 20px;
}
.goodsParamerts .odd {
background: #f1f3f0;
}
.goodsLeftCol .boxZp {
color: white;
padding: 7px 10px 7px 10px;
background: #717171;
width: 119px;
float: left;
margin: 20px 0px 0px 0px;
}
.goodsLeftCol .boxCode {
color: white;
padding: 7px 10px 7px 10px;
background: #028b47;
width: 119px;
float: left;
margin: 20px 0px 0px 1px;
}
.goodsDescriptionBox {
background: url(../img/bg-description-link-box.gif) repeat-x;
width: 360px;
height: 100px;
float: right;
padding: 15px 20px;
margin: 20px 0px 0px 0px;
}
.goodsDescriptionBox strong {
padding: 0px 0px 10px 0px;
display: block;
}
.goodsDescriptionBox ul,
.goodsDescriptionBox ul li {
margin: 0px;
padding: 0px 0px 10px 0px;
list-style: none;
}
.goodsDescriptionBox a:link,
.goodsDescriptionBox a:hover,
.goodsDescriptionBox a:visited {
background: url(../img/bg-anchor-desbox.gif) no-repeat 0px 4px;
padding: 0px 0px 0px 20px;
}
.goodsDescriptionBox .withBg {
background: url(../img/bg-description-link-box-line.gif) no-repeat 175px 10px;
width: 195px;
}
ul.goodsOtherphoto {
clear:both;
list-style:none;
padding:0px;
margin:0px;
}
ul.goodsOtherphoto li {
float:left;
margin:3px;
}




#contentError {
padding:278px 0px 0px;
}
#contentError .h1 {
display:block;
font-size:200%;
margin:0px;
padding:0px 0px 20px;
}
#contentError ul {
margin:0px;
padding:0px;
list-style:none;
}
#contentError ul li {
padding:0px 0px 5px;
}