/*
Theme Name: Bufiplast by Mateusz Marszałek
Theme URI: http://mateuszmarszalek.pl
Description: Motyw graficzny dla Bufiplast.
Author: Mateusz Marszałek
Author URI: http://mateuszmarszalek.pl
Version: 1.0
*/
* {margin:0px; padding:0px;}
table{border-spacing:0;}
form {display:inline;}
html, body {height: 100%;}
fieldset {border:0;}
body, table{
font:11px/16px Trebuchet MS, sans-serif;
text-align:center;
color:#636363;
}
body {
background:#fff;
position:relative;
}
body div {text-align:left;}
table {text-align:left; background-color:transparent; background-image:none;}
table td {vertical-align:top;}

a img {border:0px;}
img {border:0px;}

ul {list-style-type:none;}
a:link, a:visited {
text-decoration:none;
color:#6f6f6f;
outline:0;
}
a:hover {text-decoration:underline;}
p {
padding:0px 0px 16px 0px;
}

.clear {clear:both;}

h1 {
font:bold 22px/22px Trebuchet MS, sans-serif;
color:#f4a034;
margin-bottom:15px;
}
h2 {
font:bold 36px/36px TitXB, sans-serif;
color:#fff;
text-shadow:#333 0px 1px 1px;
}
h3 {
font:bold 18px/22px Trebuchet MS, sans-serif;
color:#f4a034;
margin-bottom:10px;
}
h4 {
font:bold 15px/24px Trebuchet MS, sans-serif;
color:#f4a034;
margin-bottom:5px;
}
h5 {
font:bold 15px/22px Trebuchet MS, sans-serif;
color:#e74f1c;
margin-bottom:10px;
}


input, textarea {
border:none;
background:none;
color:#636363;
font:11px/16px Trebuchet MS, sans-serif;
padding:9px;
width:232px;
margin-bottom:10px;
}
textarea {
height:252px;
margin-bottom:25px;
resize:vertical;
}

#wrap0 {
width:1024px;
margin:0px auto;
}
#wrap, .wrap {
width:960px;
margin:0px auto;
}




.rbox {
-moz-border-radius:10px;
border-radius:10px;
-khtml-border-radius:10px;
-icab-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
}


.alignright {float:right;}
.alignleft {float:left;}
img.alignright {margin:0 0 10px 35px;}
img.alignleft {margin:0 10px 10px 0px;}
img.aligncenter {margin:10px auto 0;}



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




/* HEADER */
#header {
padding-top:40px;
position:relative;
}
#logo {
display:block;
width:286px;
height:88px;
position:absolute;
top:21px;
left:47px;
background:url(img/logo.png) no-repeat;
z-index:20;
}
.jezyki {
background:url(img/lang-bg.png) no-repeat;
width:93px;
height:28px;
position:absolute;
bottom:62px;
right:28px;
z-index:20;
}
.jezyki li {
float:left;
padding-top:7px;
}
.jezyki li a {
padding-left:20px;
font:9px/16px TitXB, sans-serif;
color:#7b7b7b;
text-transform:uppercase;
display:block;
height:16px;
background:url(img/lang-en.png) no-repeat;
}
.jezyki li.lang-pl a {
background:url(img/lang-pl.png) no-repeat;
margin:0px 11px 0px 13px;
}
#slider .slides {
position:relative;
}
#slider .slides > div {
position:absolute;
}
#slider .slides h2 {
position:absolute;
top:121px;
left:491px;
}
#slider .slides, #slider .slides > div {
width:1024px;
height:205px;
}
#slider > h2 {
position:absolute;
top:58px;
right:22px;
font-size:40px;
z-index:20;
}
#slider .s1 {background:url(img/slider/1.jpg) no-repeat;}
#slider .s2 {background:url(img/slider/2.jpg) no-repeat;}
#slider .s3 {background:url(img/slider/3.jpg) no-repeat;}
#slider .s4 {background:url(img/slider/4.jpg) no-repeat;}
#slider .s2 h2 {
left:501px;
}
#slider .s3 h2 {
left:514px;
}

#menu {
margin-left:320px;
height:51px;
}
#menu li {
float:left;
}
#menu a {
font:15px/51px TitXB, sans-serif;
height:51px;
display:block;
padding:0px 10px;
text-transform:uppercase;
}
#menu a:hover, #menu .current_page_item a, #menu .current_page_parent a {
color:#f4a034;
text-decoration:none;
}
#menu li.page-item-6 a {
text-indent:-9999px;
width:17px;
padding:0px 10px 0px 0px;
background:url(img/home.png) no-repeat;
}
#menu li.page-item-6 a:hover, #menu li.page-item-6.current_page_item a {
background-position:0px -51px;
}




