@media screen{
body {background:#7a7a7a url( "../images/layout/bg-page.png" ) left top repeat;color:#666;font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;line-height:1.4;font-size:70%;margin:0;text-align:center}
html {overflow: scroll}

a:link, a:active, a:visited {color:#333399;text-decoration:underline}
a:hover {text-decoration:none}
a img.no_border {border: 0px;}

h1,h2,h3,h4,h5,h6,p,table,fieldset,img {text-align:left;margin:0;padding:0}
h1 {font-size:170%}
h2 {font-size:150%}
h3 {font-size:130%}
h4 {font-size:100%}

td{padding:5px 5px}
ul{list-style-type:square;margin:5px;padding:0}
ul li{padding:3px;margin-left:15px}

/* layout */
#bg{position:absolute;left:0;top:0;width:100%;height:186px;background:url(../images/layout/bg-page2.png) 0 -9px repeat-x;z-index:-1000}
#master {width:898px;text-align:left;margin:auto;padding-top:17px}
#master #pageTop{background:#fff url(../images/layout/bg-lang-page.png) 0 0 no-repeat;height:45px;position:relative}
#masterin{background:url(../images/layout/bg-masterin.png) 0 0 repeat-y;padding:12px 17px}
#content {float:left;width:604px;margin:0 5px 0 25px}
#left {float:left;width:229px}
#footer {clear:both;overflow:hidden}
#footer #levelOne{background:#959595 url(../images/layout/footer-one.png) 0 0 no-repeat;heiht:55px;line-height:55px;padding-left:110px;color:#ccc}
#footer #levelTwo{background:url(../images/layout/footer-two.png) 0 0 no-repeat;height:30px;padding:0 40px 0 0;text-align:right;color:#959595}
#footer #levelTwo a{color:#ccc}
/* pageTop */
#pageTop #pageTopText{position:absolute;left:25px;top:12px;width:400px;height:20px;line-height:20px;overflow:hidden}
#pageTop #pageTopText h2{font-size:100%;color:#666;font-weight:normal}
#pageTop #pageTopLang{background:url(../images/layout/bg-lang-end.png) 100% 0 no-repeat;position:absolute;right:0;top:0;height:45px;width:356px;padding-right:45px;overflow:hidden}
#pageTopLang ul {list-style:none;margin:0;padding:0}
#pageTopLang ul li{background:url(../images/layout/bg-lang-li.png) 0 0 no-repeat;float:left;line-height:45px;height:45px;padding:0 6px 0 8px;margin:0}
#pageTopLang ul li#first{background:url(../images/layout/bg-lang-li-first.png) 0 0 no-repeat;padding:0 6px 0 28px;margin:0}
#pageTopLang ul li a{color:#666}

/* header */
#header{background:url(../images/layout/header-top.jpg) 0 0 no-repeat;padding-top:36px}
#headerMaster{position:relative;background:url(../images/layout/header-master.jpg) 0 0 no-repeat;height:79px}
#headerMaster #headerLogo {position:absolute;right:0;top:0;width:278px;height:79px}
#headerMaster #headerLogo img.print{display:none}
#headerLogo #logo {position:relative;display:block;width:278px;height:79px;overflow:hidden;margin:0}
#headerLogo #logo span {position:absolute;display:block;top:0;left:0;width:278px;height:79px;background: url(../images/layout/header-logo.jpg) 0 0 no-repeat;z-index:2}

/* menu */
#menu{height:50px;background:url(../images/layout/bg-content-top.png) 0 36px no-repeat;margin-bottom:10px}
#home a,#about a,#produkty a,#servis a,#kalibrace a,#kontakt a{display:block;height:36px;line-height:36px;color:#666;font-size:120%;font-weight:bold;text-decoration:none}
#home a{background:#D9ECD0 url(../images/layout/bg-menu-home.png) 0 0 no-repeat;width:189px}
#home a:hover{background:#c4dfb6 url(../images/layout/bg-menu-home-on.png) 0 0 no-repeat}
#kontakt a{background:url(../images/layout/bg-menu-end.png) 0 0 no-repeat;width:135px}
#kontakt a:hover{background:url(../images/layout/bg-menu-end-on.png) 0 0 no-repeat}
#about a,#produkty a,#servis a,#kalibrace a{background:#D9ECD0 url(../images/layout/bg-menu.png) 100% 0 no-repeat}
#about a:hover,#produkty a:hover,#servis a:hover,#kalibrace a:hover{background:#c4dfb6 url(../images/layout/bg-menu-on.png) 100% 0 no-repeat}
#about a{width:121px}
#produkty a{width:144px}
#servis a{width:124px}
#kalibrace{width:151px}

/* left */
#left .leftShape {background:#f4f9f0 url(../images/layout/bg-leva-tbott.png) 0 100% no-repeat;padding-bottom:9px;margin-bottom:10px}
#left .leftShape .text{background:url(../images/layout/bg-leva-text.png) 0 0 repeat-y;padding:5px 10px;}
#left h2{color:#000;font-size:130%; background:#99cc99 url(../images/layout/bg-h2-leva.png) 0 0 no-repeat;height:36px;line-height:36px;padding:0 10px}
#left h3{background:url(../images/next/arrows-leva.png) 0 55% no-repeat;padding-left:18px;color:#666;font-size:110%;margin:5px 0}
#left h4{border-left:1px solid #99cc99;padding:5px 0 0 15px;margin-left:6px;}
#left p{margin-left:6px;border-left:1px solid #99cc99;background:url(../images/next/ico-dot.png) 0 50% no-repeat;padding:5px 0 5px 15px}
#left .toptext{background:url(../images/layout/bg-leva-ttop.png) 0 0 no-repeat;padding-top:9px}

#menuProdukty{margin:10px 5px}
#menuProdukty div.submenu{margin:3px 0 3px 20px;color:#555 }
#menuProdukty div.submenu a{color:#777}
.tretiUroven {font-size:90%;margin:2px 0}
#menuProdukty div.hidden {display: none;}
#menuProdukty a {text-decoration:none;color:#666;font-size:110%;}
#menuProdukty a img{border:0}
#menuProdukty a.tree {background: url(../images/next/menu_maximize.png) 0px 55% no-repeat;padding:2px 0}


/* content */
#content #aboutShape{background:url(../images/next/about-shape.gif) 0 0 no-repeat;width:604px;height:124px;overflow:hidden;margin-bottom:5px}
#content #aboutShape p{padding:0 340px 10px 15px;margin:0}
#content #aboutShape h3{color:#666;font-size:120%;padding:15px 0 5px 15px;margin:0}
#content h2{color:#999966}
#content h1{color:#333399;padding:5px 0 10px 0;margin:5px 0 10px 0;background:url(../images/next/border-h2.gif) 0 100% repeat-x}
#content p,#content h4,#content h3,#content h2{padding:5px 5px}
#content span.date{color:#999;font-size:110%;font-weight:bold}
#content .coll{width:180px;padding:0 10px;margin:20px 0;border-right:1px dotted #ccc}

/* produkty */
#content .productShape{border:1px dashed #ccc;background-color:#f4f9f0;width:275px;padding:5px;margin:15px 15px 0 0}
#content .productShape a img{border:1px solid #666}
#content .productShape:hover{background-color:#ecf1e8}
#content .productShape h3 a{font-size:80%}
#content .productShape p.popis{display:block;height:45px;overflow:hidden;padding:5px 10px}
#content .sekceDetailImg{margin:0 15px 0 0}
#content .shape{border:1px dashed #ccc;background-color:#f4f9f0;margin:10px 0;padding:5px 10px}

#content .imgProduktDeatil{margin-left:15px}
#detailNextPhoto{border:1px dashed #ccc;margin:15px 0 15px 0;padding:5px 15px 15px 15px}
#detailNextPhoto .tiles{float:left;width:132px;height:132px;margin:4px 8px 0 0;}
#detailNextPhoto .tiles:hover{background-color:#ccc}
#detailNextPhoto .tiles img{border:none;margin:0;padding:0;}
#detailNextPhoto .tiles p{border:1px solid #CCC;margin:0;padding:5px 7px 2px 5px;text-align:center}

/* others */
.tar {text-align:right}
.tac {text-align:center}
.tal {text-align:left}
.fl  {float:left}
.fr {float:right}
.clear{clear:left;height:1px;margin:0;padding:0}
.small{font-size:90%}
.vp{padding:0 5px}
.input{width:100px;border:1px #666600 solid;padding:2px 0}
.skryta {position:absolute;top:-5000px}
.none{display:none}

}
@media print{
body {font-family:"Times New Roman CE",Georgia,"Times New Roman",Times,serif;color:#000}
div{padding:0;margin:0}
#header,#left,#col3,.skryta,#navigation,#pagination,#advertising,#divisionsBox,.sorting,.basket,.hiddenBlock,#counter{display:none}
img{float:left;border:none;margin:.5em}
fieldset{border:none;border-bottom:1px solid #333;margin:0;padding:0 0 .5em 0}
h1,h2,h3,h4{/*page-break-after:avoid;*/ page-break-inside:avoid;margin:0}
h1{font-size:180%;padding-top:0;margin-bottom:.5em;border-bottom:1px solid #000}
h2,h3{padding:.2em 0 0 0;margin:0}
h2{font-size:140%}
h3{font-size:120%}
p{margin-top:.2em;padding:0}
a{text-decoration:underline}
table{width:100%; text-align:center}
th,td{text-align:center;}
td,th{border:1px solid #000}
}

