@media screen{
body{background:#fff url( "/images/layout/background.png" ) left top repeat-x;margin:14px 0 0 0;color:black;font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;line-height:1.6;font-size:70%;text-align:center}
html{overflow: scroll}

a:link, a:active, a:visited{color:#996633;text-decoration:underline}
a:hover{text-decoration:none}
h1,h2,h3,h4,h5,h6,p,table,fieldset,img{margin:0;padding:0;border:0}
h1{position:relative;color:#005aab;font-size:170%}
h2{color:#666;font-size:140%}
h3{color:#996633;font-size:130%}
h4{font-size:100%}
td{padding:5px 5px}
table{font-size:110%}

/* === master === */
#master{width:1000px;text-align:left;margin:auto}
#header{position:relative;background:transparent url(/images/layout/header-foto.jpg) right 0 no-repeat;height:114px}
#content{float:left;width:749px;background:transparent;padding-bottom:15px}
#right{float:left;width:250px;margin-bottom:15px;background:transparent}
#cBorder{background:transparent url(/images/layout/content-border.gif) 749px top repeat-y}
#footer{clear:both;overflow:hidden}

/* === header === */
#header #logo{position:absolute;left:15px;top:10px}
#header #menu{position:absolute;right:0;bottom:0;width:600px}

/* === iMenu  print-feed-home === */
#iMenu{position:absolute;right:0;top:2px;width:350px}
#iMenu a{color:#005aab;text-decoration:none}
#iMenu a:hover{text-decoration:underline}
#iMenu ul{list-style:none;margin:0;padding:0;float:right}
#iMenu ul li{float:left;margin:2px 5px;padding-left:13px}
#iMenu li.iHome{background:url(/images/icons/ihome.gif) left 50% no-repeat}
#iMenu li.iPrint{background:url(/images/icons/itisk.gif) left 50% no-repeat}
#iMenu li.iFeed{background:url(/images/icons/iemail.gif) left 50% no-repeat}

/* === menu === */
#menu ul{list-style:none;float:right;padding:0;margin:0}
#menu ul li a{background:url("/images/layout/menu-button.png") 0 3px no-repeat;color:#fff;font-size:130%;font-weight:bold;text-decoration:none;padding:0 9px;line-height:36px;height:36px}
#menu ul li a:hover{color:#d2ff00;background:#002e5c}
#menu ul li.active a{color:#d2ff00;background:#343686 url("/images/layout/menu-button-on.png") 0 -5px repeat-x;}
#menu ul li.active a:hover{background:#343686 url("/images/layout/menu-button-on.png") 0 -5px repeat-x}
#menu li,#menu li a {display:block;float:left}

/* ==== submenu section ===== */
#content #mPage{line-height:28px;height:28px;border-bottom:3px solid #005098;margin-bottom:15px;padding:5px 0 0 15px}
#content #mPage ul{padding:0;margin:0;list-style:none}
#content #mPage ul li{float:left;background:none;padding:0;margin:0}
#content #mPage ul li a{float:left;background:url("/images/layout/bg-menu-page.png") 100% 0 repeat-y;display:block;color:#2383B4;text-decoration:none;padding:0 5px;line-height:25px;height:25px;border-top:3px solid #fff}
#content #mPage ul li a:hover{color:#d2ff00;background:#2383B4;border-top:3px solid #fff}
#content #mPage ul li.active a{border-top:3px solid #005098;color:#d2ff00;background:#005098}
#content #mPage ul li.active a:hover{border-top:3px solid #005098;color:#d2ff00;background:#005098}


/* === section === */
#sekce{background:#002E5C url("/images/layout/bg-sekce.png") 0 0 repeat-x;position:relative;height:141px;padding-top:18px;overflow:hidden}
#sekce .sText{background:#2383b4 url(/images/layout/stext.gif) 0 0 no-repeat;width:267px;height:129px;line-height:1.1;overflow:hidden}
#sekce .sTextVyber{position:absolute;right:0;top:20px}
#sekce .sTextDetail{position:absolute;left:458px;top:20px}
#sekce .sText h3{background:url(/images/next/ico-stext.gif) 0 70% no-repeat;color:#aaa;padding-left:30px;margin:15px 0 0 15px}
#sekce .sText p{color:#fff;padding:5px 15px;line-height:1.4}

#sekce ul#sButton{list-style-type:none;margin:0;padding:0}
#sekce ul#sButton li{position:relative;float:left;background-color:#002e5c}
#sekce ul#sButton li a{display:block;width:144px;height:101px;padding-top:85px;text-align:center;cursor:pointer; color: white; font-size:13px; font-weight:bold; text-decoration: none;}
#sekce ul#sButton li a:hover{text-decoration: underline;}
/*#sekce ul#sButton li span{display:block;position:absolute;left:0;top:0;width:144px;height:141px}*/

#sVyber{position:absolute;right:10px;top:12px;width:219px;padding-left:20px;height:141px;border-left:1px solid #0e5385}
#sVyber .vButton{position:relative;float:left;width:97px;height:65px;margin:3px }
#sVyber .vButton a{display:block;text-align:center;width:97px;height:65px;cursor:pointer; color:white; padding-top: 47px; font-size: 11px; text-decoration: none;}
/*#sVyber .vButton span {display:block;position:absolute;left:0;top:0;width:98px;height:65px}*/

.inetNews {
    padding: 5px;
    border-bottom: 1px solid lightgray;
}


.vButton.svelkoobchodSmall{background:url(/images/layout/svelkoobchod-small-off.png) 0 0 no-repeat}
.svelkoobchodSmall:hover{background:url(/images/layout/svelkoobchod-small-on.png) 0 0 no-repeat}
.sofficeSmall{background:url(/images/layout/soffice-small-off.png) 0 0 no-repeat }
.sofficeSmall:hover{background:url(/images/layout/soffice-small-on.png) 0 0 no-repeat}
.swebSmall{background:url(/images/layout/sweb-small-off.png) 0 0 no-repeat}
.swebSmall:hover{background:url(/images/layout/sweb-small-on.png) 0 0 no-repeat}
.sitsolutionSmall{background:url(/images/layout/sit-small-off.png) 0 0 no-repeat}
.sitsolutionSmall:hover{background:url(/images/layout/sit-small-on.png) 0 0 no-repeat}
.scommunicationSmall{background:url(/images/layout/scomm-small-off.png) 0 0 no-repeat}
.scommunicationSmall:hover{background:url(/images/layout/scomm-small-on.png) 0 0 no-repeat}

#sInfo{position:absolute;left:160px;top:10px;width:250px;overflow:hidden}
#sInfo h2 {color:#8bb4c9;font-size:170%}
#sInfo ul {list-style:none;margin:0;padding:0}
#sInfo a {color:#fff;text-decoration:underline}
#sInfo a:hover {text-decoration:none}
#sInfo ul li {color:#fff;font-weight:bold;font-size:110%; background:url(/images/next/ico-sinfo.gif) 0 50% no-repeat;padding:1px 0 1px 23px}

li.svelkoobchod {background:transparent url(/images/layout/svelkoobchod.gif) 0 0 no-repeat}
li.svelkoobchod:hover ,li.svelkoobchodActive{background:transparent url(/images/layout/svelkoobchod.gif) 0 -141px no-repeat}
li.soffice{background:transparent url(/images/layout/soffice.gif) 0 0 no-repeat}
li.soffice:hover, li.sofficeActive{background:transparent url(/images/layout/soffice.gif) 0 -141px no-repeat}
li.sitsolution {background:transparent url(/images/layout/sit.gif) 0 0 no-repeat}
li.sitsolution:hover,li.sitsolutionActive{background:transparent url(/images/layout/sit.gif) 0 -141px no-repeat}
li.scommunication {background:transparent url(/images/layout/scomm.gif) 0 0 no-repeat}
li.scommunication:hover,li.scommunicationActive{background:transparent url(/images/layout/scomm.gif) 0 -141px no-repeat}
li.sweb{background:transparent url(/images/layout/sweb.gif) 0 0 no-repeat}
li.sweb:hover,li.swebActive{background:transparent url(/images/layout/sweb.gif) 0 -141px no-repeat}

/* === #welcome - about === */
#welcome {background:#bcf186 url(/images/layout/header-fotoo.jpg) right 0 no-repeat;margin:1px 0;padding:10px 350px 15px 0}
#welcome h2{color:#666;font-size:180%;font-style:italic;padding:15px 15px 15px 0;margin:0 15px;border-bottom:1px solid #666}
#welcome p{padding:15px 0 0 15px;line-height:1.6}

/* right */
#right h2{font-size:170%;background-color:#eaeaea;border-left:1px solid #e1e1e1}
#right h3{font-size:105%;padding:5px 20px 0 20px;}
#right p{padding:0 20px 5px 20px;line-height:1.4em;}
#right p.photoParag{padding:8px 0 0 8px; }
#master img.photo{border:1px solid #e7e7e7;padding:5px}
#right ul.ml30{margin:5px 10px 5px 30px;}

/* === content === */
#content .nBorder{border-bottom:1px solid #e1e1e1;padding:5px 0 10px 0;margin-bottom:5px}
#content .nDate{background:url(/images/next/ico-calendar.gif) 0 0 no-repeat;padding:15px 0 0 0;color:#92B8CC;text-align:center;width:54px;height:51px;float:left;font-size:120%;line-height:1.1;margin:10px 15px 0 10px}
#content .nDate span{font-size:120%;font-weight:bold;padding-right:3px}
#content p {margin:0;padding:5px 15px 7px 15px}
#content h1,#right h2,#content h2.titleCol,#naviPath{background:#ebebeb url("/images/layout/bg-news.png") left top repeat-x;border-bottom:1px solid #e1e1e1;font-style:italic;padding:5px 15px;text-transform:uppercase;}
#content h1.pageName{background:none;border-bottom:none;text-transform:uppercase;}
#content h2,#content h3,#content h4{margin:10px 15px 0px 15px}
#content ul {list-style:none;margin:10px 25px;padding:0}
#right ul.recommend{list-style:none;margin:10px 5px 10px 10px;padding:0}
#content ul li,ul.recommend li {background:url(/images/next/ico-li-prava.gif) left 6px no-repeat;padding-left:15px;margin:1px 0}
#content h4{color:#0000CC}

#content p#naviPath{font-style:normal;padding:11px 15px;}

#master a.btn{color:#3950BA;background:#fcfcfc url("/images/next/btn.gif") 0 0 repeat-x;padding:1px 5px 2px 8px;border:1px solid #ccc;margin:0 1px;line-height:24px; text-decoration:none}
#master a.btn:hover{color:#3950BA;background:#e8e8fc url("/images/next/btn-hover.gif") 0 0 repeat-x;padding:1px 5px 2px 8px;border:1px solid #ccc; text-decoration:underline}


#col1{float:left;width:373px;border-right:1px solid #e1e1e1;}
#col2{float:left;width:374px}
#content .text{padding:15px 5px 15px 15px}
#content img.imgCol{margin:10px 5px 0 0}
#content h2.titleCol{margin:0;font-size:170%;background-color:#eaeaea}


/* ==== certifikaty ===== */
div.tilesC{float:left;width:128px;height:200px;border:1px solid #AFD4FF;margin:2px 2px 0 0;background:#fff url("/images/layout/bg-news.png") left 100% repeat-x;}
div.tilesC:hover{background:#E7F0F7 url("/images/layout/bg-news.png") left 0 repeat-x;}
div.tilesC img{border:none;}
div.tilesC p{line-height:1.3em;margin:0;padding:4px 4px 0 4px;text-align:center}
div.tilesC a{font-size:9px}
.certifikaty{padding:15px 80px;margin:10px 0}

.cTable{background-color:#E6F0F8;width:90%;border:1px solid #B1CEE4;padding:2px;margin:10px 15px}
.cTable caption{ text-align:left;font-weight:bold}
.cTable th{padding:2px 5px;border: 1px solid #fff;background-color:#74A0CF;color:#FFF;font-weight:bold;text-align:left}
.cTable th.textAlignR{text-align:right}
.cTable td{padding:2px 5px;border: 1px solid #fff;background:#fff url("/images/layout/bg-news.png") left 100% repeat-x;vertical-align:top}

#content .refShape  {float:left;background:url(/images/next/reference-shape.png) 0 0 no-repeat;width:220px;height:180px;padding:14px 14px}
#content .refShape  h3{padding:0 0 3px 0;margin:0}
#content .refShape  p{padding:0;margin:0}
/* ==== internet ===== */
.bannerInternet{margin:10px 0;padding-left:26px}
.bannerInternet img{margin-right:10px}

/* kontakt google mapy*/
#content #mapDiv {margin: 2px 2px;overflow: hidden;}
#content #message {position: absolute;margin: 5px 0 0 -80px;padding: 10px;background: #555;color: #fff;width: 160px;opacity: 0.8;border: 1px solid #000}
#content #map { width: 524px;float: left;height: 470px;margin: 1px 0 0 2px; border: 1px solid #ccc}
#content ul#list { width: 175px;height: 120px;float: left;list-style: none;padding: 0;margin:0}
#content ul#list li { padding: 15px 10px;border: 1px solid #ccc;width: 192px;margin-left: 2px;background-image: none;background: #e5e5e5;float: left;}
#content #list li:hover {background: #005682;border: 1px solid #000;color: #fff;cursor:pointer;}

/* === footer === */
#footer{background-color:#fff; clear:both;}
#footer a{color:#fff;text-decoration:underline}
#footer .fright{color:#fff;background-color:#006699;text-align:right;padding:12px 7px;margin-bottom:1px}
#footer .fleft{color:#fff;background-color:#669ccd;text-align:left;padding:7px;font-size: 10px;}

/* Easy Tooltip */

#easyTooltip{background:#5E96BD;width:310px;padding-bottom:10px;border:5px solid #116c9a}
#easyTooltip img{border:5px solid #A3D7FC}
#easyTooltip p {color:#fff;background:url("/images/layout/ref-border.png") 50% 0 no-repeat;padding:10px 10px 5px 15px;margin-top:5px;text-align:justify;line-height:1.2}
#easyTooltip h2 {background:url("/images/layout/ref-border.png") 50% 100% no-repeat;display:block;padding:3px 0 3px 15px;color:#fff;font-size:150%;margin-bottom:5px;text-align:left}
.refTool {display:none}

/* 404 */
.noFoundPage{color:#fff;background:url("/images/404.jpg") 0 0 no-repeat;width:750px;padding:10px 0 0 160px;text-align:left;margin:137px auto 0 auto;height:150px}
.noFoundPage h1{color:#edd92d}
.noFoundPage a{color:#edd92d}
/* === others === */
.w380{width:350px}
.tar{text-align:right}
.tac{text-align:center}
.tal{text-align:left}
.fl {float:left}
.fr{float:right}
.db{display:block}
.hidden{display:none}
.clear{clear:left}
.clearRight{clear:right}
.small{font-size:90%}
.vp{padding:0 5px}
.hp{padding:5px 0}
.m10{margin:10px}
.input{width:100px;border:1px #666600 solid;padding:2px 0}
.skryta{position:absolute;top:-5000px}

}
@media print{
body{font-family:"Times New Roman CE",Georgia,"Times New Roman",Times,serif;color:#000}
div{padding:0;margin:0}
#header,#right,#sekce,.skryta,#menu,#footer,#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}
}