/* SIDEBAR PRODUKTY */
#produkty {
width:250px;
margin:-163px 15px 0px 35px;
position:relative;
margin-top:-163px;
z-index:100;
}
#produkty .in {
background:url(img/sidebar-bg-top.png) no-repeat;
padding-bottom:46px;
position:relative;
}
#produkty .middle {
z-index:1;
position:relative;
}
#produkty .bottom {
background:url(img/sidebar-bg-bottom.png) no-repeat;
width:250px;
height:44px;
position:absolute;
bottom:-20px;
}
#produkty h3 {
font:27px TitXB, sans-serif;
color:#279ed1;
padding:25px 0px 22px 20px;
}
#produkty li a {
display:block;
font:13px/21px TitXB, sans-serif;
text-transform:uppercase;
border-bottom:1px solid #cfcfcf;
margin:0px 20px;
}
#produkty li a:hover, #produkty li.current_page_item a {
color:#279ed1;
text-decoration:none;
padding-left:17px;
background:url(img/sidebar-hover.png) no-repeat left center;
}
#produkty .bottom {
padding-top:43px;
}
#produkty .bottom a {
font:19px/19px TitXB, sans-serif;
color:#e74f1c;
background:url(img/sidebar-hover.png) no-repeat left center;
padding-left:17px;
margin:20px 0px 0px 20px;
}
#produkty .legal, #side-kon .legal {
font-size:9px;
color:#989898;
margin:27px 0px 0px;
text-align:center;
}
#produkty .legal a, #side-kon .legal a {
color:#404040;
}

.content > .middle {
width:610px;
margin:0px 0px 0px 19px;
}


#footer {
padding:0px 0px 40px 320px;
font-size:9px;
color:#989898;
}
#footer .f1 {
font-size:12px;
color:#636363;
padding-bottom:6px;
border-bottom:1px solid #cfcfcf;
margin-bottom:6px;
}




/* STRONA GLOWNA */
#home .tresc {
background:url(img/home-box-left.png) no-repeat;
width:294px;
height:235px;
overflow:hidden;
margin-right:22px;
display:block;
}
#home .tresc:hover, #home .mapa:hover {
background-position:0px -235px;
}
#home .tresc .box {
margin:25px;
font:15px/19px Trebuchet MS, sans-serif;
color:#7b7b7b;
}
#home .tresc .box h1 {
font:38px/30px TitXB, sans-serif;
color:#e74f1c;
margin:0px 0px 18px;
}
#home .tresc .box h3 {
color:#e74f1c;
margin:18px 0px 0px;
font:normal 24px/18px TitXB, sans-serif;
display:block;
}
#home .tresc p {
padding:0px;
}
#home .mapa {
position:relative;
background:url(img/home-mapa.png) no-repeat;
width:294px;
height:235px;
}
#home .mapa > div {
position:absolute;
}
#home .mapa .trzebnica, #home .mapa .olesnica, #home .mapa .wroclaw {
font-size:14px;
font-weight:bold;
color:#279ed1;
top:51px;
left:30px;
}
#home .mapa .olesnica {
top:101px;
left:218px;
}
#home .mapa .wroclaw {
top:205px;
left:22px;
font-size:16px;
}
#home .mapa .m1 {
font:bold 15px/18px Trebuchet MS, sans-serif;
color:#e74f1c;
top:33px;
left:134px;
}
#home .mapa .m2 {
font:bold 12px/18px Trebuchet MS, sans-serif;
color:#636363;
top:177px;
left:142px;
}
#home .mapa .m3 {
font:31px TitXB, sans-serif;
color:#e74f1c;
top:188px;
left:104px;
}
#baner {
margin:15px 0px;
position:relative;
height:188px;
}
#baner .ramka {
position:absolute;
top:0px;
width:610px;
height:188px;
background:url(img/baner-ramka.png) no-repeat;
}




/* PODSTRONA */
.border {
background:url(img/border.png) no-repeat;
width:610px;
height:12px;
margin:18px 0px 18px -4px;
}
.border.top {
margin-top:0px;
}
.entry-content {
width:400px;
margin-right:25px;
}





/* SIDEBAR */
#sidebar .foto {
background:#ededed;
text-align:center;
padding:5px 10px;
max-width:151px;
width:151px;
min-width:151px;
min-height:120px;
margin-bottom:16px;
}
#sidebar .order {
display:block;
width:171px;
height:84px;
font-size:9px;
background:url(img/order-bg.png) no-repeat;
padding-top:10px;
}
#sidebar .order div {
text-align:center;
}
#sidebar .order .o1 {
margin:0px 0px 5px;
font:24px/27px TitXB, sans-serif;
color:#e74f1c;
}
#sidebar .order:hover {
text-decoration:none;
background-position:0px -94px;
}

