html {height: 100%}
body { 
    margin:0; 
    padding:0;
    height:100%;
    font-family:Arial, sans-serif;
    background:#f7933a url("../img/bg.jpg") repeat left top;
}
.zelene_pozadi{background-color: RGB(100, 255, 100);color:lime;}
.clear {clear:both;line-height:0;_font-size:0;}
form fieldset {margin:0;padding:0;border:0;}
form fieldset legend {display:none;}
.smalltext {font-size:10px !important;}
.aleft {text-align:left;}
.acenter {text-align:center;}
.aright {text-align:right;}
.red {color:red;}
.blue {color:blue;}
.green {color:green;}
.orange {color: #FF912F;}
.pozice1 {position:absolute; left: 210px; top: 520px;}
.pozice2 {position:absolute; left: 210px; top: 270px;}
.pozice3 {position:absolute; left: 210px; top: 774px;}
.pt16{font-size: 16pt;}
.pt18{font-size: 18pt;}
.bez_border {border:0px;}
html>body #pbg{height:auto;min-height:100%;}
#pbg {
    position:relative;
    margin:auto;
    padding:0 22px 0 22px;
    width:1009px;
    height:100%;
    background:#fff url("../img/pbg.jpg") repeat-y left top;
}

#foot {
    position:absolute;
    bottom:0px;
    left:27px;
    width:1000px;
    height:70px;
    background:url("../img/footbg.jpg") no-repeat left top;
    background-color: blue;
}

#login {
    position:relative;
    float:right;
    margin:6px 0 0 0;
    width:797px;
    height:47px;
    background:url("../img/loginbg.jpg") no-repeat left top;
}
#login form {
    position:absolute;
    top:13px;
    right:0;
    width:430px;
}


#menu {
    clear:right;
    float:right;
    margin:0;
    padding:0;
    width:797px;
    height:50px;
}
#menu li {
    float:left;
    margin:0;
    padding:0;
    height:50px;
    list-style:none;
}
#button1 {width:123px;background:#f7933a url("../img/menu/menu1.gif") no-repeat left top;}
#button2 {width:157px;background:#f7933a url("../img/menu/menu2.gif") no-repeat left top;}
#button3 {width:99px;background:#f7933a url("../img/menu/menu3.gif") no-repeat left top;}
#button4 {width:99px;background:#f7933a url("../img/menu/menu4.gif") no-repeat left top;}
#button5 {width:168px;background:#f7933a url("../img/menu/menu5.gif") no-repeat left top;}
#button6 {width:149px;background:#f7933a url("../img/menu/menu6.gif") no-repeat left top;}

#button1 a {padding-left:32px;}
#button2 a {padding-left:26px;}
#button3 a {padding-left:25px;}
#button4 a {padding-left:25px;}
#button5 a {padding-left:28px;}
#button6 a {padding-left:21px;}

#menu li a {
    font-size:11px;
    line-height:50px;
    color:#000;
    font-weight:bold;
    text-decoration:none;
}
#menu li a:hover {text-decoration:underline;}

/*logo*/
#logo {
    position:absolute;
    top:0px;
    left:30px;
    margin:0; 
    padding:0;
    width:203px; 
    height:104px;
    overflow:hidden;
    z-index:8;
}
#logo span {
    display:block;
    position:absolute; 
    margin:0; 
    padding:0;
    left:0; 
    top:0; 
    z-index:0;
    width:203px; 
    height:104px;
    cursor:pointer;
    background:url("../img/logo.gif") no-repeat left top;
}

#head {
    clear:both;
    position:relative;
    top:7px;
    margin:auto;
    width:1000px;
    height:179px;
    background:url("../img/head.jpg") no-repeat left top;
}


