body { font-family: Tahoma, Helvetica, Arial, sans-serif; margin: 0; padding: 0; background-color: #099101; color: #000000; background-image: url('images/natipuj_bg.jpg'); background-repeat: repeat-x; min-width: 1060px; } /*===============cookies ============*/ #accept-cookies {background-color: #ffffc8;color: #000;margin: 0px;padding:4px;font-size:14px;display: block;position: fixed;top: 0px;left: 0px;width: 100%;height: auto;z-index: 9999; overflow: hidden;overflow-x: hidden;text-align: center;} .buttonAccept {-webkit-border-radius:28;-moz-border-radius:28;border-radius:28px;color:#ffffff;font-size:16px; padding:8px 15px 8px 15px;margin:0px 5px 0px 5px;cursor:pointer;background: #008400;background-image: -webkit-linear-gradient(top, #008400, #4AE132); background-image:-moz-linear-gradient(top,#008400,#4AE132);background-image:-ms-linear-gradient(top,#008400,#4AE132); background-image:-o-linear-gradient(top,#008400,#4AE132);background-image:linear-gradient(to bottom,#008400,#4AE132);} /*===============indicates no border around any image ============*/ body img { border: 0px; text-decoration: none; margin:5px; } /* ============ margins auto center the container on the page ==========*/ #container { margin: 10px auto 10px auto; padding: 30px; background-color: #ffffff; width: 90%; max-width: 1000px; } /*=================== styles for top banner ========================*/ #banner { background-position: left center; padding: 5px; background-color: #A3D901; background-image: url('images/natipuj_banner_logo.jpg'); height: 163px; background-repeat: no-repeat; color: #000000; } #banner img { margin-top: 20px; float: right; } #brandname { margin-top: 10px; margin-left:330px; margin-bottom:0px; padding:0; font-family: Helvetica, Arial, sans-serif; float: left; font-size: 4.5em; font-weight: bold; background-color: #A3D901; } #banner h1 { margin-top: 5px; margin-left:330px; margin-bottom:0px; padding:0; font-family: Helvetica, Arial, sans-serif; float: left; font-size: 1.5em; font-weight: bold; background-color: #A3D901; } #langs { float:right; width: 150px; display: inline; margin-right:8px; } #langs ul { list-style-type: none; padding: 0px; margin: 0 auto; } #langs ul li { float: right; padding: 0px 0px 0px 3px; } #langs ul li img { width:36px; height:36px; cursor:pointer; } #scroll { font-size: 16px; font-weight: bold; color: #000000; background: #E8F5BF; } a {outline: none;} /*==============all site links==============*/ a:link { font-weight: bold; color: #004145; background: transparent; text-decoration: underline; } a:visited { font-weight: bold; color: #000000; background: transparent; padding: 0px; text-decoration: underline; } a:hover { font-weight: bold; text-decoration : none; background: #B9E343; color: #000000; } a:active { font-weight: bold; text-decoration : underline; background: #BFDFE2; color: #000000; } /*====================== styles for main content area =========================*/ a:link.button { margin:20px; width:150px; height:50px; background-image:url('images/natipuj_button.png'); color:#FFFFFF; font-family: Helvetica, Arial, sans-serif; font-style: italic; text-decoration:none; display: block; text-align: center; vertical-align: middle; float:left; border:none; line-height: 50px; cursor:pointer; } a:visited.button { margin:20px; width:150px; height:50px; background-image:url('images/natipuj_button.png'); color:#FFFFFF; font-family: Helvetica, Arial, sans-serif; font-style: italic; text-decoration:none; display: block; text-align: center; vertical-align: middle; float:left; border:none; line-height: 50px; cursor:pointer; } a:active.button { margin:20px; width:150px; height:50px; background-image:url('images/natipuj_button.png'); color:#FFFFFF; font-family: Helvetica, Arial, sans-serif; font-style: italic; text-decoration:none; display: block; text-align: center; vertical-align: middle; float:left; border:none; line-height: 50px; cursor:pointer; } a:hover.button { margin:20px; width:150px; height:50px; background-image:url('images/natipuj_button.png'); color:#B9E343; font-family: Helvetica, Arial, sans-serif; font-style: italic; text-decoration:none; display: block; text-align: center; vertical-align: middle; float:left; border:none; line-height: 50px; cursor:pointer; } #content { margin-left: 220px; padding: 5px; text-align: left; vertical-align: top; } #content p{ text-align:justify; width: 100%; display: block; } #content img{ margin-top:0px; } /*===========content area list items==============*/ #content ul li { list-style-image: none; margin: 0px; padding: 0px; } #content li li { list-style-image: none; padding: 2px 0; } /* ***************************************************** Navigation Bar - Left hand side **************************************************** */ #vertmenu, #zoznam { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; width: 200px; padding: 0px; margin: 20px 0px 0px 0px; float: left; } #zoznam { width: auto; margin: 0; margin-top: 10px; } #vertmenu ul, #zoznam ul { list-style: none; margin: 0px 0px 5px 0px; padding: 0px; border: none; } #vertmenu ul li, #zoznam ul li { width: auto; margin: 0px; padding: 0px; } #vertmenu ul li a { font-size: 80%; display: block; border-bottom: 1px dashed #825252; padding: 5px 0px 2px 4px; text-decoration: none; color: #666666; width: 195px; } #zoznam ul li a { font-size: 80%; padding: 4px; text-decoration: none; color: #666666; width: auto; } #zoznam ul li a img{ margin: 5px 6px -5px 0px; } #vertmenu ul li a:hover, #zoznam ul li a:hover, #vertmenu ul li a:focus, #zoznam ul li a:focus { background: #D1ED83; color: #000000; } .heading { display: block; color: #FFFFFF; font-weight: bold; padding: 4px; background: #099101; text-decoration: none; border: 1px solid #2C5629; } .sidebox a:link { background: #FFFFFF; color: #1534B3; font-weight: bold; text-decoration: none; } .sidebox a:visited { background: #FFFFFF; color: #1534B3; font-weight: bold; text-decoration: none; } #vertmenu .sidebox a:hover { background: #FFFFFF; color: #CC3300; font-weight: bold; text-decoration: underline; } #vertmenu .sidebox a:active { background: #FFFFFF; color: #1534B3; font-weight: bold; text-decoration: none; } /* left-hand menu - colored box - green */ .sidebox { border: #2C5629 2px solid; margin: 15px 0px 3px 0px; padding: 0px 3px 15px 3px; background: #ffffff; color: #000000; font-size: 85%; } .sideboxheading { background: #099101; color: #FFFFFF; font-weight: bold; text-align: center; margin-top: 3px; padding: 2px; } /*============== Styles for footer ===================*/ #footer { border-top: 2px solid #2A5A19; clear: both; padding: 5px; background-color: rgb(255, 255, 255); text-align: center; } #footer p { margin-top: 0px; margin-bottom: 0px; width: 100%; display: block; } /*================== general styles =================*/ hr { width: 50%; text-align: center; background-color: #0C8F03; height: 5px; } /* =================Styles for heading tags =============== */ h1, h2, h3, h4 { color: #000000; background-color: inherit; } h1 { font-size: 1.5em; background: #E8F5BF; padding: 2px; } h2 { font-size: 1em; } h3 { font-size: .9em; } h4 { font-size: .9em; } /*================used to center anything==============*/ .center { text-align: center; } /* ============floats images to right or left ============*/ .imgrgt { float: right; padding: 7px; } .imglft { float: left; padding: 7px; } .smtxt { font-size: small; } .tucne { font-weight: bolder; } .italic { font-style: italic; } .red { color: red; } #order form,#order fieldset{margin:0;padding:0;border:0;} #order legend{padding:10px 0 10px;border:0;background:inherit;color:#000000;font-size:1.2em;font-weight:bold;} #order .personalData{padding:12px 3%;border-top:2px solid #099101;border-bottom:2px solid #099101;background:#E8F5BF;color:#000000;} #order .personalData .setBasic, #order .personalData .setExtend{float:left;width:50%;} #order .personalData label{display:block;font-weight:bold;} #order .personalData #phone label, #order .personalData #company label, #order .personalData #comment label,#order .personalData #ico label,#order .personalData #dic label,#order .personalData #icdph label{font-weight:normal;} #order .personalData .input, #order .personalData #oComment{width:90%;margin:0 0 5px;} #order .personalData #oComment{height:111px;} .input, select, textarea{border:1px solid #099101;font:1em Arial, sans-serif;} .submit{font:1em Arial, sans-serif;} #platba { float:left; clear:none; } #platba label { float:left; clear:none; display:block; cursor:pointer; } #platba label img { padding-right:18px; margin-top:-2px; } input[type=radio], input.radio { float:left; clear:none; margin: 5px 2px 0 2px; } input[type=checkbox], input.checkbox { clear:none; margin: 5px 2px 0 2px; } .inputCHB { width:20px; height:18px; } .LinkButton { background-color:#EEEEEE; padding:3px 5px 3px 5px; color:black; border-style:solid; border-width:2px;border-color: #000000; font-weight: bolder; cursor:pointer; } #log_res { height:auto; padding:10px; padding-top:5px; margin:0px auto 5px auto; width:90%; } #log_res p { margin:0; padding:4px 0 4px 0; } #log_res.ajax-loading { background: url('images/spinner.gif') no-repeat center; } .error { color:red; margin:0; padding:0; } .plus { background-image:url('images/plus.png'); background-repeat:no-repeat; } .minus { background-image:url('images/minus.png'); background-repeat:no-repeat; } .klik { cursor:pointer; } .cakaj { cursor:wait; } .clanek { } h2.sidenav { font-family: Verdana, Arial, sans-serif; font-weight: bolder; font-size: small; color:#000000; margin: 4px; margin-left: 0px; padding-left: 25px; } .zisk { font-weight: bolder; color: #099101; } .strata { font-weight: bolder; color: #C00014; } .flag { margin: 1px 3px -8px 3px; width: 32px; height: 32px; border: 0px; } div.info { display: none; /* Make sure the info element is initially hidden */ color: #777; font-size: 12px; margin: -3px 0 3px 0; text-indent: 1em; } input:focus + div.info { /* This selector selects the div.info that comes right after the focused input */ display:block; /* Make the element visible */ } select:focus + div.info { /* This selector selects the div.info that comes right after the focused input */ display:block; /* Make the element visible */ } div.HWID { color: red; font-weight: bolder; font-size: 12px; margin: -3px 0 3px 0; } .send { margin:20px; margin-left:0px; width:150px; height:50px; background-image:url('images/natipuj_button.png'); color:#FFFFFF; font-family: Helvetica, Arial, sans-serif; font-size: 100%; font-style: italic; font-weight: bold; text-decoration:none; display: block; text-align: center; vertical-align: middle; float:left; border:none; line-height: 50px; } div #infoForm { border:1px solid #099101; padding:15px; margin:auto; background-color:#E8F5BF; } ul#css3menu_top,ul#css3menu_top ul{ margin:0;list-style:none;padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; } ul#css3menu_top,ul#css3menu_top .submenu{ background-color:#dedede;border-width:1px;border-style:solid;border-color:#B9E343;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} ul#css3menu_top .submenu{ visibility:hidden;position:absolute;left:0;top:100%;opacity:0;-moz-transition:all 0.5s;-webkit-transition:opacity 0.5s;-o-transition:opacity 0.5s;-moz-box-shadow:3.5px 3.5px 5px #000000;-webkit-box-shadow:3.5px 3.5px 5px #000000;box-shadow:3.5px 3.5px 5px #000000;float:left;background-color:#099101;border-width:2px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border-color:#FFF;padding:0 10px 10px;} ul#css3menu_top li:hover>.submenu{ visibility:visible;opacity:1;} ul#css3menu_top li{ position:relative;display:block;white-space:nowrap;font-size:0;float:left;} ul#css3menu_top li:hover{ z-index:1;} ul#css3menu_top ul .submenu{ z-index:2; position:absolute;left:100%;top:0;} ul#css3menu_top{ font-size:0;width:85%;z-index:999;position:relative;display:inline-block;zoom:1;padding:0 0%;margin:0 0%; *display:inline;} ul#css3menu_top .column{ float:left;} * html ul#css3menu_top li a{ display:inline-block;} ul#css3menu_top>li{ margin:0;width:25%;} ul#css3menu_top li.toplast{ width:25%;} ul#css3menu_top a:active, ul#css3menu_top a:focus{ outline-style:none;} ul#css3menu_top a{ display:block;vertical-align:middle;text-align:left;text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif;font:bold 12px Verdana;color:#000;text-shadow:#FFF 0 0 1px;cursor:pointer;padding:6px 15px 6px 3px;background-color:#A3D901;background-image:url("images/mainbk.png");background-repeat:repeat;background-position:0 0;border-width:0 0 0 1px;border-style:solid;border-color:#B9E343;} ul#css3menu_top ul li{ float:none;margin:0;} ul#css3menu_top ul a{ text-align:left;padding:2px;background-color:#099101;background-image:none;border-width:0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:14px Tahoma;color:#FFF;text-decoration:none;text-shadow:#FFF 0 0 0;} ul#css3menu_top li:hover>a,ul#css3menu_top li a.pressed{ background-color:#099101;border-color:#C0C0C0;border-style:solid;color:#FFF;text-shadow:#FFF 0 0 1px;background-image:url("images/mainbk.png");background-position:0 100px;text-decoration:none;} ul#css3menu_top img{ border:none;vertical-align:middle;margin-right:6px;} ul#css3menu_top span{ display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;} ul#css3menu_top ul span{ background-image:url("images/arrowsub.png");padding-right:8px;} ul#css3menu_top ul li:hover>a,ul#css3menu_top ul li a.pressed{ background-color:#B9E343;font-weight: bold;background-image:none;color:#000;text-decoration:none;text-shadow:#FFF 0 0 0;} ul#css3menu_top li.topfirst>a{ padding-left: 7px; border-width:0;border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;} ul#css3menu_top li.toplast>a{ padding-right: 7px; border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;} @media only screen and (max-width:900px),only screen and (max-device-width:900px){ ul#css3menu_top>li{width:33%;}ul#css3menu_top>li:nth-child(3){width:34%}ul#css3menu_top>li:nth-child(n+4){width:33%;}ul#css3menu_top>li:nth-child(6){width:34%}} @media only screen and (max-width:600px),only screen and (max-device-width:600px){ ul#css3menu_top>li{width:50%;}ul#css3menu_top>li:nth-child(n+3){width:50%;}ul#css3menu_top>li:nth-child(n+5){width:50%;}} @media only screen and (max-width:450px),only screen and (max-device-width:450px){ ul#css3menu_top>li{width:100%;}ul#css3menu_top>li:nth-child(n+2){width:100%;}ul#css3menu_top>li:nth-child(n+3){width:100%;}ul#css3menu_top>li:nth-child(n+4){width:100%;}ul#css3menu_top>li:nth-child(n+6){width:100%;}} /*opera hack*/ @media only screen and (min-width:900px){ html>/**/body noindex:-o-prefocus, html>/**/body ul#css3menu_top{ display:table; } html>/**/body noindex:-o-prefocus, html>/**/body ul#css3menu_top>li{ width:auto; float:none; display:table-cell; } html>/**/body noindex:-o-prefocus, html>/**/body ul#css3menu_top li.toplast{ width:auto; display:table-cell; } } #nadpis { height:125px; } #nadpis img { height: 125px; max-width:300px; margin: 0px 20px 0px 0px; float: left; } #nadpis h1 { font-size: 1.5em; background: #FFFFFF; padding: 32px 2px 2px 2px; vertical-align: middle; height:125px; } .vlavo { text-align: left; } .vpravo { text-align: right; } .stred { text-align: center; } #free_tipy { font-family: Verdana, Arial, Helvetica, sans-serif; font:bold 12px Verdana; color:#000; text-shadow:#FFF 0 0 1px; display: table; border-collapse: separate; border-spacing: 0px; border-color: #FFF; margin-top:10px; border-width: 3px; border-style: solid; border-color: rgb(185, 227, 67); border-radius: 3px 3px 3px 3px; } #free_tipy tr,#free_tipy td { margin:0; padding:2px 0px 2px 0px; } .tipy { font-family: Verdana, Arial, Helvetica, sans-serif; font:bold 12px Verdana; color:#000; text-shadow:#FFF 0 0 1px; display: table; width:100%; border-collapse:collapse; } td.tipy_okraj { border-width: 1px; border-style: solid; border-color: rgb(185, 227, 67); margin:0; padding: 2px 0px 2px 0px; } td.no_left { border-left:none; } td.no_right { border-right:none; } td.no_bottom { border-bottom:none; } #zapasy,#detail_zapasu,#statistika { font-family: Verdana, Arial, Helvetica, sans-serif; font:bold 12px Verdana; color:#000; text-shadow:#FFF 0 0 1px; display: table; border-collapse: separate; border-spacing: 0px; border-color: #FFF; margin-top:10px; } #zapasy,#statistika { border-width: 2px; border-style: solid; border-color: rgb(185, 227, 67); border-radius: 3px 3px 3px 3px; } #zapasy tr,#zapasy td{ margin:0; padding:0px 2px 1px 2px; } #statistika tr, #statistika td { margin:0; padding:2px; } #zapasy a { text-decoration: none; color:#000; } #zapasy a img{ margin: 1px 5px -3px 0px; } #detail_zapasu { font:bold 16px Verdana; } #detail_zapasu h1,h2 { margin:0; font-size: 1.5em; background: #FFFFFF; padding: 2px 2px 2px 2px; vertical-align: middle; } .logo { height: 125px; width: 125px; margin: 0; } .ads a img {margin:5px 0px;} .blog a {font-weight: normal;color:#000;text-decoration: none;} .blog a:hover {background: #fff;}