/* CSS Document */

body {
font-family: sans-serif;
font-size: 9pt; 
font-weight:normal;
position: absolute;
width:800px;
top: 0%;
left: 50%;
margin: 0px 0px 0px -400px;
background: #a0adb5 url(img/bgbody.jpg) repeat-x top left;
}

a  {
color: #5d86ba;
text-decoration: underline;
}

a:hover  {
color: black;
text-decoration: underline;
}

a:visited   {
color: gray;
text-decoration: underline;
}



#head {
width:800px;
height:200px;
border: 1px solid #535353;
}

#head-slide IMG {
width:800px;
height:200px;
    position:absolute;
    top:1px;
    left:1px;
    z-index:8;
    cursor: pointer;
}

#head-slide IMG.active {
    z-index:10;
}

#head-slide IMG.last-active {
    z-index:9;
}

img {
border: 0px solid #535353;
}



#logo {
width:294px;
height:56px;
position: absolute;
top: 70px;
left: 61%;
!top: 100px;
!left: 48%;
z-index:13;
}



#logo {
width:294px;
height:56px;
position: absolute;
top: 70px;
left: 61%;
!top: 100px;
!left: 48%;
z-index:13;
}

#soc {
width:800px;
height:30px;
background: #a0adb5 url(img/bgx.jpg) repeat-x top left;
background-color: black;
}

#soc img {
margin-top:3px;
margin-right: 5px;
}

#soc2 {
background: url(img/soc3.png) repeat-x top left;
width: 40px;
padding:5px 0px 5px 0px;
z-index:0;
position: absolute;
width:40px;
top: 10px;
left: 50%;
margin: 0px 0px 0px 395px;
}

#soc2 img, #navigation-v img  {
padding:5px;
padding-left:10px;
}

#navigation-v {
background: url(img/soc5.png) repeat-x top left;
width: 40px;
padding:5px 0px 5px 0px;
z-index:0;
position: fixed;
width:40px;
top: 135px;
left: 50%;
margin: 0px 0px 0px 395px;
z-index: -10;
}


#navigation-v img {
margin: 0px 10px 0px 0px;
}



#menu, #navigation {
font-size: 14px; 
width:800px;
height:25px;
border: 1px solid #535353;

background: #949790 url(img/bg1.jpg) repeat-x top left;
!margin-top: -60px;
}

#navigation, ul {
padding: 0;
margin: 0;
list-style-type:none;
}

#navigation, li {
float:left;
}

#menu a, #navigation a {
position: relative;
top: -5px;
height:25px;
padding: 6px 10px 4px 10px;
border-right: 1px solid #535353;
/*background-color: red;*/
color: white;
text-decoration: none;
}

#menu a:hover, #navigation a:hover {
background: url(img/bg3.jpg) repeat-x top left;
}

.menus {
background: url(img/bg3.jpg) repeat-x top left;
}

#main {
clear: both;
width:780px;
border: 1px solid #535353;
padding: 10px;
background: white url(img/graybg.jpg) repeat-x top left;
}

#left, #leftbig, #lefto, #left2, #lefto2 {
float: left;
clear: left;
width:570px;
padding: 10px;
min-height: 726px;

}

#left {
border-right: 1px solid #969696;
}

#lefto, #left2, #lefto2 {
width:540px;
!width:535px;
}

#leftbig {
width:760px;
}

#kndm {
float: left;
margin-left: 20px;
margin-bottom: 20px;
}

#kndmpopis {
width: 350px;
float: right;
}

h2, h1 {
font-size: 14px; 
font-weight:bold;
padding: 5px 0px 0px 0px;
margin: 0px;
}

#lefto h1 {
font-size: 20pt; 
color: black;
}


.clanek-news-c h2, .clanek-news h2, h2 {
color: #5d86ba;
font-size: 14px;
font-weight:bold;
padding: 0px 0px 5px 0px;
margin-bottom: 5px;
}

.clanek-news-c h1, .clanek-news h1, h1 {
color: #5d86ba;
font-size: 14px;
font-weight:bold;
padding: 0px 0px 5px 0px;
margin-bottom: 5px;
}

.blue {
color: #5d86ba;
font-weight:bold;
}