#content {
    float:right;
    position:relative;
    right:5px;
    margin:7px 0 36px 0;
    padding:0;
    width:795px;
    z-index:1;
}
#leftbox {
    float:left;
    position:relative;
    left:6px;
    margin:7px 0 36px 0;
}
#sortiment {
    margin:0 0 6px 0;
    padding:0;
    width:197px;
    background:#52a3d1 url("../img/sortiment-bg.gif") repeat-y left top;
}
#sortiment-bottom {width:197px;height:5px;font-size:0;background:url("../img/sortiment-bg-bottom.gif") no-repeat left top;}
#sortiment h2 {
    margin:0;
    padding:0 0 0 35px;
    width:162px;
    height:33px;
    color:#fff;
    font-size:11px;
    line-height:25px;
    background:url("../img/sortiment-title-bg.gif") no-repeat left top;
}
#sortiment h2 a:link, #sortiment h2 a:visited {
    color:#fff;
    font-size:11px;
}
.dotted {background:url("../img/sortiment-dotted.gif") no-repeat left 24px;} 
#sortiment ul {margin:0; padding:0;}
#sortiment ul li {margin:0;padding:0 0 2px 0;list-style:none;}
#sortiment ul li a {    
    display:block;
    padding:0 0 0 25px;
    width:172px;
    height:23px;
    line-height:23px;
    color:#fff;
    font-weight:bold;
    font-size:11px;
    text-decoration:none;
    overflow:hidden;
    /*background:#51a2d1 url("../img/sortiment-menu-bg.gif") no-repeat left top;*/
    background:#51a2d1 url("../img/smenu1.gif") no-repeat left top;
}
#sortiment ul li a:hover {
    /*background:#327fbf url("../img/sortiment-menu-bg.gif") no-repeat -197px top;*/
    background:#51a2d1 url("../img/smenu2.gif") no-repeat left top;
}
#sortiment ul ul li {
    padding:0 0 1px 0;
    background:url("../img/sortiment-dotted.gif") no-repeat left bottom;
}
#sortiment ul ul li a {padding:0 0 0 38px;width:159px;background:#0080c3 url("../img/sortiment-submenu-bg.gif") no-repeat left top;}
#sortiment ul ul li a:hover {text-decoration:underline;background:#0080c3 url("../img/sortiment-submenu-bg.gif") no-repeat left top;}
#selectedsubmenu {text-decoration:underline !important;}



#newsbox, #newsbox2 {
    margin:0 0 6px 0;
    padding:0;
    width:197px;
    background:#f79139 url("../img/news-bg.gif") repeat-y left top;
}
#newsbox-bottom, #newsbox-bottom2 {width:197px;height:6px;font-size:0;background:url("../img/news-bg-bottom.gif") no-repeat left top;}
#newsbox h3, #newsbox2 h3 {
    margin:0;
    padding:0 0 0 35px;
    width:162px;
    height:36px;
    color:#fff;
    font-size:11px;
    line-height:25px;
    background:url("../img/news-title-bg.gif") no-repeat left top;
}
#newsbox p, #newsbox2 p {
    margin:0;
    padding:8px 10px;
    font-size:11px;
    color:#fff;
    line-height:20px;
}
.newsbox-title {
    color:#fff;
    text-decoration:none;
    font-weight:bold;
} 
.newsbox-title:hover {text-decoration:underline;}
.newsdotted {background:url("../img/newsbox-dotted.gif") no-repeat left bottom;}
.newsdotted a {color:#fff;}
.newsdotted a:hover {color:#0B538E;}

#rightbox {
    float:right;
    width:201px;   
}
#contentbox {
    float:left;
    margin:0 0 25px 0;
    padding:0 10px;
    width:569px;
} 

#topten {
    margin:0 0 6px 0;
    padding:0;
    width:201px;
    background:#f79139 url("../img/topten-bg.gif") repeat-y left top;
}
#topten-bottom {width:201px;height:6px;font-size:0;background:url("../img/topten-bg-bottom.gif") no-repeat left top;}
#topten h2 {
    margin:0;
    padding:0 0 0 45px;
    width:156px;
    height:34px;
    color:#fff;
    font-size:11px;
    line-height:25px;
    background:url("../img/topten-title-bg.gif") no-repeat left top;
}
#topten p {
    margin:5px 10px;
    padding:0 0 8px 0;
    text-align:center;
    font-size:11px;
    color:#fff;
}
#topten p a {
    color:#fff;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
}
#topten p a:hover {text-decoration:underline;}
#topten p img {
    margin:5px 0;
}
#topten p span {font-weight:bold;font-size:12px;}
.toptendotted {background:url("../img/topten-dotted.gif") no-repeat left bottom;}

