/* ------------------------------------------------------ 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:12px; } 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, .inputRequirement { color:#f7931d; font-weight:bold;} .inputbox { padding:2px;} textarea {padding:2px; width:300px;} 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;} .icon { vertical-align:middle;} 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:100%; margin:0 auto; border:1px solid #fe6d6d; margin-bottom:20px; padding:2px;} .error p { color:#FF0000; background: transparent url(../images/error.png) no-repeat center left; font-weight:bold; text-align:center; padding:7px;background-color:#fdd8d8; margin:0;} .req {color:#FF0000;} .ok_message { border:1px solid #89BECE; width:100%; margin:10px auto; padding:2px;} .ok_message p {background:#57A46A url(../images/icons/ok.png) no-repeat 10px center; color:#000; font-weight:bold; padding:7px 7px 7px 45px; margin:0;} .nav_trail {font-size:12px; margin-bottom:10px;} .nav_trail_title {overflow:auto; margin-bottom:10px;} .nav_trail_title h2 {float:left; margin:0;} .nav_trail_title form {float:left; margin:15px 0 0 0;} .nav_trail_title form select {width:130px; padding:2px;} .nav_trail_title div {float:right;} .nav_trail_title div.nav_trail {margin:15px 0 0 0;} .reload {background:transparent url(../images/icons/refresh.png) no-repeat center center; width:42px; height:42px; display:block; border:none; cursor:pointer;} .info {background:#325C6A; border: 1px solid #89BECE; margin-bottom:10px; padding:10px;} .info img {margin:5px; float:left;} /*------------------------------------------- Container -------------------------------------------*/ #container { margin:0 auto; text-align:left;width:900px; 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: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; } .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:900px; 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;} /* left nav */ #page #content #left ul {list-style:none; margin:10px 5px 10px 5px; padding:0; font-size:1.2em;} *html #page #content #left ul li { display:inline;} #page #content #left ul li a {padding:5px 0 5px 10px; line-height:1.5em; display:block; } #page #content #left ul li #item-48 { color:#f6de08;} #page #content #left ul li a:hover { background-color:#93C9DB; color:#000; } #page #content #left ul li a#active_menu-left { text-decoration:none;background-color:#93C9DB; color:#000; } #page #content #left h3 {background-color:#93C9DB; padding:5px; color:#000;} #page #content #left form { margin:10px; } #page #content #left form .inputbox {width:170px; padding:2px; margin-bottom:10px;} #page #content #left form .inputbox#mod_login_remember {width:10px;} #page #content #left form .button {margin-bottom:10px;} /*page nav */ .nav {margin-bottom:20px; text-align:center; font-size:12px; padding-top:10px; height:20px; clear:both; } .pagenav { color:#fff; } .nav .pagenav.active {background-color:#FF9900; padding:4px;color:#FFFFFF;} a.pagenav { font-weight:normal; color:#fff;padding:4px; font-weight:bold; background-color:#93C9DB; } a.pagenav:hover {background-color:#FF9900; color:#FFFFFF; } /* top nav */ .top-nav {padding:5px; background-color:#325C6A; overflow:hidden;} .moduletable-srch {width:400px; float:left;} .moduletable-kosik {float:right; padding-left:10px; border-left:1px solid #93C9DB; font-weight:bold;text-align:right; margin:0px 10px 0 0;} .moduletable-kosik img {vertical-align:middle;} /* 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; } #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: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; } #related { float:left; background: #468396; width:770px; margin-top:10px; margin-bottom:10px; } #profil h2, #related 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, #related #bottom {background: transparent url(../images/profile_bottom.jpg) no-repeat top left; width:770px; height:28px; float:left; clear:left;} #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 {background: transparent url(../images/box_bg.gif) repeat-y top left; width:770px; float:left; margin-bottom:50px; } #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; 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 {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;} #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 { 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 ol {margin:0 0 15px 20px; padding:0; font-size:12px; } #page #content ol li {line-height:1.4em; 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:880px; 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;} /* Registracia */ #register .inputbox {width:300px; margin-bottom:5px;} /* KONTAKT -------------------------------------------*/ #page #content #right .kontakt { width:330px; float:left; display:inline; margin-left:20px;} #page #content h3 {font-size:16px; padding:0; margin:0 0 10px 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 h3, #page #content h3 a {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:900px; 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; } #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;} .button {font-size:12px; padding:2px 10px 2px 10px; color:#FFF; font-weight:bold; background-color:#FF9900; border:1px solid #fff; cursor:pointer;} a.button {text-decoration:none; } /* Produkty */ .produkt-wrap { background-color:#5792a4; padding:9px; margin-bottom:10px; overflow:hidden;} #page #content .produkt-wrap h3 {padding:5px;} .produkt-wrap img {margin: 0 0px 0 0px;} .produkt-wrap div.price {overflow:hidden;} .produkt-wrap div.price .prices{ margin:0; line-height:1; float:right; width:220px; background-color:#57A46A; padding:5px; bottom:0px; font-weight:bold; font-size:18px;} .produkt-wrap div.price .prices span {font-size:10px;} .produkt-wrap div.price .inputs {float:left; width:260px;} .produkt-wrap div.price span {font-weight:normal; font-size:12px;} .produkt-content {width:490px; background-color:#468396; padding:5px; float:right;} .added-to-cart{ background: #5792a4 url(../images/icons/shopping_cart_accept.png) no-repeat center left; padding:5px; margin-bottom:10px;} .univenta-product-content .item-added { padding:5px 5px 5px 30px; margin-bottom:10px; position:absolute; bottom:10px;} .univenta-product-content .item-continue { padding:5px 5px 5px 30px; margin-bottom:10px; position:absolute; bottom:-20px;} .item-added a, .item-continue a { font-weight:bold; font-size:12px; color:#FC0;} .item-added { background: transparent url(../images/icons/shopping_cart_green_small.png) no-repeat center left; padding:5px 5px 5px 30px; } .item-continue { background: transparent url(../images/icons/arrow_right.png) no-repeat center left; padding:5px 5px 5px 30px; } .univenta-product-detail{background-color:#5792A4; overflow:hidden; padding:10px;} .univenta-product-desc {background-color:#468396; padding:10px;} .univenta-product-detail p {font-size:12px;} .univenta-product-image {float:left; width:195px; } .univenta-product-content {float:right; background-color:#468396; margin-bottom:10px; position:relative; width:380px; min-height:180px; padding: 10px;} .univenta-product-content p.price { background-color:#57A46A; margin-left:-10px; padding:5px 5px 5px 5px; bottom:0px; right:0px; font-weight:bold; font-size:18px; text-align:right;} .univenta-product-content p.price span {font-weight:normal; font-size:12px;} .univenta-product-content p {margin-bottom:0.5em;} .univenta-product-content form p {text-align:right; margin-right:5px;} .product-title {background-color:#93C9DB; padding:4px; color:#000;} .variant-content {float:right; width:380px; background-color:#468396; padding:10px;} .variant-content h3 span { font-size:11px; margin-left:10px; font-weight:normal; color:#FFFFFF;} #page #content .variant-content h3 {color:#F7931D; font-size:18px;} .variant-content table th { font-size:11px; color:#fff; padding:2px 4px 2px 4px;} .variant-content table {width:100%;} .variant-content table td { padding:3px; text-align:center;} .variant-content table tr.even td{background:#5792A4;} .variant-content form { width:110px; position:relative;} .variant-content form .item-added {position:absolute; top:0px; right:-25px; padding:0; display:block; width:24px; height:24px;} .variant-content form .item-added a{display:block; width:24px; height:24px;} .variant-content form .hide.item-added {display:none;} .variant-content form .inputbox {float:left; display:block; width:20px;} .variant-content form .button {float:right; display:block; width:80px;} /* Global table */ .table { border:1px solid #89BECE; border-collapse:collapse; margin-bottom:20px; font-size:12px; } .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 td.discount { background-color:#F90; color:#F00; font-weight:bold;} .table td.discount span, .table tr.even td.discount span { color:#fff; font-size:10px;} .table tr.even td.discount {background-color:#FFB342; color:#F00; font-weight:bold;} .table .highlight {font-size:14px; background-color:#FFFF99;} /* Cart order */ p.order-chain strong { font-size:14px; color:#FF9900; } p.order-chain{ color:#000;background-color:#93C9DB; padding:5px; } .title-chain {background:#93C9DB; padding:5px; color:#000;} /* order status */ .new_order ,.confirm_order,.send_order ,.cancel_order,.vybavene { padding-right:25px;} .new_order { background:transparent url(../images/icons/nova.png) no-repeat center right; } .confirm_order { background:transparent url(../images/icons/potvrdena.png) no-repeat center right; } .send_order { background:transparent url(../images/icons/odoslana.png) no-repeat center right; } .cancel_order { background:transparent url(../images/icons/zrusena.png) no-repeat center right; } .vybavene { background:transparent url(../images/icons/vybavena.png) no-repeat center right; } .univetna-customer-login {width:400px; margin:0 auto;} .univetna-customer-login .inputbox {width:200px; } /*------------------------------------------- USER -------------------------------------------*/ ul.user-filter {list-style:none; float:right; font-size:12px; margin-bottom:10px; overflow:hidden;} ul.user-filter li {float:left;} ul.user-filter li a {background-color:#93C9DB; display:block;padding:4px; text-decoration:none; margin-right:5px;} ul.user-filter li a:hover, ul.user-filter li.selected a {background-color:#FF9900;} .order-table, .order-table-inn {border:2px solid #000000; border-collapse:collapse; font-size:12px;} .order-table th, .order-table-inn th {text-align:left; border:1px solid #000000; background-color:#CCCCCC;} .order-table tr, .order-table-inn tr {border:1px solid #ccc;} .order-table-inn {margin:10px 0px 10px 0px;} .order-table .highlight {font-size:14px; background-color:#FFFF99;} .order-table label { display:block;float:left; width:200px; } .order-table inputbox {float:left; margin-bottom:5px;} .order-table br {clear:left;} ul.user_details {width:100%; margin:0; list-style:none;} ul.user_details li strong {float:left; width:90px;} ul.user_details li strong.kontakt_details { width:40px; } ul.user_details li span {float:left;} ul.user_details li {clear:both; overflow:auto; margin-bottom:5px;} #order_stat {width:150px; padding:3px;} .table p.price {padding:5px 5px 0px 5px; margin-bottom:0;font-weight:bold; font-size:18px; text-align:right;} .table p.price span {font-weight:normal; font-size:12px;} .table p.price-cart {padding:5px 5px 0px 5px; font-size:12px; margin-bottom:0; text-align:right;} .table p.price-cart span {font-weight:normal; } .table p.price-cart strong {font-size:18px; margin-left:5px; } /*------------------------------------------- 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 */ .tip { border:1px solid #93C9DB; } .tip-title {background-color:#325C6A; padding:5px; color:#FFF; font-weight:bold;} .tip-text{ background-color:#57A46A; padding:5px; color:#fff; }