/* ----------------------------------------------------------------------- WebPrezent http://www.webprezent.cz * Copyright (c) 2004-2008. P3t4a5 * Pouziti CSS frameworku Blueprint + vlastnich stylu * * themes.css - nastaveni tématu stránek * - barvy, zarovnani, fonty, velikost * - prepis obecnych id a clases z BLUEPRINT * - vlastni unikatni styly pro dany projekt ----------------------------------------------------------------------- */ body { background: #525a60 url(rezy/pozadi-body.jpg) no-repeat top center; } #obal { background: url(-rezy/pozadi-obal.gif) top center; clear: both; } #hlavicka_1 { background: url(rezy/pozadi-hlavicka.jpg) no-repeat top right; } #logo-banner:hover { background: url(rezy/logo-hover.jpg) no-repeat top left; } #menu_1 { background: url(rezy/pozadi-menu.jpg) no-repeat top center; } #obsah { background: url(rezy/pozadi-obsah.gif) repeat-y top center; padding: 1px 0 0 0; } #paticka-obsah { background: url(rezy/pozadi-paticka-obsah.jpg) no-repeat top center; padding: 0px 0px 0px 0px; margin: 0px 0 0 0; } #paticka-obsah p { font-size: small; text-align: left; padding: 25px 0px 0px 0px; margin: 0px 0 0 45px; color: #000 ;} #paticka { background: url(rezy/pozadi-paticka.jpg) no-repeat top center; } #paticka-copyright { padding: 35px 0px 0px 0; margin: 0px 50px 0px 0; text-align: right; } /* Nadpisy -------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { color: #111; } h1 { color: #0180cf; text-align: left; } #obrazek-686 { background: url(rezy/h1-obrazek-686.gif)no-repeat right; } #obrazek-400 { background: url(rezy/h1-obrazek-400.gif)no-repeat right; } #obrazek-335 { background: url(rezy/h1-obrazek-335.gif)no-repeat right; } #obrazek-200 { background: url(rezy/h1-obrazek-200.gif)no-repeat right; } h2 { color: #71a6c6; clear: both;} h3 { color: #F5E969; font-weight: bold;} h3.konec-obtekani { clear: both;} h4 { } h5 { } h6 { } .s600 {width: 530px;} p { font-family: verdana; line-height: 1.5em; color: #fff; } strong {color: #FED271; } em { } a { color: #4D8FCB; } a:hover { text-decoration: none; color: #fff; } td span a { color: #013F82; } /* jiná barva odkazu npř. mail */ span {} div {} #mapa {margin: 40px 0px 0px 20px ; padding: 0px;} .vtextu {float: right; margin: 0px 50px 0px 10px; padding: 5px;} /*obrazky v textech*/ .koupit {margin: 0px 95px 0px 10px;} .koupit2 {margin: 0px 0px 0px 50px;} .vtextu2 { margin: 0px 0px 20px 40px ; padding: 0px; float: left; height: 270px; width: 227px;} /*obrazky v textech*/ .vtextu3 {float: left; margin: 10px 15px 0px 10px ; padding: 5px; border: 1px solid #fff; } /*obrazky v textech*/ #big-foto {margin: 10px 50px 20px 35px ;} /*foto na uvod*/ .vpravo {text-align: right;} /* formulare */ fieldset.kontakt { width: 400px; margin: 0 auto 0 auto; } /* jmenne seznamy */ ul { } ul li { font-family: verdana; color: #fff; list-style: none ; margin-left: 0em; padding-left: 1.8em; background: url(rezy/odrazka-ul.gif) no-repeat 0% 5px; line-height: 2.0em; } ul li a { } ul li a:hover { } ul li span { } ul li strong { } ul li em { } #prave-ul { padding: 0px 0px 0px 0px ; margin: 5px 0px 5px 210px ;} /*seznam vice v pravo*/ ul.kladyzapory { margin: 10px 0 10px 50px; font-size: 1.2em; font-weight: bold; } ul li.plus { list-style: url(icons/odrazka-plus.png); color: #138247; } ul li.minus { list-style: url(icons/odrazka-minus.png); color: #E90009; } /* definicni seznamy */ dl { margin: 5px 30px 5px 10px; padding: 0; } dl dt { color: #fff; margin: 10px 0 0 10px; padding: 0; font-size: 1.2em;} dl dd { color: #9C9C9C; margin: 0 0 0 15px; padding: 0; } .konec-obtekani {clear: both;} hr {margin: 30px 60px 20px 5px; } /* VLASTNI ID a CLASES pro dany projekt -------------------------------------------------------------- */ .silne { color: #FED271; font-size: 1.0em; font-weight: bold;} .vyrazne { color: #0C3972; font-weight: bold; } .tluste { font-weight: bold; } .klad, .zapor { padding: 5px; } .klad { } .zapor { margin: 30px 0px 50px 20px;} .zapor a { color: red; } .zapor p strong { color: red; font-size: 1.5em; } .velke { font-size: 1.5em; } .obrazek-vpravo { float: right; margin: 0px 70px 0px 15px; padding: 5px; border: 1px solid #71a6c6; } .zelene { color: #B1DD7B; } .oranzove { color: #FD8800;} .cervene { color: red;} .logo-znacka { float: left; width: 200px; height: 200px; margin: 5px; } .panel { float: right; background-color: #1D67C6; text-align: center; } p.motto { font-size: 0.9em; padding: 17px 0 0 0; font-style: italic;} p.motto span { font-style: normal; font-size: 1.4em; } p.dodatek { font-size: 0.9em; padding: 0px 0 10px 12px; font-style: italic; color: #94644D; } p.dodatek-foto { font-size: 0.9em; padding: 0px 0 10px 0px; margin: 0px; font-style: italic; color: #fff; text-align: center;} p.dodatek-zelene { font-size: 0.9em; padding: 0px 0 20px 30px; margin: 0px; font-style: italic; color: #00C300; text-align: left;} p.uvodnik { color: #FFE400; background-color: #4380D0; padding: 5px;} p.uvodnik strong { color: #FFE400; } p.uvodnik a { text-decoration: underline; } p.uvodnik a:hover { } p.uvodnik a strong { text-decoration: underline; } p.uvodnik a:hover strong { text-decoration: none; } table { float: left; width: 350px; margin: 10px 5px 20px 20px; padding: 5px; border: 1px solid #71a6c6; } th { background-color: #3a78a0; text-align: center; border: 1px solid #fff; color: #fff;} td.bezramecku { border: none } tr.sudy { background-color: #f5e969; } tr.sudy a:hover { text-decoration: none; color: #fff; background-color: #889DB6; } tr.lichy { background-color: #889DB6; } td { border: 1px solid #fff; padding: 3px 5px 3px 10px; } td.tucne { font-weight: bold; color: #2A3944; } td.popisek { font-weight: bold; color: #444; } table.nastred { width: 580px; margin: 5px 5px 20px 20px; padding: 4px; border: 1px solid #71a6c6; font-size: 0.9em;} table.nastred td { text-align: center; padding: 2px 5px 2px 5px;} table.nastred td.tucne { text-align: left;} table.nastred tr th.zelene { color: #00C300; font-weight: bold;} table.nastred tr td.zelene { color: #006300; font-weight: bold;} table.vlevo { margin: 5px 5px 10px 20px; padding: 4px; border: 1px solid #71a6c6; font-size: 0.9em;} table.vlevo td { text-align: center; padding: 2px 5px 2px 5px;} table.vlevo td.tucne { text-align: left;} table.vlevo tr th.zelene { color: #00C300; font-weight: bold;} table.vlevo tr td.zelene { color: #006300; font-weight: bold;} table.tab450 { width: 450px; margin: 10px 5px 20px 35px;} table.tab450 td { text-align: center; padding: 3px 0 3px 0; margin: 0px;} table.tab450 td.tucne { text-align: left; padding: 3px 5px 3px 10px;} table.tab450 td img { text-align: center; padding: 0px; margin: 0px;} /* blok menu */ .blok { width: 100%; background: url(rezy/paticka-menu-blok.png) no-repeat bottom; margin: 0 auto 15px 0px; padding: 0 0 13px 0px; } .blok div.nadpis { background-color: #4180CF; color: #FFE400; padding: 5px; font-weight: bold; font-size: 1.1em; letter-spacing: 2px; } .blok h3 { margin: 5px 0 10px 10px; padding: 10px 0 0 0; color: #F5AF11; } .blok h3.horni { background: #5e5858 url(rezy/blok-pravy-hlavicka.gif) no-repeat top center; margin: 0; } .blok h3.horni strong { margin: 5px 0 10px 10px; } .blok p { color: #4180CF; font-weight: bold; margin: 5px; } .blok ul { margin: 10px 0 10px 35px; padding: 0; } .blok ul li { margin: 5px 5px 0 0; padding: 0; color: #333; list-style: square url(icons/odrazka-1-a.png); } /* produktovy nebo obsahovy blok */ .obsahblok { width: 653px; border: 1px solid #4380D0; margin: 0 0 5px 0; } .obsahblok h2 { margin: 5px; padding: 5px; background-color: #4380D0; color: #EEDA09; font-weight: bold; } .obsahblok h3 { margin: 5px 5px 5px 10px; color: #4180CF; } .obsahblok p { margin: 5px 5px 5px 10px; } .obsahblok img { margin: 5px; } .obsahblok table { width: 400px; margin: 5px 5px 5px 20px; padding: 2px; border: 1px solid #aaa; } .obsahblok tr.sudy { background-color: #ccc; } .obsahblok tr.lichy { background-color: #ddd; } .obsahblok td { border: 1px solid #bbb; padding: 2px 5px 2px 5px; } .obsahblok td.popisek { font-weight: bold; color: #444; } .obsahblok td.hodnota { } .obsahblok ul { margin: 5px 5px 5px 35px; } .obsahblok ul li { margin: 0; padding: 0 0 0 0; color: #0654B8; list-style: square url(icons/odrazka-1-b.png); } .obsahblok-foto { margin: 0 0px 0px 25px; } .obsahblok-foto img { margin: 0 15px 15px 0; } /* MENU */ #nav { margin: 0px 0px 0px 120px; float: left; } #nav a { float: left; display: block; width: 134px; height: 48px; padding: 11px 0px 0px 0px; margin: 0px 0px 0px 5px; color: #fff; font-size: 1.2em; text-align: center; background: url(rezy/zalozka.png) no-repeat; text-decoration: none;} #nav a:hover { display: block; color: #fff; background: url(rezy/zalozka-hover.png) no-repeat;} #nav a.active { display: block; color: #fff; text-decoration: none; background: url(rezy/zalozka-vybrana.png) no-repeat;} #nav a.active:hover { cursor: default; } /* SUBMENU */ .blok .subnav { margin: 15px 0px 0px 0px; padding: 27px 0 0px 0; *padding: 15px 0 0px 0;background: url(rezy/hlavicka-menu-blok.png) no-repeat top; } .blok .subnav a { display: block; padding: 7px 0 5px 25px; height: 35px; margin: -12px 0 -10px 0; color: #fff; font-size: 1.1em; text-decoration: none; font-weight: bold; background: url(rezy/menu-blok-tlacitko.png) no-repeat ; } .blok .subnav a:hover { color: #000; text-decoration: none; background: url(rezy/menu-blok-tlacitko-hover.png) no-repeat;} .blok .subnav a.active { display: block; color: #fff; text-decoration: none; background: url(rezy/menu-blok-tlacitko-vybrane.png) no-repeat; } .blok .subnav a.active:hover { cursor: default; } /* podSUBMENU */ .blok .subnav2 { margin: 0px 0 0 0px; padding: 0; } .blok .subnav2 a { display: block; padding: 7px 0 5px 40px; height: 35px; margin: -12px 0 -10px 0; color: #fff; font-size: 1.0em; font-weight: bold; background: url(rezy/menu-blok-tlacitko-sub.png) no-repeat ; border-left-color: #929290; border-left-width: 10px; border-top-width: 0px; border-bottom-width: 0px;} .blok .subnav2 a:hover { color: #000; text-decoration: none; background: url(rezy/menu-blok-tlacitko-hover-sub.png) no-repeat; } .blok .subnav2 a.active { display: block; color: #fff; background: url(rezy/menu-blok-tlacitko-vybrane-sub.png) no-repeat;} .blok .subnav2 a.active:hover { cursor: default; } /* konkretni bloky v postranim bloku*/ .menu { margin-top: 50px; text-align: left; } .info { margin-top: 10px; margin-bottom: 10px; text-align: left; } .reklama { margin-top: 10px; text-align: center;} #rychly-kontakt { margin: 5px 5px 5px 25px; font-size: 0.9em; } /* akce */ div.akce { width: 670px; background: #999 url(rezy/paticka-blok-akce-flash.gif) no-repeat bottom center; margin: 20px 0 10px 0; } div.akce h2 { width: 100%; background: #5E5858 url(rezy/hlavicka-blok-akce-flash.gif) no-repeat top center; margin: 0 ; padding: 5px 0 5px 0; color: #EFAD01;} div.akce h2 strong { padding: 0 5px 0 5px; } div.akce p { color: #ccc; } div.akce object { margin-bottom: 10px; } div.akce img { } div.akce img.plus { margin: 0 5px 0 5px; } div.akce ul { margin: 0 0 0 15px; padding: 0; } div.akce ul li { list-style: none; font-weight: bold; color: #ddd; } div.akce ul li span { font-weight: bold; color: green; } div.akce ul li a { color: #666; } div.akce ul li a:hover {} /* nabidka v blocich */ .fixblok { width: 160px ; height: 180px ; display: block; float: left; text-align: center; margin: 5px 2px 7px 2px; } .fixblok strong { display: block; margin: 160px 0 0 0; font-weight: normal; } a.fixblok { color: #F65600; text-decoration: none; font-weight: normal; font-family: verdana; } a.fixblok:hover { color: #F65600; text-decoration: underline; } a.fixblok:hover strong { font-weight: bold; } /*vzornik barev RAL*/ .bile { color: #fff;} .barva1003 { color: #fcbd1f; background: #fcbd1f;} .barva1018 { color: #ffd64d; background: #ffd64d;} .barva3000 { color: #ab1f1c; background: #ab1f1c;} .barva2011 { color: #ed5c29; background: #ed5c29;} .barva3002 { color: #a31a1a; background: #a31a1a;} .barva3020 { color: #c71712; background: #c71712;} .barva5002 { color: #000f75; background: #000f75;} .barva5010 { color: #002b70; background: #002b70;} .barva5015 { color: #1761ab; background: #1761ab;} .barva5017 { color: #003b80; background: #003b80;} .barva6005 { color: #005000; background: #005000;} .barva6029 { color: #127826; background: #127826;} .barva7035 { color: #d4d9db; background: #d4d9db;} .barva7040 { color: #9ea3b0; background: #9ea3b0;} .barva9017 { color: #000000; background: #000000;}