/* Start of CMSMS style sheet 'default' */ /* --------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------*/ /* --------------------------------------------------------------------------------------- Default styles - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ * { margin: 0; padding: 0; border: 0; } hr { display: none; } /* --------------------------------------------------------------------------------------- Classes - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ .cl { clear: both; visibility: hidden; overflow: hidden; width: 1px; height: 1px; margin-bottom: -1px; font-size: 1px; line-height: 1px; } .cl { clear: both; visibility: hidden; overflow: hidden; width: 1px; height: 1px; margin-bottom: -1px; font-size: 1px; } .ac { position: absolute; left: -9999px; z-index: -1; } #main .left { float: left; } #main .right { float: right; } .ir , .ir a { position: relative; overflow: hidden; display: block; } .ir a , .ir span , .plus .ir { width: 100%; height: 100%; } .ir span { position: absolute; left: 0; top: 0; } .ir a span { cursor: pointer; } /* --------------------------------------------------------------------------------------- Layout - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ #main { width: 900px; margin: 0 auto; padding: 0 40px; } #maincontent { width: 100%; } /* --------------------------------------------------------------------------------------- Header - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ #header { overflow: hidden; width: 900px; height: 73px; } #logo { float: left; width: 184px; height: 44px; margin: 13px 0 0 23px; display: inline; } #menu { float: right; padding-right: 15px; max-width: 678px; line-height: 73px; } #menu li { position: relative; float: left; display: block; list-style: none; margin: 0 -1px; } #menu li a { display: block; max-height: 73px; padding: 0 15px; } #headlines { position: relative; width: 900px; height: 311px; margin: 0 -8px; padding: 0 8px; } #main #headlines h1 { float: left; width: 338px; height: 85px; margin: 90px 0 0 14px; display: inline; } h1 em { display: block; } #main #headlines h2 { float: right; width: 370px; height: 258px; margin: 53px 52px 0 0; display: inline; line-height: 258px; } #headlines p { clear: left; width: 280px; padding: 15px 0 0 75px; } /* --------------------------------------------------------------------------------------- Offer - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ #offer { padding: 25px 0; } #offer li { float: left; display: block; list-style: none; width: 174px; padding: 0 25px; border-right: 1px solid #4a5558; } #offer li.last { border: none; } #offer li h2 { width: 139px; height: 19px; margin: 3px 0 0 35px; line-height: 19px; } #offer li p { clear: both; padding: 20px 0 15px; } /* --------------------------------------------------------------------------------------- Content - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ .column , #content { margin-top: 26px; } .column { float: left; width: 174px; padding: 3px 25px 0; } .column img { margin-right: -10px; } .column address { margin-top: 35px; } .column address strong { display: block; margin-bottom: -.9em; } #content { overflow: hidden; float: left; width: 404px; padding: 3px 20px 60px 25px; border: 1px solid #d6dee1; border-width: 0 1px; } #contento { overflow: hidden; float: left; width: 90%; padding: 50px 20px 60px 25px;} .column .ir , #content .ir { width: 150px; height: 30px; margin-bottom: 20px; line-height: 30px; } /* News --------------------------------------------------------------------------------*/ .news-item { margin-top: 25px; } .news-item h3 { clear: both; float: left; margin-top: 5px; padding: 10px; } .news-item p { margin-left: 100px; } .news-item p.info { margin-top: 10px; } /* Project -----------------------------------------------------------------------------*/ .project { position: relative; width: 100%; } #main .project .image { height: 80px; border: 1px solid #d6e0e2; line-height: 80px; } .project .info { padding: 10px 15px 20px; border-top: 4px solid #dde6e8; } .project .info li { display: block; list-style: none; padding: 5px 0; border-top: 1px solid #c5d4d8; } .project .info li.first { border: none; } .plus { overflow: hidden; position: absolute; right: 3px; top: 6px; width: 9px; height: 9px; line-height: 9px; } #main .plus p { line-height: 9px; } /* --------------------------------------------------------------------------------------- Footer - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ #footer { margin: 30px 0 50px; padding: 0 15px; border: 1px solid #fff; } #footer p { margin: 20px 0; } #footer .copy { float: left; } #footer .copy strong { margin-right: 8px; } #footer .copy a { margin-left: 8px; } #footer .web { float: right; } /* --------------------------------------------------------------------------------------- PAGE NEWS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ #sub #headlines { height: 208px; margin: 0 -20px; padding: 0 20px; } .novinky #main #headlines h1 { width: 166px; height: 32px; margin: 64px 0 0 26px; } #sub #headlines p { clear: left; width: 330px; padding: 15px 0 0 26px; } #sub #maincontent { padding-top: 8px; } #sub .column , #sub #content { margin-top: 0; } #sub #content { width: 614px; padding-right: 35px; border-right: 0; } #search , #submenu { margin: 0 -25px; } div[class] #search { position: relative; } #search { margin-top: -3px; padding: 10px 10px 15px 15px; } #search label, #search input { vertical-align: middle; } #search label { margin-right: 3px; line-height: 22px; } #search input { border: 1px solid #525658; } #search input#text { width: 100px; height: 16px; line-height: 16px; margin-right: 3px; padding: 3px 5px; } #search input.img { width: 22px; height: 22px; } #submenu { min-height: 226px; height: 226px; padding: 15px 12px; } div[class] #submenu { height: auto; } #submenu li { display: block; list-style: none; padding: 8px 18px; border-bottom: 1px solid #d2d5d5; } #submenu li.last { border: none; } #submenu li a { text-decoration: none; } #submenu ul { display: none; } #content-head { padding-bottom: 15px; } #sub #maincontent h2 , #sub #maincontent h3.ir , #sub #maincontent h4.ir { float: left; margin: 25px 0 5px; } #sub #maincontent h2.ir { width: auto; height: auto; } #content-head .out { float: right; margin-top: 20px; vertical-align: middle; line-height: 1.5; } #content-head .out a { margin: 0 5px; padding: 2px 0; } #sub .news-item h3 { margin: 0; padding: 0; line-height: 1; } #sub .news-item p , #sub .news-item h2 { padding-left: 20px; border-left: 1px solid #d2d5d5; } #sub #maincontent .news-item h2 { float: none; margin: 5px 0 0 100px; color: #000; } #sub .news-item p { padding-top: 8px; } /* --------------------------------------------------------------------------------------- PAGE ABOUT COMPANY - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ .ospolecnosti #main #headlines h1 { width: 289px; height: 42px; margin: 54px 0 0 26px; } .ospolecnosti #maincontent .ir { width: 300px; } .ospolecnosti #content p { margin-bottom: 23px; } .ospolecnosti #content p.first { margin-bottom: 35px; padding: 0 3px 22px; border-bottom: 1px solid #d2d5d5; } .ospolecnosti #content h3 { margin: 30px 0 3px; } /* --------------------------------------------------------------------------------------- PAGE PORTFOLIO - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ .portfolio #main #headlines h1 { width: 210px; height: 32px; margin: 64px 0 0 26px; } .portfolio #main #content { overflow: visible; width: 644px; padding: 20px 10px 60px 20px; border-right: 0; } .portfolio-item { overflow: hidden; position: relative; float: left; width: 175px; height: 172px; margin: 0 4px 7px 0; padding: 17px; } .portfolio-item a { overflow: hidden; display: block; width: 175px; height: 138px; } #main .portfolio-item .plus { width: 13px; height: 13px; right: 22px; top: 22px; } #main .portfolio-item .plus .ir { width: 100%; height: 100%; line-height: 13px; } .portfolio-item p { line-height: 44px; } /* --------------------------------------------------------------------------------------- PAGE CONTACT - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ .kontakt #main #headlines h1 { width: 178px; height: 32px; margin: 64px 0 0 26px; } .kontakt #maincontent .ir { width: 300px; } .kontakt #maincontent address { padding: 40px 0 32px; border-bottom: 1px solid #d0e1e5; } .kontakt #maincontent address img { float: right; margin-top: 15px; } .col { float: left; width: 262px; margin-top: 25px; padding-right: 45px; } .col h3 { margin-bottom: 10px; } .col-simple { float: none; width: auto; padding-right: 0; } .contact dl { padding: 26px 0 16px; border-bottom: 1px solid #d0e1e5; } .textarea { padding: 20px 0 10px; } .contact p.note { float: right; width: 175px; margin-top: 26px; } .contact dt { float: left; width: 80px; } .contact dd { margin-bottom: 10px; } .contact label { display: block; height: 27px; line-height: 27px; } .contact dd input , .contact dd textarea { width: 255px; height: 15px; padding: 5px; line-height: 15px; border: 1px solid #acbbbf; } .contact dd textarea { height: 165px; } .submit { line-height: 1; margin: 15px 0 0 80px; padding: 5px 9px; } div[class] .submit { padding: 10px 18px; } *:first-child+html .submit{ padding: 5px 9px; } /* --------------------------------------------------------------------------------------- PAGE SERVICES - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ .sluzby #main #headlines h1 { width: 178px; height: 42px; margin: 54px 0 0 26px; } .sluzby #content p { margin-bottom: 23px; } .sluzby #content p.first { margin-bottom: 35px; padding: 0 3px 22px; border-bottom: 1px solid #d2d5d5; } .sluzby #content h3 { margin: 30px 0 3px; } /* --------------------------------------------------------------------------------------- PAGE SEARCH - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ .vyhledavani #main #headlines h1 { width: 253px; height: 42px; margin: 54px 0 0 26px; } /* End of 'default' */