/* ------------------------------------------------------ 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: 22px; 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:14px; } 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:12px;} .univ-file-size {color:#CCC; font-weight:normal;} a.web, a.web:visited { background: transparent url(../images/link.gif) left 2px no-repeat; padding:1px 0 1px 20px; font-size:12px;} a.download, a.download:visited { background: transparent url(../images/download.jpg) top left no-repeat; line-height:20px; padding-left:25px; font-size:12px;} a.pdf, a.pdf:visited { background: transparent url(../images/pdf.gif) center left no-repeat; line-height:1.5; padding-left:25px; display:block; font-size:12px;} 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;} .orange {color:#F7931D; font-weight:bold;} .table { border:1px solid #89BECE; border-collapse:collapse; margin-bottom:20px; font-size:12px; } .table caption { background:#93C9DB; font-size:16px; padding:5px; color:#333; font-weight:bold;} .table th { background-color:#57A46A; padding:10px; border-right:1px solid #89BECE; } .table th p {font-size:10px; margin:0; float:right;} .table td {border-right:1px solid #89BECE; padding:5px;} .table td.last-td, .table th.last-td {border:none;} .table tr.even td { background-color:#5792A4; } .table tr.latest td {background-color:#FC9; color:#000;} .table a.delete-item:link, .table a.delete-item:visited { width:22px; margin:0 auto; display:block;} .table td.border-top {border-top:1px solid #89BECE;} .table td.border-bottom {border-bottom:1px solid #89BECE;} .table .highlight {font-size:14px; background-color:#FFFF99;} .orange {color:#F7931D;} /*------------------------------------------- Container -------------------------------------------*/ #container { margin:0 auto; text-align:left;width:900px; top:-44px; position:relative; z-index:0;} /* 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:900px; 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; } #banners-index {position:relative; width:900px; height:216px;} #banners-index img {position:absolute; top:0; right:0;} .moduletable-banner { float:left; clear:left; margin-top:-20px; position:relative; z-index:0;} /* language */ #language-bar { height:35px; width:100%; background-color:#468396; color:#FFFFFF; z-index:300000; left:0; } #language-control a { position:absolute; right:10px; cursor:pointer; background-color:#333333; bottom:-20px; padding: 4px 15px; text-decoration:none; font-weight:normal; font-size:12px; } #language-control a:hover { background-color:#93C9DB; color:#333333; } #language-container { position:relative; width:900px; height:50px; margin:0 auto; } #language-container ul {list-style:none; position:relative; top:5px; margin:0; padding:0;} #language-container ul li {float:left; margin: 0 10px 0 10px;} #language-container ul li span {display:block;} /*------------------------------------------- Navigation and Sub-Navigation -------------------------------------------*/ #main-menu { z-index:1000; position:relative;} #mainlevel { list-style:none; padding:0; position:relative; z-index:1100; font-size:1.4em; margin:0 auto; width:900px;top:-15px} ul#mainlevel li { float:left; background: transparent url(../images/tab-right.jpg) no-repeat top right;} #mainlevel li a { float:left; padding:4px 13px; color:#FFFFFF; line-height:1.5; height:36px; display:block; text-decoration:none;background: transparent url(../images/tab-left.jpg) no-repeat top left;} #mainlevel a:hover { color:#f4c089;} ul#mainlevel li.submenutop { position: relative; z-index:1500; cursor:pointer; list-style: none; margin: 0; } ul#mainlevel ul.level2 {position: absolute; width:130px; display:none; z-index:1100; } ul#mainlevel ul.level3 {position: absolute; width:250px; display:none; z-index:1100; } ul#mainlevel ul.level2, ul#mainlevel ul.level3 {top: 36px; left: 0; overflow:hidden; } ul#mainlevel ul.level2 li, ul#mainlevel ul.level3 li {background-image:none; height:1%; float:none;background-color:#E77908; text-align:left; display:block;} ul#mainlevel ul.level2 li a, ul#mainlevel ul.level3 li a {border-bottom: 1px dotted #ccf96b;background-image:none; float:none; line-height:2; display:block; padding:0px 10px; height:30px;} ul#mainlevel ul.level2 li a:hover, ul#mainlevel ul.level3 li a:hover { color:#fff;background-color:#F0AB1F; } ul#mainlevel li.submenutop:hover ul.level2 {display:block;} ul#mainlevel li.submenutop:hover ul.level3 {display:block;} #page #content #left ul {list-style:none; margin:10px 0 20px 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:15px; background:#345E6C none repeat scroll 0 0; margin:0px 10px 10px 10px; border:1px solid #6396A6;} .inner_one { padding:0px 15px 15px 15px;} /* HOMEPAGE -------------------------------------------*/ #banner {width:900px; height:216px;display:block;clear:left; } #inzerat { width:500px; height:449px; position:telative; left:150px; z-index:1000; top:-622px; background-color:#FFFFFF;} #inzerat .close { color:#000000; position:absolute; right:0; top:0; padding:10px; display:block; font-size:12px;} #inzerat .close a { color:#f7931d; padding:5px; } #inzerat .close a:hover { color:#fff; background-color:#666666; } #banner h2 { overflow: hidden; position:relative; width:900px; height:216px; color: #fff; font-size:2em; line-height:3em; } .univenta-headline-box {position:relative; float:left;background: #468396 url(../images/index_profil.gif) repeat-y top left; width:900px; margin-top:0px; margin-bottom:0px; } #related { float:left; background: #468396; width:900px; margin-top:10px; } .univenta-headline-box h2, #related h2 {background-color:#93c9db;padding:5px 0px 5px 0px; text-indent:20px; width:900px; position:relative; color:#313131; font-weight:normal; clear:both; } .univenta-headline-box p {margin-left:20px;} .univenta-headline-box #left { float:left; width:630px; } .univenta-headline-box #right { float:left; width:254px;} .univenta-headline-box #right img {margin:10px auto;display:block;} .bottom {background: transparent url(../images/inner_bottom.jpg) no-repeat top left; margin-bottom:0px; width:900px; clear:both; height:28px; } #related ul {margin:0 0 10px 0;background: #468396; font-size:14px; list-style:none;} #related li {float:left; margin:0 0 15px 60px; display:inline; background: transparent url(../images/sipka_2.gif) no-repeat left 7px; padding-left:15px;} #box { text-align:center;background: #4A9EBD; width:900px; float:left; } #box .column { background-color:#7cafb0; width:260px;display:inline; float:left; height:215px; margin: 20px 10px 20px 20px;} #box .last { margin: 20px 0px 20px 30px; } #box img {margin:25px; text-align:center; } #box h2 a {color:#313131; text-align:left; display:block; text-decoration:underline; font-size:14px;padding:10px 0 10px 45px; margin:10px 0 0 0;} #box h2 a:hover { text-decoration:none;} #box .column ul li {display:inline;} #box .column ul { text-align:left;width:auto; width:220px; font-size:1.2em; line-height:1.5; margin:0px 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:900px; height:28px; float:left;} #box h2.referencie a {background: #bcd1b2 url(../images/referencie_icon.jpg) no-repeat 10px center;} #box h2.podklady a {background: #bcd1b2 url(../images/podklady_icon.jpg) no-repeat 10px center;} #box h2.download a {background: #bcd1b2 url(../images/download_icon.jpg) no-repeat 10px center;} /* PAGES -------------------------------------------*/ #page #content { position:relative; background: #468396 url(../images/content_bg.gif) repeat-y top left; margin-bottom:10px; padding:0; clear:left; margin:0 auto; } /* PROFIL */ ul.univenta-partners-list {list-style:none; margin: 0 0 30px 0; } ul.univenta-partners-list li {clear:both; } ul.univenta-partners-list img {float:left; margin:5px 10px 20px 0; } ul.univenta-partners-list h3 a {color:#a3e6fd; font-size:16px;} ul.univenta-partners-list div { float:left; width:400px;} #page #content #right { float:right; width:650px; margin-bottom:10px;} #page #content #left { float:left; width:240px; margin-bottom:10px; } #left .inner {padding:10px; border:none; margin:0; } #page #content .left-box { margin-left:10px;border:1px solid #6396A6; background:#345E6C none repeat scroll 0 0; width:230px; margin-bottom:20px; } #page #content .left-box h3 { font-size:16px; background-color:#93C9DB; color:#000000; padding:5px; } #page #content .left-box hr {display:block; height:1px; background-color:#6396A6; border:none; margin-bottom:10px;} #line .left-box { float:left; margin:0px;} #line .inner {padding:10px; border:none; margin:0; } #page #content ul.list, #page #content ul.list_right {margin:0 0 15px 12px; padding:0; font-size:14px; 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.pathway {background-color:#93c9db;padding:5px 0px 5px 0px; margin-bottom:15px; width:100%; float:left; color:#313131; font-weight:normal; } #page #content h2 span.pathway a {margin-left:20px;} #page #content p.intro {color:#a3e6fd;} #page #content #right .box_page { width:290px; float:left; border:1px solid #6396a6; margin:0 10px 10px 10px; background: #325c6a;} #page #content #right .box_page.solar {} #page #content #right .box_page_technika { width:290px; 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 0px 10px; padding:5px 0px 5px 25px; font-size:12px; } .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:12px; } #page #content #right .box_page img {margin: 0 0 10px 0;} .box_img { background-color:#FFFFFF; text-align:center; margin-bottom:5px; } .novinky-box, .download-box { background: #345e6c; width:100%; height:117px; float:left; margin-bottom:5px; border:1px solid #6396a6;} .vyvoj-box {background: #345e6c; width:100%; 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 10px;} .novinky-box a, .download-box a, .download-box-tech a, .vyvoj-box a { display:block; float:left; margin:0px 0 10px 10px;} .novinky-box br, .download-box br, .download-box-tech br, .vyvoj-box br { clear:both; } h2.title { padding:5px 5px 5px 0px; background-color:#93c9db; color:#000; width:100%; text-indent:10px; display:block;margin:15px 0 10px 0;} .download-box-tech { background: #345e6c; width:100%; 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:250px; float:left; display:inline; margin-left:20px;} #page #content h3 { color:#a3e6fd; 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.png) no-repeat left -4px; padding-left:25px; margin-bottom:10px; line-height:20px;} .zastupenie { background: #345e6c; margin-bottom:5px; } /* 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:900px; height:26px;} #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:50px; 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 {clear:both; width:100%;} .moduletable-images div p {margin:0; font-size:11px; color:#FF9900;} .moduletable-images.w290 div {width:290px; margin-right:10px; margin-bottom:10px;} .moduletable-images.w160 div {width:160px; margin-right:10px; margin-bottom:10px;} .moduletable-images.w260 div, .moduletable-images.w260 {width:260px;} .moduletable-images.w110, .moduletable-images.w110 div {width:110px;} .moduletable-images div.last {margin-right:0;} .moduletable-images div a img { margin:0;} .moduletable-images 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:900px; padding:5px 0 0 0; background:transparent; overflow:hidden; border:none;} #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*/ .clearfix: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 */ .head {overflow:hidden;} .head h2 {margin-bottom:0;} h2.univenta-news-headline span#counter { width:50px; position:absolute; right:10px; top:5px; display:block; } #univenta-news-vertical{ width:800px;height:150px;overflow: hidden;position: relative;display: block; } #univenta-news-vertical li p {margin-left:0; font-size:12px; color:#FFF;} #univenta-news-vertical li p a { font-size:12px; } #banners-controller {position:absolute; right:0; top:5px; display:block; overflow:hidden;} #banners-controller a {display:block; float:left; margin-left:5px; text-indent:7px; font-size:11px; line-height:2; text-decoration:none; background: transparent url(../images/controllers_03.gif) top right; width:22px; height:23px;} #banners-controller a:hover, #banners-controller a.active { background: transparent url(../images/controllers_03.gif) top left;} #zatvor {color:#990000; top:-18px; position:absolute; right:0; } #mbCloseLink {position:relative;} #mbNavigation { padding-top:10px; } #box-left{position:absolute; top:-138px; right:-140px; width:140px; height:140px; background-color:#FFFFFF; color:#666666;} a.facebook:link, a.facebook:visited{ line-height:1.5; position:absolute; width:160px; left:350px; text-decoration:none; top:10px; padding-left:10px; display:block; height:18px; background: url(../images/facebook.gif) no-repeat top left;} a.facebook:hover {background: url(../images/facebook.gif) no-repeat bottom left; text-decoration:underline;}