h3 {
color: #5d86ba;
font-size: 14px; 
font-weight:bold;
padding: 0px 0px 0px 0px;
margin: 0px;
}


#right, #righto {
float: right;
width:160px;
/*border: 1px solid #969696;*/
padding: 10px;
/*background-color: pink;*/
/*background: white url(img/graybg2.jpg) repeat-x top left;*/
}

#righto {
width:200px;
padding: 0px;
}

#footer {

clear: both;
margin-top: 30px;
font-size: 10px; 
font-weight:normal;
text-align: center;
}

#news {
margin-top:-10px;
}

.novinka {
margin-top: 10px;
width: 545px;
padding: 10px;
border: 1px solid #969696;
margin-bottom: 10px;
/*background-color: white;*/
background-color: pink;
font-size: 14px; 
font-weight: bold;
}

.clanek-news-c img, .clanek-news img, .clanek-newsb img  {
position: relative;
/*top: -20px;*/
/*left: 15px;*/
float: left;
z-index: 9;
margin: -1px 10px 0px 0px;
/*border: 1px solid #d9d9d9;*/
}

.clanek-news-c, .clanek-news, #clanky-left .clanek-news, #clanky-right .clanek-news {
border: 1px solid #d9d9d9;
background-color: red;
width: 545px;
padding: 10px 10px 10px 10px;
background: white url(img/bgnews.jpg) repeat-x top left;
}

.clanek-news-h {
background: white url(img/bgnewsh.jpg) repeat-x top left;
}

#clanky-left .clanek-news, .clanek-news-c {
width: 505px;
}

#clanky-right .clanek-news {
margin-top: 10px;
width: 185px;
}



.ntxt {
margin-top:-10px;
padding: 10px;
text-align: justify;
background-color: red;
width: 545px;
border: 1px solid #969696;
}

.time, .name, .sort, .sort2, .sort3  {
border-bottom: 1px solid #969696;
padding: 5px 10px 5px 10px;
text-align: right;
}

.name, .sort, .sort2, .sort3  {
text-align: center;
font-weight:bold;
}

.rightcontainer, .rightcontainerb, .rightcontainer3 {
background-color: #e3eef4;
border: 1px solid #bbc5cb;
margin-top: 4px;
padding: 5px;
}

.rightcontainer img {
margin: 3px;
}


.rightcontainer3 {
background-color: white;
}

.rightcontainerb a {
color: black;
} 

.namex {
position: relative;
top: -140px;
left: 0px;
width: 160px;
height: 40px;
padding: 10px 0px 10px 0px;
background-color: #ff9292;
}

.iteml h3, .namex h3 {
font-family: sans-serif;
font-size: 10pt; 
font-weight:normal;
padding:0;
margin:0;
}

.iteml a, .namex a {
font-weight:normal;
color: black;
text-decoration: none;
}

.namex-info {
width: 154px;
background-color: #ff9292;
padding: 10px 3px 10px 3px;
margin: 0px 0px 0px 0px;
}

.namex-info a {
color: black;
text-decoration: none;
/*border: 1px rgb(0,0,0) solid;*/
padding: 0px 4px 0px 4px;
} 

.sort2 {
border-top: 1px solid #bbc5cb;
border-right: 1px solid #bbc5cb;
border-left: 1px solid #bbc5cb;
border-bottom: 0px solid #bbc5cb;
background-color: #e3eef4;
}

.sort3 {
border-top: 1px solid #bbc5cb;
border-right: 1px solid #bbc5cb;
border-left: 1px solid #bbc5cb;
border-bottom: 0px solid #bbc5cb;
background-color: white;
}

#nadpis, .nadpis {
margin-bottom: 10px;
text-align: center;
padding: 10px 10px 10px 10px;
font-weight:bold;
border: 1px solid #969696;
background: white url(img/bgnews.jpg) repeat-x top left;
}

#nadpis H1 {

margin: 0px;
padding: 0px;
}

.itemx {
/*border: 1px solid #969696;
background-color: #ffffff;*/
text-align: center;
margin-bottom: 20px;
height:200px;
}

.price-h {
font-size: 14pt;
}

.item, .iteml {
/*border: 1px solid #969696;*/
text-align: center;
}

