@font-face {font-family:'GraublauWeb';font-weight:normal;
    src: url('./font/GraublauWeb.eot');
    src: local('Graublau Web Regular'), local('Graublau Web'),
            url('./font/GraublauWeb.otf') format('opentype');
}

@font-face {font-family: 'GraublauWeb';font-weight: bold;
    src: url('./font/GraublauWebBold.eot');
    src: local('Graublau Web Bold'), local('Graublau Web Bold'),
        url('./font/GraublauWebBold.otf') format('opentype');
}


BODY{padding:0 0 10px 0;font-size:14px;text-align:center;font-family:GraublauWeb, Arial, Verdana, sans-serif;font-weight:normal;color:#050505}
HR{color:#C25400;width:98%;height:1px}
.clr{clear:both;visibility:hidden;display:block;overflow:hidden;height:1px;font-size:1px}
.hide,.hd{display:none}
a{color:#111111}
a:hover{color:#B10909;text-decoration:none}
IMG{border:0px}
p,ul,li,form,label,h1,h2,h3,h4,input,body{margin:0;padding:0}
li{list-style-type:none}
pre {padding:20px;width:65%;border:1px solid rgb(120,120,120);background:#f7f8f8}

h1 {margin-bottom:15px;font-size:25px;}

INPUT{padding:1px;color:black}
INPUT.frame, TEXTAREA.frame{border:1px solid #a5acb2}

.l120{line-height: 20px;display:block;text-align:center;text-decoration:none;width:120px;background: url('./img/special/buttons/s120_1.gif') no-repeat;border: 0px;cursor:pointer;padding:1px 0 0 0}
.l120:hover,l120.activ{background: url('./img/special/buttons/s200_2.gif') no-repeat}

INPUT.s120{height: 21px;width:120px;background: url('./img/special/buttons/s120_1.gif');border: 0px;cursor:pointer;padding:1px 0 0 0}
INPUT.s120:hover{background: url('./img/special/buttons/s120_2.gif')}
INPUT.s130{height: 21px;width:130px;background: url('./img/special/buttons/s130_1.gif');border: 0px;cursor:pointer;padding:1px 0 0 0}
INPUT.s130:hover{background: url('./img/special/buttons/s130_2.gif')}
INPUT.s150{height: 21px;width:150px;background: url('./img/special/buttons/s150_1.gif');border: 0px;cursor:pointer;padding:1px 0 0 0}
INPUT.s150:hover{background: url('./img/special/buttons/s150_2.gif')}
INPUT.s200{height: 21px;width:200px;background: url('./img/special/buttons/s200_1.gif');border: 0px;cursor:pointer;padding:1px 0 0 0}
INPUT.s200:hover{background: url('./img/special/buttons/s200_2.gif')}


.frm_silver {background:#e5ebee;}
.frm_silver .ftop,.frm_silver .fbtn {height:8px;background:#e5ebee;}
.frm_silver .fcor1{float:left;width:8px;height:8px;background: url('./img/special/cor-silver.png') top left}
.frm_silver .fcor2{float:right;width:8px;height:8px;background: url('./img/special/cor-silver.png') top right}
.frm_silver .fcor3{float:right;width:8px;height:8px;background: url('./img/special/cor-silver.png') bottom right}
.frm_silver .fcor4{float:left;width:8px;height:8px;background: url('./img/special/cor-silver.png') bottom left}
.frm_silver .cn{padding:0 10px 0 15px;min-height:20px}


#tline {height:10px;text-align:right;}
#tline a {display:block;float:right;margin-right:20px;text-decoration:none}
#tline a:hover {text-decoration:underline}

#alert{background:black;color:white;width:95%;padding:10px;text-align:center;margin:5px 0 15px 0}
#pg{position:relative;width:1000px;text-align:left;margin:8px auto 0 auto;padding:0}
#cnt {margin:20px 0 0 0}

#srch {width:100%;text-align:center;}
#srch .lg {margin:30px 0 30px 0}


.common {margin:5px 30px 30px 30px;}

.srch_in {margin-left:240px;}
.srch_in .side_l {float:left;width:6px;height:30px; background: url('./img/special/srch-side.gif') top left}
.srch_in .cn input {float:left;width:500px;height:30px; border:0px;font-size:18px;padding-top:5px; background: url('./img/special/srch-bck.gif') repeat-x}
.srch_in .side_r {float:left;width:6px;height:30px; background: url('./img/special/srch-side.gif') top right}

.srch_btn {margin:15px 0 0 420px;}
.srch_btn .side_l {float:left;width:6px;height:27px; background: url('./img/special/srch-btn-side.gif') top left}
.srch_btn .cn input {float:left;width:130px;height:27px; border:0px;font-size:14px;padding-top:5px;text-align:center; background: url('./img/special/srch-btn-bck.gif') repeat-x}
.srch_btn .side_r {float:left;width:6px;height:27px; background: url('./img/special/srch-btn-side.gif') top right}

.sho .lo {float:left;width:225px;}
.sho .srch_in {float:left;margin:10px 0 0 20px;width:270px;}
.sho .srch_in .cn input {width:250px;}

.sho .srch_btn {float:left;margin:12px 0 0 10px;width:150px;}

.katalog {margin-top:70px;width:1000px;border:1px}
.katalog a {text-decoration:none;}
.katalog TD {width:333px;vertical-align:top;padding-bottom:15px;}
.katalog img {float:left;margin-right:8px;}
.katalog h2 {font-size:18px;}
.katalog .subsec {font-size:11px;margin-top:3px;font-family:Arial, Verdana, sans-serif;letter-spacing:1px;line-height:16px;}
.katalog .subsec a {margin-right:10px;}

.katsec {background:#f2f7f9;padding:10px;font-family:Arial, Verdana, sans-serif;font-size:13px;}
.katsec2 {border-right:1px solid #f2f7f9;border-left:1px solid #f2f7f9;border-bottom:1px solid #f2f7f9;padding:8px;}
.katsec2 a {display:block;float:left;margin-right:10px;line-height:22px;text-decoration:none;}
.katsec2 span {display:block;float:left;background:#B10909;width:3px;height:3px;margin:9px 4px 0 0}
.katsec .katfrm {float:left;width:155px;height:25px;margin:3px 4px 8px 4px;text-align:center;}
.katsec a {display:block;width:150px;text-decoration:none;text-align:center;padding:0px;margin:0px;line-height:20px;}

.katfrm {background:white;}
.katfrm .ftop,.katfrm .fbtn {height:5px;background:white}
.katfrm .f1{float:left;width:5px;height:5px;background: url('./img/special/sec-frm.gif') top left}
.katfrm .f2{float:right;width:5px;height:5px;background: url('./img/special/sec-frm.gif') top right}
.katfrm .f3{float:right;width:5px;height:5px;background: url('./img/special/sec-frm.gif') bottom right}
.katfrm .f4{float:left;width:5px;height:5px;background: url('./img/special/sec-frm.gif') bottom left}
.katfrm .cn{padding:0 0px 0 0px;min-height:20px;text-align:center;}

.sor {margin:15px 0 0 0}
.sor .s1 {float:left;width:140px;}
.sor .s2 {float:right;width:400px;}
.sec_logo {position:absolute;margin:-44px 0 0 910px;}


.items_group{margin-top:8px}
.items_group h2{font-size:16px;margin-top:5px}
.items_group h2 a {text-decoration:none}
.items_group .item{float:left;width:313px;margin:10px 10px 45px 10px;background: url('./img/special/bck-item.png') no-repeat}
.items_group .item .img{float:left;width:105px}
.items_group .item .txt{float:right;height:115px;overflow:hidden;font-size:12px;width:200px;margin-right:5px;font-size:14px;line-height:19px;font-family:Arial, Verdana, sans-serif;}
.items_group .item .eshop {position:absolute;margin:114px 0 0 107px;font-size:11px;}


#detail h1 {margin-bottom:0px;}
#detail h2 {font-size:14px;margin-bottom:20px;}

#detail .img{float:left;width:259px}
#detail .txt{float:left;width:380px;}

#detail .tbl{float:right;margin:0px;width:330px;}
#detail .tbl TABLE{width:100%;margin:15px 0 5px 0}
#detail .tbl TABLE TD{line-height:22px;padding-left:5px;}
#detail .tbl TABLE TR.color{background:#f4f4f4}
#detail .tbl #old_price{background: url('./img/special/price-old.gif') no-repeat}
#detail .tbl #new_price{font-size:16px;font-weight:bold}
#detail .bookmark{z-index:0}
#detail .bookmark_line{float:left;z-index:5;margin:-2px 0 0px 0;font-size:1px;border-top:1px solid #707070;height:5px;background:white;width:1010px}

#detail .sou .it {float:left;margin:0 5px 0 5px;width:156px;text-align:center;}
#detail .sou .tit {height:40px;}
#detail .sou .im {height:185px;margin:0px;padding:0px;}


TD.share{background:white;text-align:right;padding:0}
TD.share BUTTON{text-align:left;margin-top:5px}
.share{padding:10px 0 10px 0;}
.share BUTTON{border:1px solid #cecece;line-height:20px;padding:0px 5px 0 5px;background: url('./img/sharing_bck.gif') repeat-x;cursor:pointer;}
.share BUTTON:hover{border:1px solid #999999}
.share SPAN{margin-left:20px;}
.share IMG{background: url('./img/sharing_icons.png') no-repeat;margin-top:2px;position:absolute;}
.share .email IMG{background-position:-432px 0}
.share .twitter IMG{background-position:-704px 0}
.share .facebook IMG{background-position:-240px 0}
.share .myspace IMG{background-position:-320px 0}

#foot {margin:20px 0 20px 0;}

.str{width:100%;margin:0 0 8px 0;padding:8px 0 5px 0px;text-align:center;font-size:11px}
.str SELECT{font-size:11px}
.str_pages{width:400px;float:left}
.str_sum{text-align:right;padding:4px 20px 0 0}
.str img{border:0px}
.str_left{float:left;width:50px;text-align:left;padding-left:5px}
.str_center{float:left;width:295px;text-align:center}
.str_right{float:right;width:50px;text-align:right}
.str a{text-decoration:none;margin-right:5px;font-size:14px}
.str a:hover{text-decoration:none}
.str .activ{color:#B10909;font-size:16px}

.str_left a,.str_right a{padding:10px}

.str_left .one_page_activ{float:left;width:22px;line-height:22px;background:url('./img/special/pager/lft-1-activ.gif') no-repeat}
.str_left .one_page_noactiv{float:left;width:22px;line-height:22px;background:url('./img/special/pager/lft-1-noactiv.gif') no-repeat}
.str_left .one_page_activ:hover{float:left;background:url('./img/special/pager/lft-1-over.gif')  no-repeat}    
.str_left .first_page_activ{float:left;width:22px;line-height:22px;background:url('./img/special/pager/lft-2-activ.gif') no-repeat}
.str_left .first_page_noactiv{float:left;width:22px;line-height:22px;background:url('./img/special/pager/lft-2-noactiv.gif') no-repeat}
.str_left .first_page_activ:hover{float:left;background:url('./img/special/pager/lft-2-over.gif') no-repeat}
.str_right .first_page_activ{float:right;width:22px;line-height:22px;background:url('./img/special/pager/rgh-2-activ.gif') no-repeat}
.str_right .first_page_noactiv{float:right;width:22px;line-height:22px;background:url('./img/special/pager/rgh-2-noactiv.gif') no-repeat}
.str_right .first_page_activ:hover{float:right;background:url('./img/special/pager/rgh-2-over.gif') no-repeat}

.str_right .one_page_activ{float:right;width:22px;line-height:22px;background:url('./img/special/pager/rgh-1-activ.gif') no-repeat}
.str_right .one_page_noactiv{float:right;width:22px;line-height:22px;background:url('./img/special/pager/rgh-1-noactiv.gif') no-repeat}
.str_right .one_page_activ:hover{float:right;background:url('./img/special/pager/rgh-1-over.gif')  no-repeat}



/*price slider*/
#amount1{font-weight:bold;float:left;width:60px;}
#amount2{font-weight:bold;float:right;text-align:right;width:50px;}
#ajaxMessage{position: absolute;margin:-2px 0 0 50px;z-index: 999;width:300px;background:white;height:28px;text-align:center;display: none}
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 14px; height: 21px; cursor: pointer; } /* posuvniky */
.ui-slider .ui-slider-range { background:#B10909; position: absolute; z-index: 1; font-size: 1px; display: block; border: 0px; background-position: 0 0; } /* zvoleny rozsah */
.ui-slider-horizontal { float:left;height: 1px;width:277px;margin-top:7px; } /* posuvnik */
.ui-slider-horizontal .ui-slider-handle { top: -9px; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%;  }
/* Component containers
----------------------------------*/
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget-content { border: 1px solid black; background: #ffffff; color: #222222; } /* posuvnik */
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 3px solid black; background: #cccccc; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 0px; background: url('./img/dragGray.png') no-repeat}
.ui-state-active, .ui-widget-content .ui-state-active { border: 0px; background: url('./img/dragGreen.png') no-repeat}
.ui-widget :active { outline: none; }