/* CSS Document */
/* 2012 redesign */

#slidershow {
  display:block;
  margin-top:0px;
}

body, html{
	background:url('/images/design2012/bgSample.png') repeat-x;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px; 
    margin:0px;
    padding:0px;
}

a:link{color:#000;text-decoration:none}
a:visited{color:#000;text-decoration:none}
a:hover{color:#000;text-decoration:underline;}
a:active{color:#000;text-decoration:underline;}

div.top-gradient{
	position:absolute;
    left:0px;
    top:0px;
    height:350px;
    width:100%;
    display:block;
    background:url('/images/design2012/bg.png') 50% -1px no-repeat;
    
}
div.top-menu{
	width:900px;
    height:30px;
    left:50%;
    margin-left:-540px;
    padding:3px 30px 7px;
    
    position:relative;
}
div.container{
	width:934px;
    left:50%;
    margin-left:-465px;
    background-image:url(/images/design/content_bkX.jpg);
    background-repeat:repeat-y;
    position:relative;
}
div.top-banner{
	width:930px;
    height:67px;
    background-image:url(/images/design/top_bannerX.jpg);
    background-repeat:no-repeat;
}
div.footer{
	width:100%;
  padding:0px 50px;
    height:auto;
    background:#414042;
    background-repeat:no-repeat;
    color:#FFFFFF;
    text-align:center;
    padding-top:18px;
    line-height:38px;
    font-size:9px;
    font-weight:bold;
    margin:0px auto;
}
/* ------------ text -------------- */
p{
	text-align:justify;
}
img.inline{
	margin:0px 18px;
}
div.content p {
	margin:15px 0px;
  font-size:12px;
  line-height: 22px;
}
/*----------- content-area --------------*/
div.content-area{
	padding:0px 15px;
  margin:75px 0px 0px 0px;
}
div.left-content, div.main-content, div.right-content{
	float:left;
  clear:both;
}
div.left-content{
	width:210px;
    padding:0px;
    background:#3B567D;
}
div.right-content{
	width:210px;
	padding:7px 0px;
    text-align:center;
}
div.main-content{
	width:531px;
    background-image:url(/images/design/main_content_bk.gif);
    background-repeat:repeat-y;
}
div.main-content-top{
	width:531px;
    height:8px;
    background-image:url(/images/design/main_content_top.gif);
    background-repeat:no-repeat;
}
div.content{
	padding:3px 30px;
}
div.main-content-bottom{
	width:531px;
    height:8px;
    background-image:url(/images/design/main_content_bottom.gif);
    background-repeat:no-repeat;
}
div.left-content h2.heading{
  background:none;
  border-bottom:1px dotted white;
  text-align:center;
  
	width:auto;
    height:24px;
    
    margin:15px 0px;
    padding:0px;
    text-align:center;
    display:block;
    color:#FFFFFF;
    text-transform:uppercase;
    font-size:11px;
    line-height:24px;
}
div.content h2.heading, div.content h1{
	width:auto;
    margin:20px 0px 10px 0px;
    
    padding:0px;
    display:block;
    background-image:none;
    
    color:#3B567D;
    font-size:28px;
    line-height:30px;
    
	overflow:hidden;
  text-shadow:1px 1px #666;
  font-weight:normal;
}

div.content h1 a{color:#fff;text-decoration:none;}

div.content h2{
    color:#3B567D;
   
    }

div.right-content h2.heading{
	width:167px;
    height:24px;
    margin:0px;
    margin-bottom:15px;
    padding:0px;
    text-align:center;
    display:block;
    background-image:url(/images/design/left_heading.gif);
    background-repeat:no-repeat;
    color:#FFFFFF;
    text-transform:uppercase;
    font-size:11px;
    line-height:24px;
}
div.left-content ul.menu{
  	list-style-type:none;
    margin:0px;
  	padding-left:0px;
    
}
div.left-content ul.menu li{
	padding:0px;
  border-bottom:1px solid #446184;
}
div.left-content ul.menu li a{
	color:#fff;
    text-decoration:none;
    font-weight:normal;
    margin:0px;
    padding:10px 4px 10px 20px;
    width:184px;
    display:block;
}
div.left-content ul.menu li a:hover{
    text-decoration:underline;
}
div.right-content div.news{
	border-bottom:2px solid #dedfe0;
    margin-bottom:10px;
}
div.clear-both{
	clear:both;
}
/*----------- top_menu -------------*/
div.top-menu ul{
    padding:0px;
    margin:0px;
    float:right;
}
div.top-menu li{
    padding:0px 30px 0px 40px;
   	float:left;
    margin:0px 30px
    list-style:none;
    border-right:1px dotted silver;
    list-style-type:none;
    height:25px;
/*    background-image:url(/images/design/top_menu_dividerX.gif); */
/*    background-position:right; 
    background-repeat:no-repeat;
    padding-right:10px;
    padding-left:5px;            */
}
div.top-menu li.last{
/*	background-image:none;*/
    border:none;
}
div.top-menu li a, div.top-menu li a:visited{
	font-size:11px;
    line-height:14px;
    color:#FFFFFF;
    text-decoration:none;
    font-weight:normal;
    
}
div.top-menu li a:hover, div.top-menu li a:active{
	color:#ff5a00;
	text-decoration:underline;
}
/*-------------- main_menu -------------*/
div.main-menu{
	padding-left:35px;
    height:70px;
    position:absolute;
    top:-46px;
}
div.main-menu ul{
	list-style:none;
    padding:0px;
    margin:0px;
}
div.main-menu li{
	float:left;
    display:block;
    width:auto;
    height:75px;
    padding-left:3px;
    background-image:url(/images/design/main_menu_dividerXX.gif);
    background-repeat:no-repeat;
    background-position:left;
    position:relative;
    
}
div.main-menu li a {
  border-right:1px solid silver;
}

div.main-menu li.first{
    background-image:url(/images/design/main_menu_firstXX.gif);
    background-repeat:no-repeat;
    background-position:left;
    padding-left:5px;
}
div.main-menu li a, div.main-menu li a:visited{
	color:#FFFFFF;
    text-decoration:none;
    text-transform:uppercase;
    font-size:16px;
    font-weight:bold;
    line-height:75px;
    padding:0 5px;
    height:75px;
}
div.main-menu li a:hover, div.main-menu li a:active{
	color:#D4D600;
	text-decoration:underline;
}


/* */
div#sysfooter{width:930px;height:32px;margin:0 auto;text-align:center;}
#sysfooter a:link, #sysfooter a:visited {color:#000;text-decoration:none;}
#sysfooter a:hover, #sysfooter a:active {color:#000;text-decoration:underline;}

#sysfooter img {vertical-align:middle;}

ul.sitemap {list-style:none;padding:0 0 0 10px;margin:0;}
ul.sitemap li {margin:0;}
ul.sitemap li a {font-size:11px;text-decoration:none;font-weight:normal;color:#000;line-height:22px;}
ul.sitemap li a:hover {text-decoration:underline;}
ul.sitemap li a.sub1 {padding-left:0px;}
ul.sitemap li a.sub2 {padding-left:0px;}
ul.sitemap li a.sub3 {padding-left:0px;}
ul.sitemap li a.sub4 {padding-left:45px;}
ul.sitemap li a.sub5 {padding-left:50px;}
ul.sitemap li a.sub6 {padding-left:55px;}
ul.sitemap li a.sub7 {padding-left:60px;}
ul.sitemap li a.sub8 {padding-left:65px;}

ul.brands {list-style:none;padding:0 0 0 10px;margin:0;}
ul.brands li {margin:0;}
ul.brands li a {font-size:11px;text-decoration:none;font-weight:normal;color:#000;line-height:22px;}
ul.brands li a:hover {text-decoration:underline;}

.uname {color:orange;font-size:11px;font-weight:bold;}
.note {font-size:10px;text-decoration:none;font-weight:normal;color:gray;}
.variantblock{padding:3px;float:left;text-align:center;font-size:10px;}
.cartblock{background:#f9f9f9;text-align:left;width:220px;height:120px;line-height:28px;padding:10px 15px 10px 15px;border:1px solid #cccccc;font-size:11px;}

.ptitle a:link, .ptitle a:visited, .ptitle a:hover, .ptitle a.active {font-weight:bold;}

div#content-images{padding:0;margin:0;}
#content-images img {border:2px solid silver;margin:6px;}

#pgr{color:#D4D600;font-weight:bold;font-size:11px}

div.left-content ul.menu li.sub1{padding-left:0px; background-color:#2D4563;}
div.left-content ul.menu li.sub2{padding-left:0px; background-color:#8E1426}
div.left-content ul.menu li.sub3{padding-left:0px;}
div.left-content ul.menu li.sub4{padding-left:25px;}
div.left-content ul.menu li.sub5{padding-left:30px;}

.pimage img {border:2px solid silver; -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    }

.news {width:225px; height:225px; float:left; display:block}

.news-desc {text-align:center; width:120px; display:block; border:0px solid white; margin-left:20px}
.news-desc a {color:white; font-weight:normal; padding:4px 0px 0px 0px; line-height:15px; font-size:12px }

.footer a:link, .footer a:visited {color:#fff;text-decoration:none;}
.footer a:hover, .footer a:active {color:#fff;text-decoration:underline;}

img{border:0;}

div.left-content ul.menu li.sub1 a{color:#fff;}
div.left-content ul.menu li.sub2 a{color:#FFffff;}
div.left-content ul.menu li.sub3 a{color:#000;}
div.left-content ul.menu li.sub4 a{color:#FF6600;}

div#box_wrapper{clear:both;overflow:hidden;padding:0 0 0 10px;}
div.box_content {float:left;height:160px;width:180px;background:#ededed;padding:20px 10px 10px 10px;margin:10px;border:4px solid silver;text-align:center;}
div.box_content img {border:2px solid silver;}
div.box_content a {font-weight:bold;}


.logo {
  margin:0px 0px 0px 120px;
  position:relative;
  top:23px;
}

.menuStatic ul {
  margin:50px 0px 0px 0px;
}

.menuStatic li {
  list-style-type:none;
  color:white;
  float:left;
  font-size:16px;
  border-right:1px solid white;
}
.menuStatic li a {
  padding:0px 10px;
  color:white;
}

#bluewide {
  background:url(/images/design2012/bgHomeClean.png) repeat-x 50% 142px;
}

#slidermenu {
  position:relative;
  top:-30px;
  border:0px solid white;
  width:50%;
  margin:0px 48%;
  text-align:center;
}

#slidermenu a {
  display:block;
  width:26px;
  height:28px;
  background:url(/images/design2012/slideNumber.png) 50% 0% no-repeat;
  text-align:center;
  padding:6px 0px;
  float:left;
}
#slidermenu a.wactive {
  background:url(/images/design2012/slideNumberActive.png) 50% 0% no-repeat;
  color:white;
}

/* cislovanie pre novinky */
.n1,.n2,.n3,.n4,.n5,.n6,.n7,.n8,.n9,.n10 {display:block; width:100%; height:100%}
.n1 { background:url(/images/design2012/n1.png) 100% 0% no-repeat; }
.n2 { background:url(/images/design2012/n2.png) 100% 0% no-repeat; }
.n3 { background:url(/images/design2012/n3.png) 100% 0% no-repeat; }
.n4 { background:url(/images/design2012/n4.png) 100% 0% no-repeat; }
.n5 { background:url(/images/design2012/n5.png) 100% 0% no-repeat; }
.n6 { background:url(/images/design2012/n6.png) 100% 0% no-repeat; }
.n7 { background:url(/images/design2012/n7.png) 100% 0% no-repeat; }
.n8 { background:url(/images/design2012/n8.png) 100% 0% no-repeat; }
.n9 { background:url(/images/design2012/n9.png) 100% 0% no-repeat; }

.noshow {display:none}
.main-content-bottom, .main-content-top {display:none}
div.main-content {width:694px; background:none; float:left; clear:none }

.sel {
  display:block; width:188px; height:100%; color:white!important; text-decoration:none!important;
  border:1px solid #DB2E62;
  
  background:url('/images/design2012/arrow.png') 3px 50% no-repeat #C82235;
  }
a.sel {padding-left:30px;}  

/* addons 2012 */
#products {width:100%}
/*#products .box {background:url('/images/design2012/boxbg.png') no-repeat 0px 100%; width:172px; height:200px; float:left; width:157px; margin-right:1px }*/
#products .box {width:172px; float:left; width:157px; margin-right:1px; border:1px solid silver; height:215px }
#products .box {color:white!important}
hr {background:url('/images/design2012/hr.png') no-repeat 50% 0px; width:680px; height:22px; border:none; float:none; clear:both }
.pimage {width:172px; text-align:center; padding:0px 20px}


.ptitle a {padding:0px 10px; display:block; }
.box h2 a {display:box; padding:0px 4px 14px 10px; display:block; font-size:14px;  }

.right-content {display:none}

.content .popis h2 { border-bottom:2px solid #3B567D; display:block; width:100%; height:20px; margin:10px 0px 3px 0px ; padding:0px 0px; color:#3B567D}
.box h2, h2.ptitle {margin:0px!important; background:none; width:150px; display:block; margin:0px 10px }
.ptitle a {border:1px solid gray; width:400px; padding:5px; margin:0px}

.box2 {margin:0px; padding:0px;display:block}
.content table { margin:10px 40px; font-size:14px; line-height:20px}
.popis {margin-left:0px; font-size:12px; display:block}

.login {margin:10px 40px; border-top:0px solid black; padding:10px; height:350px}
.login a {color:gray}

#slider-wrap {margin:0px auto!important}
.pprice {background:url('/images/design2012/active.png') no-repeat; position:relative; top:-72px; left:64px; width:100px; padding:4px; text-align:right; color:white}
.box2 .pprice {top:-62px; left:304px}

.cartblock .pprice { top:0px; background:none; left:0px; color:black }

.block-menu {margin-top:30px; float:none; clear:none}
.block-menu li {display:block; border:1px solid silver; margin:2px; padding:4px; float:left; font-size:14px; width:179px; height:50px; text-align:center; -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;}
.block-menu a {width:100%; height:100%; background:#ddd; display:block; margin:0px; -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;}
.block-menu a:hover, .ptitle a:hover {background:#a00; color:white; text-decoration:none }
.offset {border:0px solid red; display:block; padding:8px; width:auto; height:100%}

.icoreg {background:url('/images/design2012/icoUser.png') no-repeat 10px 0px; padding:0px 0px 0px 40px}
.icolog {background:url('/images/design2012/icoKey.png') no-repeat 10px 0px; padding:0px 0px 0px 40px}
.icocart {background:url('/images/design2012/icoCart.png') no-repeat 10px 0px; padding:0px 0px 0px 40px}

.search {position:absolute; background:url('/images/design2012/search.png') no-repeat 0px 8px; top:103px; left:700px; height:30px; width:220px}
.search input {background:none; border:0px; margin:7px; color:#333; width:110px; float:left; font-size:10px}
#frmSeBigSubmit {width:40px; height:20px; border:0px solid white; background:url('/images/design2012/empty.png') no-repeat}
.search input#frmSeBigSubmit {border:none}

/* turn off home page from menu */
.menuitem-10 {display:none}
.mini {font-size:9px; }
.req {background:#ff9}