/*
	@company: www.actum.cz
	@author: David Sklar
------------------------------------------- */
html,body{height:100%;padding:0;margin:0;}
body {background: #000 url('../gfx/body.gif') 0 0 repeat-x;}


/* obecna definice
-------------------------------------------------------------------- */
h1,h2,h3,h4,h5{color: #ff6600; margin: 2.0em 0 0.6em 0;}
h1 {font-size: 1.2em; margin-top:0.6em;}
h2 {font-size: 1.0em; margin-top:0.6em;}
h3, h4 {font-size: 1.0em; margin-bottom: 0.3em;}
h4 {margin-bottom: 0;}

p,table,address{margin:0 0 1.5em 0;}
address{font-style:normal;padding:0;}
table {/*table-layout: fixed;*/}
th {text-align: left;}

ul {list-style: square;}
ul, ol {padding:0;margin: 0 0 1.5em 20px;}

/* formulare */
form, fieldset{padding:0; margin:0;border:0;}
legend {display: none;}

input,button,select,textarea { font:1.0em Verdana,"Geneva CE",lucida,sans-serif,"Corbel"; vertical-align:middle;border:none;}
input[type='text']{height:1.3em; padding:2px 1px;}
input[type='text'], select, textarea{color:#000;}
input[type='text']:focus, select:focus, textarea:focus{background:#b2b2b2;}

input[type='radio'] {position: relative; top: -2px;}

input[type='submit'], button {color: #fff; font-weight: bold; padding: 2px 15px; background: #ff6600; cursor: pointer;} 
input[type='submit']:hover, button:hover {background: #a14818;} 

select {height:1.8em; padding:1px;}
textarea {padding-top: 0.3em;}

th label {position: relative; top: 0.10em;}
.star {color: #ff6600;}



hr{margin:0;display:none;}
img{font:11px Tahoma,"Lucida Grande CE",lucida,sans-serif; border:0;}

a{color:#ff6600;text-decoration:underline;}
a:hover,a:focus{text-decoration:none;}

strong{}
small{font-size:0.9em;}
.prime {color: #fff; padding: 2px 15px; background: #ff6600; clear: both;}

.left{text-align:left !important;}
.right{text-align:right !important;}
.center{text-align:center !important;}
.top, .top th, .top td{vertical-align: top !important;}

.fll{float:left !important;}
.flr{float:right !important;}
.cleaner{display: block; clear:both;}

img.fll{margin: 3px 20px 20px 0;}
img.flr{margin: 3px 0 20px 20px;}
img.fll, img.flr{ position: relative; z-index:1; display: block;}

.spaceman{position:absolute;top:-2000px;left:-3000px;}
.nob{background:none !important;}
.nod{display:none;}

.bold{font-weight:bold;}
.spacer{height:20px; margin-left: -7px; background: url('../gfx/line_horz.gif') 0 50% repeat-x; display: block; clear: both; }

.half-l,.half-r{width:50%; float:left; }
.half-r{float:right; }

/* box-model */
.w250 {width: 250px;}

.mt-0{margin-top:0;}
.mt-20{margin-top:20px;}
.mr-0 {margin-right:0 !important;}
.mb-5 {margin-bottom:5px !important;}







/* page 
------------------------------------------- */
#page{color:#fff; font:0.6875em/1.5 Verdana, "Geneva CE", lucida, sans-serif, "Corbel";width:1007px; margin:auto;position:relative;z-index:1;background: #000 url('../gfx/page.gif') 0 0 repeat-y; }



/* header 
------------------------------------------- */
#header{height:37.5em; padding:0 12px; position: relative; background: url('../gfx/header.jpg') 50% 0 no-repeat;}


/* logo */
#header h1{font: bold 2.4em/1.0 sans-serif; text-transform: none; width:260px; height:73px; margin:0;position:relative; top: 27px; left: 30px;overflow:hidden; }
#header h1 a{text-decoration: none;height:73px; display:block;overflow: hidden;}
#header h1 a:hover{text-decoration: underline;}
#header h1 a span{width:260px;height:73px;position:absolute;top: 0;left: 0; z-index:1; background: url('../gfx/logo.png') 0 0 no-repeat; display:block;cursor:pointer;}

#header ul{list-style: none; padding:0;margin:0; position: absolute; }
#header li{display: inline;}

#header li a, #header li a:hover{text-decoration: none;}

/* jazykove verze */
#lang {left:712px; top:53px;}
#lang li img {opacity: 1.0;}

#lang li a img {opacity: 0.7;}
#lang li a:hover img {opacity: 1.0;}


/* rychla navigace */
ul#quicknav{height:97px; top:5px; left:343px; padding-left:1px; background:url('../gfx/spacer_1.gif') 0 100% no-repeat;}
#quicknav li{width:112px; padding-right:1px; background:url('../gfx/spacer_1.gif') 100% 100% no-repeat; float:left;}
#quicknav li a{color:#fff; font-weight:bold; text-align:center; text-transform:uppercase; height:52px; padding-top:45px; background:#000 url('../gfx/quicknav_li.jpg') 0 0 no-repeat; display:block;}
#quicknav li a:hover{background-position:-112px 0;}


/* center-box 
------------------------------------------- */
#center-box{margin: 0 12px; background: url('../gfx/center-box.gif') 0 0 repeat-y; } 



/* content 
------------------------------------------- */
#content{width: 720px;min-height: 50.0em;position:relative; float: right; /*background: pink;*/}

/* drobeckova navigace */
p#crumb {color: #fff; font-size: 0.9em; font-weight: bold; width: 450px; padding-top: 0px; margin-bottom: 20px; margin-bottom: 17px;}
p#crumb a{color: #fff;}


#content h1{position: absolute; top: -3000px; left: -3000px;}
#content img{background: #282828/* url('../gfx/ico_loading.gif') center no-repeat*/;}

p.caption{font-weight:bold; margin:20px 0;}
p.caption b{color:#ff6600;}

p.next {margin-top: -1.0em;}

/* strankovani */
p.paging{text-align:right; /*margin-right:5px;*/ margin-bottom: 10px; width: 250px; position:absolute; top: 0; right: 5px;}
p.paging a, p.paging b{color:#fff; font-weight:bold; text-decoration:none; padding:3px 6px; margin-right: 0;}
p.paging a:hover{background:#282828;}
p.paging b{background:#ff6600;}

#upper {}
#lower {top:-2000px; left:-3000px;}


#content ul{list-style: square; padding:0; margin-left:25px;}
#content ul li{margin-bottom:0.3em; margin-left:0;}
#content ul ul{margin-bottom:1.0em;}


/* seznamy 
--------------------------- */
/* novinky */
ul.list-n{padding:0; margin-bottom: -3px; margin-left:-7px !important; }
ul.list-n li{list-style:none; min-height:148px; padding:15px 235px 5px 15px; margin-top: 10px !important; position:relative; background:#282828;}

ul.list-n h2{margin-top:0;}
ul.list-n h2 a{text-decoration:none;}
ul.list-n h2 a:hover{text-decoration:underline;}

ul.list-n img{width:211px; height:138px; position:absolute; top:15px; right:15px;}

/* prodejna - plovouci 4 sloupce */
ul.list-4c{padding:0; margin-right:-8px !important; margin-left:-8px !important; }
ul.list-4c li{list-style:none; font-size:0.9em; font-weight:bold; width:182px; margin:0 !important; position: relative; z-index: 1; display:block; float:left;}

ul.list-4c li a{color:#fff; text-decoration:none; padding:2px 5px 2px 15px; display:block;}
ul.list-4c li a:hover{text-decoration:none; background:#282828;}

/* prodejna */
ul.list-p{padding:0; margin-bottom: -10px !important; margin-left: -7px !important;}
ul.list-p li{list-style:none; font-size:0.9em; font-weight:bold; padding:10px 15px; margin-bottom:10px !important; background:#282828;}
ul.list-p li h3{text-transform: uppercase; margin:0;}
ul.list-p li address, ul.list-p li p{margin: 0;}
ul.list-p li address {width: 250px; display: block; float: left;}
ul.list-p li small {display: block; clear: both;}

/* validator */
ul.alert li {color: #ff6600;}


/* tabulky
--------------------------- */
/* firmware */
table.overview th{padding:10px; padding-bottom:0; }
table.overview td{color:#000; vertical-align:top; padding:5px 10px; background:#fff; }
table.overview td a{font-weight:bold; }

/* pruhovane */
table.list {color: #261f19}
table.list th, table.list td {padding: 3px 10px;}
table.list th {background: #e77817;}
table.list td {background: #fff;}

table.list tr.even td {background: #ecbb68;}

div.table-search table td {
	padding: 0.4em 0;
}

/* image set 
--------------------------- */
.img-set p {width: 173px; float: left; display: block;}
.img-set a{color: #fff;}

.img-set img{width:167px; height:120px; border:solid 3px #000; }
.img-set a:hover img{border-color:#ff6600;}

.img-set span{display:block; clear:both; height: 30px;}
.img-set p span{ position: relative; left: 3px; clear:none;}





/* menu 
------------------------------------------- */
#menu{position:absolute; top:370px;}

#menu ul{list-style:none; margin:0; position:relative;}
#menu li{display:block;}

#menu a {color: #fff; text-decoration: none; padding: 3px 15px; display: block;}
#menu a:hover {text-decoration: none; background: #282828;}
#menu li.set>a {background: #ff6600 3px 50% no-repeat;}


/* prvni uroven */
#menu>ul{height:1.8em; padding-left:2px; background: url('../gfx/spacer_2.gif') 0 6px no-repeat;}
#menu>ul>li{padding-right:2px; background:url('../gfx/spacer_2.gif') 100% 50% no-repeat; float:left;}
#menu>ul>li>a{font-weight:bold; text-transform:uppercase; }

/* druha uroven */
#menu>ul>li>ul{width:235px; padding:20px 5px; position:absolute; top:3.6em; left:0; }
#menu li li a{padding-right:10px; padding-left:20px;}
#menu li li a:hover{background-color:#454545;}
#menu li li.set>a{background-color:#ff6600; background-image:url('../gfx/nav_arrow.png');}

/* treti uroven */
#menu li li.set ul{padding-top:5px; padding-bottom:5px; margin-bottom:10px; background:#944714;}
#menu li li li a{padding-left:37px;}
#menu li li li.set>a{background-position:20px 50%;}
#menu li li li.set>a, #menu li li li a:hover{background-color:#a96c43;}

/* ctvrta uroven */
#menu li li li.set ul{padding-top:0; padding-bottom:0; margin-bottom:5px;}
#menu li li li li a{padding-left:54px;}
#menu li li li li.set>a{background-position:37px 50%;}




/* newsletter 
------------------------------------------- */
#zine{width:160px; position:absolute; top:28px; right:35px;}
#zine h3{color:#fff; font-size:1.0em; font-weight:normal; margin:0; float:left;}
#zine p{text-align:right; position:relative; top:1px; margin-bottom:9px;}
#zine a{color:#fff; font-size:0.9em;}
#zine input[type='text']{width:135px; height:1.2em; background:#fff; border:none;}
#zine label{font-size:0.9em; position:relative; top:8px;}

#zine button, #zine button img {width: 19px; height: 17px; padding:0; border:0; cursor: pointer;}
#zine button img {margin: -2px 0 0 -3px;}


/* search 
------------------------------------------- */
#search {position: absolute; width: 160px; top: 355px; right: 35px;}
#search p {	margin-bottom: 9px;}
#search input {background: #fff; height:13px;width: 135px;border: none;}
#search input.submit {width:19px; height:17px; padding: 0; background: #A14818 url(../gfx/btn_zine.gif) no-repeat;}


/* footer 
------------------------------------------- */
#footer{color: #fff; padding:46px 18px 80px 18px; margin: 0 12px;clear:both;}

#footer ul{width: 230px; height: 20px; list-style: none; padding: 0; margin:0; float: left; }

ul#links{width: auto;  margin-left:250px; float:none;}
#links li{ padding-left:6px; margin-right:0; background:url('../gfx/spacer_3.gif') 0 2px no-repeat;display:inline;}

#footer a{color: #fff; text-decoration: none;white-space:nowrap;}
#footer a:hover{text-decoration: underline;}



/* hlavni banner 
------------------------------------------- */
#flash{text-align:center; width:100%; height:246px; position:absolute; top:110px; overflow: hidden;}



/* pozadi 
------------------------------------------- */
#wrap-1{max-width: 1267px; margin: auto; background:url('../gfx/wrap_1.jpg') 0 20px no-repeat;}
#wrap-2{background:url('../gfx/wrap_2.jpg') 100% 20px no-repeat;}










/* uvodni strana
------------------------------------------- */
.uvod #center-box{background:none;}
.uvod #crumb{position:absolute; top:-3000px; left:-3000px;}
.uvod #center-box h2{margin-top:0;}

/* hlavni sloupec 
--------------------------- */
#text-box{width:349px; float:left;}
#text-box div{padding:15px; margin-bottom:10px; background:#282828; clear: left;}
#text-box div p.next{margin-bottom: 0;}


/* pravy sloupec 
--------------------------- */
#box{width:356px; border-top:solid 2px #4b4846; float:right;}

#box div{min-height:113px; padding:10px 5px 10px 160px; margin-bottom:10px; position:relative;border-bottom:solid 2px #4b4846;}
#box div h3{margin-top:0;}
#box div img{width:145px; height:113px; position:absolute; top:10px; left:5px;}

#box>p{margin-right:5px; margin-left:5px;}

/* levy sloupec 
--------------------------- */
#col{width:248px; padding:15px 0;}
#col h2 {clear: left;}

/* anketa */
#opinion-poll ul{margin-left:0 !important; }
#opinion-poll li{list-style:none; margin-bottom:0.5em; position:relative; }
#opinion-poll li a{color:#fff; }
#opinion-poll li span,#opinion-poll li small{display:block; }
#opinion-poll li span{height:5px; margin-top:5px; margin-bottom:3px; background:#ff6600;}


#col img, #text-box div img {width: 77px; height: 61px; margin: 3px 10px 5px 0; background: #282828/* url('../gfx/ico_loading.gif') center no-repeat*/; float: left;}






/* produkty
------------------------------------------- */
div.set{margin: -10px -6px 0 -7px;}
div.set span{display:block; clear:both;}

div.article{width:220px; height: 332px; height: 300px; padding:20px 7px 12px 7px; margin:10px 10px 0 0; position: relative; background:#282828; float:left;  }

div.article img{width:220px; height:139px; }
div.article div{/*min-height:130px;*/ height: 110px; margin:0 8px;}
div.article div img{width:auto; height:auto; }
div.article h3{margin:11px 0;}
div.article p{margin: 0;}

div.article ul{width: 218px; padding:0; margin:0 !important; position: absolute; bottom: 17px; right: 8px;}
div.article li{margin:0; display: block; float: right;}
div.article li.model{width: 141px;float: none;}

div.article li a{color:#fff; font-weight:bold; text-align: center; text-decoration:none; padding: 5px 15px 4px 15px; background:#454545; display: block; }
div.article li a:hover{text-decoration:none; background:#ff6600; }


/* detail produktu
--------------------------- */
.produkt #text-box{width:452px; float:right;}
.produkt #text-box h3:first-child{margin-top:-4px;}

/* tisk - preposlat - koupit */
ul#control{min-height: 25px; margin: 40px -5px 1.5em 0 !important;}
ul#control li{width:147px; margin-right:5px; display:block; float:left;}

ul#control li a{color:#fff; text-decoration:none; padding:2px 0 2px 43px; background:#454545 0 0 no-repeat; display:block;}

ul#control li a:hover{text-decoration:none; background-position: -200px 0;}

ul#control li.print a{background-image:url('../gfx/ico_tisk.gif'); }
ul#control li.email a{background-image:url('../gfx/ico_email.gif'); }
ul#control li.buy a{background-image:url('../gfx/ico_kosik.gif'); }

/* poslat e-mailem */
.produkt #content form{background: url('../gfx/logo_2.png') 95% 27px no-repeat; clear:both;}
.produkt #content form p {margin-bottom: 5px;}


/* img set */
#img-set{width:238px; margin-right:-50px; float:left; overflow:hidden;}

#img-set img{width:116px; height:83px; margin:0 5px 5px 0; float:left;}
#img-set div img{width: auto; height: auto; margin:0; float: none; }

a#master img{width:238px; height:149px; margin:0; float:none; }

#img-set ul{margin-left:0;}
#img-set li{list-style:none; margin-bottom:5px !important; display:block;}

#img-set li a{color:#fff; font-weight:bold; text-align:center; text-decoration:none; padding:2px 0; background:#454545; display:block; }
#img-set li a:hover{text-decoration:none; background:#ff6600; }





/* prodejna
------------------------------------------- */
/* mapa */
#mapa {font-size: 0; width: 395px;height: 227px; margin:0 0 30px 20px; background: #ff6600 url('../img/mapa/kraje.gif') 0 0 no-repeat; float:right; overflow: hidden; }
#mapa img {width: 395px;height: 227px; background: none;}
#mapa div {background: url('../img/mapa/kraje.gif') 0 0 no-repeat;}

#mapa.hl-m-praha div{background-position:0 -227px;}
#mapa.stredocesky-kraj div{background-position:0 -454px;}
#mapa.ustecky-kraj div{background-position:0 -681px;}
#mapa.karlovarsky-kraj div{background-position:0 -908px;}
#mapa.plzensky-kraj div{background-position:0 -1135px;}
#mapa.jihocesky-kraj div{background-position:0 -1362px;}
#mapa.liberecky-kraj div{background-position:0 -1589px;}
#mapa.kralovehradecky-kraj div{background-position:0 -1816px;}
#mapa.pardubicky-kraj div{background-position:0 -2043px;}
#mapa.kraj-vysocina div{background-position:0 -2270px;}
#mapa.jihomoravsky-kraj div{background-position:0 -2497px;}
#mapa.olomoucky-kraj div{background-position:0 -2724px;}
#mapa.moravskoslezsky-kraj div{background-position:0 -2951px;}
#mapa.zlinsky-kraj div{background-position:0 -3178px;}

.prodejna h2.prime{margin-left: -7px; clear:both;}
.prodejna h2.cleaner{color: #fff;}

.prodejna #content div.box{margin-top:20px; background:url('../gfx/line_vert.gif') 302px 0 repeat-y;}
.prodejna #content div.box div{width:285px; float:left;}
.prodejna #content div.box form{width:400px; background:url('../gfx/logo_2.png') 95% 5px no-repeat; float:right;}
.prodejna #content input[type='submit']{padding-right: 5px; padding-left: 5px;}

.prodejna #content .spacer{position: relative; top: 10px;}










/* viewer
------------------------------------------- */
/*
#vBox{color:#282828; font:0.6875em/1.3 Arial,Helvetica,sans-serif,"Calibri";; width:auto;padding:15px; position:absolute; top:0; background: #000 url('../gfx/viewer/ico_close.png') 100% 100% no-repeat; border: solid 1px #504c4b; visibility:hidden;}

#vBox div:first-child {margin-bottom: 20px; position: relative;}

#vBox div a.prev, #vBox div a.next {width: 50%; height: 250px; position: absolute; top: 0; z-index: 3; outline: 0;display: block;}
#vBox div a.prev {left: 0; background: url('../gfx/viewer/ico_prev.png') 0 -60px no-repeat;}
#vBox div a.prev:hover {background-position: 0 1px;}
#vBox div a.next {right: 0;background: url('../gfx/viewer/ico_next.png') 100% -60px no-repeat;}
#vBox div a.next:hover {background-position: 100% 1px;}

#vBox h3 {color: #ff6600; font-size: 1.1em; margin: 0; margin-top: -15px;}

#vBox p {margin: 0;}
#vBox p.close{ font-size: 1.0em; text-align:right; text-transform: uppercase;  margin-bottom: -3px;}
#vBox p.close a{padding-right: 33px; display: block;}
*/

#vBox{color:#282828; font:0.6875em/1.3 Arial,Helvetica,sans-serif,"Calibri";; width:auto;padding:15px 15px 0 15px; position:absolute;left:0;top:0;z-index:10; background: #fff url('../gfx/viewer/ico_close.png') 100% 100% no-repeat; visibility:hidden;}
#vBox h3 {color: #000; font-size: 1.1em; font-weight: normal; margin-top:0;margin-bottom: 0.2em;}
#vBox a {color:#ff6600; text-decoration: none; cursor:pointer;}
#vBox a:hover {text-decoration: underline;}
#vBox p {font-size:1.0em;}
#vBox big {font-size:1.1em; font-weight: bold;}

#vBox p.close{font-size: 1.0em;text-align:right; text-transform: uppercase; padding:0;/*padding-right: 33px;*/ margin-right: -15px;}
#vBox p.close a{padding-top: 15px; padding-right: 48px; display: block; }
#vBox p.close a:hover{text-decoration: underline;}
#vBox p.close u{font-weight: bold;}

#vImg{position: relative;}
#vImg img {margin-bottom:10px; border: solid 1px #ccc;}
#vImg a {width: 49%; position: absolute; top: 0; z-index: 1; display: block;}
#vImg a.prev {left: 0; background: url('../gfx/viewer/ico_prev.png') 0 -60px no-repeat;}
#vImg a.prev:hover {background-position: 0 1px;}
#vImg a.next {right: 0;background: url('../gfx/viewer/ico_next.png') 100% -60px no-repeat;}
#vImg a.next:hover {background-position: 100% 1px;}
#vImg span, #vImg br {display:none;}

#vLoader{padding: 20px; position:absolute; top:0; left:0; z-index:10;background-color:#000;visibility:hidden;}
#vOverlay{height: 100%; position: absolute; top:0; z-index:1; overflow: hidden;cursor: pointer;}




/* ??????????????????????? */
#help{width:160px; padding:10px; position:absolute; right:0; top:130px; background:#fff; opacity:0.8;}
#help ul{margin-left:20px !important; margin-bottom:0; }
#help a{color:red;}


/* Vizualizace prodejny */
.views-shop {
    float: right;
    width: 100px;
}
.contact {
    float: left; 
    width: 300px;
}