/* Theme Name: SEOmicrosites.cz Theme URI: http://www.krch.cz Description: Šablona pro CMS systém na bázi WordPress. Téma "microsite" Version: 2009-10 Author: Martin Krch Author URI: http://www.krch.cz */ * { margin:0; padding:0; } /* zaklad */ .hidden { display:none; } /* neviditelny */ /* ----------------------------------------- STYLY PRO Tiny MCE -------------------------------------------- */ h1 { font-size:30px; font-weight:normal; color:#eebd08; margin:15px 0px 5px 0px; padding:0; line-height:38px; } h2 { font-size:23px; font-weight:normal; color:#f29400; margin:20px 0px 0px 0px; padding:0; line-height:30px; } h3 { font-size:18px; font-weight:normal; color:#000000; margin:15px 0px 0px 0px; padding:0px 0px 0px 25px; line-height:21px; background: url("images/image_h3.gif") 0 0 no-repeat; } h4 { font-size:18px; font-weight:normal; color:#000000; margin:15px 0px 0px 0px; padding:0px 0px 0px 25px; line-height:21px; } p { font-size:13px; font-weight:normal; color:#000000; margin:0px 0px 0px 0px; padding:5px 0px 5px 0px; line-height:15px; } ul { font-size:13px; font-weight:normal; margin:5px 0px 5px 25px; padding:0px 0px 0px 0px; list-style-type:none; text-indent:0px; } li { font-size:13px; font-weight:normal; color:#000000; margin:0px 0px 0px 0px; padding:2px 0px 2px 15px; line-height:13px; list-style-type:none; text-indent:0px; background: url("images/image_odrazka.gif") 0 4px no-repeat; } .ngg-singlepic { background-color:#ffffff; border:1px solid #d6e0b4; display:block; margin:4px 0px 4px 0px; padding:4px; position:relative; } .ngg-left { float:left; margin-right:15px; clear:left; } .ngg-right { float:right; margin-left:15px; } /* ----------------------------------------- STRUKTURA STRANEK - bloky -------------------------------------------- */ body { font-size:13px; font-family:"Trebuchet MS", "Geneva CE", lucida, sans-serif; color:#ffffff; text-align:left; background:#ffffff; } .correct { clear:left; height:1px; } /* oprava na zobrazeni pozadi divu "content" */ /* HLAVNI BLOK stranky = obdelniky */ #body-page { width:100%; height:100%; margin:0; padding:0; background:#1956a6 url("images/backgr_body-page.gif") repeat-x; } #webheader { width:950px; margin:0 auto; height:370px; position:relative; background:transparent; } #header { width:950px; height:40px; margin:0 auto; position:relative; } #page { width:100%; margin:0; padding:0; background:#0f2a48 url("images/backgr_page.gif") bottom repeat-x; text-align:left; } #content { width:950px; margin:0 auto; padding:0; background: url("images/backgr_content.gif") repeat-y; } #menu-horizontal { position:absolute; float:right; top:70px; right:20px; height:42px; text-align:left; width:600px; margin:0; padding:0; z-index:10; } #container { width:950px; margin:0 auto; padding:0; text-align:left; background: url("images/backgr_container.jpg") no-repeat bottom; min-height:600px; height:auto !important; height:100%; } #footer { margin:0; padding:0; width:100%; height:75px; text-align:center; clear:both; background:#1956a6; } /* H1 = hlavni nadpis na strance */ #header .logo { position:absolute; top:60px; left:10px; z-index:1; margin:0; padding:0px; font-size:36px; width:300px; height:80px; } #header .logo a { width:300px; height:80px; padding:0; overflow:hidden; text-decoration:none; overflow:hidden; color:#eebd08; } #header .logo a:hover { color:#e95d0f; } #header .logo a span { position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; margin:0; padding:0; background:url("images/logo_seomicrosites.gif") no-repeat; cursor:pointer; } .description { display:none; position:relative; top:4px; right:60px; float:right; font-size:15px; font-weight:normal; color:#d6e0b4; } /* TOP NAVIGACE */ #header #navigace { position:relative; top:15px; left:850px; margin:0; padding:0; width:84px; height:20px; text-align:left; } #navigace h2 { display: none; } #navigace ul { margin:0; padding:0; list-style-type:none; } #navigace li { display:inline; background:none; list-style-type:none; margin:0; padding:0;} #navigace li a { display:block; height:20px; line-height:20px; margin:0; padding:0; color:#ffffff; text-align:center; text-decoration:none; vertical-align:middle; float:left; } #navigace li.active a, #navigace li a:hover, #navigace li a:focus, #navigace li a:active { height:20px; } #navigace li a#item-1 { width:28px; background: url("images/navigace_home.gif") top no-repeat; } #navigace li a:hover#item-1 { width:28px; background: url("images/navigace_home.gif") bottom no-repeat; } #navigace li a#item-2 { width:28px; background: url("images/navigace_mapa.gif") top no-repeat; } #navigace li a:hover#item-2 { width:28px; background: url("images/navigace_mapa.gif") bottom no-repeat; } #navigace li a#item-3 { width:28px; background: url("images/navigace_print.gif") top no-repeat; } #navigace li a:hover#item-3 { width:28px; background: url("images/navigace_print.gif") bottom no-repeat; } #navigace li a span { display:none; } /* ---------------------------------------------- Textovy blok vlevo - zde se nacitaji stranky ------------------------------------------------- */ #wrapper { width:600px; float:right; margin:0; padding:0 10px 0 10px; border:#ffff11 0px solid } #wrapper h1 { font-size:30px; font-weight:normal; color:#eebd08; margin:15px 0px 5px 0px; padding:0; line-height:38px; } #wrapper h2 { font-size:23px; font-weight:normal; color:#f29400; margin:20px 0px 0px 0px; padding:0; line-height:30px; background:url("images/h2.png") 0 8px no-repeat; } #wrapper h3 { font-size:18px; font-weight:normal; color:#ffffff; margin:15px 0px 0px 0px; padding:0px 0px 10px 25px; line-height:21px; background: url("images/image_h3.gif") 0 0 no-repeat; } #wrapper h4 { font-size:16px; font-weight:normal; color:#ffffff; margin:0px 0px 0px 0px; padding:0px 0px 0px 25px; line-height:21px; } #wrapper p { font-size:13px; font-weight:normal; color:#ffffff; margin:0px 0px 0px 0px; padding:5px 0px 5px 0px; line-height:15px; clear:right; } #wrapper hr { border:1px solid #15437e; margin:5px 0 15px 0; padding:0; width:580px; clear:both; } #wrapper ul { font-size:13px; font-weight:normal; margin:5px 0px 5px 25px; padding:0px 0px 0px 0px; list-style-type:none; text-indent:0px; } #wrapper li { font-size:13px; font-weight:normal; color:#ffffff; margin:0px 0px 0px 0px; padding:2px 0px 2px 15px; line-height:13px; list-style-type:none; text-indent:0px; background: url("images/image_odrazka.gif") 0 4px no-repeat; } #wrapper a, li a { font-weight:normal; color:#eebd08; } #wrapper a:hover, li a:hover { color:#e95d0f; } .alignleft { float:left; } .alignright { float:right; } /* odkazy - textove odkazy na strankach */ a { color:#eebd08; text-decoration:underline; } a:hover { color:#e95d0f; } a img { border:0; } /* images */ img { border:0; } .size-thumbnail { background-color:#ffffff; border:1px solid #d6e0b4; display:block; margin:4px 0px 4px 0px; padding:4px; position:relative; } .cara { color:#edf2dd; background:#edf2dd; border:solid #edf2dd 1px; margin:5px 0 5px 0; padding:0; width:600px; } /* ----------------------------------------- SLOUPEK VLEVO -------------------------------------------- */ #sidebar { width:290px; float:left; margin:0; padding:0; text-align:left; } #sidebar .boxy { width:290px; margin:0; padding:0; font-family: Verdana, "Geneva CE", lucida, sans-serif; } #sidebar .boxy h2 { font-size:15px; font-weight:bold; color:#ffffff; text-align:left; margin:0; padding:0 0 0 28px; line-height:53px; } #sidebar .boxy .proc { background:#eebd08 url("images/backgr_h2-proc.gif") no-repeat; margin:5px 0 6px 0; color:#0f2a48; } #sidebar .boxy .kontakty { background:url("images/backgr_h2-adresa.gif") no-repeat; margin:30px 0 6px 0; } #sidebar .boxy .adresa { font-size:14px; font-weight:normal; color:#ffffff; text-align:left; margin:2px 0 0 30px; padding:0; line-height:16px; } #sidebar .boxy span { font-size:13px; font-weight:normal; color:#ffffff; text-align:left; margin:0; padding:0; line-height:16px; } #sidebar .boxy p { font-size:13px; font-weight:normal; color:#ffffff; text-align:left; margin:2px 0 0 30px; padding:0; line-height:14px; } #sidebar .boxy a { color:#eebd08; font-size:13px; font-weight:normal; text-decoration:underline; } #sidebar .boxy a:hover { color:#e95d0f; font-weight:normal; } #sidebar .boxy ul li { list-style-type:none; line-height:18px; margin:0 0 0 -10px; padding:0 0 0 20px; font-size:12px; color:#ffffff; background: url("images/img_odrazka.gif") 0 0 no-repeat; } #sidebar .boxy ul li a, #sidebar .boxy ul li a:hover { font-size:12px; font-weight:normal; margin:0; padding:0; } #sidebar .boxy ul li ul li a, /* Enhanced links */ .link-cat-title { color:#93a74c; font-size:14px; font-weight:normal; line-height:22px; padding:5px 3px 0px 5px; } .linkcat { color:#93a74c; font-weight:normal; margin:0px 8px 0px 0px; border-bottom:1px #edf2dd solid; } ul .linkcat { margin:0 0 0 -20px; padding:0; } .linkcat ul { margin:0 0 0 10px; padding:0; } .linkcat li { color:#687351; font-weight:normal; text-align:left; list-style-type:none; margin:0; padding:0; } .linkcat li a { font-weight:normal; color:#dc931a; } .linkcat li a:hover { color:#000000; } /* -------------------------------------------- HLAVNI OBRAZEK na strance - kolaz vpravo = 950x330px ------------------------------------------------- */ #extra { width:950px; height:330px; background:#ffffff url("images/webheader_right.jpg") top right no-repeat; margin:0px; clear:both; } #extra-sidebar { width:325px; height:330px; float:left; text-align:left; background:url("images/webheader_left.jpg") no-repeat; } #extra-sidebar h2 { visibility:hidden; text-transform:none; font-size:18px; font-weight:normal; line-height:19px; text-align:right; color:#ffffff; margin:20px 30px 8px 18px; } #extra-sidebar h3 { visibility:hidden; font-size:11px; font-weight:bold; color:#ffffff; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:none; } #extra-sidebar ul { margin:13px 15px 0px 25px; padding:0px; list-style-type:none; } #extra-sidebar li { letter-spacing:0px; font-size:12px; font-weight:normal; display:block; text-transform:none; color:#ffffff; } #extra-sidebar li a { text-transform:capitalize; font-weight:bold; color:#ffffff; } extra-sidebar li a:hover { color:#e5ca63; } /* -------------------------------------------- OBRAZKY - rolovani ------------------------------------------------- */ #myGallery { float:left; width:599px !important; height:213px !important; border:0px #ffffff solid !important; margin:82px 0 0 2px; padding:0; } #myGallery .imageElement h2 { font-size:40px; font-weight:bold; padding:7px 0px 0px 20px; color:#baaa48!important; } #myGallery h2 a { font-size:16px; color:#000000!important; } #myGallery p { font-size:20px; font-weight:normal; letter-spacing:-1px; padding:0px 0px 0px 20px; color:#ffffff!important; } .slideInfoZone { height:55px !important; background:#ffffff !important; } .slideInfoZone p { font-size:20px; font-weight:normal; padding:0px 0px 0px 20px; color:#ffffff!important; } /* -------------------------------------------- NAVIGACE - horizontalni menu ---------------------------------------------*/ #menu { width:100%; margin:0; } #menu, #menu ul { text-align:left; list-style:none; font-weight:normal; color:#ffffff; list-style-type:none; } #menu li { float:left; padding:0; margin:0; color:#ffffff; list-style-type:none; font-family: Verdana, "Geneva CE", lucida, sans-serif; font-size:15px; } #menu a { color:#ffffff; display:block; line-height:42px; padding:0 21px 0px 21px; text-decoration:none; font-weight:normal; background:#1656ac url("images/menu_off.gif") bottom right no-repeat; } #menu a:hover { color:#ffffff; background:#114d9c url("images/menu_on.gif") bottom right no-repeat; } /* rozbalene podmenu */ #menu li ul { margin:0; padding:0; border:0px solid #d6e0b4; position:absolute; top:42px; left:-999em; height:auto; width:230px; } #menu li li { width:230px; margin:0; list-style-type:none; background:none; } #menu li ul a { margin:0; padding:0px 15px 0px 23px; color:#ffffff; line-height:35px; font-size:13px; } #menu li ul a:hover { margin:0; padding:0px 15px 0px 23px; color:#eebd08; line-height:35px; background:url("images/menu_off.gif") bottom right no-repeat; } #menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul { left:auto; } #menu li:hover, #menu li.sfhover { } /* -------------------------------------------- NAVIGACE - vertikalni menu ------------------------------------------------- */ /* #navigation2 { position:relative; clear:right; float:left; top:5px; left:0px; display:block; width:245px; height:auto; text-align:left; z-index:10; margin:0px; padding:0px; background:#ffffff url(images/Kollofrath_backgr_navigation.gif) repeat-y left top } #nav2 {width:180px; margin:0px 0px 0px 36px; font-size:12px; background:#f2e896} #nav2, #nav2 ul {text-align:left; list-style:none; font-weight:normal; color:#666633} #nav2 li {float:left; padding:0; margin:0; color:#ffffff} #nav2 a {width:180px; border-bottom:1px solid #ffffff; color:#666633; background:#f2e896; display:block; line-height:25px; padding:0px 0px 0px 10px; text-decoration:none;} #nav2 a:hover {color:#ffffff; background:#d1c66b} #nav2 li ul {width:160px; top:0px; margin:0px 0px 0px 150px; padding:0; border:0px solid #ffffff; position:absolute; left:-900px} #nav2 li li {width:160px; margin:0} #nav2 li ul a {width:160px; top:0px; margin:0; background:#f6f3db; border-left:1px solid #d1c66b; border-right:1px solid #d1c66b; border-top:0px solid #d1c66b; color:#dc931a} #nav2 li ul a:hover {width:160px; margin:0; padding:0px 0px 0px 10px; } #nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul {width:160px; left:auto} #nav2 li:hover, #nav2 li.sfhover {width:160px; } #breadcrumbs {position:absolute; font-size:0.8em; top:4px; left:5px; text-align:left; text-transform:lowercase;} */ /* -------------------------------------------- PATICKA - spodni prouzek ------------------------------------------------- */ #footer #text { margin:0 auto; padding:0; width:950px; height:45px; text-align:left; background:#0f2a48; } #footer #text #webdesign { display:block; position:relative; top: 15px; left: 20px; margin:0; padding:0; width:700px; height:20px; text-align:left; float: left; clear: both; } #footer #text #copyright { display:block; position:relative; top: 15px; right: 20px; margin:0; padding:0; width:200px; height:20px; text-align:right; float: right; } #footer #text p { margin:0; padding:0; line-height:15px; color:#cfd4da; font-size: 12px; } #footer #text a { color:#cfd4da; text-decoration:none; font-weight:normal; } #footer #text a:hover { color:#ffffff; } /* KOMENTARE a FOMULARE ------------------------------------------------- */ .respond { font-size:16px; font-weight:normal; color:#f29400; margin:0; padding:0; line-height:38px; } .comments { font-size:18px; font-weight:normal; color:#ffffff; margin:15px 0px 40px 0px; padding:0 0 5px 0; border-bottom:2px solid #15437e; } .commentmetadata { margin:0; padding:0; } .commentlist { margin:20px 20px 0 20px; padding:0; line-height:13px; } #commentform { margin:0 0 30px 0; } small { font-size:13px; font-weight:normal; color:#ffffff; margin:0; padding:0; line-height:20px; } label { display:block; width:150px; margin:2px 10px 0 0; float:left; clear:left; text-align:right; } input { font-size:13px; color:#0f2946; background:#96bff7; border:1px solid #0f2946; margin:0; padding:3px; height:17px; } textarea { font-size:13px; color:#0f2946; background:#96bff7; border:1px solid #0f2946; margin:5px 0 10px 0; padding:3px; width:400px; height:70px; } select { font-size:13px; color:#0f2946; background:#96bff7; border:1px solid #0f2946; margin:0; padding:3px; width:275px; height:25px; } .test { font-size:13px; color:#0f2946; background:#96bff7; border:1px solid #0f2946; margin:0; padding:3px; width:225px; } .file { font-size:13px; color:#0f2946; background:#96bff7; border:1px solid #0f2946; margin:0; padding:3px; width:270px; height:25px; } input#author, input#email { background:#96bff7; } input:focus, textarea:focus { background:#ffffff; } input:hover, textarea:hover { background:#ffffff; cursor:text; } #comment { font-size:13px; color:#687351; border:1px solid #0f2946; margin:0; padding:3px; width:410px; } input#submit, input#reset { padding:0 0 2px 0; border:1px #0f2946 outset; background:#eebd08; color:#0f2a48; width:80px; height:26px;} input#submit:hover, input#reset:hover { cursor:pointer; background:#e95d0f; color:#ffffff; } /* FORMULAR VYHLEDAT ------------------------------------------------- */ #searchform { margin:30px 0 0 30px; } input#s { width:180px; height:20px; font-size:12px; border:1px #0f2a48 solid; margin:0; padding:4px 5px 0 7px; vertical-align:middle; } input#searchsubmit { background:#eebd08; color:#0f2a48; width:55px; height:26px; margin:0; padding:0; vertical-align:middle; } input#searchsubmit:hover { cursor:pointer; background:#e95d0f; color:#ffffff; } /* VYSLEDEK HLEDANI ------------------------------------------------- */ .post { margin:0px; padding:0px; } .dte { font-size:13px; font-weight:normal; color:#99c4ff; margin:0 0 0 25px; padding:0; line-height:15px; } .author { font-weight:bold; } .postmetadata { clear:both; font-size:12px; color:#a3a3a3; padding:14px; border-top:1px #e3f5ff solid; } .info { clear:both; font-size:12px; color:#a3a3a3; margin:20px 0 30px 0; padding:5px 0 10px 0; line-height:20px; border-top:5px solid #15437e; } /* -------------------------------------------- /* NEXTGEN GALERIE ------------------------------------------------- */ #wrapper .ngg-galleryoverview { overflow:hidden; margin-top:10px; width:100%; clear:both; display:block !important; } #wrapper .ngg-galleryoverview .desc { margin:0px 10px 10px 0px; padding:5px; } #wrapper .ngg-gallery-thumbnail-box { float:left; width:200px; } #wrapper .ngg-gallery-thumbnail { float:left; margin-right:5px; text-align:left; } #wrapper .ngg-gallery-thumbnail img { background-color:#ffffff; border:0px solid #eebd08; display:block; margin:4px 0px 4px 5px; padding:4px; position:relative; } #wrapper .ngg-gallery-thumbnail img:hover { background-color:#eebd08; } #wrapper .ngg-gallery-thumbnail span { font-size:12px; padding:0 5px 0 8px; line-height:14px;} /* popisek u obrazku */ #wrapper .ngg-clear { clear:both; } /* ----------- Single picture -------------*/ #wrapper .ngg-singlepic { background-color:#ffffff; border:1px solid #d6e0b4; display:block; margin:0px; padding:4px; position:relative; } #wrapper .ngg-left { float:left; margin:0px 25px 10px -23px; clear:left; } #wrapper .ngg-right { float:right; margin-left:25px; } #wrapper .ngg-center { margin-left:auto !important; margin-right:auto !important; } /* -------------------------------------------- /* TISKOVY STYL ------------------------------------------------- */ @media print { body { font-size:13px; font-family:"Trebuchet MS", "Geneva CE", lucida, sans-serif; color:#687351; text-align:left; background:#ffffff; } #extra { display: none; } #body-page { width:100%; height:100%; margin:0; padding:0; background:#ffffff; } #header #navigace { display: none; } .description { position:relative; top:4px; right:0; float:right; font-size:18px; font-weight:normal; color:#000000; } #webheader { width:950px; margin:0 auto; height:150px; position:relative; background:#ffffff; } #header { width:950px; margin:0 auto; height:41px; position:relative; background:#ffffff; } #menu-horizontal { display: none; } #page { width:100%; margin:70px 0 0 0; padding:0; background:#ffffff; text-align:left; } #content { width:950px; margin:0 auto; background:#ffffff; } #rohy-top { display: none; } #container { width:950px; margin:0 auto; padding:0 0 20px 0; text-align:left; background:#ffffff; min-height:500px; height:auto !important; height:100%; } #footer { margin:0; padding:0; width:100%; height:3px; background:#779503; text-align:center; clear:both; } #footer #text p { margin:0; padding:0; line-height:20px; color:#000000; font-size: 12px; } #footer #text a { color:#000000; text-decoration:underline; font-weight:normal; } } .reference-detail p { font-size: 13px !important; font-family:Verdana, lucida, sans-serif !important; line-height: 18px !important; } .reference-detail h4 { font-size: 13px !important; } .reference-detail ul li { font-size: 13px !important; }