html,body { background:#006EDD url(../images/background.png); }
html { overflow-y:scroll; } /** hack: pionowy scrollbar zawsze widoczny **/
body,table,textarea { font-family:Calibri,Tahoma,Verdana,Arial,sans; font-size:14px; line-height:140%; }

a { color:#006EDD; text-decoration:underline; }
a:hover, a:active { color:#f99d1c; }

h1 { padding:0 0 15px 0; font-size:24px; font-weight:bold; color:#006edd; text-shadow:1px 1px 2px #999; }
h2 { padding:5px 0; font-size:18px; font-weight:bold; }
p {  }
ul { list-style-type:disc; list-style-position:inside; padding:3px 10px; }
ul ul { padding:2px 20px; }
ul li { padding:3px 0; }

.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }
.justify { text-align:justify; }
.float_left { float:left; }
.float_right { float:right; }
.clear { clear:both !important; float:none !important; font-size:0 !important; height:0 !important; line-height:0 !important; margin:0 !important; padding:0 !important; width:1px !important; }
/*.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }*/

table { border-collapse:collapse; }
table th { width:120px; padding:5px; font-style:italic; color:#666; vertical-align:middle; }
table td { padding:5px; }

#container { width:702px; margin:0 auto; }

#header { position:relative; height:76px; background:url(../images/menu.png) no-repeat top right; }
#logo a { display:block; position:absolute; top:0; left:0; width:264px; height:76px; background:url(../images/logo.png) no-repeat; background-position:0 0; text-decoration:none; }
#logo a:hover, #logo a:active { background-position:0 -76px; }
#lang { position:absolute; top:0; right:0px; width:53px; height:19px; background:url(../images/flags/background.png) no-repeat left 0; }
#lang a { margin-left:6px; }
#menu { position:absolute; top:30px; right:10px; }
#menu li { display:inline; margin:0 10px; }
#menu a { font-size:16px; color:#fff; text-decoration:none; }
#menu a:hover, #menu a:active, #menu a.selected { color:#FFC500; }

#content_wrapper {}
#content_header { height:29px; line-height:4px; font-size:4px; background:url(../images/content_top.png) no-repeat top left; }
#content_footer { height:4px; line-height:4px; font-size:4px; background:url(../images/content_bottom.png) no-repeat top left; }
#content { padding:0 25px 15px 25px; background:#fff url(../images/content_right.png) repeat-y top right; color:#333; }

#about {}
#about h1 { float:left; }
#about_picture { float:right; height:235px; margin:0 7px 0 0; text-align:right; width:290px; }
#about_picture div { float:left; margin-top:35px; overflow:hidden; text-align:right; width:60px; }
#about_picture_img { border:1px solid #006edd; }
#about_personal { clear:left; }
#about_education { margin-bottom:5px; }
#about_employment { margin-bottom:5px; }
#about_abilities { margin-bottom:5px; }
#about_hobby { margin-bottom:5px; }
#about_hobby p { float:left; padding:15px 0; }
#about_hobby #leonclub { float:right; margin-right:30px; }
#about_find_me { list-style-type:none; }
#about_find_me li { float:left; width:90px; }

/*
#portfolio {}
.project { padding:5px 0 15px 0; border-top:1px solid #006edd; overflow:hidden; }
.project .image { float:left; width:234px; height:99px; }
.project .image img { border:2px solid #006EDD; }
.project .text { float:left; width:406px; margin:0 0 0 10px; }
.project .text h3 { font-size:18px; }
.project .text h3 a { text-decoration:none; }
.project .text p { padding:5px 0; font-size:12px; line-height:130%; }
*/

#portfolio {}
.project { float:left; text-align:center; }
.project .thumbnail { width:200px; height:90px; overflow:hidden; }
.project a { display:block; width:200px; margin:1px; padding:3px; background-color:#006EDD; color:#fff; text-decoration:none; overflow:hidden; }
.project a:visited { background-color:#1D87EF; }
.project a:hover, .project a:active { background-color:#f99d1c; }
.single_project {  }
.single_project p { padding:5px; text-align:justify; }

#portfolio_views { width:62px; height:26px; background:url(../images/portfolio_views.gif) no-repeat left 0; }
#portfolio_select_icons { float:left; display:block; width:31px; height:25px; }
#portfolio_select_list { float:left; display:block; width:31px; height:25px; }

#portfolio_loading { display:block; width:652px; hight:275px; line-height:275px; text-align:center; }

#portfolio_list { display:none; padding-top:10px; }
.portfolio_ul { list-style-type:none/*disc*/; list-style-position:inside; display:block; float:left; width:190px; padding:3px 10px; }
.portfolio_ul li { padding:2px 0; }

#portfolio_icons { display:none; }
#portfolio_nav { width:50px; height:20px; margin:0 auto; text-align:center; }
#portfolio_nav a { float:left; display:block; width:13px; height:13px; margin-left:5px; background:url(../images/tabs_icons.gif) no-repeat 0px top; }
#portfolio_nav a.selected { color:#f00; background-position:-13px top; }
#portfolio_nav a:hover, #portfolio_nav a:active { background-position:-13px top; }

#portfolio_prev { float:left; display:block; width:10px; margin-top:-17px; margin-right:2px; }
#portfolio_next { float:left; display:block; width:10px; margin-top:-17px; margin-left:2px; }
#portfolio_slider { float:left; width:624px; height:245px; overflow:hidden; position:relative; }
#portfolio_sliding { position:absolute; top:0; left:0; }
#portfolio_sliding .page { float:left; width:624px;/*652px;*/ height:245px; }

#blog {}
.blog { padding:0 0 10px 0; }
.blog .header { padding:3px; border-bottom:1px solid #006edd; background-color:#DFEFFF; overflow:hidden; height:1%; }
.blog .header h2 { float:left; margin:0 0 0 10px; padding:0; line-height:40px; }
.blog .header .date { display:block; float:left; padding:4px 0; width:45px; height:32px; background-color:#006edd; color:#fff; font-weight:bold; font-size:16px; line-height:16px; text-align:center; }
.blog .header .date span { font-size:12px; line-height:12px; }
.blog .header h2 a { text-decoration:none; color:#222; }
.blog .header h2 a:hover, .blog h2 a:active { text-decoration:underline; }
.blog p { padding:5px; text-align:justify; }
.blog p.intro { font-weight:bold; }

#contact_sidebar { float:left; width:190px; margin-left:20px; }
#contact_sidebar p { margin:7px 0 30px 0; }
#contact_sidebar p small { font-size:12px; }
#contact_sidebar span { font-style:italic; color:#777; }

#contact { float:left; width:440px; }
#contact ul { list-style-type:none; list-style-position:outside; padding:0; }
#contact li { padding:7px 0; }
#contact li.textarea {}
#contact li.submit { text-align:center; }
#contact label { display:block; }
#contact input { width:430px; padding:3px; border:1px solid #006edd; background-color:#EFFAFF; }
#contact textarea { width:430px; padding:3px; border:1px solid #006edd; background-color:#EFFAFF; }
#contact button { width:199px; height:38px; background:#fff url(../images/contact/send.png) no-repeat top left; border:none; content:""; }
#contact button:hover, #contact button:active { background-position:bottom left; }
#contact .error { border:1px solid #f00; background-color:#FFDFDF; }

#links {}
#links th { vertical-align:middle; font-style:normal; }
#links th a {  }
#links th a:hover, #links th a:active {}
#links td { vertical-align:middle; font-size:13px; }
#links td a { color:#333; text-decoration:none; }
#links td a:hover, #links td a:active { text-decoration:underline; }

#footer { padding:5px 15px; text-align:right; font-size:11px; color:#fff; line-height:120%; }
#footer a { color:#fff; text-decoration:none; }
#footer a:hover, #footer a:active { text-decoration:underline; }