.iteml {
margin-right: 10px;
!margin-right: 10px;
margin-left: 10px;
width: 160px;
height: 230px;
/*!width: 155px;*/
float: left;
}


/*.item:hover, .iteml:hover {
background-color: #d9e8f1;
}*/

.nadpis {
font-weight:bold;
}

fieldset {
margin-bottom: 10px;
border: 1px solid #ccc;
}

.text, .textn, .textx, file, .sbj, #jmeno, #anti {
margin-right: 20px;
width: 180px;
border: 1px solid #ccc;
font-size: 12px; 
}

#anti {
width: 20px;
}

.textbsk {
width: 15px;
border: 1px solid #ccc;
} 

.anotace, .poznamka {
margin-right: 20px;
width: 280px;
height: 280px;
border: 1px solid #ccc;
}

.anotaceb, #zprava {
margin-right: 20px;
width: 350px;
height: 100px;
border: 1px solid #ccc;
font-family: sans-serif;
font-size: 12px; 
font-weight:normal;
}

textarea {
font-family: sans-serif;
font-size: 12px; 
font-weight:normal;
}


#zprava {
width: 400px;
height: 50px;
}

.poznamka {
margin-right: 0px;
width: 100%;
height: 180px;
}

select, checkbox {
border: 1px solid #ccc;
}


#rbutton {
padding: 5px 10px 5px 10px;
border-left: 1px solid #b4b4b4;
border-top: 1px solid #b4b4b4;
border-right: 1px solid #535353;
border-bottom: 1px solid #535353;
width: 80px;
background: #949790 url(img/bg1.jpg) repeat-x top left;
text-decoration: none;
color: white;
}

/*.obchmenuit, .obchmenuitz, .obchmenuitg {
text-decoration: none;
margin: 0px;
padding: 5px 10px 5px 10px;
border-left: 1px solid #b4b4b4;
border-top: 1px solid #b4b4b4;
border-right: 1px solid #535353;
border-bottom: 1px solid #535353;
width: 178px;
background: #949790 url(img/bg1.jpg) repeat-x top left;
color: white;
}*/


/*.obchmenuitz a {
padding-right:150px;
!padding-right:130px;
}

.obchmenuit a {
padding-right:50px;
}
*/


.obchmenuito, .obchmenuix   {
/*margin: 0px 10px 0px 10px;*/
cursor: pointer; 
font-family: sans-serif;
font-size: 12px; 
text-decoration: none;
margin: 0px;
padding: 4px 10px 4px 8px;
border-left: 1px solid #b4b4b4;
border-top: 1px solid #b4b4b4;
border-right: 1px solid #535353;
border-bottom: 1px solid #535353;
width: 200px;
background: #949790 url(img/bg4.jpg) repeat-x top left;
color: black;
text-align: left;
}

.obchmenuiz {
cursor: pointer; 
text-decoration: none;
margin: 0px 50px 0px -5px;
padding: 4px 10px 4px 8px;
border-left: 1px solid #b4b4b4;
border-top: 1px solid #b4b4b4;
border-right: 1px solid #535353;
border-bottom: 1px solid #535353;
width: 100px;
background: #949790 url(img/bg4.jpg) repeat-x top left;
text-align: left;
color: white;
}

.obchmenuiy {
cursor: pointer; 
text-decoration: none;
margin: 0px;
padding: 4px 10px 4px 8px;
border-left: 1px solid #b4b4b4;
border-top: 1px solid #b4b4b4;
border-right: 1px solid #535353;
border-bottom: 1px solid #535353;
width: 100px;
background: #949790 url(img/bg4.jpg) repeat-x top left;
text-align: left;
color: white;
}

.obchmenuitg {
margin: 50px 0px 50px 0px;
}

.obchmenuix {
background: #949790 url(img/bg5.jpg) repeat-x top left;
width: 150px;
/*text-align: center;*/
}

.obchmenuiy a:visited {
color: white;
font-style: normal;
}

.obchmenuit a, .obchmenuito a, .obchmenuitz a, .obchmenuitg a, .obchmenuiz a, .obchmenuiy a {
text-decoration: none;
color: white;
}



#rbutton:hover, .obchmenuit:hover, .obchmenuito:hover, .ordfwd:hover, .ordback:hover, .obchmenuitz:hover, .obchmenuitg:hover {
background: #949790 url(img/bg3.jpg) repeat-x top left;
}

