* {margin:0;padding:0;}
body {background:url(../images/bg.gif) #000;font-family:'Trebuchet MS',sans-serif;color:#fff;font-size:12px;}
input {font-family:'Trebuchet MS',sans-serif;font-size:11px;}
a {text-decoration:underline;color:#fff;}
a:hover {text-decoration:none;}
a img{border:none}
h2 {font-weight:normal;font-size:16px;}

.ir {display:block;overflow:hidden;position:relative;}
.ir span {display:block;position:absolute;width:100%;height:100%;top:0;left:0;}
.clear, .clr {clear:both;float:none;display:block;width:0;height:0;overflow:hidden;}
.tright {text-align:right;}
.fright {float:right;}
.right{text-align:right}
.white {color:#fff;}
.white a{color:#fff !important}
.marleft10 {margin-left:10px;}
.txtinp {background:url(../images/input-bg.gif) no-repeat;background:#fff;border:1px solid #888;padding:3px;}

#wrapper {background:url(../images/bg-grad.gif) repeat-x;}
#maincontent {width:951px;margin:0 auto}
#top .leftcol {width:667px;float:left;overflow:hidden;}
#top .rightcol {width:284px;float:left;overflow:hidden;}
.rightcol h2{font-weight:bold}
.toplogo {position:relative;height:62px;}
#top h1 a {width:415px;height:62px;}
#top h1 a span {background:url(../images/passvilan-logo.gif) no-repeat;}
.flags {position:absolute;bottom:0;right:20px;width:79px;height:29px;text-align:center;line-height:35px;overflow:hidden;background:url(../images/flags-bg.gif);}
* html .flags img {margin-bottom:-9px;}
.whitespace {background:#fff;padding:4px;}
.toplinks {height:44px;overflow:hidden;border:1px solid #000;}
.toplinks ul {height:44px;background:url(../images/menu-grad1.gif) repeat-x;}
.toplinks ul li {display:block;float:left;height:44px;font-size:13px;}
.toplinks ul li a {display:block;text-align:center;line-height:44px;color:#fff;text-decoration:none;padding:0 15px;background:url(../images/menu-grad1.gif) repeat-x;}
.toplinks ul li a:hover, .toplinks ul li a.active {background:url(../images/menu-grad2.gif) repeat-x;}
.topbanner {margin-top:4px;}
.login {border:1px solid #aaa;background:url(../images/login-bg.gif) repeat-x;height:81px;overflow:hidden;padding:7px 10px;}
.login form {text-align:right;}
.login input {margin-top:5px;}
input.user {width:162px;}
input.pswd {width:84px;}
input.submit {width:74px;height:24px;border:1px solid #900;background:url(../images/button-bg.gif) repeat-x;color:#fff;font-size:12px;cursor:pointer;font-family:"Trebuchet MS",sans-serif;}
.cart {height:106px;overflow:hidden;border:solid #aaa;border-width:0 1px;background:url(../images/h2-red.gif) repeat-x;}
.cart a.fright {line-height:38px;margin-right:10px;}
.cart h2 {height:38px;background:url(../images/h2-red.gif) repeat-x;line-height:38px;padding:0 10px;}
* html .cart {height:108px;}
* html .cart h2 {line-height:40px;}
.cart-in {background:url(../images/red-bg.gif) no-repeat;height:68px;padding:0 15px;line-height:34px;}
.zajimavosti {height:145px;overflow:hidden;background:url(../images/zajim-bg.gif);border:1px solid #aaa;border-bottom:4px solid #fff;}
.zajimavosti h2 {padding:0 10px;line-height:38px;}
* html .zajimavosti {height:148px;}
* html .zajimavosti h2 {line-height:41px;}
*+html .zajimavosti{border-bottom:9px solid #fff}
.zajimavosti a.fright {line-height:38px;margin-right:10px;}
.zajim-in {height:105px;background:url(../images/gray-bg.gif) no-repeat;overflow:hidden;padding:5px 15px;}
.zajim-in ul {margin-left:10px;line-height:110%;}
.zajim-in ul li {margin:5px 0;}
.mid-navig {height:48px;background:url(../images/vybirejte-bg.gif) repeat-x;line-height:48px;border:4px solid #fff;border-top:0;}
.mid-navig h2 {display:block;width:114px;height:48px;float:left;text-align:center;font-size:17px;}
.mid-navig ul {display:block;float:right;}
.mid-navig ul li {display:block;float:left;height:48px;width:auto;}
.mid-navig ul li a {display:block;float:left;height:28px;padding:10px;line-height:120%;font-size:13px;font-weight:bold;text-align:center;text-transform:uppercase;text-decoration:none;background:url(../images/red-tile.gif) no-repeat right bottom;}
* html .mid-navig ul li a {line-height:16px;padding-bottom:6px;}
.mid-navig ul li a.active, .mid-navig ul li a:hover {background:url(../images/black-grad.gif) repeat-x;}
.mid-navig li.onerow a {line-height:26px;}
* html .mid-navig li.onerow a {padding-bottom:10px;}
.submenu {border:solid #fff;border-width:0 4px;line-height:34px;padding:0 15px;background:url(../images/submenu-bg.gif) repeat-x;}
.cap-crumbs {background:#fff;line-height:42px;padding:0 15px;width:921px;}
.cap-crumbs h1 {float:left;color:#c00;font-size:26px;font-weight:normal;background:#fff;}
.cap-crumbs a {color:#000;}
.breadcrumbs {float:right;color:#000;}

.browse{border:solid #fff;border-width:0 4px;background:url(../images/detail-bg.gif) repeat-x #e1e1e1;padding:35px 20px 10px;}
.browse, .browse a{color:#000}

.mc{background:#e1e1e1;padding:15px 20px 10px;color:#000}
.mc a{color:#000}

.mc2{background:#e1e1e1;padding:15px 20px 10px;color:#fff}
.mc2 a{color:#fff}

.detail {border:solid #fff;border-width:0 4px;background:url(../images/detail-bg.gif) repeat-x #e1e1e1;padding:15px 20px 10px;}
.detail-left {width:592px;float:left;background:url(../images/dotline.gif) repeat-y right;padding-right:20px;}
.detail-left h2 {font-size:19px;padding-bottom:15px;}
.detail-left .popis {background:#3c3c3c;padding:20px;width:554px;margin-top:5px;}
.popis ul {line-height:180%;margin-left:25px;font-size:13px;}
.atributy {background:#fff;padding:5px 20px 15px;width:554px;color:#000;margin-top:5px;}
.atributy ul {list-style-type:none;line-height:35px;}
.atributy ul li {display:block;background:url(../images/dotline2.gif) repeat-x bottom;}
.atributy ul li strong {font-size:17px;font-weight:normal;display:block;float:left;width:120px;color:#3c3c3c;}
.cena {margin-top:10px;background:#fff;padding:5px 12px;line-height:38px;color:#000}
* html .cena{padding-bottom:0 !important}
*+html .cena{padding-bottom:0 !important}
.cena em {display:block;float:left;font-style:normal;}
.sleva-icon{float:left;margin:4px 0 4px -4px}
* html .sleva-icon{margin-left:-1px !important}
.cena .addform {float:left;white-space:nowrap;width:380px;font-size:14px}
.addform *{vertical-align:middle}
.akce {overflow:hidden;}
.cena span {font-size:16px;color:#666;display:block;float:left;}
.cena strong {font-size:20px;color:#c00;letter-spacing:-1px;padding:0 10px;display:block;float:left;}
.cena .txtinp {width:16px;background:url(../images/input-bg.gif) no-repeat #fff;padding:4px 8px;text-align:center;}
.bigsubmit {font-size:16px;color:#fff;font-family:"Trebuchet MS",sans-serif;padding:6px 15px;border:1px solid #900;background:url(../images/menu-grad2.gif) repeat-x;cursor:pointer;margin-left:10px;font-weight:bold}
* html .bigsubmit {padding:1px 0;margin-top:4px;margin-bottom:-3px;}

.detail-right {width:270px;float:left;overflow:hidden;padding-left:20px;}
h2.redcap {display:block;background:url(../images/h2-red.gif) repeat-x;border:1px solid #aaa;font-size:19px;padding:8px;text-align:center;font-weight:normal;}
.dop-box {margin:5px 0;background:#fff;padding:7px;}
.dop-box img {display:block;float:left;margin-right:15px;border:1px solid #bbb;}
.dop-box h3 {text-transform:uppercase;display:block;float:left;width:120px;padding-top:20px;font-size:17px;font-weight:normal;}
.dop-box h3 a {color:#666;text-decoration:none;}
.dop-box h3 span {color:#c00;}
a.link-more {color:#000;line-height:30px;}

.greygrad {background:#8e8e8e;padding:10px 20px 0;}
* html .greygrad {height:1%}
*+html .greygrad {height:1%}
.greygrad h2 {padding-bottom:10px;font-size:18px;font-weight:normal;}
.podobne {width:503px;float:left;background:url(../images/dotline.gif) repeat-y right;padding-right:20px;}
.podob-box {margin-right:8px;float:left;}
.podob-box .rpad{width:238px}
.podob-box p {display:block;background:url(../images/grey-grad.gif) repeat-x;height:45px;padding:5px 10px;border-top:1px solid #ccc;color:#555;text-transform:uppercase;font-size:13px;font-weight:bold;}
.podob-box p span {color:#c00;}
.podob-box .img{height:69px;width:238px;overflow:hidden;background:#fff;text-align:center}
.podob-box a{color:#000}
.rady {width:360px;float:left;padding-left:25px;}
.rady-in {background:url(../images/grey-grad2.gif) no-repeat;padding:5px 15px;height:127px;}
.rady-in ul {padding:5px 15px;line-height:200%;}

.pass-bar {background:url(../images/passvilan.gif) no-repeat right #3c3c3c;height:61px}

#footer {height:109px;background:url(../images/footer-bg.gif) no-repeat;padding:0 15px;line-height:39px;color:#fff;font-size:13px;}

.prod-item{float:left;margin-right:10px;overflow:hidden;margin-bottom:10px}
.nmr{margin-right:0 !important}
.prod-item .pad{width:293px}
.prod-item .title{background:#000 url(../images/submenu-bg.gif) top left repeat-x;padding:5px 8px;height:76px;position:relative;overflow:hidden}
.prod-item .title p{color:#fff}
.prod-item .avail{position:absolute;right:8px;top:63px;color:#ccc;width:250px;text-align:right}
.prod-item h2{font-size:1.4em;font-weight:normal;}
.prod-item h2 a{color:#fff}
.prod-item .img{border:1px solid #000;height:220px;width:291px;overflow:hidden;background:#fff;text-align:center}
.prod-item .price{background:#cc0000;text-align:right;padding:4px;font-size:1.5em;color:#fff;border-left:1px solid #000;border-right:1px solid #000}


.prod-item2{float:left;margin-right:8px;overflow:hidden;margin-bottom:10px}
.prod-item2 .pad{width:293px}
.prod-item2 .title{background:#000 url(../images/submenu-bg.gif) top left repeat-x;padding:5px 8px;height:76px;position:relative;overflow:hidden}
.prod-item2 .title p{color:#fff}
.prod-item2 .avail{position:absolute;right:8px;top:63px;color:#ccc;width:250px;text-align:right}
.prod-item2 h2{font-size:1.4em;font-weight:normal;}
.prod-item2 h2 a{color:#fff}
.prod-item2 .img{border:1px solid #000;height:220px;width:291px;overflow:hidden;background:#fff;text-align:center}
.prod-item2 .price{background:#cc0000;text-align:right;padding:4px;font-size:1.5em;color:#fff;border-left:1px solid #000;border-right:1px solid #000}



div.ohyb{float:left;margin-right:8px}
div.ohyb .opad{width:100px;text-align:center;padding-bottom:10px !important}
div.ohyb input{margin-top:4px}



div.content-grad{background:url(../images/detail-bg.gif) repeat-x #e1e1e1;}
table.basket{width:100%;border-collapse:collapse;background:#fff}
table.basket td, table.basket th{padding:4px 6px}
table.basket th{background:#4b4b4b;text-align:left;color:#fff}
table.basket th.ks, table.basket td.ks{width:80px;text-align:center}
table.basket th.cena, table.basket td.cena{width:70px;text-align:right}
table.basket input.ks_input{width:2.5em;text-align:center}
table.basket th.del, table.basket td.del{width:90px;padding-left:12px}
table.basket input.ks{border:1px solid #707070;margin-top:-2px;background:#fff url(/klient/profesional/www/img/ibg.gif) top left no-repeat;padding:3px;width:25px;text-align:center;}
table.basket a img{border:none}
table.basket tr.alt td{background:#E8E8E8}
table.basket tr.bot td{height:10px}
table.basket span{}
table.basket .vyhodit{text-align:right}
table.basket .vyhodit img{vertical-align:middle}
table.basket .vyhodit a{color:#00417c;text-decoration:underline}
table.basket .title{font-size:1.1em;width:400px}

table.summary{width:100%;background:#4b4b4b;margin-top:8px;border-top:6px solid #4b4b4b;border-bottom:6px solid #4b4b4b;color:#fff}
table.summary th{width:712px;text-align:right}
table.summary th, table.summary td{padding:1px 6px}
table.summary th{font-weight:normal}

p.basket-links{text-align:right;margin-top:2em;font-weight:bold;color:#d00;padding-right:0 !important}
p.basket-links a{font-weight:bold;font-size:1.2em;padding:6px 10px;}
p.basket-links a.a1{background:#222;color:#fff}
p.basket-links a.a2{background:#d00;color:#fff}


form.order{margin:1em 0;padding:7px 10px}
form.order table{width:100%;margin:8px 0}
form.order td, form.order th{font-weight:normal;padding:2px 12px 0 0;vertical-align:top}
form.order th{width:150px !important;text-align:right;padding-right:1em}
form.order p.info{font-size:0.85em;margin:0}
form.order span{color:#e62378;font-weight:bold}
form.order h2{font-size:1.3em;color:#0058a8 !important}
p.order-info{font-size:0.85em;text-align:center;color:#444}

form.order table{width:100%}
form.order table th{width:190px}

p.sendorder{margin:1em 0;text-align:center}
p.sendorder input{font-size:1.1em;font-weight:bold;padding:4px 7px}


div.errors{border:1px solid #d00;background:#fee;margin:1em 0;padding:7px 10px}
div.errors p, div.errors ul{color:#d00}
div.errors ul{margin-left:2em}


form h3{font-size:1.3em;color:#cc0000;margin-top:1em;margin-bottom:4px}
div.typ_dp{background:#fff;padding:8px;margin:0 0 1em 0}


div.variant{background:#3c3c3c;color:#fff;margin:10px 0;padding:8px 10px}
div.variant p{font-size:1.4em;margin:8px 12px;font-weight:normal}
div.variant strong{font-weight:normal !important}
div.variant table{width:60%;margin-left:40px}

div.obsah{padding:1em}
div.obsah h1{font-size:1.8em;font-weight:normal;margin:0 0 1em 0}
div.obsah h3{font-size:1.3em;font-weight:bold;color:#cc0000;margin:1.5em 0 0.2em 0}
div.obsah p{margin:0 0 0.5em 0}

form#order{background:#fff;margin:1em 0;padding:1em}

.art-item{margin:0 0 1em 0}
.art-item .pic{float:left;width:170px}
.art-item .info{float:right;width:394px}
.art-item a{color:#cc0000}
.art-item h2{font-size:1.3em;font-weight:normal;margin:0 0 4px 0;padding:0}


table.darky{width:600px;border-collapse:collapse;margin:0;padding:0}
table.darky th{text-align:left;background:#aaa;color:#fff}
table.darky td.title{font-weight:normal;text-align:left;width:250px !important}
table.darky td.var{width:140px;text-align:center !important}
table.darky td.price{width:140px;text-align:right !important}

table.darky th, table.darky td{padding:4px;border-bottom:1px solid #eee;vertical-align:middle !important}

.op h2{margin:1.5em 0 0}
.op p{font-size:1.1em}
.op ol, .op ul{margin:1em 2em}