/* * * Author: Jakub Kubica * */ /* farby: tmavoseda: #bac4d1 bledoseda: #f1f2f3 (border pod h2) cierna: #303030 (pismo) modra: #0694e1 bledomodra: #9cdfff (BMI result) bledomodra2: #a0e8ff (bluebox h3) oranzova: #ff5400 seda: #adbac9 (datum) modra: #049ae9 (footer) */ a:active,input.counter_ok,input.counter_no {outline: none;} a:focus,input.counter_ok,input.counter_no {-moz-outline-style: none;} fieldset, input, img{border: none;} ul {list-style-type: none} * { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } html, body{width: 100%; height: 100%; } html { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-size: 9pt; color: #303030} .clear {display: block; clear: both;} .clear2 {display: block; clear: both; height: 0px;} .bold {font-weight: bold} #container {display: block; margin: 0 auto 0 auto; width: 1024px;} #top {display: block; width: 100%; } #top #top_top div.tmiddle {display: block; width: 1024px; margin: 0 auto 0 auto} #top #top_top div.tleft {display: block; width: 50%; float: left; background: #f1f6ff; position: absolute; left:-512px; height: 94px; } /*#top #top_top div.right {display: block; width: 50%; float: left; background: #FFFFFF; position: relative; left:512px; height: 94px;}*/ #top #logo {display: block; float: left; width: 420px; height: 95px; background: url('../img/topleft_bg.png') no-repeat;} #top #logo h1{padding: 30px 0 0 55px;} #top #logo h1 a{display: block; width: 194px; height: 22px; background: url('../img/logo.png') no-repeat; } #top #logo h1 a span {display:none;} #top #bar_top {display: block; float: left; width: 440px; height: 95px; background: url('../img/topright_bg.png') no-repeat; margin-left: 163px; font-size: 8pt;} #top #bar_top #links {display: block; float: left; margin-top: 40px;} #top #bar_top #links a{margin-right: 20px; color: #595959; text-decoration: none; font-weight: bold;} #top #bar_top #links a:hover{text-decoration: underline;} #top #bar_top #links .home{ background: url('../img/home_icon.png') no-repeat right center; padding-right: 20px} #top #bar_top #links .sitemap{ background: url('../img/sitemap_icon.png') no-repeat right center; padding-right: 20px} #top #bar_top #links .mailus{ background: url('../img/mail_icon.png') no-repeat right center; padding-right: 20px} #top #bar_top #lang {display: block; float: right; margin: 40px 40px 0 0; font-size: 8pt; font-weight:bold;} #top #bar_top #lang span{color: #adbac9} #top #bar_top #lang a{color: #595959; text-decoration: none;} #top #bar_top #lang a:hover{color: #ff5400; text-decoration: underline;} #top #bar_top #lang a.active{color: #ff5400; text-decoration: none;} #top_bottom{display: block; width: 100%;} #top #top_bottom div.tmiddle {display: block; width: 1024px; margin:0 auto 0 auto; z-index: 20} #top #top_bottom div.tright{display: block; min-width:50%; width: auto !important; width: 50%; float: left; background: url('../img/banner_bg.png') repeat-x right top; margin: -295px 0 0 50%; height: 277px; z-index: 10;} #top #menu_top {display: block; float: left; width: 306px; height: 277px; background: url('../img/menu_bg.png') no-repeat #FFFFFF; margin-top: 4px; padding-left: 60px; position:relative; z-index: 20} #top #menu_top ul {margin-top: 80px;} #top #menu_top ul.left {display: block; width: 125px; float: left; margin: 80px 20px 0 0px;} #top #menu_top ul.right {display: block; width: 125px; float: left; margin-top: 80px;} #top #menu_top ul li {width: 125px; height: 29px; line-height: 29px; border-bottom: 1px solid #f1f2f3} #top #menu_top ul li.last { border-bottom: none} #top #menu_top ul li a{font-size: 9pt; font-weight: bold; color: #0694e1; text-decoration: none} #top #menu_top ul li a:hover{text-decoration: underline; color: #ff5400;} #top #menu_top ul li a.active {text-decoration: none; color: #ff5400;} #top #menu_top ul li span{color: #adbac9} #top #banner_top {display: block; float: right; width: 658px; height: 299px; background: url('../img/zbavime_vas_obezity.png') no-repeat; position: relative; top: -18px;} /*----------------------------------------------------------------------------*/ #middle{display: block; width: 1024px;} #left {display: block; float: left; width: 260px; margin-left: 60px;} #bmi {margin-bottom: 20px;} #bmi h2 {display: block; width: 260px; height: 30px; border-bottom: 1px solid #f1f2f3; background: url('../img/bmi_headline.png') no-repeat left center;} #bmi h2 span {display:none;} #bmi fieldset {display: block; width: 260px; height: 146px; background: url('../img/bmi_box.png') no-repeat left center; margin-top: 10px; color: #FFFFFF;} #bmi fieldset table {width: 220px; margin: 7px auto 0 auto; border-collapse: collapse;} #bmi fieldset table td {height: 23px; line-height: 23px; } #bmi fieldset table td.left {width: 130px; } #bmi fieldset table td.right {width: 120px;} #bmi fieldset table input.text{width: 82px; height: 22px; line-height: 22px; background: url('../img/bmi_textbox.png') no-repeat left center; padding:5px 0 0 0px; text-align: center; size: 20px;} #bmi fieldset input.submit{display: block; width: 121px; margin:5px auto 0 auto; } #bmi fieldset tr.result td{border-top:1px solid #9cdfff; border-bottom: 1px solid #9cdfff; font-weight: bold;} #bmi fieldset tr.result td.left{text-align: left} #bmi fieldset tr.result td.right{text-align: right; padding-right: 5px;} #bmi #vysledek { background-color: transparent; color: white; text-align: right; font-weight: bold; width: 192px; } #news {margin-bottom: 50px;} #news h2 {display: block; width: 260px; height: 30px; border-bottom: 1px solid #f1f2f3; background: url('../img/news_headline.png') no-repeat left center;} #news h2 span {display:none;} #news .item {margin-top: 20px;} #news .item span.date { color: #adbac9; background: url('../img/clock_icon.png') no-repeat left center; padding-left: 15px; } #news .item .dateandimg img {margin-top: 5px;} #news .item .dateandimg {display: block; float: left; width: 72px; margin-right: 15px;} #news .item h3 {font-size: 9pt; color: #0694e1; font-weight: bold; } #news .item p.text {font-size: 9pt; color: #303030;} #news .item a.more {color:#ff5400; text-decoration: underline;} #news .item a.more:hover {text-decoration: none;} #main {display: block; float: left; width: 615px; margin-left: 40px;} #introduce h2 {display: block; width: 610px; height: 30px; border-bottom: 1px solid #f1f2f3; background: url('../img/uvod_headline.png') no-repeat -3px 0px; } #introduce h2.bez-textu { background-image: url(); font-family: verdana; font-weight: normal; } #introduce h2.videa { background: url('../images/videa.png') no-repeat -2px 0px; display: block; width: 610px; height: 30px; border-bottom: 1px solid #f1f2f3; } #introduce h2.ve-vyvoji { background: url('../images/ve_vyvoji.png') no-repeat -2px 0px; display: block; width: 610px; height: 30px; border-bottom: 1px solid #f1f2f3; } #introduce h2.pracoviste { background: url('../images/pracoviste.png') no-repeat -3px 0px; display: block; width: 610px; height: 30px; border-bottom: 1px solid #f1f2f3; } #introduce h2.odkazy { background: url('../images/odkazy.png') no-repeat -3px 0px; display: block; width: 610px; height: 30px; border-bottom: 1px solid #f1f2f3; } #introduce h2.odborne_clanky { background: url('../images/odborne_clanky.png') no-repeat -3px 0px; display: block; width: 610px; height: 30px; border-bottom: 1px solid #f1f2f3; } #introduce h2.novinky { background: url('../images/novinky.png') no-repeat -3px 0px; display: block; width: 610px; height: 30px; border-bottom: 1px solid #f1f2f3; } #introduce h2.metody_lecby { background: url('../images/metody_lecby.png') no-repeat -3px 0px; display: block; width: 610px; height: 30px; border-bottom: 1px solid #f1f2f3; } #introduce h2.kontakt { background: url('../images/kontakt.png') no-repeat -3px 0px; display: block; width: 610px; height: 30px; border-bottom: 1px solid #f1f2f3; } #introduce h2.kontakt_en { background: url('../images/kontakt_en.png') no-repeat -3px 0px; display: block; width: 610px; height: 30px; border-bottom: 1px solid #f1f2f3; } #introduce h2.fotogalerie { background: url('../images/fotogalerie.png') no-repeat -3px 0px; display: block; width: 610px; height: 30px; border-bottom: 1px solid #f1f2f3; } #introduce h2.napiste_nam { background: url('../images/napiste_nam.png') no-repeat -3px 0px; display: block; width: 610px; height: 30px; border-bottom: 1px solid #f1f2f3; } #introduce h2.mapa_webu { background: url('../images/mapa_webu.png') no-repeat -3px 0px; display: block; width: 610px; height: 30px; border-bottom: 1px solid #f1f2f3; } #introduce div.metody-ramecek { display: block; width: 305px; height: 83px; background-color: transparent; background-image: url(../images/bluebox1_bg.png); background-position: center top; background-repeat: no-repeat; margin-top: 10px; float: left; position: relative; } #introduce div.metody-ramecek h3 { color:white; float:left; font-weight:bold; margin: 15px 0 0 12px; position:relative; font-size:11pt; width: 290px; } #introduce div.metody-ramecek span { color:white; float:left; font-weight:bold; margin-left:12px; margin-top:15px; position:relative; } #introduce div.metody-ramecek span a { color:#303030; display:block; font-weight:normal; text-align:right; text-decoration:none; width:267px; height:18px; padding-top: 6px; padding-right: 17px; background: transparent url(../img/yellow_button2.png) no-repeat scroll right top; } #introduce div.metody-ramecek span a:hover { text-decoration:none; } #introduce h2 span {display:none;} #introduce h3 { display: block; width: 610px; font-weight: bold; color: #0694E1; font-size: 12pt; margin-top:18px;} #introduce h3 a { color: #0694E1; text-decoration: underline; font-weight: normal; line-height: 5px; height: 5px; font-size: 12pt; font-weight: bold;} #introduce h3 a:hover { text-decoration: none; } #introduce h3#h36 { owoverflow: hidden; position: relative; } #introduce h3#h36 span { background: white url(../images/sx_logo.gif) no-repeat scroll left top; position: absolute; z-index: 10; display: block; width: 150px ; height: 38px; margin: 0; padding: 0; top: 0px; left: 0px; } #introduce h4 { display: block; width: 610px; font-weight: bold; color: #FF5400; font-size: 10pt; margin-top:8px; margin-bottom: -15px;} #introduce p {font-size: 9pt; margin: 20px 0 0 0; text-align: justify;} #introduce p a { color: #FF5400; text-decoration: underline; font-weight: normal; line-height: 5px; height: 5px; } #introduce p a:hover { text-decoration: none; } #introduce p.date { background:transparent url(../img/clock_icon.png) no-repeat scroll left center; color:#ADBAC9; padding-left:15px; margin-bottom: 5px; float: left; width: 70px;} #introduce p.odkaz { padding-left:0px; margin-bottom: 5px; margin-top: 5px; } #introduce p.links { line-height: 17px; } #introduce div.kontakt h3 { height: 15px; margin: 15px 0px 5px 0px; } #introduce div.kontakt li { font-weight: bold; } #introduce div.kontakt p {font-size: 9pt; margin: 10 px 0 0 0;} #introduce div.kontakt p a { color: #FF5400; text-decoration: underline; font-weight: normal; line-height: 5px; height: 5px; } #introduce div.kontakt p a:hover { text-decoration: none; } #introduce form input { border: 1px #DFDFDF solid; } #introduce form input.submit { border: 1px #DFDFDF solid; background-color: #DFDFDF; color: #0694E1; font-weight: bold; } #introduce form textarea { border: 1px #DFDFDF solid; } #introduce div.right img { float: right; margin:20px 4px 8px 8px;} #introduce hr { width: 610px; border:0px solid #F1F2F3; border-top:1px solid #F1F2F3; } #introduce table td.width { width: 150px;} #introduce ul li { list-style-image: url(../images/listli.jpg); list-style-position: inside; } #introduce img.float_right {float: right; margin: 20px 0px 10px 10px;} #introduce img.float_left {float: left; margin: 0px 10px 0px 0px;} #blueboxes a.bestinfo {display:block; color:#ff5400; text-decoration: underline; margin: 30px 0 30px 0px;} #blueboxes a.bestinfo:hover {text-decoration: none;} #blueboxes h3 {font-size: 8pt; font-family: Verdana,Arial, Helvetica, Geneva, sans-serif; color: #FFFFFF; line-height: 25px; margin-top: 8px; padding-left: 5px} #blueboxes h3 span {font-size: 7pt; font-family: Verdana,Arial, Helvetica, Geneva, sans-serif; color: #a0e8ff} #blueboxes a.more {display: block; width: 121px; height: 28px; line-height: 28px; background: url('../img/yellow_button.png') no-repeat center center; text-align: center; text-decoration: none; color: #303030; font-size: 9pt; float: right; margin-right: 3px;} #blueboxes {display: block; float:left; width: 615px; color: #FFFFFF; margin-bottom: 50px;} #blueboxes .bluebox1 {display: block; float: left; width:297px; height: 266px; margin: 5px;} #blueboxes .bluebox1 .bluebox1_head{display: block; float: left; width:297px; height: 100px; background: url('../img/bluebox1_pic.png') no-repeat left center;} #blueboxes .bluebox1 .bluebox1_body{display: block; float: left; width:297px; height: 166px; background: url('../img/bluebox1_bg.png') no-repeat left center;} #blueboxes .bluebox1 h3 {display: block; width: 278px; height: 25px; background: url('../img/bluebox_h3_xl.png') no-repeat left center;} #blueboxes .bluebox1 p {display: block; width: 270px; height: 92px; margin: 8px auto 0 auto} #blueboxes .bluebox2 {display: block; float: left; width:297px; height: 266px; margin: 5px;} #blueboxes .bluebox2 .bluebox2_head{display: block; float: left; width:297px; height: 100px; background: url('../img/bluebox2_pic.png') no-repeat left center;} #blueboxes .bluebox2 .bluebox2_body{display: block; float: left; width:297px; height: 166px; background: url('../img/bluebox2_bg.png') no-repeat left center;} #blueboxes .bluebox2 h3 {display: block; width: 92px; height: 25px; background: url('../img/bluebox_h3_s.png') no-repeat left center;} #blueboxes .bluebox2 p {display: block; width: 270px; height: 92px; margin: 8px auto 0 auto} #blueboxes .bluebox3 {display: block; float: left; width:297px; height: 266px; margin: 5px;} #blueboxes .bluebox3 .bluebox3_head{display: block; float: left; width:297px; height: 100px; background: url('../img/bluebox3_pic.png') no-repeat left center;} #blueboxes .bluebox3 .bluebox3_body{display: block; float: left; width:297px; height: 166px; background: url('../img/bluebox3_bg.png') no-repeat left center;} #blueboxes .bluebox3 h3 {display: block; width: 121px; height: 25px; background: url('../img/bluebox_h3_l.png') no-repeat left center;} #blueboxes .bluebox3 p {display: block; width: 270px; height: 92px; margin: 8px auto 0 auto} #blueboxes .bluebox4 {display: block; float: left; width:297px; height: 266px; margin: 5px;} #blueboxes .bluebox4 .bluebox4_head{display: block; float: left; width:297px; height: 100px; background: url('../img/bluebox4_pic.png') no-repeat left center;} #blueboxes .bluebox4 .bluebox4_body{display: block; float: left; width:297px; height: 166px; background: url('../img/bluebox4_bg.png') no-repeat left center;} #blueboxes .bluebox4 h3 {display: block; width: 98px; height: 25px; background: url('../img/bluebox_h3_m.png') no-repeat left center;} #blueboxes .bluebox4 p {display: block; width: 270px; height: 92px; margin: 8px auto 0 auto} #partners {display: block; float: left; width: 468px; height: 68px; background: url('../img/partners_bg.png') no-repeat left center; padding: 0 70px 0 70px;} /*----------------------------------------------------------------------------*/ img#endogast { float: right; margin: 0 0 10px 10px; } img#endogast2 { float: right; margin: 0 0 10px 10px; } /******************************************************************************/ #footer{width: 100%; background: #049ae9; height: 164px;} #foot{display: block; width: 1024px; height: 164px; background: url('../img/footer_bg.png') no-repeat left center; margin: 0 auto 0 auto} #foot #menu_bottom{display: block; float: left; width: 300px; height: 145px; margin: 19px 0 0 55px; color: #FFFFFF} #foot #menu_bottom ul.left {display: block; width: 130px; float: left; margin-right: 25px;} #foot #menu_bottom ul.right {display: block; width: 130px; float: left;} #foot #menu_bottom ul li {width: 130px; height: 24px; line-height: 24px; border-bottom: 1px solid #9cdfff} #foot #menu_bottom ul li.last { border-bottom: none} #foot #menu_bottom ul li a{font-size: 9pt; color: #FFFFFF; text-decoration: none; font-weight: bold} #foot #menu_bottom ul li a:hover{text-decoration: underline; color: #FFFFFF} #foot #menu_bottom ul li a.active {text-decoration: none} #foot #contact{display: block; float: left; width: 193px; color: #FFFFFF; margin: 19px 0 0 12px; } #foot #contact .contact_top{display: block; width: 193px; height: 43px; background: url('../img/contact_top.png') no-repeat left center;} #foot #contact .contact_middle{display: block; width: 183px; height: 72px; background: url('../img/contact_middle.png') repeat-y left center; padding: 5px 0 5px 10px} #foot #contact .contact_bottom{display: block; width: 193px; height: 8px; background: url('../img/contact_bottom.png') no-repeat left center;} #foot #contact a{color: #FFFFFF; text-decoration: none} #foot #copyright{display: block; float: left; color: #FFFFFF; margin: 19px 0 0 120px; font-size: 9pt;} #foot #copyright a{color:#FFFFFF; text-decoration: none; font-weight: bold;} #foot #copyright a:hover{text-decoration: underline}