/*.obchmenuix:hover, .obchmenuiy:hover {
background: #949790 url(img/bg6.jpg) repeat-x top left;
}

*/

.err, .error {
color: red;
}

.errb {
color: black;
}

.ok {
color: green;
}

.kosikobsh {
padding: 10px;
}

#predstaveni {
border: 1px solid #969696;
padding: 5px 10px 5px 10px;
margin-bottom: 10px;
background-color: white;
min-height: 135px;
text-align: justify;
}

#predstaveni img {
float: left;
margin-right: 10px;
margin-bottom: 50px;
}

.flleft {
float: left;
margin-right: 8px;
margin-bottom: 8px;
}

#prod_img .flleft {
cursor: pointer;
}

#cenovka, #dostupnost, #dostupnostlow, .dostupnost, .dostupnostlow {
font-weight: bold;
font-size: 14pt;
}

#dostupnost, .dostupnost {
color: green;
}

#dostupnostlow, .dostupnostlow {
color: red;
}

.ordertb {
/*background: white;*/
/*border: 1px solid #969696;*/
width: 540px;
}

.ordertb2 {
/*background-color: white;*/
/*border: 1px solid #969696;*/
width: 540px;
border: 1px solid #969696;;
}

.ordertb2 tr {
border: 1px solid black;
background-color: #deebf3;
}

.ordertb2head td {
background-color: #adc7e8;
}

.ordertb2overal td {
background-color: #e8adb2;
}

.ordertc {
width: 100%;
}

.ordertb tr, .ordertc tr {
border: 1px solid #969696;
background-color: #bababa;
}

.trickstb

.ordertb .tr1, .ordertc .tr1, {
border: 1px solid #969696;
background-color: #d0d0d0;
}

.trickstc td {
border: 1px solid #969696;
width: 65px;
}


.ordertb .tr1:hover, .ordertc .tr1:hover, .trickstc .tr1:hover {
background-color: #bababa;
} 

.tbc-head 

.ordback, .ordfwd {
text-decoration: none;
margin: 0px;
padding: 5px 10px 5px 10px;
border-left: 1px solid #b4b4b4;
border-top: 1px solid #b4b4b4;
border-right: 1px solid #535353;
border-bottom: 1px solid #535353;
width: 80px;
background: #949790 url(img/bg1.jpg) repeat-x top left;
color: white;
}

.ordback {
text-decoration: none;
margin: 0px;
padding: 5px 10px 5px 10px;
border-left: 1px solid #b4b4b4;
border-top: 1px solid #b4b4b4;
border-right: 1px solid #535353;
border-bottom: 1px solid #535353;
width: 80px;
background: #949790 url(img/bg1.jpg) repeat-x top left;
color: white;
}

.ordfwd {
float: right;
background: #949790 url(img/bg4.jpg) repeat-x top left;
}

.ordback {
float: left;
}

.ordback a, .ordfwd a {
text-decoration: none;
color: white;
}

.ordback a {
padding-right: 70px;
}

.ordfwd a  {
padding-right: 30px;
}


#bottom-menu2, #bottom-menu {
clear: both;
margin-top: 10px;
font-size: 10px;
text-align: center;
border: 1px solid #d9d9d9;
width: 505px;
padding: 10px;
color: black;
background-color: #dbeffd;
}

#bottom-menu {
width: 545px;
}


#bottom-menu3, #bottom-menu4 {
font-size: 10pt;
clear: both;
margin-top: 10px;
text-align: center;
border: 1px solid #d9d9d9;
width: 480px;
padding: 10px;
color: black;
background-color: #dbeffd;
cursor: pointer;
}

#bottom-menu4 {
width: 530px;
}

#bottom-menu3b {
font-size: 10pt;
border: 1px solid #d9d9d9;
padding: 10px;
color: black;
background-color: white;
}

#bottom-menu3c {
font-size: 10pt;
clear: both;
margin-top: 10px;
text-align: center;
border: 1px solid #d9d9d9;
padding: 10px;
color: black;
background-color: #dbeffd;
cursor: pointer;
}