#anketa {
    margin:0 0 6px 0;
    padding:0;
    width:201px;
    background:#52a3d1 url("../img/anketa-bg.gif") repeat-y left top;
}
#anketa-bottom {width:201px;height:6px;font-size:0;background:url("../img/anketa-bg-bottom.gif") no-repeat left top;}
#anketa h3 {
    margin:0;
    padding:0 0 0 40px;
    width:161px;
    height:37px;
    color:#fff;
    font-size:11px;
    line-height:25px;
    background:url("../img/anketa-title-bg.gif") no-repeat left top;
}
#anketa table {
    margin:3px 10px;
    width:180px;
}
#anketa table caption {
    color:#fff;
    font-size:12px;
    font-weight:bold;
}
#anketa table td {padding:4px 0;}
#anketa table th {
    margin:0;
    padding:0;
    width:140px;
    font-size:11px;
    color:#fff;
    text-align: left;
}
#anketa table th a:link {
    color:#fff;
    text-decoration: none;
}
#anketa table th a:visited {
    color:#fff;
    text-decoration: none;
    font-weight: bold;
}
#anketa table th a:hover {
    color:#fff;
    text-decoration: underline;
}
#anketa table th span {font-weight:normal;}
.even {}
.odd {background:#75b5da;}


#loginname {
    position:relative;
    float:left;
    margin:0 20px 0 0;
    width:177px;
    height:20px;
    background:url("../img/loginname-bg.gif") no-repeat left top;
}
#loginpasswd {
    position:relative;
    float:left;
    margin:0 11px 0 0;
    width:177px;
    height:20px;
    background:url("../img/loginpasswd-bg.gif") no-repeat left top;
}
#loginname input, #loginpasswd input {
    position:absolute;
    top:2px;
    right:2px;
    margin:0;
    padding:2px 0 0 0;
    width:154px;
    height:16px;
    border:0;
    font-size:10px;
    text-align:center;
    background:url("../img/inputbutton-bg.gif") no-repeat left top;
}
#loginbutton {
    float:left;
    margin:2px 0 0 0;
    width:31px;
    height:17px;
    border:0;
    font-size:12px;
    font-weight:bold;
    color:#fff;
    line-height:17px;
    background:#3787c9 url("../img/loginbutton.gif") no-repeat left top;
}
#basketinfo {
    position:relative;
    left:7px;
    top:16px;
    float:left;
    padding:0;
    height:14px;
    font-size:10px;
    line-height:14px;
    color:#4c4c4c;
}
#basketinfo img {
    float:left;
    margin:0 3px 0 0;
    border:0;    
}
#basketitems {
    position:relative;
    left:7px;
    top:16px;
    float:left;
    padding:0 0 0 18px;
    height:14px;
    font-size:10px;
    line-height:14px;
    color:#4c4c4c;
}
#userislogin {
    position:relative;
    right:20px;
    top:16px;
    float:right;
    padding:0;
    height:50px;
    font-size:10px;
    color:#4c4c4c;
}
#basketinfo span, #basketitems span, #userislogin span {
    font-size:12px;
    color:#2a68b2;
    font-weight:bold;
}
#logoutbutton {
    margin:0 0 0 15px;
    font-weight:bold;
    color:#327fbf;
    font-size:11px;
}

#copyright {
    float:left;
    position:relative;
    left:10px;
    top:10px;
    margin:0;
    padding:0;
    color:#fff;
    font-size:11px;
}
#copyright a {color:#fff;font-weight:bold;text-decoration:none;}
#copyright a:hover {text-decoration:underline;}

.bez_ramecku {
  border: 0;
}
#author {
    float:left;
    position:relative;
    left:10px;
    top:0px;
    margin:0;
    width: 1000px;
    padding:0;
    color:#fff;
    font-size:10px;
}
#author a {color:#fff;font-weight:bold;text-decoration:none;}
#author a:hover {text-decoration:underline;}

#foot ul {float:right;margin:0;padding:0;}
#foot ul li {margin:0;display:inline;padding:0;list-style:none;}

#foot ul li a {
    display:block;
    float:left;
    margin:0 20px;
    height:35px;
    line-height:35px;
    color:#fff;
    font-weight:bold;
    font-size:11px;
    text-decoration:none;
    background:url("../img/footmenu-bg.gif") no-repeat 5px top;
}
#foot ul li a:hover {
    text-decoration:underline;
}


