@charset "utf-8";
@import url('reset.css');

/* --- ostrzeżenie o starej przeglądarce/braku JS --- */
.old { background: red; height: 30px; font-size: 15px; color: #fff; padding: 12px 0 0 0; text-align: center; }

/* --- font-face --- */
@font-face { font-family: 'OpenSans-CondLight'; font-style: normal; font-weight: normal; src: url('../fonts/OpenSans-CondLight.eot?') format('eot'), url('../fonts/OpenSans-CondLight.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-CondLight.ttf') format('truetype'), url('../fonts/OpenSans-CondLight.woff') format('woff'), url('../fonts/OpenSans-CondLight.svg#OpenSans-CondLight') format('svg'); }
@font-face { font-family: 'OpenSans-CondLightItalic'; font-style: normal; font-weight: normal; src: url('../fonts/OpenSans-CondLightItalic.eot?') format('eot'), url('../fonts/OpenSans-CondLightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-CondLightItalic.ttf') format('truetype'), url('../fonts/OpenSans-CondLightItalic.woff') format('woff'), url('../fonts/OpenSans-CondLightItalic.svg#OpenSans-CondLightItalic') format('svg'); }

/* --- body --- */
body { font-family: Arial,sans-serif; }

/* --- kontener ---- */
.wrapper { width: 1165px; margin: 0 auto; overflow: hidden; }

/* --- ułożenie obrazków - do lewej, do prawej, wyśrodkowany --- */
.left { float: left; margin: 6px 16px 6px 0; }
.right { float: right; margin: 6px 0 6px 12px; }
.center { display: block; margin: 6px auto; padding: 0; }

/* --- kolor zaznaczenia --- */
::selection { color: #fff; background: #282826; }
::-moz-selection { color: #fff; background: #282826; } 
img::selection  { background: #282826; }
img::-moz-selection { background: #282826; }

/* --- nagłówek --- */
header { height: 439px; background: url(../img/bg1.gif); }
header .wrapper { height: 439px; position: relative; }

#top-icons { float: right; margin: 15px 24px 0 0; overflow: hidden; }
#top-icons li { float: left; }
#top-icons li a { float: left; }
#ticon1 a { width: 6px; height: 13px; margin: 1px 13px 0 0; background: url(../img/ticon01.png); }
#ticon1 a:hover { background: url(../img/ticonh1.png); }
#ticon2 a { width: 16px; height: 10px; margin: 4px 13px 0 0; background: url(../img/ticon02.png); }
#ticon2 a:hover { background: url(../img/ticonh2.png); }
#ticon3 a { width: 15px; height: 13px; margin: 1px 10px 0 0; background: url(../img/ticon03.png); }
#ticon3 a:hover { background: url(../img/ticonh3.png); }
#ticon4 a { width: 15px; height: 14px; margin: 0 12px 0 0; background: url(../img/ticon04.png); }
#ticon4 a:hover { background: url(../img/ticonh4.png); }
#ticon5 a { width: 9px; height: 14px; margin: 0 12px 0 0; background: url(../img/ticon05.png); }
#ticon5 a:hover { background: url(../img/ticonh5.png); }
#ticon6 a { width: 16px; height: 14px; background: url(../img/ticon06.png); }
#ticon6 a:hover { background: url(../img/ticonh6.png); }

header h2, header h3 { font-family: 'OpenSans-CondLight',sans-serif; color: #a6a5a5; }
header h2 { margin: 0 0 9px 105px; font-size: 48px; }
header h3 { margin: 0 0 16px 108px; font-size: 23px; text-transform: uppercase; }

#logo { width: 546px; float: left; margin: 62px 0 0 39px; overflow: hidden; }
#phone-numbers { float: left; clear: left; margin: 23px 0 0 136px; font-family: 'OpenSans-CondLight',sans-serif; font-size: 36px; color: #999; overflow: hidden; }
#phone-numbers p { display: inline-block; margin-right: 48px; }

#menu { width: 275px; position: absolute; top: 93px; right: 16px; overflow: hidden; }
#menu li { margin-bottom: 14px; text-align: right; }
#menu li a { width: 248px; height: 48px; display: inline-block; padding-right: 27px; font-family: 'OpenSans-CondLight',sans-serif; font-size: 24px; line-height: 48px; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.7s ease;
transition: all 0.7s ease; -moz-transition: all 0.7s ease;  color: #fff; background: url(../img/bg3.png) right top no-repeat; }
#menu li a:hover, #menu li.current a { width: 174px; padding-right: 62px; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; -moz-transition: all 0.7s ease; background: url(../img/bg4.png) -37px top no-repeat; }

#slider { width: 355px; height: 355px; position: absolute; top: 48px; left: 616px; padding: 29px 0 0 45px; z-index: 2; overflow: hidden; background: url(../img/bg7.png) 45px 29px no-repeat; }
#slider-bg { width: 400px; height: 384px; position: absolute; top: 0; left: 0; z-index: 10; background: url(../img/bg2.png); }
#slider .slide { position: relative; z-index: 5; }
#slider .slides img { width: 320px; height: 328px; border-radius: 160px; -moz-border-radius: 160px; -webkit-border-radius: 160px; }
.slidesjs-pagination { width: 320px; position: absolute; top: 312px; z-index: 99; text-align: center; }
.slidesjs-pagination li { display: inline-block; }
.slidesjs-pagination-item a { width: 24px; height: 24px; display: inline-block; margin: 0 3px; font-size: 15px; line-height: 24px; text-align: center; text-decoration: none; color: #fff; background: url(../img/bg5.png); }
.slidesjs-pagination-item a.active { background: url(../img/bg6.png); }

/* --- główna treść --- */
main { width: 1200px; margin: 0 auto; overflow: hidden; }
main#page { width: 1171px; margin-top: 8px; }

/* --- usługi na stronie głównej --- */
#services { width: 728px; float: left; margin: 11px 0 0 0; overflow: hidden; }
.service { width: 216px; float: left; margin: 0 0 35px 25px; font-size: 12px; line-height: 20px; color: #7f7f7f; overflow: hidden; }
.service a { text-decoration: none; color: #4c4c4c; }
.service a:hover, #page-gallery a:hover { color: #2f87ca; }
.service a:hover span, #page-gallery a:hover span { border: 1px #2f87ca solid; }
.service a h2 { margin: 2px 0 7px 2px; font-family: 'OpenSans-CondLight',sans-serif; font-size: 23px; }
.service img, #page-gallery img { width: 194px; height: 107px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.service span, #page-gallery span { display: inline-block; padding: 10px; border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; border: 1px #999 solid; overflow: hidden; background: #e6e6e6; }
.service.closer-text h2 { font-size: 18px; }

/* --- pakiety promocyjne(str. główna) --- */
#promotions { width: 436px; float: right; margin: 0 18px 0 0; overflow: hidden; }
#promotions h2 { margin: 14px 0 17px 24px; font-family: 'OpenSans-CondLight',sans-serif; font-size: 36px; text-transform: uppercase; color: #4c4c4c; }
.promotion { width: 436px; margin-bottom: 6px; padding-top: 13px; font-family: 'OpenSans-CondLight',sans-serif; font-size: 18px; overflow: hidden; background: url(../img/bg14.png) no-repeat; }
.promotion a { text-decoration: none; }
.promotion h3 { margin-bottom: 16px; font-size: 21px; color: #fe1313; }
.promotion h3 span { color: #2f91dc; }
.promotion p { font-family: 'OpenSans-CondLightItalic',sans-serif; color: #4c4c4c; }
.promotion ul { margin: 5px 0 10px 0; }
.promotion li { margin-left: 27px; color: #4c4c4c; }
.promotion-text { width: 420px; padding: 0 5px 0 11px; overflow: hidden; background: url(../img/bg15.png); }
.promotion-bottom { width: 436px; height: 11px; background: url(../img/bg16.png); }
#promotions #last { margin-left: 8px; font-size: 12px; color: #7f7f7f; }

/* --- zakładka Facebook --- */
#facebook-tab { position: fixed; top: 93px; right: 0; z-index: 9999; }
#facebook-tab li { width: 48px; height: 123px; position: relative; margin-bottom: 1px; cursor: pointer; }
#facebook-tab > li > div { width: 286px; height: 296px; float: left; position: absolute; top: 0; left: 48px; z-index: 100; padding: 5px; overflow: hidden; border: solid #3b5997 3px; border-radius: 0 0 0 8px; -moz-border-radius: 0 0 0 8px; -webkit-border-radius: 0 0 0 8px; background: #fff; }

/* --- sekcja nad stopką --- */
#prefooter { height: 278px; overflow: hidden; background: url(../img/bg8.gif); }
#prefooter .wrapper { width: 1142px; }
#prefooter h2 { font-family: 'OpenSans-CondLight',sans-serif; font-size: 23px; color: #fff; }
#certificates { width: 162px; float: left; margin-right: 56px; text-align: center; overflow: hidden; }
#certificates a { width: 162px; height: 192px; float: left; padding-top: 8px; background: url(../img/bg9.png) no-repeat; }
#certificates a img { width: 146px; height: 184px; }
#map { width: 340px; float: left; margin-right: 0px; overflow: hidden; }
#map h2, #certificates h2, #gallery h2 { margin: 23px 0 15px 0; text-align: center; }
#map a { width: 340px; height: 200px; display: block; background: url(../img/map1.jpg); }
#map a:hover { background: url(../img/map2.jpg); }
#gallery { width: 533px; float: right; overflow: hidden; }
#gallery a { float: left; margin: 0 0 1px 4px; padding: 8px; overflow: hidden; background: url(../img/bg10.png) no-repeat; }
#gallery a:hover { background: url(../img/bg11.png) no-repeat; }
#gallery img { width: 113px; height: 82px; }

/* --- stopka --- */
footer { width: 925px; height: 24px; margin: 0 auto; font-size: 12px; line-height: 24px; color: #999; }
footer p { margin-left: 277px; float: left; }
footer a { width: 143px; height: 24px; float: right; margin: 0 11px 0 0; background: url(../img/creationstudio.gif) left center no-repeat; }

/* --- podstrona, np. O nas --- */
#page-left { width: 312px; float: left; overflow: hidden; }
#page-menu { margin-bottom: 50px; }
#page-menu li a { height: 43px; display: block; margin-bottom: 2px; padding-left: 56px; font-size: 21px; font-family: 'OpenSans-CondLight',sans-serif; line-height: 43px; text-decoration: none; color: #5b5b5b; background: url(../img/bg12.png); }
#page-menu li a:hover, #page-menu li.current a { color: #fff; background: url(../img/bg13.png); }
#page-right { width: 801px; float: right; font-size: 16px; color: #666; overflow: hidden; }
#page-right h2, #page-right h1 { margin: 7px 0 20px 0; padding: 0 7px 12px 7px; border-bottom: 1px #ccc solid; font-family: 'OpenSans-CondLight',sans-serif; font-size: 24px; color: #4c4c4c; }
#page-right a { color: #666; }
#page-text { padding: 0 6px; line-height: 19px; overflow: hidden; }
#page-text li { margin-left: 50px; list-style-type: disc; }
#page-text li li { margin-left: 50px; list-style-type: square; }

/* --- podstrona galerii --- */
#page-gallery a { float: left; margin: 0 25px 21px 25px; text-decoration: none; }

/* --- podstrona cennik --- */
table.price { margin-top: 10px; border-spacing: 0;  }
table.price td:first-child, table.price th:first-child  { width: 402px; padding: 0 5px; border-left: 1px #ccc solid; }
table.price th { font-weight: bold; }
table.price td, table.price th { width: 260px; padding: 3.5px 5px; font-size: 12px; vertical-align: middle; text-align: center; border: #ccc solid; border-width: 1px 1px 0 0; }
table.price tr:nth-child(even) { background: #eee; border: 1px #ccc solid; }
table.price tr:last-child td { border-bottom: 1px #ccc solid; }

/* --- podstrona kontaktu --- */
#contact-left { float: left; overflow: hidden; }
#contact-right { float: right; padding-right: 140px; line-height: 32px; overflow: hidden; }
#contact-left, #contact-right a { text-decoration: none; }
#contact-left a:hover, #contact-right a:hover { text-decoration: underline; }

/* --- podstrona certyfikatów --- */
#certificates2 { text-align: center; overflow: hidden; }
#certificates2 img { width: 350px; height: 485px; }


/* --- formularz kontaktowy --- */
#contact_form_errorloc li { font-size: 13px; color: red; }
#contact_form_errorloc li:last-child { margin-bottom: 15px; }
#contact-form { font-size: 13px; }
#contact-form a:hover { text-decoration: none; }
#contact-form input, #contact-form textarea { font-family: Arial,sans-serif!important; font-size: 13px!important; border: 1px #e0e0e0 solid; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0px 0px 1px #999; -moz-box-shadow: 0px 0px 1px #999; -webkit-box-shadow: 0px 0px 1px #999; color: #666; }
#contact-form input { width: 200px; height: 24px; margin-bottom: 10px; padding: 0 10px; }
#contact-form textarea { width: 300px; height: 150px; padding: 10px; margin-bottom: 20px; line-height: 20px; }
#contact-form label { display: inline-block; margin-bottom: 3px; }
#contact-form input#letters_code { width: 60px; padding: 0 15px; }
#contact-form input[type=submit] { width: 80px; height: 34px; margin: 10px 0 30px 0; padding: 0; font-family: 'OpenSans-CondLight',sans-serif; font-size: 16px; border: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; cursor: pointer; color: #fff; background: #2f94e1; }
#contact-form input[type=submit]:hover { background: #237fc6; }
.personel_img {width:70%;float:left;}