@charset "utf-8";
/* CSS Document */
body, html {
margin:0;
padding:0;
font-family: "Arial", Helvetica,Verdana, sans-serif;
color:#333333;
font-size:12px;
line-height:18px;
text-align: left;
height:100%;
}

a:link    {color:#2c60a1;}
a:visited    {color: #255188;}
a:active    {color: #2c60a1;}
a:hover {text-decoration:none;}
.clearer {clear:both; }
#top {
min-height: 100%;
_height: 100%; /* IE */
position: relative;
height:auto;
z-index:80;
}
#top-pruh {width:100%;  position:absolute; z-index:1;}



#page {
width: 952px;
margin: 0 auto;
}
#lista-jazyk {height:20px; text-align:right; padding-right:16px;}
#hlavicka {height:251px; background:url(../grafika/menu-bg.png) no-repeat bottom;}
#hlavicka-top {height:33px; padding-top:4px; width:952px; position:absolute; top:0;}
#hledat-pole { height:23px; float:right;}
#hledat-pole input { color:#666666; font-size:11px; margin:6px 4px 0px 12px;}
#hlavicka-info {width:217px; float:right; height:133px; margin-right:21px; padding-top:64px;}
#motylek { width:165px; height:102px; padding:10px 12px 12px 40px; background:url(../grafika/motylek-bg.png) no-repeat;}

#motylek h2 { margin:0px; padding:0px; font-size:12px; font-weight:bold; color:#000;}
#motylek p {margin:0 0 5px 0; padding:0; font-size:11px; line-height:14px;}
#hlavicka-kosik { width:165px; height:33px; padding:8px 12px 0px 40px; background:url(../grafika/kosik-bg.png) no-repeat top; margin-top:18px;}
#hlavicka-kosik a {color:#333333;  text-decoration:none; display:block;}
#hlavicka-kosik span {color:#2c60a1;  text-decoration:none;}
#hlavicka-kosik span a:hover{ text-decoration:underline;}
#hlavicka-kosik p {padding:0; margin:0; font-size:11px; line-height:14px;}

#rozcestnik { height:120px; padding:18px 21px 0px 22px;}
#rozcestnik .okno { background:url(../grafika/okno.png) no-repeat top; width:184px; height:92px; padding:14px; float:left;}
#rozcestnik .okno h2 { font-size:18px; font-weight:normal; margin:0; padding:0;}
#rozcestnik .okno h2 a { font-size:18px; font-weight:normal; margin:0; padding:0; text-decoration:none;}
#rozcestnik .okno p { line-height:16px; margin:7px 0px 0px 0px;}
#butt-okno {position:absolute; margin:84px 0px 0px 110px;}
#butt-okno a {width:74px; height:24px; background:url(../grafika/butt-okno.png) no-repeat top; display:block; }
#butt-okno a:hover {background:url(../grafika/butt-okno.png) no-repeat bottom; float:right; }
#butt-red, #butt-blue, #butt-green, #butt-yell  {position:absolute; margin:84px 0px 0px 110px;}
#butt-red a, #butt-blue a, #butt-green a, #butt-yell a {width:72px; height:22px; background:url(../grafika/butt-okno-red.png) no-repeat; display:block;}
#butt-red a {background-position: 0px -66px;}	
#butt-blue a {background-position: 0px -44px;}	
#butt-green a {background-position: 0px -22px;}	
#butt-yell a {background-position: 0px 0px;}	
#butt-red a:hover, #butt-blue a:hover, #butt-green a:hover, #butt-yell a:hover {background:url(../grafika/butt-okno-red.png) no-repeat bottom; float:right;}	

.lista-zlata {
	height:39px;
	width:192px;
	line-height:39px;
	color:#fff;
	background:url(../grafika/lista-zlata.png) no-repeat;
}

#pozadi {
top:713px;
width:952px;
position:absolute;
bottom:50px;
background:url(../grafika/main-prechod.png) repeat-y;
z-index:3;
}
#pozadi2 {
top:575px;
width:952px;
position:absolute;
bottom:50px;
background:url(../grafika/main-prechod.png) repeat-y;
z-index:3;
}
#pozadi-bottom {
bottom:0px;
left:0;
position:absolute;
width:100%;
height:340px;
z-index:2;
background:url(../grafika/stin.png) no-repeat center top;
}

#content {
background:url(../grafika/main-top.png) no-repeat top left;
width:896px;
height:auto;
bottom:20px;
padding:28px 28px 28px 30px;
z-index:5;
position:relative;
}
#main {width:688px; padding:0px 0px 0px 10px; float:left;   }
#menu-predel { background:url(../grafika/predel-menu.gif) repeat-x top; height:20px; width:870px; margin-left:30px;}