#contentbox h1 {
    margin:15px 0 0 0;
    color:#3c8ac5;
    font-size:18px;
}
#contentbox h2 {
    margin:15px 0 0 0;
    color:#3c8ac5;
    font-size:14px;
}
#contentbox h3 {
    margin:15px 0 0 0;
    color:#f79139;
    font-size:12px;
}
.fotogalerie_nadpis {
    color:#f79139;
    line-height: 150%;
}
#contentbox p {
    margin:5px 0 5px 0;
    color:#4c4c4c;
    font-size:12px;
}
#contentbox p a:visited{
	text-decoration: none;
	color:#4c4c4c;
	font-size: 14px;
}
#contentbox p a:link{
	text-decoration: none;
	color:#4c4c4c;
	font-size: 14px;
}
#contentbox p a:hover{
	text-decoration: underline;
	color: Black;
	font-size: 14px;
}
#contentbox ul {
    margin:5px 10px 5px 15px;
    padding:0;
}
#contentbox ul li {
    color:#4c4c4c;
    font-size:12px;
}
#contentbox td {
    color:#4c4c4c;
    font-size:12px;
}
#contentbox td a:visited{
	text-decoration: none;
	color:#4c4c4c;
}
#contentbox td a:link{
	text-decoration: none;
	color:#4c4c4c;
}
#contentbox td a:hover{
	text-decoration: underline;
	color: Black;
}
#contentbox .red a:visited{
	text-decoration: none;
	color: red;
	font-weight: bold;
	font-size: 14px;
}
#contentbox .red a:link{
	text-decoration: none;
	color: red;
	font-weight: bold;
	font-size: 14px;
}
#contentbox .red a:hover{
	text-decoration: underline;
	color: red;
	font-weight: bold;
	font-size: 14px;
}
.itembox {
    position:relative;
    float:left;
    margin:0 3px 15px 3px;
    width:182px;
    height:235px;
    text-align:center;
}
.itemboxtitle {
    width:182px;
    height:31px;
    line-height:31px;
}
.itemboxtitle a {
    margin:0 0 1px 0;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
    font-size:12px;
}
.itemboximg {
    position: relative;
    top: 1px;
    width:182px;
    height:132px;
}
.itemboximg img{
    border: 0px;
}
.itemboxbottom {
    padding:5px;
    width:172px;
    height:38px;
    line-height:17px;
    color:#fff;
    font-size:11px;
    text-align:left;
}

.ibtoporange {background:url("../img/itembox-top-o.jpg") no-repeat left top;}
.ibbottomorange {background:url("../img/itembox-bottom-o.jpg") no-repeat left top;}
.ibtopblue {background:url("../img/itembox-top-b.jpg") no-repeat left top;}
.ibbottomblue {background:url("../img/itembox-bottom-b.jpg") no-repeat left top;}

/*PRIDAVANI DO KOSIKU SEZNAMU VYROBKU*/
/*umisteni formulare v boxu s vyrobkem*/
.itemboxbottom form {
    display:inline;
    position:absolute;
    bottom:28px;
    left:5px;
    margin:0;
    padding:0;
}
/*napis kusu*/
.itemboxbottom form label {font-weight:bold;}
/*pole pro vlozeni ceny*/
.boxprice {
    padding:0;
    width:25px;
    height:15px;
    font-size:11px;
    text-align:right;
}
/* tlacitko - modra varianta*/
.boxaddb {
    border:1px solid #215491;
    background:#3787c9;
    color:#fff;
    font-weight:bold;
    font-size:12px;
    height:23px;
}
/* tlacitko - oranzova varianta varianta*/
.boxaddo {
    border:1px solid #f36020;
    background:#f79139;
    color:#fff;
    font-weight:bold;
    font-size:12px;
    height:23px;
}
/*PRIDAVANI DO KOSIKU SEZNAMU VYROBKU*/


.ibprice {font-size:12px;}
.addtobasket {
    padding:2px 10px;
    font-size:11px;
    font-weight:bold;
    color:#fff;
    background:#f40000 url("../img/ibbutton-bg.gif") repeat-x left top;
    text-decoration:none;
}
.akceo {
    position:absolute;
    bottom:35px;
    right:0;
    width:65px;
    height:65px;
    background:url("../img/akceo.gif") no-repeat left top;
}
.akceb {
    position:absolute;
    bottom:35px;
    right:0;
    width:65px;
    height:65px;
    background:url("../img/akceb.gif") no-repeat left top;
}
.foto_barvy_popis{font-size: 8pt; font-family:Verdana, arial; position: relative; top: -3px; text-decoration:none; line-height:150%; color:gray;}




