/*
Theme Name: Fair Recruitment
Version: 1.0
Author: Maciej Chmielarski
Author URI: http://www.extract.pl/
*/

* { margin: 0; padding: 0; border: 0; }

body { background: #f6f3e9; font-family: Arial, Helvetica, sans-serif; }

.wrapper { width: 960px; margin: 0 auto 0 auto; }
.clear { clear:both; width: 100%; line-height:1px; font-size:1px; }
a { outline: none; }

h5 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 16px; color: #000; text-shadow: #f6f3e9 1px 1px 1px; margin-bottom: 5px; }



.top { background: #fff; border-bottom: 9px solid #173289; height: 107px; }
.top .logo { float: left; }
.top .logo h1 { height: 107px; width: 188px; }
.top .logo h1 a { display: block; height: 107px; width: 188px; }
.top .menu { float: right; list-style: none; margin-top: 76px; z-index: 100; }
.top .menu li { float: left; font-size: 16px; margin-left: 1px; position: relative; }
.top .menu li.z-index { z-index: 50; }
.top .menu a { text-decoration: none; }
.top .menu a .content { background: url(images/bg-menu-top-content-off.png); color: #fff; height:26px; display: block; float: left; padding: 5px 15px 0 15px; text-shadow: #3c9ac0 1px 1px 1px; cursor: pointer; }
.top .menu a .left { width: 5px; height: 31px; background: url(images/bg-menu-top-left-off.png); display: block; float: left; cursor: pointer; }
.top .menu a .right { width: 5px; height: 31px; background: url(images/bg-menu-top-right-off.png); display: block; float: left; cursor: pointer; }
.top .menu li:hover a .content,
.top .menu a.active .content,
.top .menu a:hover .content { background: url(images/bg-menu-top-content-on.png); text-shadow: #134394 1px 1px 1px; }
.top .menu li:hover a .left,
.top .menu a.active .left,
.top .menu a:hover .left { background: url(images/bg-menu-top-left-on.png); }
.top .menu li:hover a .right,
.top .menu a.active .right,
.top .menu a:hover .right { background: url(images/bg-menu-top-right-on.png); }
.top .menu li ul { z-index: 50; display: none; position: absolute; top: 31px; left: 0; list-style: none; background: #173289; padding: 5px 10px 5px 10px; }
.top .menu li ul li { padding: 2px 0 2px 0; white-space: nowrap; float: inherit; }

.top .menu li:hover ul { display: block; }
.top .menu li:hover ul li ul,
.top .menu li ul li ul { display: none; position: absolute; z-index: 100; top: 12px; left: 60px; border: 1px solid #1696b2; list-style: none; background: #173289; padding: 5px 10px 5px 10px; }
.top .menu li ul li ul li { z-index: 104; }
.top .menu li ul a { color: #fff; font-size: 14px; }
.top .menu li ul a:hover { text-decoration: underline; }
.top .flags { float: right; margin: 10px 0 0 0; }
.top .flags ul { list-style: none; }
.top .flags ul li { float: left; margin-left: 10px; }

.middle { margin-top: 20px; }
.middle .column-left { width: 608px; float: left; }
.middle .column-left .main-photo { width: 608px; background: url(images/bg-top-photo.png) no-repeat; height: 333px; margin-bottom: 10px; }
.middle .column-left .main-photo .photo { width: 370px; height: 85px; padding: 220px 0 0 238px; }
.middle .column-left .main-photo .photo .text { background: url(images/bg-trans-fff-70.png); padding: 15px 25px 15px 25px; width: 320px; }
.middle .column-left .main-photo .photo .text h3 { font-size: 24px; color: #173289; font-weight: normal; font-family: Tahoma, Arial, Helvetica, sans-serif; text-shadow: #fff 1px 1px 1px; margin-top: 0; margin-bottom: 0; }
.middle .column-left ul,
.middle .column-left p,
.middle .column-left td { color: #383838; font-size: 13px; margin-bottom: 10px; line-height: 1.4; }
.middle .column-left td.label { width: 140px; }
.middle .column-left ul { margin-left: 30px; margin-bottom: 20px; }
.middle .column-left ul li { margin-bottom: 5px; }
.middle .column-left h2 { color: #173289; font-size: 32px; margin-bottom: 25px; text-shadow: #f6f3e9 1px 1px 1px; font-weight: normal; }
.middle .column-left h4,
.middle .column-left h3 { color: #173289; font-size: 24px; margin-top: 25px; margin-bottom: 15px; text-shadow: #f6f3e9 1px 1px 1px; font-weight: normal; }
.middle .column-left h4 { font-size: 18px; }
.middle .column-left a {color: #173289; }
.middle .column-left .pages-list { list-style: none; margin: 0 0 0 10px; }
.middle .column-left .pages-list li {}
.middle .column-left .pages-list li a { font-weight: bold; text-decoration: none; font-size: 16px; }
.middle .column-left .pages-list li p { margin: 5px 0 0 0;}
.middle .column-left .pages-list li p.more { text-align: right; margin-bottom: 15px; margin-top: 0; }
.middle .column-left .pages-list li p.more a { font-weight: normal; font-size: 12px; }
.middle .column-left .pages-list li a:hover { text-decoration: underline; }
.middle .column-left a:hover { text-decoration: none; }
.middle .column-left .clients { list-style: none; margin: 0 0 0 20px; }
.middle .column-left .clients li { float: left; margin-left: 10px; }
.middle .column-left .clients-list { margin: 20px 0 40px 50px; }
.middle .column-left .clients-list li { float: left; width: 180px; }
.middle .column-left .projects {}
.middle .column-left .projects ul { margin: 5px 0 0 15px; }
.middle .column-left .sitemap {}
.middle .column-left .sitemap ul { margin: 5px 0 0 15px; }
.middle .column-left .job-offers-search { display: none; border-top: 1px solid #e1dccc; border-bottom: 1px solid #e1dccc; padding: 10px; }
.middle .column-left .job-offers-search h4 { margin-top: 0; }
.middle .column-right { width: 352px; float: left; }
.middle .column-right .navy-info { background: url(images/bg-col-right-navy.png); }
.middle .column-right .navy-info h4 { padding: 35px 15px 15px 25px; color: #fff; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.4; text-shadow: #173289 1px 1px 1px; }
.middle .column-right .navy-info .bottom { height: 26px; background: url(images/bg-col-right-navy-bottom.png) no-repeat; }
.middle .column-right .cv-button { margin: 10px 0 0 35px; text-shadow: #449ac3 1px 1px 1px; }
.middle .column-right .cv-button a { color: #fff; text-decoration: none; font-size: 16px; font-family: Tahoma, Arial, Helvetica, sans-serif; display: block; text-align: center; width: 287px; height: 45px; padding-top: 10px; background: url(images/bg-cv-button.png); }
.middle .column-right .cv-button a span { display: block; font-size: 12px; color: #000; }
.middle .column-right .cv-button a:hover span { text-decoration: underline; }
.middle .column-right .cv-button a:hover { text-decoration: underline; }
.middle .column-right .newsletter { margin: 20px 20px 0 35px; border-top: 1px solid #e1dccc; padding-top: 10px; }
.middle .column-right .newsletter p { font-size: 11px; color: #666666; margin-bottom: 10px; }
.middle .column-right .newsletter input { width: 192px; height: 23px; padding: 7px 10px 0 10px; background: url(images/bg-input.png) no-repeat; float: left; color: #83857a; font-size: 11px; }
.middle .column-right .newsletter button { width: 71px; height: 30px; background: url(images/bg-button-submit.png) no-repeat; color: #fff; float: right; }
.middle .column-right .latest-offers { margin: 20px 20px 0 35px; border-top: 1px solid #e1dccc; padding-top: 10px; }
.middle .column-right .latest-offers ul { list-style: none; margin-top: 10px; }
.middle .column-right .latest-offers ul li { border-top: 1px dashed #d4d2d7; padding: 5px 0 5px 0; }
.middle .column-right .latest-offers ul li a { color: #173289; font-size: 13px; }
.middle .column-right .latest-offers ul li a:hover { text-decoration: none; }
.middle .column-right .latest-offers ul li span { color: #83857a; display: block; font-size: 11px; }
.middle .column-right .latest-offers ul li.more { text-align: right; }

.bottom { border-top: 1px solid #e1dccc; margin-top: 10px; font-size: 11px; text-shadow: #f6f3e9 1px 1px 1px; margin-bottom: 15px; }
.bottom ul { list-style: none; }
.bottom ul li { float: left; margin-right: 15px; }
.bottom ul li a { color: #77715f; text-decoration: none; }
.bottom ul li a:hover { text-decoration: underline; }
.bottom .links { float: left; margin-top: 10px; }
.bottom .social { float: right; }
.bottom .social li { margin-right: 0; margin-left: 5px; }
.bottom .copyright { color: #c7c2b1; float: left; }
.bottom .touched { float: right; margin-top: 10px; }

.column-left .cv-button { margin: 40px 0 20px 150px; text-shadow: #449ac3 1px 1px 1px;  }
.column-left .cv-button a { color: #fff; text-decoration: none; font-size: 16px; font-family: Tahoma, Arial, Helvetica, sans-serif; display: block; text-align: center; width: 287px; height: 37px; padding-top: 18px; background: url(images/bg-cv-button.png); }
.column-left .cv-button a span { display: block; font-size: 12px; color: #000; }
.column-left .cv-button a:hover span { text-decoration: underline; }
.column-left .cv-button a:hover { text-decoration: underline; }

form.cv { margin-top: 20px; }
form.cv fieldset { margin: 0; padding: 0; }
form.cv ul { list-style: none; color: #383838; margin: 0; padding: 0; margin-left: 0; }
form.cv label { display: block; font-weight: bold; margin-bottom: 2px; }
form.cv span { display: block; font-size: 11px; color: #383838; }
form.cv select,
form.cv textarea,
form.cv input { padding: 4px; border: 1px solid #cecece; color: #383838; width: 560px;font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
form.cv button { width: 71px; height: 30px; background: url(images/bg-button-submit.png) no-repeat; color: #fff; float: right; }
form.cv input.error { border: 1px solid #f00; }
form.cv label.error { color: #f00; }

.column-left .job-offers { list-style: none; margin: 0; }
.column-left .job-offers h4 { margin-bottom: 0; }
.column-left .job-offers h4 a { text-decoration: none; }
.column-left .job-offers h4 a:hover { text-decoration: underline; }
.column-left .job-offers span { color: #83857a;  }

.paginator { margin-top: 20px; text-align: center; font-size: 16px; }
.paginator ul { list-style: none; font-weight: bold; margin: 0; }
.paginator ul li { float: left; margin-right: 10px; }
.paginator ul li a { text-decoration: none; }
.paginator ul li a:hover { text-decoration: underline; }