/*=================================== START GLOBAL CSS ===================================*/
* { margin: 0; padding: 0; border: 0 none; outline: 0; list-style-type: none; }
.css3, .cat strong { transition: .3s all; -webkit-transition: .3s all; -moz-transition: .3s all; -o-transition: .3s all; }
body { min-width: 960px; background: #fff; font-family: 'Open Sans', Arial, Helvetica; font-size: 13px; }
.cl { clear: both; display: block; width: 100%; height: 0; line-height: 0; }
.fl { float: left; }
.fr { float: right; }
.h10 { clear: both; display: block; width: 100%; height: 10px; }
.h20 { clear: both; display: block; width: 100%; height: 20px; }
.h40 { clear: both; display: block; width: 100%; height: 40px; }
.h70 { clear: both; display: block; width: 100%; height: 70px; }

.w50 { width: 50px; }
.w100 { width: 100px; }
.w200 { width: 200px; }
.w300 { width: 300px; }

.img { padding: 2px; border: 1px solid #ccc; margin: 5px; } 
h1, h2, h3, h4, h5 { font-weight: normal; text-transform: uppercase; }
a, a:hover { text-decoration: none; }
.justify { text-align: justify; }

.pad30 { padding: 0 30px; }
.pad40 { padding: 0 40px; }
.pad50 { padding: 0 50px; }

.home-text { display: none; z-index: -1; font-size: 0px; line-height: 0px; text-indent: -9999px; }

.number { display: inline; display: inline-block; margin-right: 5px; width: 44px; height: 44px; background: url('../img/number.png') no-repeat; line-height: 44px; color: #c11414; font-size: 23px; text-align: center; }

#container { position: relative; width: 960px; height: auto; margin: 0 auto; }
.leftImgSalon { z-index: 1; position: absolute; left: -265px; top: 580px; width: 400px; }
.rightImgSalon { z-index: 1; position: absolute; right: -100px; top: 430px; width: 200px; }

.leftImgAboutus { z-index: 1; position: absolute; left: -220px; top: 650px; width: 370px; }
.rightImgAboutus { z-index: 1; position: absolute; right: -150px; top: 580px; width: 200px; }


.backButton { background: #444; color: #fff; margin: 10px 20px; font-size: 13px; padding: 4px 15px; }
.backButton2 { background: #444; color: #fff; margin: 10px 20px 10px 50px; font-size: 13px; padding: 4px 15px; }



.marquee { z-index: 99; position: relative; margin: 20px 0 0 0; width: 100%; height: 30px; overflow: hidden; }
.marquee p { z-index: 99999; display: block; float: left; height: 30px; line-height: 30px; padding: 0 10px; margin: 0 50px 0 0; font-size: 16px; color: #000; background: #eee; }
.marquee p a { color: #000; }
.marquee p:hover { background: #ddd; }
/*=================================== END GLOBAL CSS ===================================*/




/*=================================== START HOME PAGE ===================================*/
#logo { z-index: 2; position: absolute; width: 433px; height: 324px; left: 50%; margin-left: -216px; top: 40%; margin-top: -162px; cursor: pointer; }
#logo .shadow { z-index: 2; position: absolute; top: 0; left: 0; width: 433px; height: 324px; background: url('../img/shadow.png') no-repeat center center; transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; -o-transition: .5s all; }
#logo .flower { z-index: 3; position: absolute; top: 0; left: 0; width: 433px; height: 324px; background: url('../img/flower.png') no-repeat center center; }
#logo .logo { z-index: 4; position: absolute; top: 0; left: 0; width: 433px; height: 324px; background: url('../img/homeLogo.png') no-repeat center center; }
#logo:hover .shadow { -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); }

#logo .img1 { z-index: 0; position: absolute; width: 500px; height: 510px; left: -400px; top: -10px; }
#logo .img2 { z-index: 0; position: absolute; width: 310px; height: 510px; right: -300px; top: -10px; }

#logo .left-button { display: block; z-index: 1; position: absolute; top: 120px; left: -143px; width: 169px; height: 77px; background: url('../img/left-button.png') no-repeat center center; color: #222; }
#logo .left-button span { font-size: 10px; text-align: center; display: block; margin: 10px 0 0 0; }
#logo .left-button:hover { background-image: url('../img/left-button-hover.png'); }
#logo .left-button:hover span { color: #fff; }

#logo .right-button { display: block; z-index: 1; position: absolute; top: 120px; right: -143px; width: 169px; height: 77px; background: url('../img/right-button.png') no-repeat center center; color: #222; }
#logo .right-button span { font-size: 12px; text-align: center; display: block; margin: 28px 0 0 0; }
#logo .right-button:hover { background-image: url('../img/right-button-hover.png'); }
#logo .right-button:hover span { color: #fff; }
/*=================================== END HOME PAGE ===================================*/





/*=================================== START HEADER ===================================*/
.header { z-index: 2; position: relative; width: 100%; height: auto; text-align: center; }
.header .logo { height: 100px; margin: 20px 70px 0 0; }

.header .socials { position: absolute; top: 40px; right: 40px; }
.header .socials li { display: block; float: left; }
.header .socials li a { display: block; margin: 0 3px; }
.header .socials li a img {  }

.header .educ li a { padding: 0 3px; }
.header .salon li a { padding: 0 15px; }
.header .menu { position: relative; display: block; margin: 40px 0 0 0; }
.header .menu li { display: block; float: left; }
.header .menu li.sep { display: block; float: left; width: 34px; height: 30px; background: url('../img/sep.jpg') no-repeat center 5px; }
.header .menu li a { display: block; color: #777; font-size: 14px; text-shadow: 0px 1px 1px #ccc; }
.header .menu li a:hover, .header .menu li a.active { color: #df0001; }
/*=================================== END HEADER ===================================*/






/*=================================== START CONTENT ===================================*/
.content { z-index: 999; position: relative; width: 100%; height: auto; background: #fff; }
.content h2 { display: block; padding: 10px 20px; margin: 30px 0 0 20px; color: #999; text-transform: uppercase; font-size: 28px; text-shadow: 0px 3px 3px #bbb; }
.content h2 strong { margin: 0 25px; display: inline; display: inline-block; font-weight: normal; }
.content h2 span { width: 77px; height: 22px; display: inline; display: inline-block; }
.content h2 span.leftTitle { background: url('../img/leftTitle.png') no-repeat;  }
.content h2 span.rightTitle { background: url('../img/rightTitle.png') no-repeat;  }

.content p > span { font-weight: bold; }
.content p { text-align: justify; }
.content p .link { color: #A00200; }

.content .video { float: left; width: 450px !important; height: 250px !important; margin: 10px; }

.content h3 { display: block; text-transform: uppercase; color: #c11414; padding: 10px 0; font-size: 18px; font-weight: bold; }
.content h3 a { color: #c11414; }
.content h3 a.view { font-size: 12px; color: #333; text-transform: none; font-weight: normal; }
.content h3 a.view:hover { text-decoration: underline; }
.content h4 { display: block; text-transform: none; color: #c11414; padding: 10px 0; font-size: 15px; }

.content .shortContact { position: relative; float: left; font-size: 13px; margin: 10px 0 0 0; }
.content .downloadFiles { position: relative; float: right; }
.content .downloadFiles a { display: block; height: 50px; }
.content .downloadFiles a span { display: block; float: right; font-size: 13px; line-height: 50px; color: #A00200; font-weight: bold; }
.content .downloadFiles a img { display: block; float: right; height: 50px; margin: 0 0 0 10px; }

.cat { z-index: 999; position: relative; display: block; float: left; width: 200px; height: 230px; margin: 0 20px; text-align: center; }
.cat:hover strong { color: #BA4460; }
.cat strong { display: block; color: #777; font-size: 16px; }


.cat2 { z-index: 999; position: relative; display: block; float: left; width: 200px; height: 230px; margin: 0 60px; text-align: center; }
.cat2:hover strong { color: #BA4460; }
.cat2 strong { display: block; color: #777; font-size: 14px; }

.licenses { width: 250px; height: 188px; float: left; margin: 10px 20px; padding: 2px; border: 1px solid #ccc; }


.pageTitle { position: relative; width: 176px; height: 91px; background: url('../img/pageTitle.png') no-repeat; line-height: 80px; color: #fff; font-size: 20px; text-align: center; margin: 30px 0 10px 20px; }
.pageTitle2 { position: relative; width: 176px; height: 91px; background: url('../img/pageTitle.png') no-repeat; line-height: 80px; color: #fff; font-size: 16px; text-align: center; margin: 30px 0 10px 20px; }
.pageTitle3 { position: relative; width: 176px; height: 75px; padding: 16px 0 0 0; background: url('../img/pageTitle.png') no-repeat; line-height: normal; color: #fff; font-size: 16px; text-align: center; margin: 30px 0 10px 20px; }


.professions { width: 100%; height: auto; }
.professions tr { background: #fff; }
.professions tr:nth-child(odd) { background: #eee; }
.professions tr:nth-child(even) { background: #fff; }
.professions tr td {  }
.professions tr td strong { font-size: 15px; color: #c11414; }
.professions tr td p { font-size: 13px; color: #555; margin: 2px 2px 2px 20px; }
.professions tr td span { font-size: 13px; font-weight: bold; text-transform: uppercase; text-decoration: underline; color: #c11414; display: block; }
.professions tr td a { font-size: 12px; color: #333; }
.professions tr td a:hover { text-decoration: underline; }


.box { position: relative; width: 440px; height: auto; margin: 0 20px; }
.box strong { font-size: 18px; color: #c11414; text-transform: uppercase; }
.box table { width: 100%; padding: 0 30px 20px 0; background: url('../img/box.png') no-repeat right bottom; }
.box table tr { display: block; padding: 3px 0; color: #666; font-size: 13px; border-bottom: 1px dashed #ddd; }
.box table tr:last-child { border-bottom: 0 none; }
.box table tr th { width: 300px; text-align: left; font-weight: normal; color: #444; }
.box table tr td { width: 110px; text-align: right; color: #555; }
.box .red { color: #c11414; font-size: 13px; font-weight: bold; }
.box p { padding: 8px 0; color: #777; font-size: 13px; text-align: justify; }

.box .list1 li { display: block; padding: 5px 0 5px 10px; color: #666; }
.box .list2 li { display: block; padding: 5px 0 5px 10px; color: #c11414; font-size: 13px; }
.box .list2 li a { color: #c11414; }
.box .list2 li a:hover { text-decoration: underline; }

.box fieldset { padding: 10px 0; color: #888; font-size: 14px; }
.box fieldset span { color: #c11414; }

.box .downShadow { padding: 0 30px 20px 0; background: url('../img/box.png') no-repeat right bottom; }

.home { background-image: url('../img/'); background-repeat: no-repeat; background-position: 600px bottom; }
.hairdressing { background-image: url('../img/hairdressing.jpg'); background-repeat: no-repeat; background-position: 600px bottom; }
.cosmetics { background-image: url('../img/cosmetics.jpg'); background-repeat: no-repeat; background-position: 500px bottom; }
.manicure_pedicure { background-image: url('../img/manicure_pedicure.jpg'); background-repeat: no-repeat; background-position: 400px bottom; }
.makeup { background-image: url('../img/makeup.jpg'); background-repeat: no-repeat; background-position: 450px bottom; }
.massages { background-image: url('../img/massages.jpg'); background-repeat: no-repeat; background-position: 500px bottom; }
.epilation { background-image: url('../img/epilation.jpg'); background-repeat: no-repeat; background-position: 500px top; }
.plasticSurgery { background-image: url('../img/plasticSurgery.jpg'); background-repeat: no-repeat; background-position: 500px bottom; padding-bottom: 270px; }
.bases { background-image: url('../img/bases.jpg'); background-repeat: no-repeat; background-position: 50px bottom; padding-bottom: 100px; }
/*=================================== END CONTENT ===================================*/




/*=================================== START NEWS ===================================*/
.new { display: block; }
.new h2 { color: #444; text-shadow: 0px 0px 1px #ddd; text-transform: none; font-size: 18px; padding: 5px 10px; margin: 5px 0; background: #eee; font-weight: bold; }
.new .new-date { display: block; text-align: left; color: #666; font-size: 11px; margin: 2px 0; float: right; }
.new .new-date a { color: #000; font-size: 11px; font-weight: bold; }
.new .new-block { color: #222; font-size: 14px; line-height: 20px; }
.new .new-block p { color: #222; font-size: 14px; line-height: 20px; }

.noNews { position: relative; display: block; padding: 10px 20px; color: #D7171F; font-style: italic; font-size: 15px; }

.more { color: #fff; background: #555; padding: 3px 8px; font-size: 11px; margin: 5px 0 0 0; display: block; float: right; }
.new .news_desc { padding: 20px 10px; }

.navigation { position: relative; display: block; width: 100% }
.navigation a { display: block; float: left; height: 22px; line-height: 22px; width: 26px; text-align: center; margin: 0 1px 0 0; }
.navigation a:hover { background: #222; }
.navigation a.prev, .content .navigation a.next { color: #000; }
.navigation a.prev:hover, .content .navigation a.next:hover { background: none; color: #000; }
.navigation a.pages { background: #666; color: #fff; }
.navigation a.pages:hover { background: #222; }
.navigation a.current { background: #D7171F; color: #fff; }
/*=================================== END NEWS ===================================*/






.page { position: relative; padding: 0; text-align: justify; }
.page h2 { color: #c11414; font-weight: bold; font-size: 22px; padding: 5px 20px; display: block; text-align: center; background: #eee; margin: 0 20px 10px 20px; }
.page p { padding: 5px 0px; color: #000; font-size: 15px; }
.page p em { display: block; text-align: center; font-size: 18px; }
.page ol li { margin: 3px 20px 3px 40px; list-style-type: decimal; color: #111; font-size: 14px; padding: 2px 5px; }
.page ol li strong { font-weight: bold; color: #5E332C; }
.page ol li a { font-size: 14px; color: #990000; }
.page ol li a:hover { text-decoration: underline; }

.page ul li { margin: 3px 20px 3px 30px; list-style-type: none; color: #111; font-size: 14px; padding: 2px 5px; }
.page ul li strong { font-weight: bold; color: #5E332C; }
.page ul li a { font-size: 14px; color: #990000; }
.page ul li a:hover { text-decoration: underline; }






.partners { position: relative; padding: 30px; text-align: justify; }
.partners img { height: 100px; display: inline; display: inline-block; margin: 5px 2px; padding: 2px; border: 1px solid #ddd; }




.galleryImg { width: 120px; height: 90px; float: left; margin: 1px; padding: 2px; border: 1px solid #C11030; }

.albumLink { position: relative; width: 200px; height: auto; margin: 10px 10px; padding: 5px; border: 1px solid #ccc; float: left; }
.albumLink img { width: 200px; height: 150px; }
.albumLink .more { z-index: 99; position: absolute; width: 100px; height: 40px; line-height: 40px; background: #C11030; opacity: .5; color: #fff; font-size: 16px; text-align: center; top: 50%; left: 50%; margin-left: -50px; margin-top: -20px; }
.albumLink:hover .more { opacity: 1; }




/*=================================== START FOOTER ===================================*/
.footer { z-index: 2; position: relative; width: 100%; height: 138px; background: url('../img/footer.jpg') repeat-x left top; }
.footer .footerInner { position: relative; width: 960px; margin: 0 auto; }
.footer .footerInner .footerMenu { width: 600px; display: block; float: left; margin: 30px 0 0 0; }
.footer .footerInner .footerMenu li { display: block; float: left; width: 200px; }
.footer .footerInner .footerMenu li a { display: block; color: #949494; font-size: 14px; text-align: left; padding: 5px 0; }
.footer .footerInner .footerMenu li a:hover { color: #555; }

.footer .footerInner .socials { display: block; float: right; margin: 30px 0 0 0; }
.footer .footerInner .socials div { display: block; }
.footer .footerInner .socials div img { float: left; margin: 3px 17px; }
.footer .footerInner .socials p { display: block; font-size: 11px; color: #a4a4a4; margin: 10px 0 0 0; }
/*=================================== END FOOTER ===================================*/







/*=================================== START POLL ===================================*/
.pollBox { position: relative; background: #eee; padding: 10px; margin: 10px; float: left; border-radius: 5px; box-shadow: 0px 0px 10px #bbb; }
#poll { position: relative; display: block; width: 300px; float: left; height: auto; margin: 0 0 10px 0; padding: 0 0 10px 0; }
#poll h4 { display: block; text-align: left; font-size: 18px; text-transform: none; padding: 10px; font-weight: bold; color: #000; }
#poll #poolForm label { display: block; padding: 5px 10px; text-align: left; font-weight: bold; font-size: 15px; }
#poll #poolForm label input { margin-right: 5px; }
#poll #poolForm #submitPool { cursor: pointer; background: #EB1C24; color: #fff; font-size: 13px; font-family: 'Open Sans'; text-transform: none; padding: 2px 8px; border: 1px solid #fff; outline: 1px solid #EB1C24; }
#poll #poolForm .checkRadio { font-size: 14px; font-weight: normal; }
/*=================================== END POLL ===================================*/