body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,input,label,blockquote{margin:0;padding:0}
body{background:#CACFCB url(/images/body-bg.gif) repeat-x left top;color:#FFF;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:140%;padding-bottom:20px;text-align:center}
.clear{clear:both;height:0;margin:0!important;overflow:hidden;padding:0!important}
.red{color:#C00}
.left{text-align:left}
.right{text-align:right}
.center{text-align:center}
.small{font-size:11px}
.grey{color:#CCC}
img.right{float:right;margin:3px 0 5px 8px}
img.left{float:left;margin:3px 8px 5px 0}
.hr-line{background-color:#CCC;height:1px;overflow:hidden}
.no-text-transform{text-transform:none!important}
.no-decoration{text-decoration:none!important}
p.no-padding{padding-bottom:0!important}
.overlap,.overlap *{display:block;overflow:hidden;position:relative}
.overlap span{background-position:left top;background-repeat:no-repeat;left:0;position:absolute;top:0}
a.overlap span,.overlap a span{cursor:pointer}
*{color:#333;font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:140%}
p{line-height:170%;padding-bottom:.8em}
ul{margin-left:2.5em;padding-bottom:.8em}
ol{margin-left:3.5em;padding-bottom:.8em}
ul li{list-style-type:none}
ul li,ol li{line-height:170%}
#page-wrapper{background:url(/images/page-border-bottom.gif) no-repeat left bottom;margin:0 auto;padding-bottom:5px;position:relative;text-align:left;width:980px}
#page-bg{background:#FFF url(/images/page-border-top.gif) no-repeat left top}
#main-content{float:left;padding-bottom:20px;padding-top:10px;width:490px}
#right-column{float:left;width:235px}
#column-wrapper{float:right;width:725px}
#left-column{float:right;width:255px}
.wide-content #main-content{float:none;padding-right:10px;width:auto}
.block{background-color:#DFE6E7;position:relative}
.block *{color:#333;font-size:12px}
.block-bg{background:url(/images/right-block-border-top.gif) no-repeat left top;height:6px;overflow:hidden}
.block p{line-height:140%;padding-left:13px;padding-right:13px}
.block .bottom-link{margin:5px 0 0;padding:0}
.block .bottom-link a{background:url(/images/block-bottom-link-bg.gif) no-repeat center top;display:block;font-size:11px;font-weight:700;height:36px;line-height:30px;margin:0;padding:0;text-align:center;text-transform:uppercase;width:100%}
.block .bottom-link a:hover{background-position:center -36px;color:#E13433}
.block img.block-ico{position:absolute;right:0;top:0}
.block p.more{margin-bottom:-5px;padding:0;position:relative;top:-5px}
.block p.more a.overlap{display:inline;overflow:visible}
.block p.more a.overlap span{background-image:none;display:block;height:20px;left:-4px;position:relative;top:-20px;width:114px;z-index:10}
.block p.note{color:#AFB1B2;font-size:10px;line-height:100%;text-align:center}
#header{height:100px;position:relative}
#top-stripe{height:25px;overflow:hidden;position:relative;text-align:right}
#top-stripe *{color:#E3E5E3;font-size:10px;line-height:25px}
#top-stripe p{padding-left:2px}
#top-stripe a{color:#E3E5E3}
#top-stripe H1{color:#888;float:right;font-size:12px;font-weight:700;margin:0;padding-right:2px}
#logo{line-height:100%;padding-bottom:0;padding-left:20px;padding-top:0}
#logo *{display:block;}
#logo h1 a{color:#444;display:block;text-indent:-9999px}
#header-links{position:absolute;right:0;text-align:right;top:12px}
#header-links,#header-links *{color:#70776F;font-size:12px;line-height:27px}
#header-links span{background-repeat:no-repeat;font-weight:400;padding-right:13px}
#header-links p{padding-right:13px}
#left-column-content{padding:10px 0 20px 33px}
#left-column-content p{font-size:13px;font-weight:400;padding:1px 30px 0 0}
#left-column-content p a{_line-height:25px;line-height:19.5px}
.left-menu{margin:0;padding:0;width:192px}
.left-menu li{border-top:1px dashed #999;font-size:12px;list-style:none}
.left-menu li.first{border-top:none}
.left-menu li a{background:url(/images/li-thiet-ke-website.gif) no-repeat 5px 10px;display:block;line-height:18px;padding:3px 0 3px 15px;text-decoration:none;width:175px}
.left-menu li a:hover,.left-menu li.active a{background-image:url(/images/li-thiet-ke-website.gif);color:#DF0424}
.left-menu li a:hover strong,.left-menu li.active a strong{color:#DF0424}
.left1{font-weight:700;padding-top:6px}
#main-content p img.objednat-sluzbu{padding:10px 0 3px}
#main-content .block{float:left;height:200px;margin-right:18px;width:225px}
#main-content .block.wide{background-color:#F1F5F6;height:130px;margin-bottom:10px;margin-right:20px;overflow:hidden;width:345px}
#main-content .block.wide.big{height:145px}
#main-content .block.wide.short{margin-right:10px;width:230px}
#main-content .block.last,#main-content .block.wide.short.last{margin-right:0}
#main-content .block.small{background-position:right top;height:155px}
#main-content .block.wide p{padding-left:12px;padding-right:80px}
#main-content .block.wide .more{top:-5px}
#main-content .block .bottom-link{bottom:0;left:0;padding-left:0;padding-right:0;position:absolute;width:225px}
#main-content .block .bottom-link a{background-image:url(/images/block-bottom-link-bg.gif);width:100%}
#main-content .block.wide.short p{padding-right:5px;padding-top:30px}
#main-content .block.wide.short p.more{padding-top:0}
.block.wide.short p.more a.overlap span{background-image:url(/images/title-vice-informaci-short.gif)}
#main-content .block.wide.super-wide .krabice{left:0;position:absolute;top:0}
#main-content .block.wide.short .krabice{float:right;position:static}
#main-content .block.wide.short div{left:0;padding-left:7px;position:absolute;top:0;width:185px}
#main-content .products.little .block{height:90px}
#main-content .products.little .block .more{margin-bottom:0;margin-top:10px;padding-bottom:0;position:static}
#main-content .products.middle .block{height:138px}
#main-content .products.middle .block .more{margin-bottom:0;padding-bottom:0;position:static}
#sublevel-title-box{height:220px;margin-bottom:12px;overflow:hidden;position:relative;width:100%}
#sublevel-title-box p{color:#FFF;font-size:11px;left:30px;line-height:160%;margin:0;padding:0;position:absolute;top:55px;width:260px}
#sublevel-title-box strong{color:#000;font-size:11px;font-weight:700;padding-left:220px}
#sublevel-title-box em{color:#000;font-size:18px;font-weight:700;padding-top:10px}
.box1 a:link{color:#666;font-weight:400;text-decoration:underline}
.box1 a:visited{color:#f62525;font-weight:400;text-decoration:underline}
.box1 a:hover{color:#f62525;text-decoration:underline}
.box1 h2{color:#000;font-weight:700}
#bottom-nav{border-top:1px solid #EDEDED;height:30px;line-height:30px;margin-left:10px;margin-right:10px;padding-bottom:0;padding-left:10px;position:relative}
#bottom-nav,#bottom-nav *{color:#999;font-size:11px}
#bottom-nav span{font-weight:700;padding:0 4px}
#bottom-nav strong{font-weight:700;padding-right:4px}
#bottom-nav span.up{line-height:100%;padding:0;position:absolute;right:10px;text-align:right;top:8px}
#bottom-nav a{font-weight:400}
.loga-partneru img{padding:10px 15px 0}
#tab-box{border:1px solid #D7E1E3;margin-bottom:1em;margin-left:10px;width:490px}
#tab-box .tab-set{margin:0;padding:0}
#tab-box .tab-set li{background:url(tab-bg.gif) repeat-x left bottom;border-bottom:1px solid #D7E1E3;border-right:1px solid #D7E1E3;float:left;font-size:15px;font-weight:700;line-height:33px;list-style:none;padding:7px 0 6px;text-align:center;width:163px}
#tab-box .tab-set li.last{border-right:none;width:162px}
#tab-box .tab-set li.on{background:none;border-bottom-color:#FFF}
#tab-box .tab-set a{cursor:pointer;font-size:15px;text-decoration:none}
#tab-box .panel{padding-top:10px}
#pt-007 span{background-image:url(/images/pt-007.png)}
#thiet-ke-web{color:#70776F;font-weight:400;padding:0}
.thiet-ke-website{color:#70776F;font-weight:700;padding:5px 0 0 10px}
.aboutindexcont{padding-top:5px}
.aboutindexcont img{float:left;margin:7px 5px 0 10px}
.aboutindexcont div{float:left}
.tu-van-thiet-ke-web{margin:0;padding:0 5px 0 13px}
#head1{font-size:11px;margin:0 auto;padding:0;position:absolute;top:135px;width:350px;z-index:100}
#head1 p{color:#999;font-size:11px;margin:0;padding-left:20px;padding-right:5px;text-align:justify}
#footer{position:relative}
#footer p{padding-left:12px;padding-right:10px}
#footer,#footer *{color:#999;font-size:11px}
#footer .float-right{color:#666;float:right}
#footer .float-right a{padding-right:5px}
#footer .text{line-height:130%;padding:padding-right: 0 padding-right: 13px}
#copyright p{color:#000;font-size:11px;font-weight:700;margin:0;padding-bottom:2px}
#certification{float:none;margin-right:48px;padding-left:10px;padding-top:7px}
.menu{background:#E03434 url(/images/menu-bg.gif) no-repeat left top;height:30px;left:10px;margin:0;overflow:visible;padding:0;position:absolute;top:106px;width:960px}
.menu li{float:left;height:30px;list-style:none;overflow:visible}
.menu li a{background:url(/images/menu-separator.gif) no-repeat right center;color:#FFF;display:block;height:30px;line-height:28px;position:relative;text-align:center;text-decoration:none}
.menu-homepage{font-weight:700;width:119px}
.menu .menu-lienhe a{background:none;font-weight:700;padding-right:0}
.menu-lienhe{width:125px}
.WebPage a{border:1px solid #ddd;color:Blue;height:20px;line-height:20px;margin:0 3px;padding:0 5px;text-align:center;text-decoration:none}
.WebPage a.selected{background:#999;color:#fff;font-weight:700}
.WebPage a.selected span{color:#fff}
input,select{font-size:12px}
.hide,hr,#bottom-nav span.up br{display:none}
img,a img{border:none}
a,.menu li a:hover,.WebPage a,.WebPage a:active,.WebPage a:link,.WebPage a:visited{text-decoration:none}
.bold,#header-links a,.WebPage a:hover{font-weight:700}
#logo h1,#logo h2,#logo p{background:url(/images/logo-thiet-ke-website.png) 0 0 no-repeat;float:left;height:70px;padding:0;position:relative;width:300px}
#logo h2 a,#logo p a{display:block;text-indent:-9999px}
#main-content .block h1,#main-content .block h2,#main-content .block h3,#main-content .block h4,#main-content .block h5,#main-content .block h6,#main-content .block div{color:#000;font-size:13px;font-weight:700;height:auto;line-height:100%;margin:0 5px 7px;padding:8px 0 4px 9px}
#main-content .block.wide.short h1,#main-content .block.wide.short h2,#main-content .block.wide.short h3,#main-content .block.wide.short h4,#main-content .block.wide.short h5{left:0;padding-left:5px;position:absolute;top:0;width:185px}
#main-content .block.wide.short h1 span,#main-content .block.wide.short h2 span,#main-content .block.wide.short h3 span,#main-content .block.wide.short h4 span,#main-content .block.wide.short h5 span,#main-content .block.wide.short div span{left:5px;width:185px}
#main-content .products.little .block div,#main-content .products.middle .block div{border-bottom:none;margin-bottom:0}
.box,.box1{background:#FFF url(/images/subtitle-bg.gif) repeat-x left top;width:100%}
.box h4,.box h5,.box1 h4,.box1 h5{color:#000;font-size:14px;font-weight:700;margin:0;padding:5px 0 0 10px}
.box h4 span,.box h5 span,.box1 h4 span,.box1 h5 span{height:45px;padding-top:10px;width:100%}
.box p,.box1 p{padding:5px 5px 0}
#head1 h1,#head1 h2,#head2 h2{color:#000;float:left;font-size:13px;font-weight:700;margin:0;padding:0 0 1px 32px}
#footer #copyright,#footer #copyright *,#footer .float-right *{color:#666}