body,form,td,th {padding:0px;margin:0px;border:0px;line-height:1.4; font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:11px; color: #666666;	text-align: left;}
body {background:white}
img {border:0px}
body{width:880px; margin:auto;position:relative}

.itxt, .combo {background:white;color:black; border:1px solid #666666; font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:11px; padding:2px 5px; width:138px}
.itxt[disabled] { color:gray;background:#F4F4F4; }
input.grayed {color:gray;}

form.inline {display:inline;margin:0;padding:0}

a {font-weight:bold;text-decoration:underline;color:#0091cf}
a:hover {text-decoration:none}
strong {font-weight:bold;text-decoration:none;color:#0091cf}
h5 {font-weight:bold;text-decoration:none;color:#0091cf;font-size:100%;margin:5px 0px}

p {margin:5px 0px}
.button {border:1px solid #a9a48b; background:#c4beac url(../images/button.bg.gif) repeat-x; width:auto; height:20px; padding:0px 0px; color:#323029;font-size:11px; cursor:pointer}
.block1 .button {width:59px;}

hr {clear:both; border:0px; border-top:1px solid #e7e4dc; width:100%; background:transparent; height:1px;}

.right {text-align:right}
.left {text-align:left}
.center {text-align:center}

/**** HEADER ****/
#header, #main, #footer {width:880px; clear:left}
h1 {width:880px;height:126px; display:block; background:#177797 url(../images/header.bg.gif); color:white; position:relative;margin:0; z-index: 10;}
h1 span {width:880px;height:126px; display:block; position:absolute; left:0px; top:0px; background:transparent url(../images/logo.jpg) top left no-repeat; cursor:pointer; z-index:100; }

.headermenu {background:#bcb5a0 url(../images/headermenu.bg.gif) bottom left repeat-x; border-top:1px solid #a39e86; border-bottom:1px solid #a39e86; line-height:24px; color:white; padding-right:200px;text-align:right; z-index:0;}
.headermenu a {color:white; text-decoration:none; padding:0px 1em; font-weight:normal}
.headermenu a:hover {text-decoration:underline;}

.design-1 {position:absolute;top:0px;left:713px;width:190px;height:247px;background: url(../images/notebook.jpg)}
.design-2 {block;position:absolute;top:0px;left:670px;width:43px;height:175px;background: url(../images/notebook2.jpg)}


/**** LEFT ****/
#left {width:167px; float:left;}

.leftmenu {background:#A49E86; color:white; width:167px;margin-top:1px}
.leftmenu .lm-top {width:167px; height:23px; background: url(../images/leftmenu.top.jpg)}		  
.leftmenu .lm-bottom {width:167px; height:22px; background: url(../images/leftmenu.bottom.jpg)}
.leftmenu ul {margin:0px; padding:0px; border:0px;}		  
.leftmenu ul li {margin:0px; padding:0px; border:0px;}		  
.leftmenu ul li a {display:block; width:142px; line-height:31px; padding-left:25px;background:#A49E86 url(../images/leftmenu.item.jpg) top left no-repeat ; color:white; text-decoration:none; font-weight:normal}		  
.leftmenu ul li a:hover {text-decoration:underline}

.user-info {height:75px;padding:15px 5px 5px 10px;line-height:1.2}
.user-info strong {color:#157696; font-weight:normal}
.user-info table, .user-info table tr, .user-info table td {margin:0px; padding:0px; border:0px}
.user-info table {margin-top:5px;}


/**** MAIN ****/
#center {width:546px; float:left;padding-top:15px}

.uvodnik {padding:10px}

.caption1, .uvodnik h2, .uvodnik h2 a {color:#0091cf;font-size:180%;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;margin:1px 1px}
.caption1 {padding:30px 10px}
.uvodnik h2 {margin:0; padding:0}
#center .caption1 {padding-left:10px;}
#center .content {padding:10px}

.radekZbozi .ceny {float:right}
.radekZbozi .cenaBigger {text-align:right;font-size:13px;font-weight:bold;color:#0091cf;}
.radekZbozi .cenaSmaller {text-align:right;font-size:11px;color:#0091cf;}
.radekZbozi .nezobraz0 { visibility:hidden; }
#pgDefault .radekZbozi .ceny {margin-right:2px;}

#pgZboziDetail .ceny {float:left}
#pgZboziDetail .cenaBigger {text-align:right;font-size:15px;font-weight:bold;color:#0091cf;}
#pgZboziDetail .cenaSmaller {text-align:right;font-size:11px;}
#pgZboziDetail .ceny {margin-right:2px;}
#pgZboziDetail .dostupnost {font-weight:bold;color:#0091cf;clear:right;}

.caption2 {background:#f8f6f4 url(../images/caption.bg1.gif) top left repeat-x; border-top:1px solid #e7e4dc;border:0px; border-bottom:1px solid #e7e4dc; display:block;margin:1px 1px;font-size:11px;font-weight:bold; line-height:28px;clear:both}
.caption2 .caption-1 {padding-left:28px; background:url(../images/caption.bg2.gif) 10px 2px no-repeat;} 			  

/*ul.caption2 {padding:0}
ul.caption2 li {padding:0; display:inline}
ul.caption2 li a {color:#666666; text-decoration:none}
ul.caption2 li a:hover {text-decoration:underline} 
/**/
h2.cesta a {color:#666666; text-decoration:none}
h2.cesta a:hover {text-decoration:underline} 
h2.cesta span {display:none}

#pgDefault #loga {width:180px;padding-left:10px;float:left}
#pgDefault #novinky {width:335px;float:left;padding:0px 10px;border-left:1px solid #e7e4dc}

.radekZbozi .img {display:block; float:left; width:80px; height:80px; overflow:hidden; margin-right:10px; margin-bottom:5px; *margin-bottom:0px;}
.radekZbozi a {text-decoration:none; margin-top:5px;}
.radekZbozi a:hover {text-decoration:underline}
.radekZbozi a.kosik {padding-left:17px; background:transparent url(../images/cart.gif) center left no-repeat;color:#666666}
.radekZbozi a.info {padding-left:17px; background:transparent url(../images/info.gif) center left no-repeat;color:#666666}

#pgZboziDetail .img  {float:Right; width:200px; height:200px; overflow:hidden; margin:0px 0px 10px 10px; padding-left:10px; border-left:1px solid #e7e4dc}
#pgZboziDetail .cena  {float:Right; clear:right; width:200px; margin:0px 0px 10px 10px; padding-left:10px; border-left:1px solid #e7e4dc}
#pgZboziDetail .cena form {margin:0px;padding:1em 0px; float:right}
#pgZboziDetail .cena strong {color:#0091cf;font-size:180%;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;display:block}

.vypis {width:100%; border: 0;}
.vypis tr { border: 1px solid white;}
.vypis th, .vypis tr.th {background:#f8f6f4 url(../images/caption.bg1.gif) top left repeat-x; border-top:1px solid #e7e4dc;border:0px; border-bottom:1px solid #e7e4dc; padding:0px 2px;border-right:1px solid white;font-size:11px;font-weight:bold;}
.vypis td {padding:2px 3px;border-right:1px solid white;}
.vypis tr.sudy { background:#f8f6f4; }
.vypis .itxt {width:2em}
#pgUloziste h2.caption2 {margin-top:10px}
#pgUloziste #form .button {float:right;margin:8px 29px 10px 0px;}
#pgUloziste #form .combo {width:212px;}

#pgUloziste #divInfo {padding:15px 29px 10px 5px;text-align:justify;}

#frmObjednavka .button {float:right;margin-left:5px;}

.formular {padding:5px 0px;}
.formular label {width:190px;float:left;display:block;clear:left;line-height:19px;margin-top:1px;padding-left:15px} 
.formular label.alt {background:#f7f6f4;}
.formular .itxt,
.formular .combo {width:200px;float:left;margin-top:1px}
.formular span.mark-requiered {color:red;padding-left:2px;float:left;display:block;}
.formular .button {float:right;margin:8px 9px 10px 0px;}


/**** RIGHT ****/
#right {width:167px; float:left;padding-top:95px}

.block1 {width:165px;margin:1px}
.block1 .h1 {background:#177699 url(../images/block1.head.bg.gif) top left repeat-y; margin:0}
.block1 .h2 {background: url(../images/block1.head.bg1.gif) top left no-repeat; font-size:100%;color:white;padding:2px 0px 0px 28px;line-height:25px;margin:0}
.block1 .b1 {width:159px; border-left:1px solid #bdb7a4;border-right:1px solid #bdb7a4; background:white; padding:2px 2px 0px 2px; overflow-x:hidden}
.block1 .b2 {background:#f7f6f4;padding:5px;line-height:1.4; }
.block1 .f1 {background:transparent url(../images/block1.foot.bg.gif); height:13px; width:165px}

.block1 .btn-b1 {border:0px; background:#c4beac url(../images/btn.b1.gif) repeat-x; width:82px; height:32px; padding:0px 0px; color:#323029;font-size:11px;margin:0}
.block1 .btn-b2 {border:0px; background:#c4beac url(../images/btn.b2.gif) repeat-x; width:83px; height:32px; padding:0px 0px; color:#323029;font-size:11px;margin:0}

#infobox-kosik table td {text-align:right;font-weight:bold;}
#infobox-kosik table th {text-align:right;font-weight:normal;padding-right:5px}

.chat, .chat a {width:167px; height:174px}
.chat a {width:157px; height:167px; color:#323029; background:white url(../images/chat.jpg); display:block; font-weight:bold; padding:7px 0px 0px 10px; text-decoration:none }
.chat a span {color:#ff0000}

/**** FOOTER ****/
#footer {padding:1px}
.copyright {line-height:3;text-align:center}

.footermenu {background:#bfb9a5 url(../images/footermenu.bg.gif) bottom left repeat-x; border-top:1px solid #bdb6a1; border-bottom:1px solid #bbb39f; line-height:37px; color:white; text-align:center;font-weight:bold;}
.footermenu a {color:white; text-decoration:none; padding:0px 1em;font-weight:bold}
.footermenu a:hover {text-decoration:underline;}

.clear {clear:both;width:0px;height:0px;font-size:0px;}

.strankovaniVypis {text-align:right;font-weight:bold;}
#strankovani1 {border-bottom:1px solid #e7e4dc;margin-bottom:10px;padding-bottom:5px;}
#strankovani2 {border-top:1px solid #e7e4dc;margin-top:10px;padding-top:5px;}
.strankovaniVypis a {text-decoration:none;}

#pgMailform td {vertical-align:top}
#pgMailform #Form1 .itxt {width:350px; margin-right:5px;}
#pgMailform #txtZprava {width:350px;*width:348px;}
#pgMailform #Form1 .button {float:right;margin:8px 12px 10px 0px;}
#pgMailform #spanHlaska {text-align:center;}

.sloupce ul {display:block; width:130px; padding:0px 5px;float:left;margin:0px;border:0px}
.sloupce li {display:block; padding:0px;margin:0px;border:0px}

.divHlaska {text-align:center;}
#pgRegistrace .divHlaska, #pgPrihlaseni .divHlaska {color:red;}

.nowrap {white-space:nowrap}