.mnbutton {
text-decoration: none;
margin: 0px;
padding: 2px 10px 2px 10px;
border-left: 1px solid #b4b4b4;
border-top: 1px solid #b4b4b4;
border-right: 1px solid #535353;
border-bottom: 1px solid #535353;
width: 80px;
background-color: #949790;
color: white;
margin-left: 10px;
margin-right: 10px;
}

li {
margin: 10px 0 10px 0;
}

.bold {
font-weight: bold;
}

.howto {
text-align: center;
margin-left: 240px;
}

#clanky-left {
width: 532px;
/*background-color: red;*/
float: left;
border-right: 1px solid #969696;
padding: 10px;
}

/*#left, #leftbig, #lefto {
float: left;
clear: left;
width:570px;
border-right: 1px solid #969696;
padding: 10px;
min-height: 726px;
}*/

#clanky-right {
float: right;
width: 213px;
/*background-color: green;*/
}


.clanek {
width:552px;
}

.clanekr {
width:213px;
margin-bottom: 20px;
}

.clanek-head {
margin:0px;
padding:0px;
width:552px;
height:68px;
background: url(img/roskyvrch3.png) top center;
/*background-color: red;*/
}

.clanekr-head {
margin:0px;
padding:0px;
width:213px;
height:37px;
background: url(img/roskyvrchr.png) top center;
/*background-color: red;*/
}

.clanek-tail {
/*margin-top:-104px;*/
padding:0px;
width:552px;
height:20px;
background: url(img/roskyspodek2.png) bottom center;
/*background-color: blue;*/
}

.clanekr-tail {
/*margin-top:-104px;*/
padding:0px;
width:213px;
height:20px;
background: url(img/roskyspodekr.png) bottom center;
/*background-color: blue;*/
}

.clanek-txt, .clanek-txtc {
margin-top:-4px;
padding:0px;
width:552px;
background: url(img/stred2.png) repeat-y bottom center;
background-color:white;
/*background-color: green;*/
}

.clanek-txt {
height:60px;
}


.clanekr2-txt {
margin-top:-4px;
padding: 10px;
width:193px;
/*min-height:30px;*/
background: url(img/stredr.png) repeat-y bottom center;
background-color:white;
/*background-color: green;*/
text-align: justify;
}

.tags {
text-align: left;
font-size: 10pt /*20pt*/;
}

.clanek-txt2 {
position:relative;
top:-130px;
left: 140px;
width: 390px;
/*float: left;*/
/*background-color: yellow;*/
text-align: justify;
}

.clanek-txt5 {
position:relative;
top:-130px;
left: 140px;
width: 390px;
height: 80px;
/*float: left;*/
/*background-color: pink;*/
text-align: justify;
}

.clanek-txt4 {
position:relative;
top:-110px;
left: 20px;
width: 510px;
/*float: left;*/
/*background-color: yellow;*/
text-align: justify;
}

.clanek-txt img, .clanek-txtc img,  {
position:relative;
top:-45px;
left: 15px;
float: left;
z-index: 9;
/*background-color: pink;*/
}

.shadow {
position:relative;
top:-45px;
left: 15px;
width:108px;
height:109px;
background: url(img/shadow.png) top center;
z-index: 0;
/*background-color: brown;*/
}

.spacer {
width:552px;
height:2px;
clear:both;
}

.hr1, .hr2, .hr3, .clanekr hr, .hr4 {
height:1px;
border-top: 1px solid #b2b4bc;
border-bottom: 0px solid #b2b4bc;
border-left: 0px solid #b2b4bc;
border-right: 0px solid #b2b4bc;
text-align: center;
width: 410px;
margin: 5px 0px 0px 140px;
color: #b2b4bc;
padding: 0px;
background-color: white;
}

hr {
border-top: 1px solid #b2b4bc;
border-bottom: 0px solid #b2b4bc;
border-left: 0px solid #b2b4bc;
border-right: 0px solid #b2b4bc;
}

.clanekr hr {
width: 190px;
margin: 5px 0px 0px 10px;
}

.hr3 {
width: 190px;
margin: 5px 0px 0px 5px;
}

.hr2 {
width: 502px;
margin: 5px 0px 0px 0px;
}

.hr3 {
width: 430px;
margin: 5px 0px 0px 110px;
}

.hr4 {
width: 390px;
margin: 5px 0px 0px 110px;
}

