/* --------------------------------------------------------------------------------------- Kompakt - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Description: Default styles (colors and fonts) File: default.css Version: 0.1 Date: 7. 10. 2007 Author: Zdeněk Košál --------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------- Imports layout (not for old browsers) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ @import "layout.css"; /* --------------------------------------------------------------------------------------- Default styles - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ body { text-align: center; font: 75%/1.5 sans-serif; color: #566d74; background: #fff url('../images/body.png') top left repeat-x; } h2 { font-size: 140%; } h3 { font-size: 120%; } address { font-style: normal; } a:hover , a:focus { text-decoration: none; } label , table { font-size: 100%; } /* --------------------------------------------------------------------------------------- Layout - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ #main { text-align: left; background: url('../images/headlines.jpg') left top no-repeat; } /* --------------------------------------------------------------------------------------- Header - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ #header { background: #fff url('../images/header.gif') left bottom repeat-x; } #logo a { font-size: 200%; color: #1b2022; } #logo span { background: url('../images/logo.png') left top no-repeat; } #menu li a { text-transform: uppercase; text-decoration: none; color: #45565a; background: url('../images/menu_a.gif') right center no-repeat; } #menu li.last a { background: none; } #menu li a:hover , #menu li a:focus , #menu li.active a { color: #fff; background: #e44b01 url('../images/menu_a_active.gif') right top repeat-x; } #main #headlines h1 { line-height: 1.2; text-transform: uppercase; font-size: 275%; font-weight: bold; color: #333; } h1 em { text-align: right; text-transform: none; font-weight: normal; font-style: normal; color: #57757b; } h1 span { background: url('../images/background_header.png') left top no-repeat; } #main #headlines h2 { text-align: center; font-size: 200%; color: #292929; } h2 span { background: url('../images/vime_jak_na_to.jpg') left top no-repeat; } /* --------------------------------------------------------------------------------------- Offer - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ #offer h2 { font-size: 110%; } #offer { color: #E4E7E8; background-color: #1C2122; } #offer li { background: url('../images/offer_item.png') 25px top no-repeat; } #offer li a span.yard { background: url('../images/yard.png') left top no-repeat; } #offer li a span.road { background: url('../images/road.png') left top no-repeat; } #offer li a span.rail { background: url('../images/rail.png') left top no-repeat; } #offer li a span.sea { background: url('../images/sea.png') left top no-repeat; } #offer li a { text-transform: uppercase; color: #fff; } /* --------------------------------------------------------------------------------------- Content - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ #maincontent { color: #000; background-color: #fff; } #maincontent a { color: #fe5c11; background-color: #fff; } .column , #content { background-color: #fff; } #content { line-height: 1.7; } .column address { font-size: 90%; font-weight: bold; } .column address strong { font-size: 130%; color: #fe5c11; } h4, #sub h2 { font-size: 180%; color: #fe5c11; } .ir span.kontakt { background: url('../images/contact.png') left top no-repeat; } .ir span.aktualne { background: url('../images/solutions.png') left top no-repeat; } .ir span.projekt { background: url('../images/architecture.png') left top no-repeat; } #content em.imp { padding: 4px 2px; font-style: normal; color: #1d3338; background-color: #dcecef; } #content ul li { list-style: none; margin-bottom: 4px; padding-left: 18px; background: url('../images/li.gif') left 5px no-repeat; } #content h3 { text-transform: uppercase; } /* News --------------------------------------------------------------------------------*/ .news-item h3 { font-size: 100%; background-color: #AAE0FA; } .news-item p.info { text-transform: lowercase; font-weight: bold; } /* Project -----------------------------------------------------------------------------*/ #main .project .image { text-align: center; background: url('../images/project_image.png') center bottom no-repeat; } .project .image img { vertical-align: middle; } .project .info { background-color: #AAE0FA; } .project .info li { font-size: 90%; } .project .info li.first { text-transform: uppercase; } .project .info li strong { text-transform: none; } .plus { font-size: 80%; } .plus span { background: url('../images/plus.gif') left top no-repeat; } /* --------------------------------------------------------------------------------------- Footer - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ #footer { background: #AAE0FA url('../images/footer.gif') left top; } #footer .copy a { text-decoration: none; } #footer .copy a:hover , #footer .copy a:focus { text-decoration: underline; } #footer a { color: #000; } /* --------------------------------------------------------------------------------------- PAGE NEWS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ .novinky #main , .portfolio #main, .sluzby #main { background: url('../images/headlines_sub.jpg') left top no-repeat; } .novinky #main #headlines h1 span { background: url('../images/novinky.png') top left no-repeat; } #sub #headlines p { color: #3e3e3e; } #sub #maincontent { background: #fff url('../images/maincontent.gif') top left repeat-x; } #search {color: #fff; background-color: #1c2122; } #search label { text-transform: uppercase; font-size: 90%; } #search input { color: #fff; background-color: #32393a; } #submenu { background: url('../images/column.png') right 1px no-repeat; } div[class] #submenu { background-position: right top; } #submenu li { background: url('../images/column_li.gif') 2px center no-repeat; font-weight: bold; color: #fe5c11; } #submenu li a { text-decoration: none; color: #333; } #submenu li a:hover , #submenu li a:focus , #submenu li.active a { color: #fe5c11; } #content-head { font-size: 120%; background: url('../images/h_sub.gif') left bottom repeat-x; } #content-head .out { font-size: 105%; color: #fe5c11; } #content-head .out a { text-transform: uppercase; font-size: 70%; color: #333; } #sub .news-item h3 { font-size: 150%; font-weight: normal; color: #fe5c11; background-color: #fff; } #sub .news-item p a { font-weight: bold; } #sub .news-item h2 { text-transform: uppercase; font-size: 100%; } #sub .news-item h2 span { text-transform: none; } /* --------------------------------------------------------------------------------------- VISUALS FOR EACH SUBPAGE - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ .ospolecnosti #main { background: url('../images/headlines_sub_ospol.jpg') left top no-repeat; } .novinky #main { background: url('../images/headlines_sub_novinky.jpg') left top no-repeat; } .portfolio #main { background: url('../images/headlines_sub_portfolio.jpg') left top no-repeat; } .sluzby #main { background: url('../images/headlines_sub_sluzby.jpg') left top no-repeat; } .kontakt #main { background: url('../images/headlines_sub_kontakt.jpg') left top no-repeat; } .vyhledavani #main { background: url('../images/headlines_sub_search.jpg') left top no-repeat; } /* --------------------------------------------------------------------------------------- PAGE ABOUT COMPANY - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ .ospolecnosti #main #headlines h1 span { background: url('../images/solutions_sub_background.png') top left no-repeat; } .ospolecnosti #content-head { background: none; } .ospolecnosti #content p.first { font-size: 120%; color: #47808f; } .ospolecnosti #content h3, .col h3 { font-size: 150%; color: #fe5c11; } /* --------------------------------------------------------------------------------------- PAGE PORTFOLIO - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ .portfolio #main #headlines h1 span { background: url('../images/portfolio.png') top left no-repeat; } .portfolio-item { text-align: center; background: url('../images/portfolio-item.png') top left no-repeat; } #main .portfolio-item .plus .ir { text-align: left; color: #fff; background-color: #000; } .portfolio-item .plus span { background: url('../images/portfolio_plus.gif') top left no-repeat; } /* --------------------------------------------------------------------------------------- PAGE CONTACT - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ .kontakt #main #headlines h1 span { background: url('../images/kontakt.png') top left no-repeat; } .kontakt #maincontent address a { font-weight: bold; } .col h3 { font-weight: normal; } .contact label { font-weight: bold; } .contact dd input , .contact dd textarea { color: #000; background: #fff url('../input.gif') top left repeat-x; } .submit { color: #fff; background: #fe5c11 url('../images/submit.gif') bottom left repeat-x; } /* --------------------------------------------------------------------------------------- PAGE SERVICES - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ .sluzby #main #headlines h1 span { background: url('../images/sluzby.png') top left no-repeat; } .sluzby #content-head { background: none; } .sluzby #content p.first { font-size: 120%; color: #47808f; } .sluzby #content p em { font-style: normal; background-color: #dfebed; } .sluzby #content p.first { font-size: 120%; color: #47808f; } .sluzby #content h3, .col h3 { font-size: 150%; color: #fe5c11; } /* --------------------------------------------------------------------------------------- PAGE SEARCH - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ .vyhledavani #main #headlines h1 span { background: url('../images/vyhledavani.png') top left no-repeat; }