*{margin:0;padding:0;font-size:1em}
body{font-size:62.5%;font-family:Verdana,sans-serif;color:#3F3F3F;
background-color:#666;padding:20px 0}
img{border:none}

a{text-decoration:none;color:#3F3F3F}
a:hover{text-decoration:underline}
input, textarea{font-family:Verdana,sans-serif}

#container{width:770px;margin:auto;padding-top:20px; background:url('/style/top.gif') no-repeat top center #fff}
#logo{margin-left:10px}

#languages-menu{float:right;list-style-type:none}
#languages-menu li{float:left;padding-right:10px}

#main-menu{float:right;clear:right;list-style-type:none;padding-right:10px;padding-top:2ex;margin-bottom:8px}
#main-menu li{float:left;background:url('/style/point.png') no-repeat center left;padding-left:12px;margin-left:8px}

#f-container{clear:both}
#s-container{background:url('/style/graybar.gif') repeat-y left}
#category-menu{float:left;width:220px;background-color:#999;height:195px;list-style-type:none;}
#category-menu li img{display:block;padding:4px 18px}
#category-menu li{padding-top:15px;width:106px;text-align:center;font-weight:bold;float:left}
#category-menu li a{color:#fff}
#category-menu li a:hover{text-decoration:none}
.slogan{float:right;width:510px;height:90px;background:no-repeat right center #3FA7F0;color:#fff;font-size:2em;font-weight:bold;padding-top:105px;padding-left:40px}
#slogan-main{background-image:url('/style/decoration.jpg')}
#slogan-check{background-image:url('/style/sprawdz_poziom.jpg')}
#slogan-kids,#slogan-dla-przedszkolakow{background-image:url('/style/dla_dzieci.jpg')}
#slogan-teens{background-image:url('/style/dla_mlodziezy.jpg')}
#slogan-adult,#slogan-kursy-ogolne{background-image:url('/style/dla_doroslych.jpg')}
#slogan-firm,#slogan-konwersacje{background-image:url('/style/dlafirm.jpg')}
#slogan-dla-gimnazjalistow{background-image:url('/style/dlagimnazjalistow.jpg')}
#slogan-dla-maturzystow{background-image:url('/style/dlamaturzystow.jpg')}
#slogan-kursy-biznesowe{background-image:url('/style/kursybiznesowe.jpg')}
#slogan-kursy-egzaminacyjne{background-image:url('/style/kursyegzaminacyjne.jpg')}
#slogan-dla-dzieci{background-image:url('/style/dladzieci.jpg')}
#slogan-dla-wyjezdzajacych{background-image:url('/style/dlawyjezdzajacychzagranice.jpg')}
#slogan-lekcje-indywidualne{background-image:url('/style/lekcjeindywidualne.jpg')}
#offer-menu{clear:left;float:left;width:220px;background-color:#ccc;padding-top:30px}

#offer-menu .offer-header{background:url('/style/point2.gif') no-repeat left center #999;color:#f3f3f3;text-transform:uppercase;font-weight:bold;padding:3px 0 3px 20px}
#offer-menu .offer-header-work{background:url('/style/point2red.gif') no-repeat left center #B1252E;color:#f3f3f3;text-transform:uppercase;font-weight:bold;padding:3px 0 3px 20px}
#offer-menu .offer-header-travel{background:url('/style/point2orange.gif') no-repeat left center #D68D56;color:#f3f3f3;text-transform:uppercase;font-weight:bold;padding:3px 0 3px 20px}
#offer-menu ul{margin-left:30px;padding:3px 0 15px 0;line-height:3ex;list-style-type:none}
#offer-menu ul li{background:url('/style/arrow.gif') no-repeat left center;padding-left:12px}

#newsletter{background:url('/style/newsletter.gif') no-repeat left top;padding:6px 10px;margin:20px 0}
#newsletter fieldset{border:none;padding-left:20px}
#newsletter #newsletter-header{padding-left:20px;text-transform:uppercase;font-size:1em;font-weight:bold;padding-bottom:5px}
#newsletter input{width:150px;margin-top:3px;border:1px solid #727272;background-color:#999;color:#fff}
#newsletter #email{background-color:#fff;color:#3f3f3f;border-color:#a5a5a5;width:149px; 
padding:2px 0}
#newsletter ul{margin:0}
#newsletter ul li{background:none;padding:0}

#content{float:right;width:520px;padding:15px;line-height:3ex}
#content a{text-decoration:underline}
#content a:hover{text-decoration:none}
#content #section-header{padding-left:15px;margin-bottom:10px;text-transform:uppercase;font-size:1.1em;font-weight:bold; background:url('/style/point.png') no-repeat left center}
#content h1{font-size:1.1em;padding-bottom:1ex}
#content h2{font-size:1em;padding-top:2ex}
#content h3{font-size:1em;padding-top:2ex}
#content p{padding-top:2ex}
#content ul{margin-left:30px;padding-top:1ex;padding-bottom:1ex}
#content #link-list{font-size:1.1em;line-height:3ex}
.article-excerpt,.article-lektorzy,.article{clear:both;padding:15px 0 10px 0}
.article-excerpt{border-bottom:1px solid #bfbfbf}
.img-excerpt,.img-lektorzy{float:left;padding-right:10px}
.more{text-align:right}
th{text-align:left}
td{padding-right:20px}
.images{padding-top:3ex}
.images img{padding-bottom:1px}
.image-only{text-align:center;padding-top:2ex}

#contact-form form{text-align:right}
#contact-form p{margin-bottom:3ex}
#contact-form h2{text-transform:uppercase;font-weight:normal;margin-top:4ex;margin-bottom:4ex}
#contact-form .row input, #contact-form .row textarea{padding:2px;border:1px solid #e2e2e2;margin-bottom:1.4ex;vertical-align:top}
#contact-form .row input{width:270px;margin-right:100px}
#contact-form textarea{width:360px;margin-right:10px}
.technical-info{color:#e51c01;font-weight:bold;padding-bottom:4ex}
#sent{color:#02a629}
#cv{margin-right:10px}

#test, #ankieta{margin-top:2ex}
#test fieldset, #ankieta fieldset{border:1px solid #ddd;padding:10px}
#test legend{margin-left:5px}
#test .point{margin-left:30px;padding-bottom:2ex}
#test .point ul{list-style-type:none;margin-left:30px}
#test label{padding-left:7px}
#test .wrong-answer label{font-weight:bold}
#test .right-answer label{font-weight:bold}
#test #results{list-style-type:none;padding-top:30px}
#test #results li{margin-bottom:1ex;padding-left:5px}
#ankieta ul{list-style-type:none}
#ankieta ul li{margin-top:15px}
#ankieta input{vertical-align:middle;margin-right:5px}

#buttons{text-align:right;padding:10px}
#buttons input{border:1px solid #ccc;background-color:#eee;padding:2px}

#copyright{float:right;width:750px;text-align:center;color:#f3f3f3;background-color:#999; padding:10px}
#copyright a{color:#f3f3f3}
#foot{clear:both;color:#f3f3f3;background-color:#666;text-align:center;padding:10px}
#foot a{color:#f3f3f3}