/*
Theme Name: Beautyicon.pl
Theme URL: http://nikiu.com

Author: Nikiu.com
Author URL: http://nikiu.com
Version: 0.4
*/

@import url('reset.css');
@import url(http://fonts.googleapis.com/css?family=Mr+De+Haviland&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Alegreya+SC&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=PT+Sans&subset=latin,latin-ext);

@import url(http://fonts.googleapis.com/css?family=Oranienbaum&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Quattrocento&subset=latin,latin-ext);

@import url(http://fonts.googleapis.com/css?family=Quattrocento+Sans&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Playfair+Display&subset=latin,latin-ext);

@import url(http://fonts.googleapis.com/css?family=Playfair+Display+SC&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=PT+Serif&subset=latin,latin-ext);


@font-face{font-family: Bodoni;src: url("fonts/bodoni.otf") format("opentype");}


body{margin:0 auto;font: normal 12px "Georgia", "Times New Roman", "Times", serif;color: #444;}
h2{color:#000;line-height:25px;height:27px;background:url('img/shadow.png') center bottom no-repeat;font-size:42px;font-family:'Bodoni', 'Times New Roman', 'Times', serif;text-shadow:0 1px rgba(255,255,255,0.5);text-align:center}

hr{background-color:#fff;height:5px;box-shadow:0 4px 4px rgba(0,0,0,0.3);-webkit-box-shadow:0 4px 4px rgba(0,0,0,0.3);border:0;border-top:1px solid #fff}

header #one, header nav ul, #slider2,#gallery2 div, #wall, #social, #pagination, #page, #events, #video, #bi, #social2, #gallery, footer div, .footer, section#art, #slider_cat, section#cat{margin:0 auto;width:980px}

header{padding-top:5px;border-top:6px solid #2f3240;box-shadow:0 4px 4px rgba(0,0,0,0.3);}

header ul li, nav ul li, section ul li{display:inline} /* float left */
header ul#infos a{padding-right:15px;font-size:11px;font-family:'PT Sans'}

header ul li a{padding-left:7px;padding-right:7px;}
header ul li a:hover, section ul li a:hover{color:#ffb0b0}
header ul li input{padding:3px;padding-left:15px;background:#fff url('img/search.png') left center no-repeat;width:180px;border:0;border-bottom:1px solid #000}
header ul li#search{float:right}

header a img{display:block;margin:0 auto;margin-top:50px}
header p{margin-top:5px;margin-bottom:16px;font-size:16px;font-family:'Bodoni';letter-spacing:3px;text-align:center;}


header nav{text-align:center;background-color:#343a49;color:#fff;}
header nav ul{overflow:hidden;line-height:50px;height:50px;}
header nav ul li a{color:#fff;padding-left:6px;padding-right:6px;font-family:'Playfair Display SC';font-size:17px}
header nav ul li a:hover{text-decoration:underline;}

header section{text-align:center;background-color:#fff;line-height:35px}
header section ul{margin:0 auto;width:980px;background:url('img/nav_bg.png') left 25px center no-repeat, url('img/nav_bg.png') right 25px center no-repeat}
header section ul li a{padding-left:10px;padding-right:10px;color:#767676}


#accordion {
margin-top:10px;
font-family:'Oranienbaum';
list-style: none;

padding: 0;
width:980px;
height: 300px;

overflow: hidden;

}
 
#accordion li
{
float: left;
border-left:
display: block;
height: 300px;
width: 100px;
padding: 15px 0;
overflow: hidden;
color: #fff;
text-decoration: none;
font-size: 16px;
line-height: 1.5em;

}
 #accordion span{margin-left:25px;display:block;background-color:rgba(255,255,255,0.3);text-align:center;width:50px;line-height:50px;height:50px;color:#000;text-shadow:0 1px rgba(255,255,255,0.3);border:1px solid #000}
 #accordion{position:relative;}
#accordion div{display:none;position:absolute;font-size:14px;font-weight:normal;bottom:0;padding-top:10px;padding-left:10px;background-color:rgba(80,85,95,0.7);color:#fff;width:670px;height:60px;border-top:1px solid rgba(80,85,95,0.3)}
#accordion div h2{margin:0;margin-top:-3px;text-shadow:none;background-image:none;font-size:20px;text-align:left;font-weight:normal}
#accordion li.active div{display:block}
#accordion li.active {
width: 680px;
}

#slider2{overflow:hidden;}
#slider2 div{position:relative;float:left;display:none;font-family:'Times New Roman';}
#slider2 div a{color:#fff}
#slider2 div.active{display:block;width:680px;height:305px;}
#slider2 ul{float:right}
#slider2 ul li{float:left;width:100px;height:305px}

#slider2 ul li.active{}
#slider2 ul li span{margin:0 auto;margin-top:10px;display:block;background-color:rgba(255,147,147,0.8);text-align:center;width:50px;line-height:50px;height:50px;color:#000;text-shadow:0 1px rgba(255,255,255,0.3);border:1px solid #000}
#slider2 div span{position:absolute;font-size:14px;font-weight:normal;bottom:0;padding-top:10px;padding-left:10px;background-color:rgba(80,85,95,0.7);color:#fff;width:670px;height:70px;border-top:1px solid rgba(80,85,95,0.3)}
#slider2 div span h2{margin:0;color:#fff;margin-top:-3px;margin-bottom:3px;text-shadow:none;background-image:none;font-size:22px;text-align:left;font-weight:normal}


#slider{margin-bottom:0px;font-family:'Alegreya SC';text-shadow:0 1px 2px rgba(0,0,0,0.3);}
#slider figure{font-family:'Oranienbaum';font-size:17px;float:left;width:671px;border:1px solid redd}
#slider figure figcaption{display:block;position:relative;margin-top:-73px;padding-top:10px;padding-left:10px;background-color:rgba(80,85,95,0.7);color:#fff;height:60px;border-top:1px solid rgba(80,85,95,0.3)}
#slider h2{margin:0;margin-top:-3px;text-shadow:none;background-image:none;font-family:'Oranienbaum';font-size:20px;text-align:left}
#slider ul li{float:left}
#slider .all{margin-top:-2px}

#gallery2{margin-bottom:30px;background-color:#343a49;height:50px}
#gallery2 div img{float:left;margin-right:90px;}

#gallery2 div#sicon{padding-left:80px;text-align:center;background:url('img/socialbg3.png') top right no-repeat, url('img/socialbg3.png') bottom right no-repeat;}

#gallery2 div#sicon a{display:block;float:left;margin-top:5px;margin-right:10px;width:40px;height:40px}
#gallery2 div#sicon a.fb{background:url('img/fb3.png') no-repeat;}
#gallery2 div#sicon a.fb:hover{background:url('img/fb2.png') no-repeat;}

#gallery2 div#sicon a.tw{background:url('img/tw3.png') no-repeat;}
#gallery2 div#sicon a.tw:hover{background:url('img/tw2.png') no-repeat;}

#gallery2 div#sicon a.yt{background:url('img/yt3.png') no-repeat;}
#gallery2 div#sicon a.yt:hover{background:url('img/yt2.png') no-repeat;}

#gallery2 div#sicon a.mail{background:url('img/mail3.png') no-repeat;}
#gallery2 div#sicon a.mail:hover{background:url('img/mail2.png') no-repeat;}


#wall{overflow:hidden;margin-bottom:10px;font-family:'Times New Roman';font-size:14px;color:#fff;border:1px solid bluea    }
#wall section a{color:#fff}
#wall section#one{overflow:hidden;border-bottom:5px solid #fff}
#wall section#one div.one1, #wall section#one div.one2,#wall section#one div.one3{float:left;position:relative;background:reds;width:323px;height:465px;}

#wall section#one div.one1{border-right:5px solid #fff}

#wall section#one div.one1 ul{position:absolute;bottom:0;background-color:rgba(255,147,147,1);height:80px}
#wall section#one div.one1 ul li{float:left}
#wall section#one div.one1 ul li.description{padding:5px;width:313px;text-shadow:0 1px rgba(0,0,0,0.2)}
#wall section#one div.one1 ul li.data{font-size:14px;margin-top:-60px;padding:5px;background-color:rgba(0,0,0,0.5);text-align:center;width:60px;height:50px}
#wall section#one div.one1 ul li.data span{font-size:22px}

#wall section#one div.one2{border:0;border-right:5px solid #fff}
#wall section#one div.one2 ul{background-color:rgba(53,59,73,1);height:80px}
#wall section#one div.one2 ul li{float:left}
#wall section#one div.one2 ul li.description{padding:5px;width:313px;height:71px}
#wall section#one div.one2 ul li.data{font-size:14px;padding:5px;background-color:rgba(0,0,0,0.5);text-align:center;width:60px;height:50px}
#wall section#one div.one2 ul li.data span{font-size:22px}

#wall section#one div.one3{}


#wall section#one div.one4{height:220px;border-bottom:5px solid #fff}
#wall section#one div.one4 ul{float:left;background-color:rgba(255,147,147,1);width:120px;height:220px;}
#wall section#one div.one4 ul li{float:left}
#wall section#one div.one4 ul li.description{padding:5px;width:110px;}
#wall section#one div.one4 li.data{font-size:14px;position:absolute;top:0;left:120px;padding:5px;background-color:rgba(0,0,0,0.5);text-align:center;width:60px;height:50px}
#wall section#one div.one4 li.data span{font-size:22px}

#wall section#one div.one5{height:300px;}
#wall section#one div.one5 ul{float:right;position:relative;background-color:rgba(53,59,73,1);width:120px;height:240px}
#wall section#one div.one5 ul li{float:left}
#wall section#one div.one5 ul li.description{padding:5px;}
#wall section#one div.one5 ul li.data{font-size:14px;position:absolute;top:0;left:-70px;padding:5px;background-color:rgba(0,0,0,0.5);text-align:center;width:60px;height:50px}
#wall section#one div.one5 ul li.data span{font-size:22px}




#wall section#two div.two1, #wall section#two div.two2, #wall section#three div.three1, #wall section#three div.three2{float:left;position:relative;width:487px;height:285px;}

#wall section#two, #wall section#three{overflow:hidden;border-bottom:5px solid #fff}

#wall section#two div.two1{border:0;border-right:5px solid #fff}
#wall section#two div.two1 ul{position:absolute;bottom:0;background-color:rgba(53,59,73,1);width:487px;height:65px}
#wall section#two div.two1 ul li{float:left}
#wall section#two div.two1 ul li.description{padding:5px;}
#wall section#two div.two1 li.data{font-size:14px;margin-top:-60px;padding:5px;background-color:rgba(0,0,0,0.5);text-align:center;width:60px;height:50px}
#wall section#two div.two1 li.data span{font-size:22px}


#wall section#two div.two2{border:0;}
#wall section#two div.two2 ul{float:left;background-color:rgba(255,147,147,1);width:160px;height:285px}
#wall section#two div.two2 ul li{float:left}
#wall section#two div.two2 ul li.description{padding:5px;width:155px}
#wall section#two div.two2 li.data{font-size:14px;position:absolute;top:0;left:160px;padding:5px;background-color:rgba(0,0,0,0.5);text-align:center;width:60px;height:50px}
#wall section#two div.two2 li.data span{font-size:22px}

#wall section#three div.three1{border-right:5px solid #fff}
#wall section#three div.three1 ul{float:right;background-color:rgba(255,147,147,1);width:160px;height:285px}
#wall section#three div.three1 ul li{float:left}
#wall section#three div.three1 ul li.description{padding:5px;width:160px}
#wall section#three div.three1 li.data{font-size:14px;position:absolute;top:0;right:160px;padding:5px;background-color:rgba(0,0,0,0.5);text-align:center;width:60px;height:50px}
#wall section#three div.three1 li.data span{font-size:22px}

#wall section#three div.three2{border:0;}
#wall section#three div.three2 ul{position:absolute;bottom:0;background-color:rgba(53,59,73,1);width:487px;height:65px}
#wall section#three div.three2 ul li{float:left}
#wall section#three div.three2 ul li.description{padding:5px;}
#wall section#three div.three2 li.data{font-size:14px;margin-top:-60px;padding:5px;background-color:rgba(0,0,0,0.5);text-align:center;width:60px;height:50px}
#wall section#three div.three2 li.data span{font-size:22px}


#wall section#four div.four1, #wall section#four div.four2, #wall section#four div.four3, #wall section#four div.four4{float:left;position:relative;width:241px;height:285px;}

#wall section#four div.four1, #wall section#four div.four2, #wall section#four div.four3{border-right:5px solid #fff}


#wall section#four div.four1 ul{position:absolute;bottom:0;background-color:rgba(255,147,147,0.7);width:241px;height:60px}
#wall section#four div.four1 ul li.description{padding:5px;width:250px}
#wall section#four div.four1 li.data{font-size:14px;position:absolute;bottom:60px;left:0;padding:5px;background-color:black;text-align:center;width:60px;height:50px}
#wall section#four div.four1 li.data span{font-size:22px}

#wall section#four div.four2 ul{background-color:#353b49;width:241px;height:60px}
#wall section#four div.four2 ul li.description{padding:5px;width:250px}
#wall section#four div.four2 li.data{font-size:14px;position:absolute;top:60px;left:0;padding:5px;background-color:black;text-align:center;width:60px;height:50px}
#wall section#four div.four2 li.data span{font-size:22px}

#wall section#four div.four3 ul{position:absolute;bottom:0;background-color:rgba(255,147,147,0.7);width:241px;height:60px}
#wall section#four div.four3 ul li.description{padding:5px;width:250px}
#wall section#four div.four3 li.data{font-size:14px;position:absolute;bottom:60px;left:0;padding:5px;background-color:black;text-align:center;width:60px;height:50px}
#wall section#four div.four3 li.data span{font-size:22px}

#wall section#four div.four4 ul{background-color:#353b49;width:241px;height:60px}
#wall section#four div.four4 ul li.description{padding:5px;width:250px}
#wall section#four div.four4 li.data{font-size:14px;position:absolute;top:60px;left:0;padding:5px;background-color:black;text-align:center;width:60px;height:50px}
#wall section#four div.four4 li.data span{font-size:22px}

#wall section time{font-family:'Quattrocento Sans';font-size:13px;}
#wall section time span{display:block;padding-top:3px}

#wall section li.description{text-shadow:0 1px rgba(0,0,0,0.2)}

#wall section ul li.data{font-size:14px;margin-top:-1px;padding:5px;background-color:rgba(0,0,0,0.8);text-align:center;width:60px;height:50px}
#wall section ul li.data span{font-size:22px}



#gallery{margin-top:20px;margin-bottom:40px;padding-top:10px;padding-bottom:10px;text-align:center;background:url('img/gallerybg2.png') top right no-repeat, url('img/gallerybg2.png') bottom right no-repeat;}

#social{display:table;margin-bottom:10px;padding-top:10px;width:980px}

#social aside{width:510px;display:table-cell;vertical-align:middle;padding-top:10px;background:url('img/socialbg2.png') top left no-repeat, url('img/socialbg2.png') bottom left no-repeat;}
#social aside form{width:500px;}
#social form label{float:left;margin-right:0px;}
#social form label h3{padding-right:10px;font: 38px 'Mr De Haviland';}
#social form label h3 span{color:#ffb0b0;font-size:42px;font-family:'Bodoni';}
#social form input{float:right;margin-top:5px;padding:3px;padding-left:20px;background-color:#353b49;background: #353b49 url('img/search2.png') left 5px center no-repeat;font-family:'Oranienbaum';font-size:17px;font-weight:normal;color:#fff;width:220px;height:35px;border:1px solid #000;box-shadow:inset 0 2px 2px rgba(0,0,0,0.3)}

#social aside#icons{padding-left:80px;text-align:center;background:url('img/socialbg3.png') top right no-repeat, url('img/socialbg3.png') bottom right no-repeat;}

#social aside#icons a{display:block;float:left;margin-right:10px;width:40px;height:40px}
#social aside#icons a.fb{background:url('img/fb.png') no-repeat;}
#social aside#icons a.fb:hover{background:url('img/fb2.png') no-repeat;}

#social aside#icons a.gplus{background:url('img/google.png') no-repeat;}
#social aside#icons a.gplus:hover{background:url('img/google2.png') no-repeat;}

#social aside#icons a.yt{background:url('img/yt.png') no-repeat;}
#social aside#icons a.yt:hover{background:url('img/yt2.png') no-repeat;}

#social aside#icons a.inst{background:url('img/inst.png') no-repeat;}
#social aside#icons a.inst:hover{background:url('img/inst2.png') no-repeat;}

#social aside#icons a.tw{background:url('img/tw.png') no-repeat;}
#social aside#icons a.tw:hover{background:url('img/tw2.png') no-repeat;}

#social aside#icons a.p{background:url('img/p.png') no-repeat;}
#social aside#icons a.p:hover{background:url('img/p2.png') no-repeat;}

#social aside#icons a.mail{background:url('img/mail.png') no-repeat;}
#social aside#icons a.mail:hover{background:url('img/mail2.png') no-repeat;}


#pagination{margin-top:20px;margin-bottom:25px;border:1px solid reds}
#pagination{display:table}
#pagination aside, #pagination article{display:table-cell;vertical-align:top}
#pagination aside{width:250px}
#pagination aside a p.title{font-size:16px;}
#pagination aside p{font-family:'Bodonix';font-size:16px;color:#8b8b8b;text-align:center}
#pagination aside div{background:url('img/bg2.png') center no-repeat;width:240px;height:246px;border:1px solid #fff}
#pagination aside div figure{border:1px solid greens}
#pagination aside div figure img{display:block;}
#pagination article{text-align:center}

#pagination article div{margin:0 auto;width:400px;height:408px;border:1px solid #fff}
#pagination article div figure{border:1px solid greens}
#pagination article div figure img{display:block;}

#page{overflow:hidden;background:url('img/page.png') top center no-repeat;border-bottom:1px solid #ff9393}
#page a.prev, #page a.next{display:block;padding:5px;background:#ff9393;text-align:center;font-size:16px;width:30px;line-height:30px;height:30px}
#page a.prev{float:left;}
#page a.next{float:right;}
#page .next:hover, #page .prev:hover{color:#ff9393;background:#353b49}

#page ul{overflow:hidden;margin:0 auto;margin-bottom:-30px;padding-left:110px;padding-top:60px;width:270px;border:1px solid reds}
#page ul li{float:left;padding-left:10px;font-family:'Bodoni';font-size:18px;color:#505561}
#page ul li a{padding-left:3px;padding-right:3px;}

.ads{margin:0 auto;margin-top:20px;margin-bottom:20px;display:block}

#events{overflow:hidden;border:1px solid greens}
#events aside{float:left;position:relative;padding-right:10px;width:235px}
#events aside h4{margin-top:190px;margin-left:10px;font-family:'Bodoni';font-size:24px;font-weight:normal;color:#ff9393}
#events aside p{font-family:'Bodonix';font-size:16px;margin-top:10px;padding-left:10px;color:#767676;}
#events aside img{position:absolute;top:0;width:250px;height:164px;background-size:covers;border:5px solid #353b49}

#events aside.two img, #events aside.four img{left:-15px;margin-top:20px}
#events aside img:hover{border-color:#ff9393}
#events aside.three img{left:-15px}
#events aside.two h4, #events aside.four h4{margin-top:200px;}

#video{display:table;border-spacing:10px;border:1px solid reds}
#video aside{display:table-cell;padding-top:15px;background:url('img/socialbg.png') no-repeat, url('img/socialbg.png') bottom no-repeat;width:50%;height:-30px;border-topx:1px solid #000;border-bottomx:1px solid #000}
#video aside h3{text-align:center;font:36px 'Bodoni';color:#ff9393}
#video aside h3 span{font: 38px 'Mr De Haviland';color:#444}
#video aside p{font:14px 'Libre Baskerville';color:#767676}
#video aside img{margin-top:10px;margin-bottom:5px}
#video iframe {display:block;margin:0 auto;margin-bottom:5px;}

#bi{display:table;border-spacing:5px;background:url('img/eventsbg.png') no-repeat, url('img/bibg2.png') top right no-repeat;height:320px;}
#bi aside, #bi article{display:table-cell;vertical-align:top}
#bi aside{padding-top:10px;width:250px}
#bi aside img{display:block;margin:0 auto;}
#bi aside h4{font:24px 'Bodoni';text-align:center}
#bi aside:first-of-type h4:first-of-type{margin-top:10px;}
#bi aside p{padding-left:5px;font:16px 'Bodoni';font-style:italic;color:#818181;}


#bi aside img{margin-bottom:5px;}
#bi aside ul{margin-top:20px;}
#bi aside ul li{margin-bottom:10px;padding-left:20px;background:url('img/li.png') top left no-repeat;font:18px 'Bodoni';font-style:italic;color:#818181;}

#bi article nav{margin-top:30px;padding:5px;border:1px solid #000}
#bi article nav ul{overflow:hidden;margin:0 auto;margin-top:-30px;margin-left:70px;margin-bottom:10px;width:400px;}
#bi article nav ul li{float:left}
#bi article nav ul li a{display:block;margin-top:10px;margin-left:3px;padding:5px;padding-top:10px;font:15px 'Playfair Display SC';color:#fff;text-align:center;background:#010101 url('img/li3.png') repeat-x;width:85px;line-height:15px;height:20px}
#bi article nav ul li:hover a{margin:0;margin-left:3px;background:#dc6363 url('img/li2.png') repeat-x;}
#bi article nav li.mac a{line-height:25px}
#bi article nav li.gal a{padding-top:0;height:45px;}


#bi div#bigal img{margin-left:5px;border:1px solid #000}

#social2{display:table;margin-top:40px;margin-bottom:20px}
#social2 aside{display:table-cell;vertical-align:top}
#social2 aside ul li{margin-bottom:10px;font:16px 'Alegreya SC';}
#social2 aside ul li a{color:#353b49}
#social2 aside img{float:right}
.partners{display:block;margin:0 auto;margin-top:20px;}

footer{padding-top:20px;padding-bottom:10px;overflow:hidden;background-color:#353b49;color:#fff;font-family:'Playfair Display SCx';font-size:16px;font-weight:normal;}
footer div{overflow:hidden}
footer div img{float:left;display:block;}
footer div p{float:left;display:block;width:400px}
footer div p strong{display:block;color:#ffb0b0;font-size:17px;}
footer .footer{margin-top:20px;padding-top:20px;padding-bottom:10px;border-top:1px solid #7f5b64;font-family:sans-serif;font-size:10px;}
footer .footer a{color:#ffb0b0}
footer a.top{font-family:sans-serif;position:absolute;margin-top:-30px;right:10px;padding:5px;padding-top:35px;background:#ff9393 url('img/top.png') top 10px center no-repeat;font-size:10px;font-weight:bold;color:#fff;text-align:center;text-shadow:0 1px rgba(0,0,0,0.2);z-index:99999999;height:30px}


blockquote {
font-family: Georgia, serif;
font-size: 18px;
font-style: italic;
width: 500px;
margin: 0.25em 0;
padding: 0.25em 40px;
line-height: 1.45;
position: relative;
color: #383838;
}

blockquote:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -20px;
top: -20px;
color: #7a7a7a;
}


blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}
 
blockquote cite:before {
content: "\2014 \2009";
}

.partners{margin:0 auto;margin-top:10px;margin-bottom:10px;display:block;}

.logo1{margin-left:10px;margin-right:10px}
.logo2{float:right;margin-top:50px;margin-right:20px;}
.e404{margin-top:30px;}
.e404 p{font-size:28px;text-align:center}
.e404 img{display:block;margin:0 auto;}