/* ------------------------------------------------------ GULIWER s.r.o. General Screen Styles Created by the Guliwer s.r.o. , 2007 http://www.guliwer.sk ------------------------------------------------------ */ /*------------------------------------------- General Selectors -------------------------------------------*/ * { margin:0; padding: 0; } html, body { height: 100%; cursor:default; } body { text-align:center; font-size:62.5%; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; background: #4fa5c3 url(../images/body.jpg) top left; } h1 { font-size: 2.2em; color:#86b400; line-height:1.5em; height:40px; padding-left:45px; margin-bottom:10px; background: url(../images/icon_2.gif) no-repeat center left; font-weight:700;font-family:Arial, Helvetica, sans-serif; } h2 { font-size: 2.2em; line-height: 1.2em; color:#f7931d; margin-bottom: .5em; font-family:Arial, Helvetica, sans-serif; } h3 { font-size: 1.8em; color:#FFFFFF;font-family:Arial, Helvetica, sans-serif; } abbr, acronym { border-bottom: 1px dotted #58B2CB; cursor: help;} em {color:#666666; font-weight:bold;} p { margin-bottom: 1.2em; line-height:1.4em; font-size:1.4em; } hr {display:none; padding:0; margin:0;} ul, ol, dd { margin-bottom: 1.8em;} img { border: none; } .clear { clear: both; } .hide { display:none; } .left {float:left;} .right {float:right;} .important { color:#f7931d; font-weight:bold;} a.doc, a.doc:visited { background: transparent url(../images/doc.gif) left 0px no-repeat; padding:1px 0 1px 13px;} a.excel, a.excel:visited { background: transparent url(../images/excel.gif) top left no-repeat; line-height:18px; padding-left:25px; font-size:1.2em;} a.web, a.web:visited { background: transparent url(../images/web.gif) left 7px no-repeat; padding:1px 0 1px 13px;} a.download, a.download:visited { background: transparent url(../images/download.jpg) top left no-repeat; line-height:20px; padding-left:25px; font-size:1.2em;} a.pdf, a.pdf:visited { background: transparent url(../images/pdf.gif) top left no-repeat; line-height:18px; padding-left:25px; font-size:1.2em;} a:link, a:visited {color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:underline;} a:hover {text-decoration:none;} .error {width:480px; margin:0 auto; border:1px solid #fe6d6d; margin-bottom:20px; padding:2px;} .error p { background: transparent url(../images/error.png) no-repeat center left; color:#FF0000; font-weight:bold; text-align:center; padding:7px;background-color:#fdd8d8; margin:0;} .req {color:#FF0000;} /*------------------------------------------- Container -------------------------------------------*/ #container { margin:0 auto; text-align:left;width:770px; position:relative;} /* border:1px solid #000; */ /*------------------------------------------- Header -------------------------------------------*/ #head { height:141px; position:relative; z-index:0; background: #4fa5c3 url(../images/header_back.jpg) top left repeat-x; } #header { height:120px; position:relative; margin:0 auto; background:transparent; width:770px; z-index:0;} #header #pictogram { position:absolute;top:19px; right:0;} #header #pictogram h2 { overflow: hidden; position:relative; width:211px;height:59px; color: #fff; font-size:1.2em; line-height:2em; } #header #pictogram h2 span {display:block; width:211px;height:59px; z-index: 1; position:absolute; top:0; left:0; padding:0; background: url(../images/pictograms.jpg) no-repeat; } #header #logo h1 { position:relative; overflow: hidden; z-index:0; width:330px; height:80px; color: #fff; font-size:14px; line-height:2em; } #header #logo {display:block;position: absolute; z-index:100;width:342px; height:80px; top: 7px; left: -20px; cursor:pointer; } .moduletable-banner { float:left; clear:left; margin-top:-20px; position:relative; z-index:0;} /*------------------------------------------- Navigation and Sub-Navigation -------------------------------------------*/ #mainlevel { list-style:none; padding:0; position:relative; z-index:100; font-size:1.4em; margin:0 auto; width:770px; margin-top:-38px;} ul#mainlevel li { float:left; background: transparent url(../images/tab-right.jpg) no-repeat top right;} #mainlevel li a { float:left; padding:4px 6px; color:#FFFFFF; line-height:2em; height:36px; display:block; text-decoration:none;background: transparent url(../images/tab-left.jpg) no-repeat top left;} #mainlevel a:hover { color:#f4c089;} #page #content #left ul {list-style:none; margin:10px 0 0 15px; padding:0; font-size:1.2em;} *html #page #content #left ul li { display:inline;} #page #content #left ul li a {padding:0px 0 0px 25px; height:26px; line-height:26px; background: url(../images/left_nav.jpg) no-repeat top left; display:block; } #page #content #left ul li a:hover {background: url(../images/left_nav.jpg) no-repeat bottom left; } #page #content #left ul li a#active_menu-left { background: url(../images/left_nav.jpg) no-repeat bottom left; text-decoration:none; } /* Automatic Page Highlighting */ /*------------------------------------------- Structure -------------------------------------------*/ #home #content {clear:left;top:-20px; position:relative; } #content {margin:0 auto; clear:left; } p.intro {color:#a3e6fd; font-weight:bold;} .inner {padding:10px 10px 10px 20px;} .inner_one { padding:10px 20px 10px 20px;} /* HOMEPAGE -------------------------------------------*/ #banner {width:770px; height:216px;display:block;clear:left; } #anketa { width:500px; height:480px; position:absolute; left:150px; z-index:200; top:-622px; background-color:#FFFFFF;} #anketa .close { color:#000000; position:absolute; right:0; top:0; padding:10px; display:block; font-size:12px;} #anketa .close a { color:#f7931d; padding:5px; } #anketa .close a:hover { color:#fff; background-color:#666666; } #banner h2 { overflow: hidden; position:relative; width:770px; height:216px; color: #fff; font-size:2em; line-height:3em; } #profil { float:left;background: #468396 url(../images/index_profil.gif) repeat-y top left; width:770px; margin-top:10px; margin-bottom:10px; } #profil h2 {background-color:#93c9db;padding:5px 0px 5px 20px; width:750px; float:left; color:#313131; font-weight:normal; } #profil p {margin-left:20px;} #profil #left { float:left; width:512px; } #profil #right { float:left; width:254px;} #profil #right img {margin:10px auto;display:block;} #profil #bottom {background: transparent url(../images/profile_bottom.jpg) no-repeat top left; width:770px; height:28px; float:left; clear:left;} #box {background: transparent url(../images/box_bg.gif) repeat-y top left; width:770px; float:left; } #box .column { background-color:#7cafb0; width:220px;display:inline; float:left; height:215px; margin: 20px 10px 20px 20px;} #box .last { margin: 20px 0px 20px 30px; } #box img {margin:25px; } #box h2 a {color:#313131; background: #bcd1b2; display:block; text-decoration:underline; font-size:14px;padding:10px 0 10px 10px; margin:10px 0 0 0;} #box h2 a:hover { text-decoration:none;} #box .column ul li {display:inline;} #box .column ul {width:auto; font-size:1.2em; line-height:1.5; margin:10px 0 10px 10px; list-style:none; } #box .column ul a {background: transparent url(../images/sipka.gif) no-repeat left 10px; display:block; padding:3px 0 3px 15px; color:#313131; } #box_bottom {background: transparent url(../images/box_bottom.jpg) no-repeat top left; width:770px; height:28px; float:left; margin-bottom:30px;} /* PAGES -------------------------------------------*/ #page #content { background: #468396; margin-bottom:10px; padding:0; clear:left; margin:0 auto; } /* PROFIL */ .profil, .partneri { background: #345e6c; width:720px; margin:10px 20px 10px 20px;border:1px solid #6396a6;} #page #content ul.list, #page #content ul.list_right {margin:0 0 15px 12px; padding:0; font-size:1.4em; list-style:none; } #page #content ul.list li, #page #content ul.list_right li {line-height:1.4em;background: transparent url(../images/sipka_2.gif) no-repeat left 7px; padding-left:15px; margin-bottom:.5em;} #page #content ul.list_right {width:225px;} *html #page #content ul.list_right {width:205px;} #page #content h2 span a {text-decoration:underline; color:#313131;font-weight:normal; color:#666;} #page #content h2 span a:hover {text-decoration:none;} #page #content h2 span {background-color:#93c9db;padding:5px 0px 5px 20px; margin-bottom:15px; width:750px; float:left; color:#313131; font-weight:normal; } #page #content p.intro {color:#a3e6fd;} #page #content #right .box_page { width:217px; height:200px; float:left; border:1px solid #6396a6; margin:0 10px 10px 10px; background: #325c6a;} #page #content #right .box_page a { line-height:2.2em; } #page #content #right .box_page_technika { width:217px; float:left; border:1px solid #6396a6; margin:0 10px 10px 10px; background: #325c6a;} #page #content #right .box_page_technika img {margin: 0 0 10px 0;} #page #content #right .box_page_technika a {margin:0 0px 20px 10px; padding:5px 0px 5px 25px; font-size:1.2em; line-height:2.2em; } .box_page_technika h2 {color:#a3e6fd; font-size:18px; margin:5px 0 5px 5px;} #page #content #right .last-box {margin:0 0 10px 6px;} .box_page h2 {color:#a3e6fd; font-size:18px; margin:5px 0 5px 5px;} #page #content #right .box_page a {margin:0 0px 0 10px; padding:5px 5px 5px 25px; font-size:1.2em; } #page #content #right .box_page img {margin: 0 0 10px 0;} .novinky-box, .download-box { background: #345e6c; width:720px; height:117px; float:left; margin-bottom:5px; border:1px solid #6396a6;} .vyvoj-box {background: #345e6c; width:720px; height:166px; float:left; margin-bottom:5px; border:1px solid #6396a6;} .novinky-box img, .download-box img, .vyvoj-box img {float:right; margin:7px; } .novinky-box h2, .download-box h2, .vyvoj-box h2 {color:#a3e6fd; font-size:18px; display:inline; float:left; margin:10px 0 10px 20px;} .novinky-box a, .download-box a, .download-box-tech a, .vyvoj-box a { float:left; clear:left; margin:0px 0 10px 20px;} h2.title { padding:5px 5px 5px 20px; background-color:#93c9db; color:#000; width:695px; display:block;margin:15px 0 10px 0; } .download-box-tech { background: #345e6c; width:720px; float:left; margin-bottom:5px; border:1px solid #6396a6; padding-bottom:10px;} .download-box-tech img {float:right; margin:7px;} .download-box-tech ul li, .download-box-tech p {margin-left:40px;} .download-box-tech h2 {color:#a3e6fd; font-size:18px; margin:10px 0 10px 40px;} .download-box-tech .left-tech { float:left; width:350px;} /* KONTAKT -------------------------------------------*/ #page #content #right .kontakt { width:330px; float:left; display:inline; margin-left:20px;} #page #content h3 { color:#333; font-size:18px; padding:0; margin:0; } .kontakt_box {margin-bottom:10px;float:left; display:inline;} #page #content .kontakt_box h3 {background: url(../images/company.gif) no-repeat left 3px; padding-left:20px; line-height:20px;} .zastupenie { background: #345e6c; width:720px; padding: 10px 0 10px 0; margin-bottom:5px; border:1px solid #6396a6;} #page #content .zastupenie h3 {color:#a3e6fd;} /* IMAGES GALLERY - PRODUKTY -------------------------------------------*/ #images { background: #325c6a; margin-bottom:20px; padding:20px;} #images a .last, .produkty-box a .last {margin-right:0;} #page #content #bottom {background: transparent url(../images/inner_bottom.jpg) no-repeat top left; width:770px; height:27px;} #page #content #right .obrazok_right {border:4px solid #9aafb2; float:right; margin:10px;} #page #content #right .obrazok_left {border:4px solid #9aafb2; float:left; margin:10px;} #images a img, .produkty-box a img { border:4px solid #9aafb2; margin-right:22px; margin-bottom:10px;} #images a:hover img, .produkty-box a:hover img { border:4px solid #325c6a; } #page #content #images h3 { font-size:12px; color:#FFFFFF; margin-bottom:10px;} .moduletable-images a img {border:4px solid #9aafb2; margin: 5px 10px; } .moduletable-images a:hover img { border:4px solid #325c6a; } #right .moduletable-images h2 {margin-left:10px;} #right .produkty-box {margin-bottom:10px;} #page #content #right .moduletable .produkty-box h2 a { color:#f7931d; text-decoration:underline; font-size:22px;} #page #content #right .moduletable .produkty-box h2 a:hover { text-decoration:none;font-size:22px; } /* FAQ */ .faq { margin-bottom:25px; border-bottom: 1px solid #5792a4; position:relative;} .faq h2 {color:#a3e6fd;} .faq span a { position:absolute; right:0; bottom:5px;display:block; margin:0; padding:0; background: transparent url(../images/fag_up.gif) no-repeat top left; width:23px; height:20px;} .faq span a:hover { background: transparent url(../images/fag_up.gif) no-repeat bottom left; } #page #content ul.anchor{margin:0 0 25px 12px; padding:0; font-size:1.2em; list-style:none; border-bottom: 1px solid #5792a4;} #page #content ul.anchor li {line-height:1.4em;background: transparent url(../images/sipka_2.gif) no-repeat left 7px; padding-left:15px; margin-bottom:1em;} .faq-request {padding:10px; background:#5792a4;} .faq-request a {color:#a3e6fd; } input,textarea, select {margin:0; padding:0;} #faq {font-size:1.2em; width:420px; margin:0;} #faq label {display:block; width:100px; float:left;border:1px solid #5792a4; padding:4px;} #faq div {clear:both;} #faq .field {float:right; border:1px solid #5792a4; width:300px; padding:3px; margin-bottom:5px;} #category {width:308px; float:right; margin-bottom:5px;} #faq .button {margin-left:370px; width:50px; border:1px solid #5792a4; padding:3px;} /*------------------------------------------- Footer -------------------------------------------*/ #footer {background:url(../images/footer_back.gif) repeat-x top left; height:29px; margin-bottom:0px; padding:0; width:100%; clear:both; } #footer .inner {margin:0 auto; width:770px; padding:5px 0 0 0;} #footer .inner h3 { margin:0; font-size:1.2em; padding:0;} #footer .inner h3 a { color:#FFFFFF;} #footer .inner h3 a:hover {color:#76ad00;} /*------------------------------------------- Fix -------------------------------------------*/ /*anketa 1 zaciatok*/ #anketa1 {width: 100%; border:1px solid #6396a6;background-color: #345e6c; color:#fff;font-size: 1.2em;padding: 7px; } #anketa1 h2 { margin-bottom:20px; } #page #content #hlasovali h3 {color:#FFFFFF; background-color:#FF9900; padding:5px; display:block; margin-bottom:10px;} #anketa1 a { font-size:14px; } #anketa1 span { display: block; margin-bottom:5px; } #anketa1 img { border: 0px; margin-top: 5px; margin-bottom: 6px; } #anketa1 .otazka { font-size: 12px; font-weight: bold; margin-bottom: 7px; color: black; } #anketa1 .spolu { margin-top: 2px; float:right; } #anketa1 .perc { display: inline; color:#ccc; } /*anketa 1 koniec*/ .clearfix ul:after { content:"."; display: block; height:0; clear: both; visibility:hidden; } .clearfix{display: inline-table;} /* Hides from IE-mac \*/ * html .clearfix{height: 1%;} .clearfix{display: block;} /* End hide from IE-mac */