#oform {
position:fixed;
top:0px;
left:0px;
display:none;
z-index:100;
}
#oform > img, #oform {
width:100%;
height:100%;
min-height:800px;
}
#oform .bg {
width:395px;
height:496px;
background:url(img/oform-bg.png) no-repeat;
position:fixed;
top:0px;
display:none;
}
#oform .box {
position:relative;
}
#oform .close {
width:23px;
height:24px;
background:url(img/oform-close.png) no-repeat;
cursor:pointer;
position:absolute;
top:-15px;
right:37px;
}
#oform h3, #form h3 {
margin:52px 0px 18px;
font:25px TitXB, sans-serif;
color:#e74f1c;
text-align:center;
text-transform:uppercase;
}
#oform input[type=text], #oform textarea, #form input[type=text], #form textarea {
background:none;
margin:0px 0px 13px 100px;
width:172px;
height:30px;
padding:0px;
line-height:30px;
}
#oform textarea, #form textarea {
height:64px;
line-height:16px;
resize:none;
margin:7px 0px 25px 100px;
}
#oform input[type=submit], #oform input[type=reset], #form input[type=submit], #form input[type=reset] {
background:none;
text-align:center;
width:76px;
height:26px;
font:bold 11px/26px Trebuchet MS, sans-serif;
color:#fff;
padding:0px;
cursor:pointer;
margin:27px 8px 0px 112px;
text-transform:uppercase;
}
#oform input[type=reset], #form input[type=reset] {
margin-left:0px;
}
#oform .legal, #form .legal {
font-size:9px;
margin-left:94px;
}

.info {
color:#a00;
margin:0px 0px 30px;
font-weight:bold;
background:#ffe1e1;
border:1px solid #700;
padding:8px 20px;
}
.info.correct {
color:#080;
background:#e1ffe1;
border-color:#060;
}



/* GALERIA */
#galeria .entry-content, #e404 .entry-content {
width:605px;
}
#galeria .gallery .hover {
background:url(img/galeria-hover.png) no-repeat;
width:195px;
height:138px;
position:absolute;
top:0px;
left:0px;
display:none;
}
#galeria .gallery a:hover .hover {
display:block;
}






/* KONTAKT */
#kontakt .entry-content {
width:615px;
}
#kontakt h3 {
font-size:22px;
line-height:22px;
}
#kontakt .adres, #kontakt .telefon, #kontakt .email, #kontakt .fax {
padding-left:41px;
}
#kontakt .adres {
background:url(img/kontakt-ico-adres.png) no-repeat;
width:109px;
}
#kontakt .telefon {
background:url(img/kontakt-ico-telefon.png) no-repeat;
width:109px;
}
#kontakt .email {
background:url(img/kontakt-ico-email.png) no-repeat;
width:145px;
}
#kontakt .fax {
background:url(img/kontakt-ico-fax.png) no-repeat;
width:83px;
}
#kontakt .entry-content .tresc p, #kontakt .entry-content .tresc  h5 {
padding-left:20px;
}
#kontakt .mapa-border {
background:url(img/kontakt-mapa.png) no-repeat;
width:591px;
height:313px;
padding:11px 12px;
position:relative;
margin-bottom:20px;
}
#mapa {
width:591px;
height:313px;
}
#kontakt .mapa-border .left, #kontakt .mapa-border .right {
width:24px;
height:335px;
background:url(img/kontakt-mapa-left-border.png) no-repeat;
position:absolute;
left:0px;
top:0px;
}
#kontakt .mapa-border .right {
left:591px;
background-image:url(img/kontakt-mapa-right-border.png);
}




/* SIDEBAR KONTAKT */
#form {
background:url(img/form-bg.png) no-repeat;
width:250px;
margin:0px 15px 0px 35px;
position:relative;
padding-top:1px;
}
#side-kon {
position:relative;
top:-163px;
z-index:100;
}
#form > h3 {
margin:22px 0px 15px;
}
#form input[type=text], #form textarea {
margin:0px 0px 14px 31px;
}
#form textarea {
margin-top:3px;
height:96px;
}
#form .legal {
margin:10px 0px 0px 26px;
text-align:left;
}
#form input[type=submit] {
margin:34px 8px 0px 43px;
}
#form input[type=reset] {
margin-top:34px;
}