/*
   Genio.NET
   Written By Peter Širka
   CSS File
*/

form { padding: 0; margin: 0; }

body { background: url(img/bgcenter.png) repeat left top; padding: 0; margin: 0; font-family: Arial; font-size: 12px; }

label { vertical-align: middle; }

.searchInput { border: 1px solid #370d0d; width: 150px; font-size: 11px; padding-left: 2px; padding-right: 2px; }

.input { border: 1px solid silver; font-family: Arial; font-size: 12px; padding-left: 2px; padding-right: 2px; background-color: black; font-weight: bold; color: whitesmoke; }

input { font-weight: bold; vertical-align: middle; }

.text { padding: 10px; padding-left: 20px; padding-right: 20px; color: Silver; }

h1 { font-size: 20px; border: 1px dotted black; padding: 2px; background: url(img/submenu.gif) repeat-x left top; font-family: Trebuchet MS; color: White; margin: 0; }

h2 { font-size: 15px; border: 1px dotted silver; padding: 2px; background-color: Black; font-family: Trebuchet MS; color: White; margin: 0; }

img { border: 0; vertical-align: middle; }
.contenttopbg { background: url(img/bg2.jpg) repeat-x center top; }
.contenttop { background: url(img/bg.jpg) no-repeat center top; height: 290px; }
.contenttext { background: url(img/bgcontentclear.png) no-repeat center top; }
.contentcontent { background: url(img/bg_topbg.png) repeat-x left top; }
.contentcontentbg { background: url(img/bg_contentbgclear.png) repeat-y center top; width: 729px; }
.contentbottom { background: url(img/bgbottomclear.png) no-repeat center top; width: 729px; height: 43px; font-size: 11px; text-align: left; color: #303030; }
.contentbottom .bottom1 { float: left; padding-top: 23px; padding-left: 20px; }
.contentbottom .bottom2 { float: right; padding-top: 13px; padding-right: 15px; }
.contentlogo { cursor: pointer; width: 400px; display: inline; /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo.png');*/ }
.contentlogo img { border: 0; /*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);*/ }
.contentlogotext { text-align: left; display: block; margin-top: -20px; margin-left: 115px; color: white; font-family: Arial; font-size: 11px; }
.contentlogotext span { background-color: black; padding: 2px; }

.contentsitemapa { background: url(img/sitemapa.gif) no-repeat left top; width: 125px; height: 25px; font-size: 10px; color: white; font-family: Arial; text-align: center; padding-top: 3px; }
.contentgenio { /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/genio.png');*/ height: 40px; cursor: pointer; }
.contentgenio img { /*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);*/ }

.menunormal { display: block; padding-top: 16px; padding-bottom: 5px; font-weight: normal; font-family: Arial; color: #FF6666; text-decoration: none; height: 20px; font-size: 12px; float: left; z-index: 1100; background: url(img/delimiter.png) no-repeat right 9px; }
.menunormal:hover { color: white; font-weight: bold; }

.menudown { display: block; padding-top: 16px; padding-bottom: 5px; font-weight: bold; font-size: 12px; font-family: Arial; color: white; text-decoration: none; height: 20px; float: left; background: url(img/delimiter.png) no-repeat right 8px; }
.menudown:hover { color: white; font-weight: bold; }

.submenucontext { padding: 5px; display: block; position: absolute; font-family: Tahoma; top: 290px; font-size: 11px; margin-left: -5px; background: url(img/submenucontext.png) no-repeat left top; border-bottom: 2px solid black; width: 202px; }

.submenucontext .captionBeg { margin-top: 8px; font-family: Arial; padding: 5px; border-bottom: 2px solid Maroon; font-weight: bold; color: Yellow; font-size: 12px; }

.submenucontext .captionEnd { border-bottom: 2px solid Maroon; padding-bottom: 5px; margin-bottom: 8px; }

a.submenuDown { display: block; padding: 5px; font-family: Arial; text-align: left; color: #fadada; background: #4b1213 url(img/dilimiter_.gif) no-repeat left center; padding-left: 15px; font-weight: bold; text-decoration: none; }

a.submenuDown:hover { background-color: #4b1213; color: White; }

a.submenu { display: block; padding: 5px; text-align: left; color: #f16a6b; background: url(img/dilimiter.gif) no-repeat left center; padding-left: 15px; text-decoration: none; z-index: 1200; }

a.submenu:hover { background-color: #2d0100; color: white; }

a.submenuNone { display: block; padding: 5px; text-align: left; color: White; background: url(img/dilimiter.gif) no-repeat left center; padding-left: 15px; text-decoration: none; font-weight: bold; cursor: default; }

a.submenuNone:hover { color: White; }

a.submenuLinesDown { background: #070707 url(img/lines.gif) no-repeat left top; color: white; display: block; padding: 5px; text-align: left; padding-left: 28px; text-decoration: none; }

a.submenuLinesDown { color: silver; }

a.submenuLineDown { display: block; padding: 5px; text-align: left; color: #404040; padding-left: 28px; text-decoration: none; background: #070707 url(img/line.gif) no-repeat left top; }

a.submenuLineDown { color: silver; }

a.submenuLines { display: block; padding: 5px; text-align: left; color: white; padding-left: 28px; text-decoration: none; background: url(img/lines.gif) no-repeat left top; }

a.submenuLines:hover { background: #171717 url(img/lines.gif) no-repeat left top; color: white; }

a.submenuLine { display: block; padding: 5px; text-align: left; color: #404040; padding-left: 28px; text-decoration: none; background: url(img/line.gif) no-repeat left top; }

a.submenuLine:hover { background: #171717 url(img/line.gif) no-repeat left top; color: white; }

.iobchod { float: left; height: 150px; text-align: left; color: white; display: block; width: 143px; margin: 5px; }

.iobchod .panel { margin: 87px 2px 2px 2px; background: maroon url(img/produkt_panel.gif) repeat-x left top; height: 35px; font-size: 11px; }

.iobchod .basket { float: left; width: 30px; text-align: center; padding-top: 5px; }

iobchod .popis { float: left; padding-top: 5px; font-size: 11px; }

.iobchod .title { z-index: 100; display: block; position: relative; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*filter: alpha(opacity=70);*/ opacity: 0.9; color: Red; padding: 5px; text-align: center; background: black; }

.basket_td1 { padding-left: 5px; font-weight: bold; color: white; border-bottom: 1px solid #505050; border-right: 1px solid #505050; text-align: left; vertical-align: middle; }

.basket_td2 { border-bottom: 1px solid #505050; border-right: 1px solid #505050; text-align: center; vertical-align: middle; }

.basket_td3 { border-bottom: 1px solid #505050; border-right: 1px solid #505050; text-align: left; padding-left: 5px; vertical-align: middle; }

.basket_td4 { border-bottom: 1px solid #505050; border-right: 1px solid #505050; color: Yellow; font-weight: bold; text-align: left; padding-left: 5px; vertical-align: middle; }

.basket_td5 { border-bottom: 1px solid #505050; border-right: 1px solid #505050; text-align: center; vertical-align: middle; width: 40px; }

.basket_td6 { text-align: center; vertical-align: middle; border-bottom: 1px solid #505050; width: 150px; }

.podponuka { display: none; width: 179px; /*	border-top: 1px solid #450000;*/ position: absolute; background: url(img/submenu.png) no-repeat left top; margin-left: -2px; margin-top: -2px; border-right: 1px solid black; border-left: 1px solid black; border-bottom: 1px solid black; z-index: 1200; }

a.podponukahref { display: block; height: 18px; padding: 5px 5px 5px 2px; color: #FF6666; font-size: 11px; text-decoration: none; width: 172px; }

a.podponukahref img { margin-right: 10px; vertical-align: middle; border: 0; }

a.podponukahref:hover { color: White; background: black; }

.podponuka .hr { background: url(img/ponuka/line.png) no-repeat 33px center; padding-top: 3px; padding-bottom: 2px; }

a.normal { text-decoration: none; }

a.normal:hover { text-decoration: underline; }


.homepageZnacky { padding: 5px; background-color: #101010; color: White; font-size: 11px; font-weight: bold; margin-top: 10px; }


a.Submit { background-color: #990000; text-decoration: none; text-align: center; font-family: Arial; font-size: 12px; font-weight: bold; padding: 3px 8px 3px 8px; color: White; border-top: 1px solid red; border-left: 1px solid red; border-right: 2px solid maroon; border-bottom: 2px solid maroon; }

a.Submit:Hover { color: Yellow; background-color: #660000; }


.ProduktObrazok { z-index: 1; border: 0; position: absolute; margin-top: 10px; margin-left: 5px; }

.ProduktTitulok { color: #990000; font-weight: bold; }

.ProduktTitulok:Hover { color: Red; }

.ProduktPopis { color: gray; text-decoration: none; }

.ProduktPopis:Hover { color: silver; }


.ProduktDoKosika { position: absolute; display: block; text-align: left; margin-top: -15px; width: 60px; }

.ProduktCena { font-size: 10px; margin-top: 2px; }

.ProduktCena .Cena1 { background-color: #202020; }

a.DoKosika { display: block; width: 80px; background: #590000 url(Img/kosik.gif) no-repeat 5px center; border: 2px solid maroon; width: 110px; padding: 10px 0px 10px 15px; margin-top: 5px; color: White; font-weight: bold; text-decoration: none; }

a.DoKosika:Hover { border: 2px solid red; }

.SearchBar { float: right; padding-top: 10px; padding-right: 20px; }

.ListDetailTopProduct { margin-left: -20px; position: absolute; margin-top: -10px; z-index: 100; }

.PeterSirka { padding-right: 27px; width: 729px; text-align: right; font-size: 10px; color: #3a1a1a; font-family: Tahoma; }

.Citat { padding: 5px; background-color: #111111; line-height: 19px; font-size: 11px; margin-top: 10px; margin-bottom: 10px; border: 2px dotted black; }

.Citat img { position: absolute; margin-left: -5px; margin-top: -5px; width: 32px; height: 23px; }

.ProduktyPopis { text-align: justify; line-height: 19px; font-size: 11px; font-family: Tahoma; background-color: #050505; padding: 10px; border-bottom: 2px solid black; border-right: 2px solid black; }

.ProduktyProdukty { text-align: center; padding: 5px; color: White; width: 150px; background-color: #050505; float: left; }


.AjaxDescription { display: none; position: absolute; background: #450000 url(img/Description.png) repeat-x left top; border-left: 1px solid red; border-top: 1px solid red; border-right: 2px solid red; border-bottom: 2px solid red; color: White; margin-left: 2px; margin-top: 2px; padding: 5px; font-family: Tahoma; font-size: 10px; width: 200px; z-index: 500; }

.PageBasket { font-size: 12px; color: white; width: 190px; height: 60px; margin-top: 105px; border: 2px solid red; }

.HomePageLogo { opacity: 0.9; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); }

.HomePageLogoSel { opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); }

.contentTop1 { width: 960px; text-align: left; height: 246px; }

.contentTop2 { float: left; width: 400px; margin-left: 0px; padding-top: 50px; }

.contentTop3 { float: right; text-align: left; width: 200px; }

.contentBasket { position: absolute; top: 182px; font-size: 20px; font-weight: bold; color: White; margin-left: 10px; text-align: left; background: url(img/Basket.gif) no-repeat left top; padding: 10px 0px 5px 55px; }
.contentBasketDes { font-weight: normal; font-size: 11px; }

.contentZnacky { display: block; width: 729px; text-align: left; z-index: 1000; }

.contentZnacka { position: absolute; margin-top: -71px; margin-left: -100px; }

.contentZnacka table { }

.ponukaNazov { height: 38px; text-align: center; }

.contentZnacka td { vertical-align: top; text-align: center; }

#lightbox { background-color: maroon; padding: 10px; color: White; border-bottom: 2px solid #2d0708; border-right: 2px solid #2d0708; }
#lightboxDetails { font-size: 0.8em; padding-top: 0.4em; }
#lightboxCaption { float: left; }
#keyboardMsg { float: right; }
#closeButton { top: 5px; right: 5px; }

#lightbox img { border: none; clear: both; }
#overlay img { border: none; }

#overlay { background: url(Img/overlay.png) repeat left top; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src= "Img/overlay.png" , sizingMethod= "scale" ); }

.panel .euro { padding-left: 35px; opacity: 0.3; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); /*filter: alpha(opacity=70);*/ font-size: 10px; }
.hp {text-align:center; padding:5px; color:White; width: 150px; background-color:#0E0E0E;}