/*body {color: #000; font-family: verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 70%; margin: 0; padding: 20px 0; background: #FFF;}*/
body {padding: 0 0 1em; margin: 0; width: 100%; text-align: center; position: relative;color: #000; font: normal 75% Arial, Helvetica, sans-serif; margin: 0; padding: 20px 0; background: #FFF;}
a {color: #277041}
a:hover {color: #69B63D;}
img {border: 0;}
.clr {clear: both;}
.float-left {float: left;}
.float-right {float: right;}
.align-center {text-align: center;}
.align-right {text-align: right;}
.align-justify {text-align: justify;}
.valign-top {vertical-align: top;}
.nowrap {white-space: nowrap;}
.noscreen {display: none;}
.mt5 {margin-top: 5px;}

hr {display:none;}
p {margin: 1em 0;}
ul {margin: 1em 0;}
h1 {color: #69B63D; font-size: 1.6em; margin: 0.5em 0;}
h2 {color: #69B63D; font-size: 1.4em; margin: 0.5em 0;}
h3 {color: #69B63D; font-size: 1.2em; margin: 0.5em 0;}
h5 {color: #69B63D; font-size: 1em; margin: 1em 0;}

h2.fold1, h2.fold2, h2.fold3, h2.fold4, h2.fold5, h2.fold6, h2.fold7, h2.fold8 {color: #FFF; font-size: 0.9em; margin: 0 0 1px 0; padding-left: 5px; border-bottom: 1px solid #FFF; min-height: 22px; _height: 22px; line-height: 22px;}
h2.fold2, h2.fold3, h2.fold5, h2.fold6, h2.fold8 {background: #69B63D;}
h2.fold1, h2.fold4, h2.fold7 {background: #277041;}
h3.news-title {font-size: 100%;	margin: 0 0 5px 0;}

/*#page {max-width: 1000px; min-width: 780px; margin: auto; background: #FFF;}*/
#mother {text-align: left; width: auto; max-width: 1000px; min-width: 770px; margin: 0 auto; position: relative;}
#header {background: url(../Images/motive.jpg) #69B63D no-repeat; width: 100%; _height: 154px; margin-bottom: 2px;}

#inter-left {width: 76%; min-height: 154px; _height: 154px; float: left;}
#inter-right {width: 179px; min-height: 154px; _height: 154px; background: #277041; border-left: 2px solid #FFF; float: right; color: #FFF;}
#inter-right a {text-decoration: underline; color: #FFF;}
#user {border-bottom: 2px solid #FFF;}
#user label {font-weight: bold; float: left; margin-top: 3px; padding-right: 3px;}
#user label.password {padding-right: 10px;}
#in-user, #in-cart {padding: 8px 4px; font-size: 90%;}
#in-cart {padding-top: 12px;}
#cart a {padding-left: 23px; background: url(../Images/cart.gif) no-repeat;}

.button-login, .button-search, .button-filter {height: 18px; color: #2B2B2B; font-size: 100%; padding: 0 2px; overflow: visible;}
.input-login {width: 60px; font-size: 90%;}
.input-search {font-size: 10px;	margin-right: 2px; width: 90px;}

#topmenu {min-height: 25px; _height: 25px; line-height: 25px; font-size: 0.9em; background: #277041; color: #FFF; margin-bottom: 2px; padding-left: 12px;}
#topmenu ul {margin: 0; padding: 0; list-style-type: none;}
#topmenu ul li {float: left;}
#topmenu a {padding: 0px 10px; color: #FFF; font-weight: bold; text-decoration: none; border-right: 1px solid #FFF;}
#topmenu a:hover {text-decoration: underline;}
#topmenu a.last {border: none;}

.menu1, .menu2, .menu3 {margin-bottom: 3px;}
.menu1 ul, .menu2 ul, .menu3 ul {margin: 0; padding: 0; list-style-type: none;}
.menu1 li, .menu2 li, .menu3 li {margin-bottom: 1px;}
.menu1 a, .menu2 a, .menu3 a {display: block; color: #000; text-decoration: none; min-height: 18px; _height: 18px; line-height: 18px; padding-left: 7px; font-size: 0.9em; background: url(../Images/dart.gif) #EDEDED 158px 5px no-repeat;}
.menu1 a, .menu2 a, .menu3 a {}
.menu2 a {background-color: #FCE5D2;}
.menu1 a:hover {background-color: #277041; color: #FFF;}
.menu2 a:hover {background-color: #277041; color: #FFF;}
.menu3 a:hover {background-color: #277041; color: #FFF;}

#submenu {height: 18px;}
#submenu a {padding: 0px 8px; background: #EDEDED; margin-right: 5px; height: 18px; line-height: 18px; display: block; float: left; font-weight: bold; text-decoration: none;}
#submenu a:hover {text-decoration: underline;}
#submenu a.submenu-selected {background: #69B63D; color: #FFF;}

.panel1, .panel2, .panel3 {font-size: 0.9em; background: #F6FBF4; border: 1px solid #B5EF95; margin-bottom: 4px;}
.panel1 a, .panel2 a, .panel3 a {font-weight: bold;}
.panel4 {background: #F6FBF4; border: 1px solid #B5EF95; margin-bottom: 4px; position: relative; height: 1%;}
.panel4 img {margin: 5px 0;}
.in-panel {padding: 4px 4px;}

.news-item {margin-bottom: 10px;}

#footer {margin: 5px 0 20px 0; border-top: 7px solid #69B63D; padding-top: 10px; font-size: 0.9em; padding: 6px 6px; background-color: #F6FBF4;}

#mark-filter {background: #F3F2F2; padding: 8px 5px; margin-bottom: 10px; height: 1%;}
#mark-filter form {padding: 0;}
#mark-filter label {margin-right: 11px; white-space: nowrap; float: left; padding-bottom: 5px;}
#mark-filter label input {margin: 0; padding: 0; width: 13px; height: 14px;}
#mark-filter fieldset {margin: 0; padding: 0;}
#mark-filter legend {margin: 0px 0 -16px 0; padding: 0; font-weight: bold; color: #000; position: relative;}
#mark-filter p {margin: 0 100px 0 12em;}
#mark-filter .button-filter {margin-top: -1.6em; float: right;}

#sorting {float: right; margin-bottom: 5px;}
.pages {text-align: right;}

.product-detail-description {width: 305px; float: left; margin-left: 10px; }
.product-detail p {margin: 1em 0;}
.product-detail h5 {font-size: 1em; margin: 0.2em 0; padding: 0;}
.product-detail-info {margin-bottom: 10px; width: 820px; }
.product-detail-img {width: 141px; height: 141px; border: 1px solid #CDCDCD; background: url(../Images/plus.gif) 3px 128px no-repeat; float: left;}
.product-detail-img a {width: 141px; height: 141px; display: block; text-align: center;}
.product-detail-img a img {padding-top: 20px;}

table.detail-information {border-collapse: collapse; width: 100%; margin-bottom: 5px;}
table.detail-information th {text-align: left; background: #F3F2F2; border-bottom: 1px solid #FFF; padding: 2px 0 2px 3px;}
table.detail-information td {padding: 2px 3px; background: #F3F2F2; border-bottom: 1px solid #FFF;}

#variants {margin-bottom: 20px;}
.variants-head {background: #E5E5E5; padding: 2px 2px; min-height: 22px; _height: 22px;}
.variants-body {padding: 2px 2px; margin-bottom: 5px;}

.price1 {background: url(../Images/skrtnuti.gif) left no-repeat; font-weight: bold; color: #818181;}
.price2 {color: #000000;}
.price3 {color: #FF0000; font-weight: bold;}

.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;}
.saving {font-weight: bold;}
.button-put-into-basket {font-size: 1em;}
.question {padding-right:11px; background:transparent url("../Images/ikona-otaznik.gif") no-repeat right top;}
.favoured {color: #FF0000; line-height: 1.2em; font-size: 0.9em; margin: 5px 0 5px 0;}

#sub-add {height: 100%; border: 1px solid #E5E5E5; margin-bottom: 10px;}
#in-sub-add {padding: 10px 10px}

table.data {width: 100%; border-collapse: separate;}
table.data th {background: #E5E5E5; padding: 2px 2px;}
table.data td {background: #F3F2F2; padding: 2px 2px;}
table.data td.border-bottom-none {border-bottom: none;}
table.data td.bg-none {background: #FFF;}

#next-sub {margin-bottom: 10px; line-height: 1.3em;}
#next-sub ul {padding: 0; margin: 0;}
#next-sub li {list-style-type: none; float: left; background: url(../Images/ikona-adresar.gif) no-repeat; margin-right: 10px; line-height: 1.5em;}
#next-sub a {padding-left: 20px; white-space: nowrap;}

.accessories-item {border-bottom: 1px solid #CFDEE9; padding: 10px 0;}
.accessories-item-title {margin-bottom: 5px;}
.accessories-item-img {float: left; margin-right: 10px;}

form {margin:0;}
fieldset {border: none;}
.form1 {margin-bottom: 10px;}
.form1 fieldset {border: 1px dashed #cecece; padding: 10px 10px;}
.form1 legend {font-weight: bold; padding: 5px 5px 0 5px; color: #69B63D; background: #FFF;}
.form1 label {float: left; width: 25%; vertical-align: middle; padding-top: 0.3em;}
.form1 p {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;}

.mb1 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mr10 {margin-right: 10px;}

.w150 {width: 150px;}
.w130 {width: 130px;}
.w120 {width: 120px;}
.w110 {width: 110px;}
.p20 {width: 20%;}
.p30 {width: 30%;}
.p50 {width: 50%;}
.p60 {width: 60%;}

.is-internet {color: #3366CC;}
.is-solution {color: #666666;}
a.internetsolution {text-decoration: none;}

.photogallery-item {width: 141px; height: 141px; background: url(../Images/plus.gif) 0 20px no-repeat; float: left; text-align: center;}
.photogallery-item a {width: 141px; height: 141px;}
.photogallery-item a img {padding-top: 20px;}

.button-detail {float: right;}
.button-detail a {display: block; font-size: 0.8em; font-weight: bold; text-decoration: none; background: url(../Images/podrobnosti.gif) 0 0 no-repeat; padding: 2px 2px 2px 20px; color: #339259; font-family: Verdana}
.button-detail a:hover {color: #FFF; background-color: #69B63D;}

.button-basket {width: 55px; margin-top: 2px; float: right; background: #277041; padding: 2px 2px;}
#basket-steps {margin-top: 10px;}

.next {font-size: 0.9em; margin-bottom: 10px;}
.alert {border: 1px solid red; padding: 10px 10px; margin-bottom: 10px; color: red; font-weight: bold;}
.alert1 {color: red;}

/***** text stránek *****/

#obchodni-podminky {line-height: 1.5em;}
#obchodni-podminky li {margin-bottom: 1.5em; text-align: justify;}
#spotrebitele-info {width: 70%; margin: auto; color: red; font-weight: bold; text-align: center;}
.panel-text {border-top: 1px solid #E5E5E5; padding: 6px 0;}
.panel-text h2 {color: red; font-size: 110%; margin-top: 0;}
.mr10 {margin-right: 10px;}
.ml10 {margin-left: 10px;}
.panel-text p {margin: 0;}
#kod {background: #F3F2F2; padding: 10px 10px; border: 1px solid #C0C0C0;}

/***** text stránek *****/

#mapa-webu h2 {font-size: 1em;}
#mapa-webu ul {margin: 0 0.5em 0.5em 0.5em; padding: 0 0.8em 0.8em 0.8em;}
#mapa-webu ul li {list-style-type: none;}

ul#mark-list {margin: 0; padding: 0;}
#mark-list li {list-style-type: none; float: left;}
#mark-list li .mark {width: 160px; display: block; line-height: 8em !important; height: 8em !important; text-align: center;}
#mark-list li .mark img {display: inline; vertical-align: middle;}

.mark-img {width: 145px; border-right: 1px solid #E5E5E5; margin-right: 10px; height: 5em; float: left; text-align: center;}
.mark-description, .mark-content {text-align: justify;}

ul#mark-links {margin: 0; padding: 0;}
#mark-links li {list-style-type: none; float: left; background: url(../Images/ikona-adresar.gif) no-repeat; margin-right: 10px; line-height: 1.5em;}
#mark-links li a {padding-left: 20px; white-space: nowrap;}

#navigation {border-bottom: 1px solid #E5E5E5; line-height: 22px; height: 22px;}

/****/

.clearfix:after, #submenu ul:after, #main:after, #main-menu:after,#col-right:after, #col-right-left #content .product-box .in-product-box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.break { font-size: 1px; height: 1px; clear: both; overflow: hidden; visibility: hidden; }

/* ------------- */
#main{width: 100%;}
#main.two-cols #col-right {background-image: none;}
#main.two-cols #col-right {background-image: none;}
#main.two-cols #col-right-left #content .in {margin-left: 10px; margin-right: 0;}
#main.two-cols #col-right-left #content span.headbox-right { background-image: none; }
#main-wrap { border-left: 1px solid #C6C6C6; border-right: 1px solid #C6C6C6; }

#col-left {width: 170px; float: left;}
#col-right {margin-left: 170px; background: url(../images/bg-col-right.gif) repeat-y 70% 0;}
#col-right.news  {background: url(../images/bg-col-right-news.gif) repeat-y 70% 0;}
#col-right-left {width: auto; }
#col-right-left #content {width: 100%; float: left;  margin-right: -30%; display: inline;}
#col-right-left #content .in {margin-right: 23%; margin-left: 10px;}
#col-right-right {width: 21.6%; float: right; position: relative;}
#col-right-right .wrap-right {width: 100%;}
/* ------------- */

.product-list {padding-top: 0em; background: url(../images/bg-product-list.gif) repeat-y; border-bottom: 1px solid #D1D1D1; width:100%;}
.products {border-top: 1px solid #D1D1D1; margin: 8px 0;}
#main.two-cols .product-list, #main.three-cols .product-list {padding-top: 0; background-position: 33% 0;}
#main.two-cols .product-list-wrap {padding-top: 0em; background: url(../Images/bg-product-list.gif) repeat-y 66% 0;}
#main.three-cols .product-list-wrap {padding-top: 0em; background: url(../Images/bg-product-list.gif) repeat-y 66% 0;}
#main.two-cols .product-box, #main.three-cols .product-box {width: 33%; float: left;}
#col-right-left #content .product-box .in-product-box {margin: 0; padding: 0.5em 10px 0.5em 10px;}
.product-box h3 {color: #FF6633; margin: 0; font-size: 100%; margin-bottom: 5px;}

.product-box h3 a img {float: left; margin: 5px 10px 5px 0;}
.product-box .center-img {text-align: center; margin-bottom: 5px;} /* vycentrovaný obrázek v odkazu na úvodu */
.product-box h3 img.top {margin-right: 5px;}
.product-box .product-desc, .product-box .product-price { padding: 0; margin: 0; }
.product-box .product-desc {margin-bottom: 7px; }
.product-box .product-price {margin-bottom: 0.5em; float: none;}

.product-features {float: left; width: auto;}
.product-features img {display: inline; line-height: 20px; margin: 0 0 3px 0; padding: 0; vertical-align: middle;}
.product-features p {margin-top: 10px;}
/*************************************************************************/

/* uvodni stranka - rozcestnik */

#rozcestnik {border: 1px solid #E5E5E5; margin-bottom: 15px;}
#rozcestnik h3 {font-size: 1.2em; font-weight: bold;}
#rozcestnik h3 a {color: #D62632;}
#rozcestnik h3 a img {text-decoration: none;}
#rozcestnik-in {padding: 0 10px;}
.bunka {height: 145px; width: 144px; font-size: 90%; border-right: 1px solid #E5E5E5; float: left; margin-right: 10px; padding-bottom: 10px;}
.set-bunek {border-bottom: 1px solid #E5E5E5;}
.noborder {border-right: none; margin-right: 0px; width: 142px;}
.posledni {border-bottom: none;}
.cesty {margin-top: 5px;}
.cesty a {color: #000;}
.cesty a:hover {color: #277041;}
a.green {color: #277041;}
.block a {display: block; width: 134px; height: 95px;}
.pro-psy {width: 134px; height: 95px; background: url(../Images/rozcestnik/pro-psy.jpg) bottom left no-repeat;}
.pro-kocky {width: 134px; height: 95px; background: url(../Images/rozcestnik/pro-kocky.jpg) bottom left no-repeat;}
.akvaristika {width: 134px; height: 95px; background: url(../Images/rozcestnik/akvaristika.jpg) bottom left no-repeat;}
.teraristika {width: 134px; height: 95px; background: url(../Images/rozcestnik/teraristika.jpg) bottom left no-repeat;}
.pro-ptaky {width: 134px; height: 95px; background: url(../Images/rozcestnik/pro-ptaky.jpg) bottom left no-repeat;}
.pro-fretky {width: 134px; height: 95px; background: url(../Images/rozcestnik/pro-fretky.jpg) bottom left no-repeat;}
.pro-hlodavce {width: 134px; height: 95px; background: url(../Images/rozcestnik/pro-hlodavce.jpg) bottom left no-repeat;}
.kone {width: 134px; height: 95px; background: url(../Images/rozcestnik/kone.jpg) bottom left no-repeat;}
.zahradni-jezirka {width: 134px; height: 95px; background: url(../Images/rozcestnik/zahradni-jezirka.jpg) bottom left no-repeat;}
.zahrada-a-dum {width: 134px; height: 95px; background: url(../Images/rozcestnik/zahrada-a-dum.jpg) bottom left no-repeat;}
.rybarstvi {width: 134px; height: 95px; background: url(../Images/rozcestnik/rybarstvi.jpg) bottom left no-repeat;}
.sperky {width: 134px; height: 95px; background: url(../Images/rozcestnik/sperky.jpg) bottom left no-repeat;}
.alergie {width: 134px; height: 95px; background: url(../Images/rozcestnik/alergie.jpg) bottom left no-repeat;}
.antistres {width: 134px; height: 95px; background: url(../Images/rozcestnik/antistres.jpg) bottom left no-repeat;}
.ekologicke-pripravky {width: 134px; height: 95px; background: url(../Images/rozcestnik/ekologicke-pripravky.jpg) bottom left no-repeat;}
.ostatni-zvirata {width: 134px; height: 95px; background: url(../Images/rozcestnik/ostatni-zvirata.jpg) bottom left no-repeat;}
.hunit {height: 100px;}

.extrabox { padding: 0 10px; background: #f9f9f9; border: 1px solid #f3f2f2; }
.extrabox h2 { color: #000; font-size: 1.6em; margin-bottom: 0; }
.extrabox p { margin-top: 5px; }
.extrabox a { color: #0086ed; }
.extrabox a:hover { color: #0066b5; }

.extraboxdetail { width: 285px; float: left; margin: 0 0 10px 10px; }
.extraboxdetail h2 { font-size: 1.3em; }
.extraboxdetail p { font-size: 0.9em; color: #606060; }

.ilu-foot { padding-left: 52px; background: #f9f9f9 url('../Images/ilu-foot.gif') 13px 13px no-repeat; }
.ilu-actions { padding: 8px 42px 12px 20px; }
.ilu-actions p { color: #000; font-size: 1.1em; }
.ilu-actions a {color: #69B63D; }
.ilu-actions a:hover {color: #277041;}
.ilu-actions ul { margin: 0; padding: 0 0 0 10px; }
.ilu-actions li { list-style-type: none; margin: 2px 0; padding-left: 12px; background: url('../Images/bullet-arrow.gif') 0 4px no-repeat; }

.getmoreinfo { border: 1px solid #f3f2f2; padding: 0 10px; margin-left: 152px; }