#right hr {
border-top: 1px solid #b2b4bc;
border-bottom: 0px solid #b2b4bc;
border-left: 0px solid #b2b4bc;
border-right: 0px solid #b2b4bc;
}





.clanek-time, .clanek-timerr{
float:right;
position: relative;
margin: -15px 10px 0px 0px;
text-align: right;
color: black;
font-weight: bold;
font-size: 10px; 
}

.clanek-timerr {
color: red;
}

.clanek-txt2 a {
color: black;
text-decoration: none;
}

.tagy a, .clanekr2-txt a, .gb-txt a, h2 a, h1 a   {
color: #5d86ba;
text-decoration: underline;
}

.tagy a:hover, .clanekr2-txt a:hover, .gb-txt a:hover, h2 a:hover, h1 a:hover   {
color: black;
text-decoration: underline;
}

.tagy a:visited, .clanekr2-txt a:visited, .gb-txt a:visited, h2 a:visited, h1 a:visited   {
color: gray;
text-decoration: underline;
}

.nazor {
color: #acacac;
}

.gb-nadpis {
/*margin-bottom: 10px;*/
/*text-align: center;*/
padding: 5px 10px 5px 10px;
font-weight:bold;
border: 1px solid #969696;
background: white url(img/bgnews.jpg) repeat-x top left;
}

.gb-time {
color: gray;
font-weight:normal;
font-size: 8pt;
}

.gb-txt {
/*margin-bottom: 10px;*/
/*text-align: center;*/
padding: 10px 10px 10px 10px;
border-bottom: 1px solid #d9d9d9;
background-color: white;
text-align: left;
font-size: 10pt;
}

.tbc {
font-size: 10px; 
width: 500px;
border: 1px solid #969696;
background-color: #5d86ba;
}

.tbc td {
padding: 2px;
}

.tbc .tbc-head   {
background-color: #adc7e8;
}

.tbc tr {
background-color: white;
}

.clanek-txt4 img {
position:relative;
top: 0px;
left: 0px;
clear: both;
/*background-color: pink;*/
}

}

#shopstable {
margin-top: 10px;
background-color: red;
width: 800px;
}

#shopstable td {
/*background-color: red;*/
padding: 10px;
}

#shopstable tr {
/*background-color: gray;*/
border-bottom: white solid;
background-color: #d9e8f1;
}

.tdshopsa {
width: 265px;
}
.tdshopsb {
width: 150px;
}

.graytext {
color: rgb(175,175,175);
}

.long {
width:444px;
}

.okbg {
background-color: #ade8ae;
border: 1px #92b590 solid;
}

.errbg {
background-color: #e8adb2;
border: 1px #c09095 solid;
}

.shopnav {
font-size: 11px; 
}

#prod_img {
width: 540px;
height: 90px;
}

#prod_img img, #prod_img_show img {
border: rgb(175,175,175) 1px solid;
}

#obchod-controls {
/*background-color:red;*/
}

#obchod-controls-l {
width: 80px;
height: 15px;
background:#949790 url(img/bg7.jpg) repeat-x scroll left top;
margin: -21px 0px -5px -5px;
float: left;
padding: 5px;
border-right: rgb(175,175,175) 1px solid;
border-top: rgb(175,175,175) 1px solid;
border-bottom: rgb(175,175,175) 1px solid;
text-align: center;
cursor: pointer;
}

#obchod-controls-r {
width: 80px;
height: 15px;
background:#949790 url(img/bg5.jpg) repeat-x scroll left top;
margin: -21px -5px -5px 0px;
float: right;
padding: 5px;
border-left: rgb(175,175,175) 1px solid;
border-top: rgb(175,175,175) 1px solid;
border-bottom: rgb(175,175,175) 1px solid;
text-align: center;
cursor: pointer;
color: black;
}

/*#obchod-controls-r:hover {
background: #949790 url(img/bg6.jpg) repeat-x top left;
}

#obchod-controls-l:hover {
background: #949790 url(img/bg8.jpg) repeat-x top left;
}
*/

#obchod-controls a {
text-decoration: none;
}


.coments{
font-size: 8pt; 
}

.fbframe {
/*height: 30px;*/
}

#disqus {
clear: both;
}