@media screen{
body{font:74% Arial,Verdana,Helvetica,sans-serif;color:#6B6B6B;text-align:center;background:#9DA8AC url( "../images/bgSite.jpg" ) 0 0 repeat-x;margin:0 0 18px 0;padding:0 0 18px 0;}
img,fieldset{border:none;}
div,h1,h2,h3,h4,ul,ol,li,form,fieldset,p{margin:0;padding:0;}
acronym{cursor:help;}
a{text-decoration:underline;color:#000;}
a:hover{text-decoration:none;}
.reader{position:absolute;z-index:100;top:-10000px;left:0;width:1px;height:1px;overflow:hidden;}
/*odsazeni formularovych policek*/
.fieldMargin{margin-bottom:.3em;}
/* ======================= header page ====================*/
#hPage, #hPageHome{width:875px;height:159px;margin:0 auto;background:#F2F4F3 url( "../images/bgHeader.jpg" ) 0 0 no-repeat;position:relative;}
#hPageHome{height:380px;margin:0 auto 8px auto;background:#F2F4F3 url( "../images/bgHeaderHome.jpg" ) 0 0 no-repeat;}

#hPage h2, #hPageHome h2{position:absolute;top:34px;left:10px;z-index:10;height:45px;width:330px;font-size:20px;color:#FFF;}
#hPage h2 span, #hPageHome h2 span{position:absolute;z-index:100;height:45px;width:330px;top:0px;left:0px;background:transparent  url( "../images/logo-lenovo-centrum.gif" ) 0 0 no-repeat;}
#hPage h2 a, #hPageHome h2 a{cursor:pointer;}
#hPage .contact, #hPageHome .contact{position:absolute;z-index:100;top:110px;left:14px;color:#94949E;font-size:14px;font-weight:bold;}
#hPageHome .contact{top:334px;}
#hPage .contact a, #hPageHome .contact a{color:#94949E;text-decoration:none;}
#hPage .contact a:hover, #hPageHome .contact a:hover{text-decoration:underline;}
/* ============== menu box ================*/
#boxContainer{width: 875px;margin:0 auto;}
ul#boxContainerNavigace {list-style-type: none;width: 100%;float: left;margin:0;padding:0;}
ul#boxContainerNavigace li {line-height:50px;margin:0;padding:0;float: left;background-color:#E4E8E9;}
ul#boxContainerNavigace a {float: left;position:relative;display: block;width:219px;height:50px;text-decoration: none;color:#000;}
ul#boxContainerNavigace a:hover {color:#FFF;}
ul#boxContainerNavigace a.active {background-color:#000;color:#FFF;}
ul#boxContainerNavigace a span{position:absolute;top:0px;left:0px;width:219px;height:50px;cursor:default;}
ul#boxContainerNavigace .produkty a span {background: transparent url(../images/box/tab-produkty.jpg) 0 0 no-repeat;}
ul#boxContainerNavigace .produkty a:hover span, ul#boxContainerNavigace .produkty a.active span {background: transparent url(../images/box/tab-produkty.jpg) 0 -50px no-repeat;}
ul#boxContainerNavigace .vystavovaneModely a{width:218px;}
ul#boxContainerNavigace .vystavovaneModely a span {background: transparent url(../images/box/tab-modely.jpg) 0 0 no-repeat;width:218px;}
ul#boxContainerNavigace .vystavovaneModely a:hover span, ul#boxContainerNavigace .vystavovaneModely a.active  span {background: transparent url(../images/box/tab-modely.jpg) 0 -50px no-repeat;}
ul#boxContainerNavigace .servis a span {background: transparent url(../images/box/tab-servis.jpg) 0 0 no-repeat;}
ul#boxContainerNavigace .servis a:hover span, ul#boxContainerNavigace a.active span {background: transparent url(../images/box/tab-servis.jpg) 0 -50px no-repeat;}
ul#boxContainerNavigace .kdeNasNajdete a span {background: transparent url(../images/box/tab-kontakt.jpg) 0 0 no-repeat;}
ul#boxContainerNavigace .kdeNasNajdete a:hover span, ul#boxContainerNavigace .kdeNasNajdete a.active span {background: transparent url(../images/box/tab-kontakt.jpg) 0 -50px no-repeat;}
.tab{display:none;}
.tab a{color:#FFF;}
.tab a:hover{color:#333;}
.tiles5 .submenu{float:left;text-align:center;height:167px;width:175px;position:relative;}
.tiles5 a span{position:absolute;top:0px;left:0px;width:175px;height:167px;cursor:pointer;}
.tiles5 a.notebooky span{background: transparent url(../images/box/notebooky.jpg) 0 -167px no-repeat;}
.tiles5 a.notebooky:hover span{background: transparent url(../images/box/notebooky.jpg) 0 0 no-repeat;}
.tiles5 .active a.notebooky span,.tiles5 .active a.notebooky:hover span{background: transparent url(../images/box/active/notebooky.jpg) 0 0 no-repeat;}
.tiles5 a.pc span{background: transparent url(../images/box/pc.jpg) 0 -167px no-repeat;}
.tiles5 a.pc:hover span{background: transparent url(../images/box/pc.jpg) 0 0 no-repeat;}
.tiles5 .active a.pc span, .tiles5 .active a.pc:hover span{background: transparent url(../images/box/active/pc.jpg) 0 0 no-repeat;}
.tiles5 a.monitory span{background: transparent url(../images/box/monitory.jpg) 0 -167px no-repeat;}
.tiles5 a.monitory:hover span{background: transparent url(../images/box/monitory.jpg) 0 0 no-repeat;}
.tiles5 .active a.monitory span, .tiles5 .active a.monitory:hover span{background: transparent url(../images/box/active/monitory.jpg) 0 0 no-repeat;}
.tiles5 a.prislusenstvi span{background: transparent url(../images/box/prislusenstvi.jpg) 0 -167px no-repeat;}
.tiles5 a.prislusenstvi:hover span{background: transparent url(../images/box/prislusenstvi.jpg) 0 0 no-repeat;}
.tiles5 .active a.prislusenstvi span, .tiles5 .active a.prislusenstvi:hover span{background: transparent url(../images/box/active/prislusenstvi.jpg) 0 0 no-repeat;}
.tiles5 a.servery span{background: transparent url(../images/box/servery.jpg) 0 -167px no-repeat;}
.tiles5 a.servery:hover span{background: transparent url(../images/box/servery.jpg) 0 0 no-repeat;}
.tiles5 .active a.servery span, .tiles5 .active a.servery:hover span{background: transparent url(../images/box/active/servery.jpg) 0 0 no-repeat;}
.tiles3 .submenu{float:left;text-align:center;height:167px;width:291px;position:relative;}
.tiles3 a span{position:absolute;top:0px;left:0px;width:291px;height:167px;cursor:pointer;}
.tiles3 a.servis span{background: transparent url(../images/box/servis.jpg) 0 -167px no-repeat;}
.tiles3 a.servis:hover span{background: transparent url(../images/box/servis.jpg) 0 0 no-repeat;}
.tiles3 .active a.servis span, .tiles3 .active a.servis:hover span{background: transparent url(../images/box/active/servis.jpg) 0 0 no-repeat;}
.tiles3 a.vyhody span{background: transparent url(../images/box/vyhody.jpg) 0 -167px no-repeat;}
.tiles3 a.vyhody:hover span{background: transparent url(../images/box/vyhody.jpg) 0 0 no-repeat;}
.tiles3 .active a.vyhody span, .tiles3 .active a.vyhody:hover span{background: transparent url(../images/box/active/vyhody.jpg) 0 0 no-repeat;}
.tiles3 a.hlaseni span{background: transparent url(../images/box/hlaseni.jpg) 0 -167px no-repeat;width:293px;}
.tiles3 a.hlaseni:hover span{background: transparent url(../images/box/hlaseni.jpg) 0 0 no-repeat;}
.tiles3 .active a.hlaseni span, .tiles3 .active a.hlaseni:hover span{background: transparent url(../images/box/active/hlaseni.jpg) 0 0 no-repeat;}
.tiles3 a.centrum span{background: transparent url(../images/box/centrum.jpg) 0 -167px no-repeat;}
.tiles3 a.centrum:hover span{background: transparent url(../images/box/centrum.jpg) 0 0 no-repeat;}
.tiles3 .active a.centrum span, .tiles3 .active a.centrum:hover span{background: transparent url(../images/box/active/centrum.jpg) 0 0 no-repeat;}
.tiles3 a.mapa span{background: transparent url(../images/box/mapa.jpg) 0 -167px no-repeat;}
.tiles3 a.mapa:hover span{background: transparent url(../images/box/mapa.jpg) 0 0 no-repeat;}
.tiles3 .active a.mapa span, .tiles3 .active a.mapa:hover span{background: transparent url(../images/box/active/mapa.jpg) 0 0 no-repeat;}
.tiles3 a.its span{background: transparent url(../images/box/its.jpg) 0 -167px no-repeat;width:293px;}
.tiles3 a.its:hover span{background: transparent url(../images/box/its.jpg) 0 0 no-repeat;}
.tiles3 .active a.its span, .tiles3 .active a.its:hover span{background: transparent url(../images/box/active/its.jpg) 0 0 no-repeat;}
/* ======================= body page  =====================*/

#bodyPage{width:875px;height:auto;margin:0 auto;text-align:left;background:#FFF url( "../images/bgBody.gif" ) 0 0 repeat-y;}
#col1, #col2{float:left;width:170px;margin-bottom:10px;}
#col2{width:684px;}
/*==========*/
#navigationTrack{font-weight:bold;height:40px;background:#E4E8E9 url( "../images/bgNavigatinTrack.jpg" ) 0 0 repeat-x;color:#000100;}
#navigationTrack #navi1{width:186px;height:40px;float:left;background:transparent url( "../images/bgNavi1.jpg" ) 0 0 no-repeat;}
#navigationTrack #navi2{width:689px;line-height:40px;float:left;background:transparent url( "../images/bgNavi2.jpg" ) 100% 0px  no-repeat;}
#navigationTrack a{color:#808080;display:block;float:left;} 
#navigationTrack .arrowNavi{width:30px;height:40px;float:left;background:transparent url( "../images/arrowNavi.jpg" ) 100% 0 no-repeat;} 
#col1 h2{font-size:120%;padding:30px 0 8px 12px;color:#282828;}

/* =================  col 1 =================*/
ul#menuProducts{margin:0 5px;list-style-type:none;}
ul#menuProducts li{padding:6px 0;}
ul#menuProducts a{display:block;text-decoration:none;}
ul#menuProducts, ul#menuProducts ul{list-style-type:none;}
ul#menuProducts li a{padding-left:20px;color:#6B6B6B;font-size:110%;font-weight:bold;background:transparent url("../images/arrow.gif") 8px -23px no-repeat;}
ul#menuProducts li a:hover{color:#000;background:transparent url("../images/arrow.gif") 9px 3px no-repeat;}
ul#menuProducts ul li ul li a{padding-left:30px;}

ul#menuProducts a.active{color:#000;}

/* ===== content col2 ==== */
#content{margin:10px 0 10px 24px;}
.errorMsg,.infoMessage{margin:1em;padding:1em 1em 1em 80px;min-height:30px;color:#000;}
.errorMsg{background:#FFEBE1 url("../images/error.gif") 10px 50% no-repeat;border:1px solid #FF0000;}
.infoMessage{background:#CEECD0 url("../images/info.gif") 10px 50% no-repeat;border:1px solid #45AD4D;}
h1{font-size:150%;color:#000;padding:.6em 0;}
#content h2{font-size:110%;margin:.8em 0 0 0;color:#000;}
#content h2.characteristics{font-size:130%;color:#919BA4;border-bottom:1px solid #E4E4E4;margin:.8em 10px 0 0;}
#content h3{font-size:110%;margin:.5em 0 0 0;color:#000;}
#content h4{font-size:105%;margin:.5em 0 0 0;color:#000;}
#content p{line-height:1.3em;padding:0.2em 0 .5em 0;}
#content ul{margin:.1em .2em .7em .8em;padding:.1em .2em .7em .8em;}
#content ul li{margin:0 0 .3em 0;padding:0 0 .3em 0;}
#content .contentCol1{float:left;width:315px;}
#content .contentCol2{float:left;width:315px;margin-left:20px;}
#content table{font-size:100%;width:98%;border-collapse:collapse;}
#content table.models td {vertical-align:middle;}
/* form */
#content #recommendation{width:660px;height:214px;background:#A1AAAF url("../images/recommendation.jpg") no-repeat;}
#content #recommendation .contentCol1{width:325px;}
#content #recommendation .contentCol2{width:315px;margin-left:0px;}
#content #recommendation p{padding:6px 0;}
#content #recommendation label{display:block;float:left;width:100px;margin:4px 2px 0 0;text-align:right;color:#FFF;font-weight:bold;}
#content #recommendation label.indent{width:80px;}
#content #recommendation .field{font:12px Arial,Verdana,Helvetica,sans-serif;padding:7px 0 6px 4px;color:#000;border:none;width:208px;background:#FDFDFD url("../images/bgField.jpg") no-repeat;}
#content #recommendation .notes{font:12px Arial,Verdana,Helvetica,sans-serif;padding:7px 4px 6px 4px;border:none;width:204px;height:95px;background:#FDFDFD url("../images/bgNotes.jpg") no-repeat;}
#content #recommendation .buttonSend{margin:20px 20px 0 0;}

#content .images img{margin:0 8px 8px 0;}

#content .tilesLevel1{float:left;width:320px;margin:4px;}
/* ==== content pagination ==== */
#pagination{float:left;width:490px;padding:.2em .6em;background-color:#DDE1E6;line-height:1.6em;margin:1em 0;}
#pagination a{text-decoration:none;}
#pagination a:hover{text-decoration:underline;}
.current{background-color:#192F52;color:#FFF;padding:1px 2px;}

/* ====== footer body page ===== */
#footer{clear:left;position:relative;background:#EBF5ED url("../images/bgFooter.jpg") 0 0 no-repeat;height:65px;font-size:90%;color:#76808A;text-align:right; }
#footer p{padding:15px 20px 0 0;}
#footer a{color:#76808A;text-decoration:none;}
#footer a:hover{color:#333;text-decoration:underline;}
#footer #created{position:absolute;bottom:-22px;right:20px;color:#FFF;}
#footer #created img{vertical-align:bottom;}
#footer #created a{color:#FFF;}
/* ========= other =========*/
.imgLeft{float:left;border:2px solid #C7CED6;margin:5px;padding:1px;}
.imgRight{float:right;border:2px solid #C7CED6;margin:5px;padding:1px;}

.fL{float:left;}
.fR{float:right;}
.c{clear:both;}
.cL{clear:left;}
.hB{display:none;}
.bold{font-weight:bold;}
.nW{white-space:nowrap;}
.h121px{height:121px;}
.marginTop10{margin-top:10px;}

#counter{display:none;}
}
@media print{
body{font-family:"Times New Roman CE",Georgia,"Times New Roman",Times,serif;color:#000;}
div{padding:0;margin:0;}
#hPage,#col1,#col3,#pagination,.hB{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-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{border-collapse:collapse;}
td,th{border:1px solid #000;}
th{text-align:left;}
}