:link .foto_barvy_popis {
text-decoration: none;
color:gray;
}
:hover .foto_barvy_popis {
text-decoration: none;
color: black;
} 




#productimg {float:right;}
#productimg img {border:3px solid #3c8ac5;}
.oddelovac_galery {float:left;}
.oddelovac_galery img {border:0px;}

#productinfo {
    margin:25px 0 0 0;  
    color:#4c4c4c; 
    font-size:12px;
}
#productinfo th {
    text-align:left;
}
#productinfo td a:visited{
	text-decoration: none;
	color:#4c4c4c;
}
#productinfo td a:link{
	text-decoration: none;
	color:#4c4c4c;
}
#productinfo td a:hover{
	text-decoration: underline;
	color: Black;
}
#price th, #price td{
    padding:15px 0 0 0;
    vertical-align:bottom;
}
#price td {
}
#price td span {
    color:#3c8ac5;
    font-size:24px;
    font-weight:bold;
}

#addto th, #addto td{
    padding:15px 0 0 0;
}
.countform {
    width:40px;
    text-align:right;
}
.addbutton {
    border:1px solid #2a68b2;
    background:#3787c9;
    color:#fff;
    font-weight:bold;
    font-size:12px;
    height:23px;
}

.baskettable { 
    margin:35px 0 15px 0;
    width:100%;
    font-size:12px;
    color:#4c4c4c;
}
.baskettable th { 
    text-align:left;
    font-weight:normal;
}
.baskettable th, .baskettable td { 
    padding:3px 5px;
}
.lightbluetd {background:#3f9cd9; color:#fff;}
.lighterbluetd {background:#dcf0fd;}
.white {color:#fff;}

.baskettable td a {color:#3787c9;} 
.baskettable td a:hover {text-decoration:none;} 

.zmiznout {display:none;}

.gallery {
    float:left;
    margin:5px;
    padding:5px;
    width:167px;/*uprav si podle velikosti obrazku*/
    height:180px;/*uprav si podle velikosti obrazku*/
    text-align:center;
    
}
.gallery_nevi {
    float:left;
    margin:5px;
    padding:5px;
    width:167px;/*uprav si podle velikosti obrazku*/
    height:180px;/*uprav si podle velikosti obrazku*/
    text-align:center;
    
}
.thickbox {
    display:block;
   /*width:200px;tu pak nemusi byt az tam bude obrazek*/
    /*height:180px;tu pak nemusi byt az tam bude obrazek*/
    /*background: #ff932d;*/
    border:3px solid #3c8ac5;
}
.thickbox_nevi {
    display:block;
   /*width:200px;tu pak nemusi byt az tam bude obrazek*/
    /*height:180px;tu pak nemusi byt az tam bude obrazek*/
}
.galleryimg {
    display:block;
   /*width:200px;tu pak nemusi byt az tam bude obrazek*/
    /*height:180px;tu pak nemusi byt az tam bude obrazek*/
    /*background: #ff0000;*/
}
.gallerytitle {
    color:gray;
    font-size: 8pt;
    text-decoration: none;
    position: relative;
    width: 50px;
    height: 50px;

}

.gallerytitle:hover {
    color:red;
}
.thickbox2 {
    color:gray;
    font-size: 8pt;
    text-decoration: none;
    position: relative;
    width: 50px;
    height: 50px;
}
.thickbox2:hover {
    color:red;
}
.table_pribuzne_img {
  text-align: center;
}
.table_pribuzne_text {
  font-size: 8pt;
  color: black;
}
.table_pribuzne_nadpis {
  font-size: 14px;
  font-weight: bold;
  color:#f79139;
}
.centr {
  text-align: center;
}
.verdana {font-family: Verdana, Arial;}
.fullstrana {
  position: absolute;
  left: 320px;
  top: 121px;
  width:  400px;
  height: 136px;
  background-color: #FF912F;
  z-index: 99999;
  font-family: Verdana;
  font-size: 10pt;
  font-weight: bold;
  color: white;
  padding: 7px;
}

.fullstrana a:link{color: white;}
.fullstrana a:visited{color: white;}
.fullstrana a:hover{color: red; text-decoration: none;}
