/* CSS Framework, v.2.2 Author: Kamil Kuczmera E-mail: kamil@kuczmera.com ------------------------------------------------------------/ /* Global reset */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""} /* Paddings & margins */ .margin-top { margin-top: 15px } .margin-bottom { margin-bottom: 15px } .margin-left { margin-left: 15px } .margin-right { margin-right: 15px } /* Floats */ .left { float: left } .right { float: right } .clear { clear: both } /* Positions */ .text-left { text-align: left } .text-right { text-align: right } .text-center { text-align: center } .middle { vertical-align: middle } /* Basic selectors styles */ h1 { font: normal 22px Arial, sans-serif; } h2 { font: bold 14px Arial, sans-serif; } h3 { font: normal 18px Arial, sans-serif; } h5 { font: bold 12px Arial, sans-serif; color: #0000CD} h6 { font: normal 12px Arial, sans-serif; } h4 { font: bold 12px Arial, sans-serif; } a { color: #363636; text-decoration: none; outline: none; cursor: pointer } a:hover { text-decoration: underline; } /* HTML and BODY */ html { } .forma { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; } body { font: 11px/180% Arial, Tahoma, Helvetica, sans-serif; color: #363636; background:#FFFFFF url(../images/body.gif) repeat-x scroll 0 50px; border-top:50px solid #EFECE6; } /* Container ---------------------------------------------- */ #container { width: 930px; margin: 0 auto } /* Header ---------------------------------------------- */ #header { position: relative; height: 356px; padding-top: 0px; margin-bottom: -30px; background: url(../images/header/bg.gif) 0 bottom no-repeat; } /* Logo */ #header h1 { float: left; width: 184px; height: 81px; } #header h1 a { display: block; height: 61px; background: url(../images/header/logo.gif); text-indent: -999999px } /* Languages */ #header ol { float: right; padding: 32px 20px 0 0; } #header ol li { float: left; height: 7px; border-left: 1px solid #e4e0d9; padding-left: 10px; margin-left: 10px; line-height: 0; } #header ol .polish { border: 0; } #header ol li a { float: left; height: 7px; text-indent: -999999px; background: center 0 no-repeat; } #header ol li a:hover, #header ol .current a { background-position: center bottom; } #header ol .polish a { width: 37px; background-image: url(../images/header/polish.gif); } #header ol .english a { width: 43px; background-image: url(../images/header/english.gif); } #header ol .login a { width: 15px; background-image: url(../images/header/login.gif); } /* Menu */ #header ul { clear: both; height: 41px; } #header ul li { float: left; height: 33px; padding: 8px 10px 0; border-right: 1px solid #495cba; } #header ul .last { border: 0; } #header ul li a { float: left; height: 25px; color: #fff; padding-left: 2px; font-weight: bold; font-size: 12px; } #header ul li a strong { float: left; height: 25px; line-height: 25px; padding: 0 5px 0 3px; } #header ul li a:hover, #header ul .current a { color: #172983; text-decoration: none; background: url(../images/header/left.gif); } #header ul li a:hover strong, #header ul .current a strong { background: url(../images/header/right.gif) right 0 no-repeat; } /* About */ #about { width: 275px; height: 140px; float: left; position: relative; left: 20px; top: 60px; } #about h4 { font-size: 14px; font-weight: normal; text-transform: uppercase; padding-left: 15px; background: url(../images/header/dot.gif) 0 center no-repeat; } #about h4 strong { font-weight: bold; } #about p { margin-top: 15px; } /*Front*/ #front { width: 425px; height: 140px; float: left; position: relative; left: 20px; top: 35px; } #front h4 { font-size: 14px; font-weight: normal; text-transform: uppercase; padding-left: 165px; background: transparent url(../images/header/dot.gif) no-repeat scroll 150px center; } #front h4 strong { font-weight: bold; } #front p { margin-top: 15px; margin-left: 150px; } #front img { border:2px solid #8f5a06; float: left; } /* Contact */ #contact { float: right; width: 290px; padding-top: 23px; } #contact h4 { height: 45px; padding-left: 15px; font-size: 14px; color: #6475ca; line-height: 19px; font-weight: bold; background: url(../images/header/contact.gif) no-repeat; } #contact address { height: 22px; background: url(../images/header/number.gif) no-repeat; text-indent: -999999px; } /* Address */ #address { position: absolute; width: 278px; height: 66px; padding: 12px; bottom: 33px; right: 0; background: url(../images/header/address.gif) no-repeat; } #address h4 { height: 35px; font-size: 14px; font-weight: bold; } #address address { float: left; width: 107px; line-height: 150%; font-style: normal; } #address address strong { font-weight: bold; text-transform: uppercase; } /* Content ---------------------------------------------- */ #content { float: left; width: 618px; position: relative; margin-bottom: 10px; } #content h2 { padding: 15px 10px; } /* Last news */ #last-news { width: 310px; padding-top: 5px; *padding-top: 0; background: url(../images/content/last-news-top.gif) 0 0 no-repeat; } #last-news ul { position: relative; z-index: 2; padding: 0 15px; line-height: 120%; background: url(../images/content/last-news.gif) repeat-y; } #last-news ul li { padding: 0 0 0 10px; border-bottom: 1px solid #e9e5db; vertical-align: bottom; } #last-news ul li a { display: block; padding: 20px 0 20px 0; overflow: hidden; height: 100%; text-decoration: none; } #last-news ul li a em { float: left; width: 40px; color: #ac9148; font-style: normal; padding-right: 10px; margin-right: 10px; background: url(../images/content/dot.gif) right center no-repeat; } #last-news ul li a strong { float: left; width: 190px; padding-right: 10px; font-weight: normal; background: url(../images/content/arr.gif) right center no-repeat; } #last-news ul li a:hover strong { text-decoration: underline; } #last-news .archive { position: relative; z-index: 1; width: 618px; height: 58px; margin-top: -54px; background: url(../images/content/last-news-bottom.gif) no-repeat; } #last-news .archive a { float: right; padding-right: 10px; position: relative; top: 20px; right: 20px; background: url(../images/content/arr.gif) right center no-repeat; } /* About */ #about-info { position: absolute; right: 0; width: 270px; padding-right: 15px; } #about-info h2 { padding-left: 0; margin-bottom: 20px; } /* Main content */ #main-content { padding: 0 10px; text-align: justify; } #main-content p { padding: 10px 0; } #main-content .bold { color: #203082; font-weight: bold; } /* Sidebar ---------------------------------------------- */ #sidebar { float: right; width: 302px; margin-bottom: 10px; } #sidebar h2 { padding: 15px 10px; } #sidebar ul { height: 120px; padding: 32px 0 0 100px; background: url(../images/sidebar/bg.gif) no-repeat; } #sidebar ul li { line-height: 30px; } #sidebar ul li a { color: #fff; } #sidebar ul li a:hover { text-decoration: underline; } #sidebar ul li .more { color: #596cc8; margin-left: 5px; padding-right: 5px; background: url(../images/sidebar/arr.gif) right center no-repeat; } /* Footer ---------------------------------------------- */ #footer { clear: both; height: 50px; padding: 21px 25px; line-height: 100%; background: url(../images/footer/bg.gif) no-repeat; } #footer a { } #footer a:hover { text-decoration: underline; } #footer ul { float: right; } #footer ul li { float: left; border-right: 1px solid #d2d1cb; padding-right: 10px; margin-right: 10px; } #footer ul .last { border: 0; padding: 0; margin: 0; } #footer p { float: left } #footer p a { color: #ac9148; }