/* 
Theme Name:ASTOL
Description:Theme for the hair-stylist saloon
Author:Tomek Sułkowski
Author URI:http://lightforms.pl
Version:0.1
*/

/*   ogolne   */

body {
    text-align:center;
    background-color: #fff;
}

a img{
    border: none;
}

.clear {
    clear: both;
}


/*   header   */

.header1, .header2, .content, .stopka {
    text-align: left;
}

h1, h2, h3, h4, h5 {color: #AB6F38;}

.header1 {
    width: 940px;
    margin: 0px auto 0px auto;
    height: 127px;
    background: transparent url('images/drewno.png') no-repeat;
}

.logo{
    float: left;
    margin-top: 20px;
}

.under_menu {
    background: transparent url('images/under_menu.png') no-repeat;
    width: 740px;
    height: 56px;
    float: right;
    margin-top: 38px;
}

.menu {
    margin-left: 10px;
    margin-top: 10px;
}

.menu img{
    float: left;
}

div.menu_left{
    background: transparent url('images/menu_left.png') no-repeat;
    width: 7px;
    height: 42px;
    float: left;
}

div.menu_center{
    float: left;
    background: transparent url('images/menu.png') repeat-x;
    width: 740px;
    height: 42px;
}

.menu_center span{
    font-family: Myriad Pro;
    font-size: 13pt;
    color: #fff;
    text-transform: uppercase;
    line-height: 33px;
    background: transparent url('images/border_after.png') no-repeat right;
    padding: 4px 34px 4px 19px;
}


.menu_center .border_none{
    background: none;
}

.menu_center span a{
    color: #fff;
    text-decoration: none;
}

.menu_center span a:hover{
    text-decoration: underline;
}

div.menu_right{
    background: transparent url('images/menu_right.png') no-repeat;
    width: 8px;
    height: 42px;
    float: left;
}

.header2 {
    width: 940px;
    margin: 0px auto 0px auto;
    height: 150px;
    background-color: #7b3a1d ;
}

.under_buttons{
    padding: 8px 0px 10px 10px;
}

.underb_left{
    background: transparent url('images/underb_left.png') no-repeat;
    width: 8px;
    height: 138px;
    float: left;
}

.underb_center{
    background: transparent url('images/underb_center.png') repeat-x;
    width: 903px;
    height: 138px;
    float: left;
    padding-top: 13px;

}

.white_button1, .white_button2, .white_button3 {
    background: transparent url('images/white_button.png') no-repeat;
    width: 285px;
    height: 106px;
    float: left;
    padding-top: 10px;
}

.underb_center span a{
    font-family: myriad pro;
    font-size: 16pt;
    font-style: italic;
    color: #431b1b;
    text-align: left;
    text-decoration: none;
    margin-left: 10px;
    float: left;
    font-weight: bolder;
}

.underb_center span a:hover{
    text-decoration: underline;
}

.underb_center img{
    margin-left: 10px;
}

.white_button1 {
    margin-right: 9px;
    margin-left: 3px;
}

.white_button2 {
    margin-right: 9px;
}

.border_3butt {
    background: transparent url('images/border_3butt.png') no-repeat;
    height: 108px;
    width: 3px;
    float: left;
    margin-right: 7px;
}

.underb_right{
    background: transparent url('images/underb_right.png') no-repeat;
    width: 8px;
    height: 138px;
    float: left;

}

/*   content   */

.content{
    width: 940px;
    margin: 0px auto 0px auto;
    background-color: #fff;

}

.na_skroty {
    width: 270px;
    height: auto;
    float: left;
}

.na_top {
    background: transparent url('images/na_top.png') no-repeat;
    width: 270px;
    height: 31px;
    padding-left: 10px;
}

.na_top span{
    font-family: myriad pro;
    font-size: 16pt;
    font-style: italic;
    color: #fff;
}

.na_center{
    background-color: #ab6f38;
    padding: 5px 0px 5px 10px;
}


.na_bottom{
    background: transparent url('images/na_bottom.png') no-repeat;
    width: 270px;
    height: 7px;
    padding-left: 10px;
}

.na_but_top {
    background: transparent url('images/na_but_top.png') no-repeat center bottom;
    width: 260px;
    height: 16px;

}

.na_but_center {
    background-color: #3d302d;
    width: 260px;
    padding-bottom: 8px;
    line-height: 12px;
}

.na_but_center span{
    margin-left: 10px;
}

.na_but_center .first_line  a{
    font-family: tahoma;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 10pt;
    font-weight: bolder;
}

.na_but_center .second_line  a{
    color: #d9aa80;
    font-size: 8pt;
    text-transform: none;
    text-decoration: none;
    font-family: tahoma;
}

.na_but_center * a:hover {
    text-decoration: underline;
}

.na_but_bot {
    background: transparent url('images/na_but_bot.png') no-repeat;
    width: 260px;
    height: 5px;

}

/*  main   */

.main {
    float: right;
    width: 660px;
}

div.breadcrumbs {
   background-color: #f6f6f6;
   padding: 15px;
   font-family: tahoma;
   color: #ab6f38;
   font-size: 8pt;
}

div.breadcrumbs a{
    color: #000;
}

div.title{
    color: #ab6f38;
    font-family: myriad pro, tahoma;
    text-align: center;
    font-style: italic;
}

.pages {
    width: 500px;
    margin: 0px auto 0px auto;
}

.pages *{
    font-family: tahoma;
    font-size: 8pt;
    color: #3d302d;
    text-decoration: none
}
.pages .active{
    font-weight: bolder;
    color: #a60000;
}

.pages_num{
    float: left;
}

.pages_nav {
    float: right;
}

.grey{
    background-color: #ececec;
    height: 3px;
    margin-top: 16px;
    margin-bottom: 10px;
}

/*  opis na stronie (content)   */

.title2 {
    color: #ab6f38;
    font-family: myriad pro, tahoma;
    text-align: left;
    font-style: italic;
    margin: 0px 10px;
}

.tresc{
    font-family: tahoma;
    font-size:9pt;
    color: #000;
    line-height: 15px;
    padding: 10px;
}

.tresc h1,.tresc h2,.tresc h3,.tresc h4,.tresc h5,.tresc h6 {
    color: #ab6f38;
}

.tresc img{
    border: solid 1px #ddd;
    padding: 4px;
    margin: 10px;
}

.tresc .additional{
    float: right;
    margin: 10px;
    font-weight: bolder;
}

.additional span{
    font-size:8pt;
    color: #ab6f38;
}

.additional .ramka{
    border: solid 1px #dcdcdc;
    padding: 4px;
    width: 240px;
    margin-top: 6px;
}

.additional hr{
    width: 240px;
    color: #9a8344;
    margin-left: -10px;
}

.additional div.list{
    background-color: #ab6f38;
    padding: 1px 10px 1px 0;
}

.additional div.list ul{
    list-style-type:none;
    color: #fff;
    line-height: 15px;
    font-size: 8pt;
    padding-left: 10px;
}



/*  galeria  */

.galery_images{
    padding-left: 65px;
}

.frame{
    min-height: 230px;
    width: 175px;
    border: solid 1px #ececec;
    float: left;
    background: #fff url('images/gall_grey.png') repeat-x bottom;
    text-align: center;
}

.frame div span.title{
    display: block;
    font-family: tahoma;
    color: #ab6f38;
    font-size: 10pt;
    font-weight: bolder;
    text-align: left;
    margin: 20px auto 10px 30px;
}

.frame img {
    border: solid 3px #d4d3c7;
    display: block;
    margin: 0px auto;
}

.frame .img_desc {
    background-color: #ececec;
    min-height: 23px;
    width: 137px;
    margin: 0px auto 0px auto;
    text-align: left;
    padding-top: 10px;
}

.frame .img_desc div{
    margin-left: 10px;
    font-family: tahoma;
    font-size: 8pt;
    color: #504545;
    font-weight: normal;

}


/*  o firmie   */

.o_firmie {
    float: left;
    width: 420px;
    color: #000;
    font-family: tahoma;
    font-size: 8pt;
    padding: 0px 20px 20px;
}

.o_firmie h2{
    color: #ab6f38;
    font-family: myriad pro;
    font-style: italic;
}

/*   porady   */

.porady {
    float: right;
    width: 210px;
}

.por_top{
    background: transparent url('images/por_top.png') no-repeat;
    width: 210px;
    height: 31px;
}

.por_top span{
    font-family: myriad pro;
    color: #fff;
    font-style: italic;
    font-size: 16pt;
    margin-left: 10px;
}

.por_center{
    background-color: #d7cb91 ;
    width: 210px;
    padding-top: 10px;
    padding-bottom: 2px;
}

.por_bot{
    background: transparent url('images/por_bot.png') no-repeat;
    width: 210px;
    height: 5px;
}

.por_box_top{
    background: transparent url('images/por_box_top.png') no-repeat;
    width: 208px;
    height: 6px;
    margin-left: 1px;
}

.por_box_center{
    background-color: #faf4d9 ;
    width: 208px;
    margin-left: 1px;
}

.por_box_center div.link_por{
    margin-left: 10px;
    margin-right: 10px;
    font-family: tahoma;
    font-size: 8pt;
    border-bottom: 1px solid #D7CB91;
    padding: 8px 0px;
    color: #585858;
}

.link_por a:after{
    content: url('images/porady_arrow.png');
}

.por_box_center a{
    text-decoration:none;
    color: #ab6f38;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: tahoma;
    font-size: 8pt;
    padding-right: 5px;

}

.por_box_center a:hover{
    text-decoration: underline;
}

.por_box_bot{
    background: transparent url('images/por_box_bot.png') no-repeat;
    width: 208px;
    height: 4px;
    margin-left: 1px;

}

div.more {
    text-align: right;
}

.more a{
    font-family: tahoma;
    font-size: 8pt;
    color: #000;
    text-transform: none;
    font-weight: normal;
    text-decoration: underline;
    text-align: right;
    margin-right: 10px;
    line-height: 20px;
}

/*  adres   */

.adres {
    text-align: right;
    font-family: tahoma;
    font-size: 8pt;
    color: #3d302d;
    margin-top: 50px;
}

.adres span{
    font-weight: bolder;
}

.adres strong, .adres a{
    color: #ab6f38;
}

/*   realizacje   */

.content .realizacje{
    background: transparent url('images/drewno_realizacje.png') no-repeat;
    height: 126px;
    width: 720px;
    float: left;
    margin-top: 40px;
    margin-bottom: 20px;
}

.realizacje .title_nr {
    font-family: myriad pro;
    font-style: italic;
    color: #fff;
    font-size: 16pt;
    margin-left: 7px;
    margin-top: 7px;
}

.left_arrow, .right_arrow {
    width: 14px;
    height: 35px;
    margin-top: 30px;
}

.right_arrow{
    float: right;
}

.left_arrow{
    float: left;
}

.gallery img{
    margin: 10px 12px 0 21px;
    border: solid 3px #fff;
    float: left;
}

/*   stopka   */

.stopka {
    width: 940px;
    border-top: 1px solid black;
    margin-top: 20px;
    margin: 20px auto 0px auto;
}

.copyr{
    float: left;
    font-family: tahoma;
    color: #727272;
    font-size: 8pt;
    margin: 10px;
    text-align: left;
}

.links{
    float: right;
    margin-top: 10px;
}

.links a{
    font-family: tahoma;
    color: #727272;
    font-size: 8pt;
    margin-top: 10px;
    border-left: 1px solid #ab6f38;
    padding: 0px 10px;
}

.links .none{
    border-left: none;
}


body, .content, .o_firmie {position: relative; z-index: 0;}

.menu {list-style: none; margin-left: -30px;}
.menu ul {display: none; position: relative; z-index: 1000;}
.menu li {position: relative;}
.menu li a {display: block; position: relative;}
.menu li ul {position: absolute; top: 36px; left: 120px; list-style: none; padding-left: 0;}
.menu li.item-produkty ul {left: 228px}
.menu li.item-galerie ul {left: 363px}
.menu li li a {width: 200px; display: block; padding: 10px; background: #38302c; color: #fff; font-weight: bold; font-family: tahoma; text-decoration: none; font-size: 12px; border-top: solid 1px #4b403c;}
.menu li li a:hover, .menu li li.active a {background: #332a28;}

.menu ul ul {position: absolute; left: 220px; top: 0; border-left: solid 1px #4b403c;}
.menu ul ul li {position: relative;}
.menu ul ul li a {position: relative;}

html {overflow-y: scroll;}
body.porady {float: none; width: auto;}

a {color: #009;}

img.alignleft, img.left { float: left; border: 1px solid #DDDDDD; margin: 10px; padding: 4px; }
img.alignright, img.right { float: right; border: 1px solid #DDDDDD; margin: 10px; padding: 4px; }
img.aligncenter, img.center { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; border: 1px solid #DDDDDD; margin: 10px; padding: 4px; }
img.alignnone, img.block { display: block; clear: both; border: 1px solid #DDDDDD; margin: 10px; padding: 4px; }
img.frame { background: #eee; border-style: solid; border-color: #ddd; border: 1px solid #DDDDDD; margin: 10px; padding: 4px; }
img.stack { clear: none !important; border: 1px solid #DDDDDD; margin: 10px; padding: 4px; }
img[align="left"] { float: left; clear: left; border: 1px solid #DDDDDD; margin: 10px; padding: 4px; }
img[align="right"] { float: right; clear: right; border: 1px solid #DDDDDD; margin: 10px; padding: 4px; }
img[align="middle"] { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; border: 1px solid #DDDDDD; margin: 10px; padding: 4px; }

.wp-caption { border-style: solid; border-color: #ddd; background-color: #eee; text-align: center; font-style: italic; }
.wp-caption.alignleft { float: left; }
.wp-caption.alignright { float: right; }
.wp-caption.aligncenter { margin-right: auto; margin-left: auto; float: none; clear: both; }
.wp-caption.alignnone { clear: both; }

.post-edit-link {position: fixed; top: 0; left: 0;}

.o_firmie div {position: relative;}

.ngg-galleryoverview {width: 540px; margin-left: 45px; position: relative; z-index: -1;}
.ngg-gallery-thumbnail-box {float: left;}
.ngg-gallery-thumbnail {float: left; width: 175px; border: 1px solid #ECECEC; height: 230px; background: #FFFFFF url(images/gall_grey.png) repeat-x bottom; text-align: center; position: relative; z-index: 0;}
.ngg-gallery-thumbnail img {border: 3px solid #D4D3C7; position: relative; top: 3px; z-index: 0;}
.ngg-gallery-thumbnail span {color: #AB6F38; font-size: 10pt; font-weight: bolder; display: block; position: relative; top: 20px; text-align: left; margin-left: 20px; display: none; z-index: 0;}
.ngg-gallery-thumbnail .img_desc {background: #ececec; margin: 0 auto; padding: 10px 0; width: 138px; color: #504545;}


.ngg-navigation {clear: both; margin-top: 10px; border-top: solid 3px #ECECEC; padding-top: 10px; text-align: center; font-weight: bold; color: #AB6F38; position: relative;}
.ngg-navigation a {padding: 0 5px; color: #000; text-decoration: none; font-weight: normal; color: #111;}
.ngg-navigation span.wyswietl {font-weight: normal; color: #111; padding-right: 17px;}
.ngg-navigation span {padding: 0 5px;}
.ngg-navigation .next {float: right; position: absolute; right: 0;}
.ngg-navigation .prev {float: left; position: absolute; left: 0;}


.kontakt .na_skroty {display: none;}
.kontakt .o_firmie {position: relative; width: auto;}
.kontakt .o_firmie ul {margin-left: 0; padding-left: 0; float: left; margin-right: 40px;}
.kontakt .o_firmie ul li {list-style-type: none; margin-bottom: 3px;}
.kontakt .o_firmie iframe {position: absolute; top: 55px; right: 60px; border: solid 2px #bd6d28;}
.kontakt .o_firmie .wpcf7 { clear: both; padding-top: 35px; }
/*.kontakt .o_firmie .wpcf7 br {display: none;}*/
.kontakt .o_firmie .wpcf7 label {float: left; display: block; width: 100px;}
.kontakt .o_firmie .wpcf7 .wpcf7-form-control-wrap input, .kontakt .o_firmie .wpcf7 .wpcf7-form-control-wrap textarea {width: 240px;}
.kontakt .o_firmie .wpcf7-form br {display: none;}
.kontakt #submit {width: auto}
.kontakt .wpcf7-not-valid-tip-no-ajax {display: none;}

.copyr a {color: #727272;}

.realizacje .slide img {width: 98px; height: 68px;}
.realizacje .slide .gallery {height: 90px; overflow: hidden; width: 688px;}
.realizacje .right_arrow {position: relative; top: -90px;}
.realizacje .gallery .inside {position: relative; width: 1000px; left: -137px;}
.realizacje .gallery .inside a {float: left;}

.content .column {display: none;}
.content .dynamic-col-1 {display: block;}
.page-paginator {display: block;}
.page-paginator span {position: relative; top: 3px; float: left; margin-right: 5px;}
.page-paginator li {list-style-type: none; float: left;}
.page-paginator li a {float: left; display: block; padding: 3px 5px; color: #000; text-decoration: none; outline: none;}
.page-paginator li a.active {color: #AB6F38; font-weight: bold; cursor: default; float: left;}

.gatunki-drewna .column h2 {margin-top: 20px; margin-bottom: 5px; font-style: normal; font-size: 18px; border-bottom: solid 1px #ab6f38;}
.gatunki-drewna .column h3 {margin-bottom: 0;}
.gatunki-drewna .column p {margin: 0; padding: 0;}
.gatunki-drewna .column {clear: both;}