#navigace-down {height:33px; padding:14px 16px 0px 16px; background:url(../grafika/navigace-bg.png) repeat-x;}
#left-colum { width:196px; float:left; }
#menu-vertical { background:url(../grafika/menu-prechod-vert.png) repeat-y; padding-left:4px; }
#menu-vertical-top {background:url(../grafika/menu-top-vert.png) no-repeat; width:192px; height:14px;}
#menu-vertical-bot {background:url(../grafika/menu-bot-vert.png) no-repeat; width:192px; height:11px;}
.pod-menu-top {background:url(../grafika/pod-menu-top.png) no-repeat;  height:14px;}
.pod-menu-prechod {background:url(../grafika/pod-menu-prechod.png) repeat-y;  }
.pod-menu-prechod p {margin:0; font-size:11px;}
.pod-menu-prechod li {font-size:11px;}
.pod-menu-bot {background:url(../grafika/pod-menu-bot.png) no-repeat;  height:14px;  }
#vitejte-top {background:url(../grafika/vytejte-top.png) no-repeat; width:687px; height:6px;}
#vitejte-prechod {background:url(../grafika/vytejte-prechod.png) repeat-y; width:647px; padding:14px 20px 13px 20px;}
#vitejte-prechod2 {background:url(../grafika/vytejte-prechod.png) repeat-y right ; width:923px;  position:absolute; top:297px; bottom:55px; z-index:5;}
#obsah-nasl {padding:14px 12px 13px 16px; background:url(../grafika/vytejte-prechod-top.png) no-repeat top left; }
#vitejte-prechod h1 {font-size:18px; font-weight:normal; color:#333; margin:0; padding:0;}
#vitejte-prechod p {margin:0; padding:15px 0px 7px 0px}
#vitejte-bottom {background:url(../grafika/vytejte-bottom.png) no-repeat; width:687px; height:7px;}
#vitejte-bottom2 {background:url(../grafika/vytejte-bottom.png) no-repeat; width:687px; height:7px; position:absolute; bottom:28px;}
#novinky {width:489px; float:left;}
#novinky-top {background:url(../grafika/novinky-top.png) no-repeat; width:480px; height:36px; padding:9px 0px 0px 13px; line-height:30px; margin-top:14px;}
#novinky-prechod {background:url(../grafika/novinky-prechod.png) repeat-y; width:446px; padding:10px 18px 10px 25px; height:411px;}
#novinky-prechod h3 {color:#2c60a1; font-size:14px; margin:0; padding:0;}
#novinky-prechod p {margin:0; padding:3px 0px 3px 0px;}
#novinky-prechod .pod-clanek { background:url(../grafika/novinky-predel.gif) repeat-x center; height:28px; margin-bottom:5px;}
#novinky-bot {background:url(../grafika/novinky-bot.png) no-repeat; width:489px; height:49px;}


#novinky-2 {width:687px; float:left;}
#novinky-top-2 {background:url(../grafika/novinky-top-2.png) no-repeat; width:687px; height:36px; padding:9px 0px 0px 13px; line-height:30px; margin-top:14px;}
#novinky-prechod-2 {background:url(../grafika/novinky-prechod-2.png) repeat-y; width:653px; padding:16px 18px 10px 25px; }
#novinky-prechod-2 h3 {color:#2c60a1; font-size:14px; margin:0; padding:0;}
#novinky-prechod-2 p {margin:0; padding:3px 0px 3px 0px;}
#novinky-prechod-2 .pod-clanek { background:url(../grafika/novinky-predel.gif) repeat-x center; height:28px; margin-bottom:5px;}
#novinky-bot-2 {background:url(../grafika/novinky-bot-2.png) no-repeat; width:687px; height:49px;}



#right-colum { width:182px; float:left;  padding-left:14px;}
#shop-top { background:url(../grafika/e-shop-top.png) no-repeat; width:182px; height:36px; padding:9px 0px 0px 13px; line-height:30px; margin-top:14px;}
#shop-prechod {background:url(../grafika/e-shop-prechod.png) repeat-y; width:160px; padding:22px 0px 0px 22px; height:451px;}
#shop-bot {background:url(../grafika/e-shop-bot.png) no-repeat; width:182px; height:6px;}
.produkt-hp-bg {background:url(../grafika/produkt-bg.png) no-repeat; height:123px; width:137px;}
#novinky-top h2, #novinky-top-2 h2, #shop-top h2 {padding:0; margin:0; font-size:18px; color:#383838; font-weight:normal;}

.right-sloupky-top {width:269px; background:url(../grafika/right-colum-top.png) no-repeat top; padding:0px 16px 0px 16px; color:#666666;}
.right-sloupky-body {width:301px; background:url(../grafika/right-colum-prechod.gif) repeat-y; border-bottom:1px solid #d6d3d3;}
#main2 {width:674px; padding:30px 34px 0px 0px; margin-left:248px; }




.lista-razeni {padding:8px 0px 8px 0px;}



#paticka_matrjoska
{
position: absolute;
bottom: 0px;
padding-top:25px;
height: 25px;
width:952px;
z-index:3;
font-size:11px;
background:url(../grafika/main-bottom.png) no-repeat top;
}

#paticka_matrjoska-left {float:left; padding-left:25px; }
.catalog {font-size:10px; color:#CCCCCC;}
.catalog a {color:#cccccc; text-decoration:none;}
#paticka_matrjoska .odkazy a {color:#CCCCCC; font-size:12px; text-decoration:none; }
#paticka_matrjoska .odkazy a:hover {text-decoration:underline;color:#CCCCCC;}
#paticka_matrjoska-right {float:right; padding-right:25px; color:#fff;}
#paticka_matrjoska-right a {color:#FFFFFF;}