/* Theme Name: MARSSON Theme URI: http://www.linhart.name/ Description: Šablona pro CMS systém na bázi WordPress. Téma "computer company". Version: 2009-12 Author: Martin Krch Author URI: http://www.krch.cz */ * { margin:0; padding:0; } /* zaklad */ .hidden { display:none; } /* neviditelny */ /* ----------------------------------------- STYLY PRO Tiny MCE -------------------------------------------- */ .ngg-singlepic { background-color:#ffffff; border:1px solid #ecbebe; display:block; margin:4px 0px 4px 0px; padding:4px; position:relative; } .ngg-left { float:left; margin-right:15px; } .ngg-right { float:right; margin-left:15px; } /* ----------------------------------------- STRUKTURA STRANEK - bloky -------------------------------------------- */ body { font-size:13px; font-family:Tahoma, "Lucida Grande CE", lucida, sans-serif; color:#808080; 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:auto; margin:0; padding:0; background:#b4b4b4 url("images/backgr_body-page.gif") top center repeat-x; } #webheader { width:949px; margin:0 auto; height:280px; position:relative; background:transparent; } #header { width:949px; margin:0 auto; height:200px; position:relative; background:#046ca9 url("images/backgr_header.jpg") no-repeat; } /* horni navigacni lista */ #page { width:100%; height:auto; margin:0; padding:0 0 30px 0; background:url("images/backgr_page.gif") bottom center repeat-x; text-align:left; } #content { width:949px; margin:0 auto; background:transparent; } #container { width:949px; margin:0 auto; padding:0; text-align:left; background:#ffffff; min-height:750px; height:auto; } #footer { width:949px; margin:0 auto; padding:0; height:65px; background:#e6e6e6 url("images/backgr_footer.gif") 0 0 no-repeat; text-align:left; clear:both; } /* TOP NAVIGACE */ #navigace { position:relative; top:8px; right:5px; margin:0; padding:0; width:949px; height:35px; text-align:left; } #navigace h2 { display: none; } #navigace ul { margin:0; padding:0; list-style-type:none; } #navigace li { display:inline; } #navigace li a { display:block; height:20px; line-height:20px; margin:0; padding:0; color:#ffffff; text-align:left; text-decoration:none; vertical-align:middle; float:right; } #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; } /* QUICK */ #quick { position:relative; top:0px; left:0px; margin:0; padding:0; width:949px; height:45px; background:#005379 url("images/backgr_quick.jpg") no-repeat; } #quick h2 { display: none; } #quick ul { margin:0; padding:0; list-style-type:none; } #quick li { display:inline; } #quick li a { display:block; height:30px; line-height:30px; margin:0; padding:10px 0 0 20px; color:#ffffff; text-align:left; text-decoration:none; vertical-align:middle; float:left; font-size:14px; } #quick li.active a, #quick li a:hover, #quick li a:focus, #quick li a:active { height:30px; color:#d2e9f7; } #quick li a#item-4 { width:82px; background: url("images/ico_kontakt.gif") 74px 10px no-repeat; } #quick li a:hover#item-4 { width:82px; background: url("images/ico_kontakt.gif") 74px 10px no-repeat; } #quick li a#item-5 { width:80px; background: url("images/ico_eshop.gif") 70px 10px no-repeat; } #quick li a:hover#item-5 { width:80px; background: url("images/ico_eshop.gif") 70px 10px no-repeat; } #quick li a span { display:none; } /* HLEDAT */ #quick #hledat { margin:0 7px 0 0; padding:0; width:200px; height:45px; text-align:left; float:right; } /* H1 = hlavni nadpis na strance */ #header #logo { position:absolute; top:0px; left:0; z-index:1; margin:0; padding:20px 0 0 20px; font-size:36px; width:410px; height:115px; } #header #logo a { width:410px; height:115px; padding:0; overflow:hidden; text-decoration:none; overflow:hidden; color:#ffffff;} #header #logo a span { position:absolute; top:0px; left:0px; z-index:2; width:100%; height:100%; margin:0; padding:0; background:url("images/logo_marsson.gif") no-repeat; cursor:pointer; } .description { position:relative; top:10px; right:0px; float:right; font-size:15px; font-weight:normal; color:#525252; display:none; } /* text nahore vpravo */ #header #intro { position:relative; top:115px; left:30px; float:left; font-size:15px; font-weight:normal; color:#ffffff; line-height:21px; font-family: Verdana, "Geneva CE", lucida, sans-serif; } /* ---------------------------------------------- Textovy blok vlevo - zde se nacitaji stranky ------------------------------------------------- */ #wrapper { float:left; margin:0; padding:0px 20px 0px 10px; } .short { width:498px; background:#ffffff;} .long { width:699px; background:#ffffff;} /* wrapper h1 { font-size:25px; font-weight:normal; color:#0072a6; margin:20px 0px 10px 0px; padding:0 0 15px 0; line-height:20px; background: url("images/backgr_H1.gif") left bottom repeat-x; } */ .short h1 { font-size:25px; font-weight:normal; color:#0072a6; margin:20px 0px 5px 0px; padding:0 0 10px 0; line-height:27px; background: url("images/backgr_H1.gif") left bottom repeat-x; } .short h2 { font-size:15px; font-weight:bold; color:#ffffff; margin:20px 0px 10px 0px; padding:5px 5px 5px 10px; line-height:20px; background:#0072a6; display:block; text-align:left; } .short h3 { font-size:15px; font-weight:bold; color:#af111e; margin:10px 0px 0px 0px; padding:5px 5px 5px 0px; line-height:20px; background:#f2f8fb; display:block; text-align:right; } .long h1 { font-size:25px; font-weight:normal; color:#0072a6; margin:20px 0px 15px 0px; padding:0 0 12px 0; line-height:27px; background: url("images/backgr_H1.gif") left bottom repeat-x; } .long h2 { font-size:15px; font-weight:bold; color:#ffffff; margin:20px 0px 10px 0px; padding:5px 5px 5px 10px; line-height:20px; background:#0072a6; display:block; text-align:left; } .long h3 { font-size:15px; font-weight:bold; color:#0072a6; margin:15px 0px 0px 0px; padding:0px 0px 5px 25px; line-height:21px; background: url("images/image_h4.gif") -3px 0 no-repeat; } #wrapper p { font-size:12px; font-weight:normal; color:#595959; margin:0px 0px 0px 0px; padding:3px 0px 3px 0px; line-height:15px; } #wrapper ul { font-size:12px; font-weight:normal; margin:5px 0px 5px 23px; padding:0px 0px 0px 0px; list-style-type:square; text-indent:0px; } #wrapper li { font-size:12px; font-weight:normal; color:#595959; margin:0px 100px 0px 0px; padding:2px 0px 2px 15px; line-height:14px; list-style-type:none; text-indent:0px; background: url("images/image_odrazka.gif") 0 4px no-repeat; } #wrapper li a { font-weight:normal; color:#af111e; } #wrapper li a:hover { color:#0072a6; } #wrapper #drobecky { font-size:11px; margin:10px 0 0 0; padding:5px 0 0 0; border-bottom:1px #e3f4fc solid; } .entry .alignleft { float:left; margin:5px 10px 5px 0; padding:3px; background:#eeeeee; } .alignleft { float:left; margin:13px 0 0 0; background:#000000; } .alignleft a { display:block; border:2px solid #cfcfcf; margin:0; padding:2px 10px 5px 10px; background:#f5f5f5; color:#7f7f7f; height:17px; } .alignleft a:hover { color:#000000; } .alignright { float:right; margin:13px -20px 0 0; } .alignright a { display:block; border:2px solid #cfcfcf; margin:0; padding:2px 10px 5px 10px; background:#f5f5f5; color:#7f7f7f; height:17px; } .alignright a:hover { color:#000000; } table { font-size:12px; font-weight:normal; color:#000000; margin:0; padding:0; line-height:13px; } table th { font-size:12px; font-weight:bold; color:#000066; margin:0; padding:10px 5px 10px 10px; line-height:13px; background:#eae3e1; } table td { font-size:12px; font-weight:normal; color:#000000; margin:0; padding:5px 5px 5px 10px; line-height:13px; background:#f1edec; } /* odkazy - textove odkazy na strankach */ a { color:#af111e; text-decoration:none; } a:hover { color:#0072a6; } a img { border:0; } /* images */ img { border:0; } .size-thumbnail { margin:0px 10px 5px 0; padding:3px; background:#eeeeee; } .size-full { margin:0px 10px 5px 0; padding:3px; background:#eeeeee; } .size-large { margin:0px 10px 5px 0; padding:3px; background:#eeeeee; width:694px; } .cara { color:#e5e5e5; background:#e5e5e5; border:solid #e5e5e5 1px; margin:5px 0 5px 0; padding:0; width:600px; } /* -------------------------------------------- BLOK VPRAVO = TEXTY v levem sloupci ----------------------------------------------- */ #vlevo { width:210px; float:left; text-align:left; margin:0; padding:10px 0px 20px 0px; min-height:500px; height:auto; background:#ffffff; } #vlevo .menu-vertikalni { width:190px; margin:0 0 0 10px; padding:0; background:#0070a4; font-family: Verdana, "Geneva CE", lucida, sans-serif; } #vlevo .menu-vertikalni .nabidka { font-size:14px; font-weight:bold; color:#ffffff; text-align:left; margin:0; padding:0 0 0 12px; line-height:32px; background:#920814 url("images/menu_head.jpg") no-repeat; } #vlevo .menu-vertikalni ul { font-size:13px; font-weight:normal; line-height:29px; list-style-type:none; margin:0; padding:0; } #vlevo .menu-vertikalni ul li a { display:block; font-size:13px; line-height:29px; list-style-type:none; margin:0; padding:0 0 0 15px; text-indent:15px; background: url("images/menu_button.gif") left top no-repeat; } #vlevo .menu-vertikalni ul li:hover a { background: url("images/menu_button.gif") left bottom no-repeat; margin:0; padding:0 0 0 15px; } #vlevo .menu-vertikalni ul li ul li a { display:block; font-size:13px; line-height:29px; list-style-type:none; margin:0; padding:0 0 0 45px; text-indent:0px; background: url("images/menu_button-pod.gif") left top no-repeat; } #vlevo .menu-vertikalni ul li:hover ul li a { display:block; font-size:13px; line-height:29px; list-style-type:none; margin:0; padding:0 0 0 45px; text-indent:0px; background: url("images/menu_button-pod.gif") left top no-repeat; } #vlevo .menu-vertikalni ul li ul li:hover a { background: url("images/menu_button-pod.gif") left bottom no-repeat; margin:0; padding:0 0 0 45px; } #vlevo .kontakt { width:178px; font-size:14px; font-weight:bold; color:#ffffff; margin:15px 0 0 10px; padding:0 0 0 12px; line-height:48px; background:#920814 url("images/header_kontakt.jpg") no-repeat; } #vlevo .adresa { font-size:13px; font-weight:normal; color:#000000; margin:0 0 0 10px; padding:0 0 0 10px; line-height:17px; } #vlevo p { font-size:13px; font-weight:normal; color:#000000; margin:0 0 0 10px; padding:0 0 0 10px; line-height:17px; } #vlevo p span { float:left; margin:-17px 0 0 70px; } #vlevo li a { font-weight:normal; color:#ffffff; display:block; } #vlevo li a:hover { font-weight:normal; color:#d2e9f7; } #vlevo #partneri { width:190px; margin:15px 0 0 10px; padding:0; background:#ffffff; text-align:center; } #vlevo #partneri p { font-size:12px; font-weight:normal; color:#a7a7a7; text-align:left; background:url("images/header_partneri.gif") no-repeat; margin:0; padding:0 0 0 29px; line-height:28px; } #vlevo #partneri img { width:150px; margin:5px 0 0 0; padding:0; } /* -------------------------------------------- BLOK VPRAVO = TEXTY v pravem sloupci ----------------------------------------------- */ #vpravo { width:201px; float:left; text-align:left; margin:0; padding:10px 0px 20px 0px; min-height:500px; height:auto; background:#ffffff; } #vpravo h2 { width:156px; min-height:50px; height:auto; font-size:15px; font-weight:bold; color:#0072a6; text-align:left; margin:0; padding:5px 5px 0 40px; background:#a3d7f0 url("images/vpravo_header.gif") no-repeat; border-bottom:0px solid #333333; } #vpravo .textwidget { width:201px; text-align:left; margin:0 0 10px 0; padding:0; min-height:40px; background:#e8f3fa url("images/vpravo_body.gif") bottom left no-repeat; border-top:0px solid #333333; } .textwidget p { color:#565147; font-size:12px; font-weight:normal; margin:0; padding:8px 10px 10px 10px; line-height:14px; } .textwidget img { margin:5px 0 5px 0; padding:0; border:2px solid #c5deeb; width:177px; } .textwidget a { font-weight:normal; color:#0262a5; } .textwidget a:hover { color:#000000; } /* ankety */ .wp-polls { width:201px; text-align:left; margin:0 0 10px 0; padding:0; min-height:40px; background:#e8f3fa url("images/vpravo_body.gif") bottom left no-repeat; border-top:0px solid #333333; } .wp-polls p { color:#565147; font-size:12px; font-weight:normal; margin:0; padding:8px 10px 10px 10px; line-height:14px; } .wp-polls-ans { margin:0; padding:0; } .wp-polls-ul { margin:0; padding:0; line-height:20px; } .wp-polls label { display:block; margin:20px; padding:0; text-align:left; } .wp-polls-radio { display:block; margin:20px; padding:0 0 0 30px; text-align:left; } /* -------------------------------------------- HLAVNI OBRAZEK na strance - kolaz vpravo = 734x215px ------------------------------------------------- */ #extra { width:949px; height:170px; background:url("images/webheader_right.gif") top right no-repeat; margin:0; clear:both; } #extra-sidebar { width:807px; height:170px; float:left; text-align:left; background:url("images/webheader_left.gif") repeat-x; } #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:right; width:640px !important; height:320px !important; border:0px #000000 solid !important; } #myGallery h2 { font-size:14px; font-weight:bold; padding:7px 0px 0px 20px; color:#baaa48!important; } #myGallery h2 a { font-size:16px; color:#000000!important; } #myGallery p { font-size:11px; font-weight:normal; letter-spacing:-1px; padding:0px 0px 0px 20px; color:#baaa48!important; } .slideInfoZone { height:55px !important; background:#ffffff !important; } /* -------------------------------------------- NAVIGACE - horizontalni menu --------------------------------------------- #menu-horizontal { position:relative; float:left; top:0px; left:20px; height:60px; text-align:left; width:807px; margin:0; padding:0; z-index:10; } #menu { width:100%; margin:0; } #menu, #menu ul { text-align:left; list-style:none; font-weight:normal; color:#eeeeee; list-style-type:none; } #menu li { float:left; padding:0; margin:0; color:#eeeeee; list-style-type:none; font-size:14px;} #menu a { color:#eeeeee; display:block; height:60px; line-height:45px; padding:3px 15px 0px 15px; text-decoration:none; font-weight:normal; border-right:0px solid #ecbebe; } #menu a:hover { color:#000000; background:url("images/menu_on.gif") repeat-x; } /* rozbalene podmenu #menu li ul { margin:0 0 0 -10px; padding:10px 0 10px 0; border:6px solid #ecbebe; position:absolute; top:34px; left:-999em; min-height:80px; height:auto; width:230px; background:#ffffff /* url("images/podmenu_pozadi.jpg") no-repeat; * #menu li li { width:230px; margin:0; } #menu li ul a { margin:0; padding:0px 15px 0px 15px; color:#808080; line-height:33px; } #menu li ul a:hover { margin:0; padding:0px 15px 0px 15px; color:#9d0b16; background:url("images/podmenu_active.png") top 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 { color:#000000; } */ /* -------------------------------------------- PATICKA - spodni prouzek ------------------------------------------------- */ #footer #text { margin:0 auto; padding:0; width:949px; height:100%; text-align:left; } #footer #text #webdesign { display:block; position:relative; top: 24px; 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: 24px; 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:#8a8a8a; font-size: 12px; } #footer #text a { color:#0072a6; text-decoration:none; font-weight:normal; } #footer #text a:hover { color:#8a8a8a; } /* KOMENTARE a FOMULARE ------------------------------------------------- */ .respond { font-size:14px; font-weight:normal; color:#999999; margin:0; padding:0; line-height:38px; border-bottom:solid #dddddd 3px; } .comment { font-size:14px; font-weight:normal; color:#999999; margin:0; padding:0; line-height:38px; border-bottom:solid #dddddd 2px; } .commentmetadata { margin:0; padding:0; } .commentlist { margin:0 20px 0 20px; padding:0; } #commentform { margin:0; } small { font-size:11px; font-weight:normal; color:#999999; margin:0; padding:0; line-height:20px; } #commentform label { display:block; width:70px; margin:2px 10px 0 0; float:left; clear:left; text-align:right; } input { font-size:13px; color:#808080; background:#e5e5e5; border:1px solid #dddddd; margin:0; padding:3px; height:17px; } textarea { font-size:13px; color:#808080; background:#e5e5e5; border:1px solid #dddddd; margin:5px 0 10px 0; padding:3px; width:100px; height:70px; } select { font-size:13px; color:#808080; background:#e5e5e5; border:1px solid #dddddd; margin:0; padding:3px; width:150px; height:25px; } .test { font-size:13px; color:#808080; background:#e5e5e5; border:1px solid #ecbebe; margin:0; padding:3px; width:150px; } .file { font-size:13px; color:#808080; background:#e5e5e5; border:1px solid #ecbebe; margin:0; padding:3px; width:150px; height:25px; } input#author, input#email { background:#ffffff; } input:focus, textarea:focus { background:#ffffff; } input:hover, textarea:hover { background:#ffffff; cursor:text; } #comment { font-size:13px; color:#808080; border:1px solid #dddddd; margin:0; padding:3px; width:290px; } input#submit, input#reset { padding:0 0 2px 0; border:1px #ffffff solid; background:#ee770a; color:#ffffff; width:80px; height:25px;} input#submit:hover, input#reset:hover { cursor:pointer; background:#000000; } /* FORMULAR VYHLEDAT ------------------------------------------------- */ #searchform { margin:10px 0 0 0; } input#s { width:125px; height:21px; font-size:12px; color:#0f2a48; background:#eeeeee url("images/search_pole.gif"); margin:0; padding:4px 0 0 10px; vertical-align:middle; border:0px} input#searchsubmit { background:url("images/search_button.gif") top left no-repeat; color:#ffffff; width:55px; height:25px; margin:0 0 0 -4px; padding:0 2px 3px 0; vertical-align:middle; border:0px; } input#searchsubmit:hover { background:url("images/search_button.gif") bottom left no-repeat; color:#ffffff; cursor:pointer;} /* INDEX + VYSLEDEK HLEDANI ------------------------------------------------- */ .post { margin:0px; padding:0px; } .dte { font-size:11px; font-weight:normal; color:#333333; margin:0; padding:0 0 10px 0; line-height:15px; } .author { font-weight:normal; color:#ee770a; } .postmetadata { clear:both; font-size:12px; color:#a3a3a3; padding:0px; } .info { clear:both; font-size:12px; color:#a3a3a3; padding:0 0 10px 0; line-height:20px; } .post .postmetadata { position:relative; top:0px; left:0; z-index:1; margin:-5px 0 40px 0; padding:0; width:498px; height:30px; background:url("images/backgr_H1.gif") 0 -12px repeat-x; text-align:right; } .post .postmetadata a { display:block; height:30px; padding:10px 10px 0 0px; overflow:hidden; text-decoration:none; overflow:hidden; color:#af111e; font-size:11px; font-weight:normal; } .post .postmetadata a:hover { color:#0072a6; } .post .postmetadata a span { display:block; background:url("images/butonek_vic.pngx"); color:#ffffff; width:402px; height:30px; margin:-15px 0 0 0; padding:0; text-align:right; z-index:2; cursor:pointer; } /* -------------------------------------------- /* 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:1px solid #ecbebe; display:block; margin:4px 0px 4px 5px; padding:4px; position:relative; } #wrapper .ngg-gallery-thumbnail img:hover { background-color:#ecbebe; } #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 #acd6ec; display:block; margin:4px 0px 4px 0px; padding:4px; position:relative; } #wrapper .ngg-left { float:left; margin-right:15px; } #wrapper .ngg-right { float:right; margin-left:15px; } #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:#808080; 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:949px; margin:0 auto; height:150px; position:relative; background:#ffffff; } #header { width:949px; 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:949px; margin:0 auto; background:#ffffff; } #rohy-top { display: none; } #container { width:949px; 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:#bc5b62; 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; } }