/* 2007 DIERA.RU // www.tula-beauty.ru */

html, body {
 padding:0;
 margin:0;
 width:100%;
 height:100%;
}
body {
	font-size:76%;
	background:url(images/bg/top_bg.jpg) repeat-x top;
}
div, span, p, ul, li, h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}
a {
	color:#CE0067;
}
a:hover {
	text-decoration:none;
}
img {
	border:0;
}

.clearbox { clear:both; width:100%; height:10px; overflow:hidden; }

/**/
#wrapper {
	width:100%;
	height:100%;
	position:relative;
	text-align:center;
}
#container {
	width:885px;
	margin:0 auto;
	text-align:left;
}
#top {
	height:15px;
	width:885px;
	clear:both;
	background-color:#EAEAEA;
}
#pagewrapper {
	width:885px;
}
#page {
}
#header {
	width:885px;
	height:67px;
	clear:both;
}
#headerleft {
	width:46px;
	height:67px;
	float:left;
	background:url(images/bg/l_top_corner.jpg) no-repeat;
}
#headerright {
	height:67px;
	background:url(images/bg/r_top_corner.jpg) no-repeat;
	width:39px;
	float:right;
}
#sitetitle {
	height:67px;
	width:170px;
	background:url(images/img/sitename.jpg) no-repeat;
	float:left;
}
#sitebigtitle {
	width:630px;
	height:67px;
	background:url(images/img/sitename_big.jpg) no-repeat;
	float:left;
}
#content {
	width:885px;
	height:100%;
	background:url(images/bg/page_bg.jpg) repeat-y;
}
#left {
	float:left;
	width:216px;
    height:100%;
	background:url(images/bg/left_side_bg.jpg) repeat-y;
}
#lefttop {
	height:170px;
	width:216px;
}
#pagetitle {
	float:left;
	width:46px;
	height:170px;
	background:url(images/img/page_title.jpg) no-repeat;
}
#pagelogo {
	float:left;
	width:170px;
	height:170px;
	background:url(images/icons/page_ico.jpg) no-repeat;
}
#leftmenu {
	width:216px;
	clear:both;
}
#leftspacer {
	width:46px;
	height:170px;
	float:left;
}
#lefttextblock {
	padding-left:23px;
	margin-top:15px;
}
#lefttextblock p {
	text-align:justify;
	color:#585858;
	padding-right:10px;
	padding-top:10px;
}
#pagemenublock {
	width:170px;
 he/ight:100%;
	float:left;
}
#pagemenublock #pagemenu {
	width:170px;
}
#pagemenublock #pagemenu ul {
	width:170px;
	margin:0;
	padding:0;
}
#pagemenublock #pagemenu ul li {
	width:170px;
	height:24px;
	margin:0;
	padding:0;
	margin-bottom:4px;
	list-style-type:none;
}
#pagemenublock #pagemenu ul li a {
	display:block;
	text-decoration:none;
	width:170px;
	height:24px;
	margin:0;
	padding:0;
	background:url(images/interface/menu_off.jpg) no-repeat;
	color:#FDFDFD;
}
#pagemenublock #pagemenu ul li a.mainpage {
	display:block;
	text-decoration:none;
	width:170px;
	height:24px;
	margin:0;
	padding:0;
	background:url(images/interface/menumain_off.jpg) no-repeat;
	color:#FDFDFD;
}
#pagemenublock #pagemenu ul li a.servicepage {
	display:block;
	text-decoration:none;
	width:170px;
	height:24px;
	margin:0;
	padding:0;
	background:url(images/interface/menuservice_off.jpg) no-repeat;
	color:#FDFDFD;
}

#pagemenublock #pagemenu ul li a.light {
	display:block;
	text-decoration:none;
	font-weight:bold;
	color:#191919;
	width:170px;
	height:24px;
	margin:0;
	padding:0;
	background:url(images/interface/light_off.jpg) no-repeat;
	
}


#pagemenublock #pagemenu ul li a span {
	display:block;
	width:160px;
	height:20px;
	margin:0;
	padding:0;
	margin-left:5px;
	margin-top:4px;
	display:block;
	cursor:pointer;
}
#pagemenublock #pagemenu ul li a:hover {
	width:170px;
	height:24px;
	margin:0;
	padding:0;
	background:url(images/interface/menu_over.jpg) no-repeat;
}
#pagemenublock #pagemenu ul li a.on {
	width:170px;
	height:24px;
	margin:0;
	padding:0;
	background:url(images/interface/menu_on.jpg) no-repeat;
	color:#191919;
}
#pagemenublock #pagemenu ul li a.on:hover {
	width:170px;
	height:24px;
	margin:0;
	padding:0;
	background:url(images/interface/menu_on.jpg) no-repeat;
	color:#191919;
}
#pagemenublock #pagemenu ul li a.on span {
	width:160px;
	height:20px;
	color:#191919;
	margin-left:5px;
	margin-top:4px;
	display:block;
	cursor:pointer;
}
#center {
	float:left;
}
#inside {
	width:650px;
	float:left;
}
#insidecontent {
	width:650px;
	clear:both;
	background:#FFF;
}
#portomenu {
	width:610px;
	padding-left:20px;
}
#portomenu ul {
	width:600px;
	height:195px;
	margin:0;
	padding:0;
	clear:both;
}
#portomenu ul li {
	width:100px;
	height:195px;
	list-style-type:none;
	float:left;
	margin:0;
	padding:0;
}
#portomenu ul li a {
	width:100px;
	height:195px;
	display:block;
	margin:0;
	padding:0;
}
#portomenu ul li a:hover {
    width:100px;
	height:1.5em;
	float:left;
	display:block;
	margin:0;
	padding:0;
	background:#FFE8F3;
}
#portomenu ul li a img {
	width:100px;
	height:170px;
	float:left;
	clear:both;
	border:none;
}
#portomenu ul li a span {
	width:100px;
	height:1.5em;
	float:left;
	display:block;
	margin:0;
	padding:0;
	cursor:pointer;
}
#portomenu ul li a:hover span {
	width:100px;
	height:1.5em;
	float:left;
	display:block;
	margin:0;
	padding:0;
	background:#FFE8F3;
}
/*PORTOBLOCK W NAME */
#portoblock,.portoblock {
	width:630px;
	height:210px;
	padding-left:20px;
}
#portoblock div, .portoblock div {
	width:145px;
	height:210px;
	margin:0;
	padding:0;
	float:left;
}

#portoblock div a,.portoblock div a {
	width:145px;
	height:210px;
	display:block;
	margin:0;
	padding:0;
	text-decoration:none;
}
#portoblock div a img, .portoblock div a img {
	width:145px;
	height:170px;
	float:left;
	clear:both;
	border:none;
	margin:0;
	padding:0;
}
#portoblock div a span, .portoblock div a span {
	width:145px;
	height:40px;
	float:left;
	margin:0;
	padding:3px 0px;
	text-align:center;
	vertical-align:top;
	color:#666;
	background:#FDFDFD;
	text-decoration:none;
	text-transform:uppercase;
	font-size:8px;
	font-weight:bold;
}

/*PORTOBLOCK W NAME AND TEXT */
#portoblock-wtxt {
	width:630px;
	he/ight:195px;
	padding-left:20px;
	clear:both;
}
#portoblock-wtxt div {
	width:145px;
	/*h/eight:195px;*/
	margin: 0 10px 0 0;
	/*margin:0;Правки. Святослав.26.04.2011*/
	padding:0;
	float:left;
}
#portoblock-wtxt div p {
	margin:0;
	padding:7px;
	clear:both;
	margin-top:0px;
	text-align:justify;
	font-size:10px;
}
#portoblock-wtxt div a {
	width:145px;
	height:195px;
	display:block;
	margin:0;
	padding:0;
	text-decoration:none;
}
#portoblock-wtxt div a img {
	width:145px;
	height:170px;
	float:left;
	clear:both;
	border:none;
	margin:0;
	padding:0;
}
#portoblock-wtxt div a span {
	width:145px;
	height:25px;
	float:left;
	margin:0;
	padding:3px 0px;
	text-align:center;
	vertical-align:top;
	color:#666;
	background:#FDFDFD;
	text-decoration:none;
	text-transform:uppercase;
	font-size:8px;
	font-weight:bold;
}


div.porto-bottom {
	width:650px;
	height:80px;
	background:url(images/bg/title-back2.jpg) no-repeat;
	clear:both;
}
#insidefooter {
	width:650px;
	background:url(images/bg/inside_bottom.jpg) no-repeat;
	height:21px;
}
.insidecopyrights {
	width:630px;
	clear:both;
}
.insidecopyrights span {
	padding-left:30px;
	font-size:9px;
	color:#C1C1C1;
}
#footer {
	width:885px;
	height:50px;
	clear:both;
	background:url(images/bg/page_bg.jpg) repeat-y;
}
#footerphone {
	float:right;
	width:245x;
	height:50px;
}
#pagebottom {
	width:885px;
	clear:both;
	background:url(images/bg/page_bottom.jpg) no-repeat;
	height:26px;
}
div.copyrights {
	clear:both;
	height:2em;
	padding: 10px 0px 10px 0px;
}
div.copyrights p {
	padding-left:5px;
	font-size:9px;
	color:#434343;
}
div.pagetitles {
	width:630px;
	height:80px;
	position:relative;
	background:url(images/bg/title-back.jpg) no-repeat;
	/*padding-left:20px;*/
	margin-bottom:5px;
}
div.pagetitles h2 {
	position:absolute;
	top:30px;
	left:45px;
	font-size:15px;
	color:#434343;
}
div.pagetitles1 {
	margin-bottom:5px;
	padding-left:45px;
	padding-top:20px;
}
div.pagetitles1 h2 {
	font-size:15px;
	color:#434343;
}



#stylebox {
	width:250px;
	float:right;
	height:20px;
	margin-top:2px;
}
#stylebox p {
	font-size:10px;
	color:#ACACAC;
	float:left;
	margin-right:5px;
	text-decoration:underline;
}
.mainpage {
	background:url(../../images/redesign/menumain_off.gif) no-repeat;
}
.textblock {
	padding:20px;
	text-align:justify;
}
div.textservice{
padding-left: 45px;
padding-right: 20px;
text-align:justify;
}
div.textservice ul{
padding-left: 45px;
}

div.text-atelier {
	padding: 0px 45px 0px 45px;
	font-size:14px;
	text-align:justify;
}
div.text-atelier ul{
padding-left: 30px;
}
div.text-atelier .contact {font-size:16px;}

#footermenu {
	clear:both;
	padding-top:20px;
}
#footermenu ul {
	margin:0;
	padding:0;
}
#footermenu ul li {
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
	margin-right:1px;
}
#footermenu ul li a {
	display:block;
	height:1.5em;
	width:14em;
	padding:3px;
	border:1px solid #FFDDEE;
	text-align:center;
	background:#FFE6F2;
	text-decoration:none;
}
#footermenu ul li a:hover {
	background:#FF8AC5;
	color:#FFFFFF;
}
#mainbigbanner {
	position:relative;
	width:650px;
	height:550px;
}
#mainbigbanner #mainflash {
	position:absolute;
	left:370px;
	top:0;
	width:280px;
	height:510px;
}
div#portoblock-wtxt div.beautySet{
	clear:both;
	width:100%;
}

/* NEW */
table.new-porto-style { width:100%; }
table.new-porto-style td { text-align:left; vertical-align:top; }
td.inline-txt { padding:10px;}
td.inline-image { width:160px; padding:5px; }
h3.model-title { margin-bottom:10px;}
tr.firstHide { display:none; background:url(images/bg/uzor.jpg) #333 right top no-repeat; border-top:1px solid #999; border-bottom:1px solid #999; }
tr.firstHide td { padding:10px; border-bottom:1px solid #CCC; }
ul.smallSets { padding:5px; margin:0px; list-style-type:none; }
ul.smallSets li { float:left; margin:3px; }
ul.smallSets li a {  display:inline-block; }
ul.smallSets li a:hover img {  border:1px solid #F06; }
ul.smallSets li a img { border:1px solid #999; }
ul.smallSets li.active a img {  border:1px solid #F06; }
.seo-text { padding:40px 15px; }
.seo-text a { color:#333; }
.seo-text .title { font-size:18px; }

.copyrights a { color:#333; }

.index-text { padding:0px 34px 0px 34px; font-size:14px; color:#000000; font-family:sans-serif; }
.vacansion { padding:10px; margin-top:10px; border:1px solid #cccccc; font-weight:bold; font-size:14px;}
.vacansion-service { padding:10px; border:1px solid #cccccc; font-weight:bold; font-size:14px; margin:0px 35px 0px 35px; }
.vacansion .blue { padding-bottom:10px; color:#2878b7; font-weight:normal; }
.vacansion .pink-bg { color:#ffffff; background:#e9a097; padding:1px 3px 1px 3px; }
.vacansion a { text-decoration:underline; color:#000000; }
.vacansion a:hover { text-decoration:none; }
.vacansion .pink { padding-top:10px; color:#e89f96; font-weight:normal; }

.vacansion-service .blue { padding-bottom:10px; color:#2878b7; font-weight:normal; }
.vacansion-service .pink-bg { color:#ffffff; background:#e9a097; padding:1px 3px 1px 3px; }
.vacansion-service a { text-decoration:underline; color:#000000; }
.vacansion-service a:hover { text-decoration:none; }
.vacansion-service .pink { padding-top:10px; color:#e89f96; font-weight:normal; }

.vacansion-title { font-weight:bold; font-size:14px; padding:30px 30px 0px 30px; }
.vacansion-text, .course-text { font-size:14px; padding:10px 30px 0px 30px; }
.vacansion-text p { padding:5px 0px 5px 0px; }
.course-text p { padding:5px 0px 5px 0px; }
.course-img { padding:30px 30px 10px 30px; background:url(images/bg/title-back.jpg) no-repeat; }


/*-- leftTel --*/

.leftTel {
	color:#f9f9f9;
}

.leftTel strong {
	font-size:20px;
}

/*-- creo --*/

.creoFooter {

	background: #e8e8e8;
	padding: 20px;
	border-top: solid 1px #ccc;

}
.creoFooter .creoFooterInside {
	width: 885px;
	margin: 0 auto;
}

#welcomeWrapper {
	font-family: Helvetica,Arial,sans-serif!important;
	height: 380px!important;	
	background: #e8e8e8;
}

#welcomeWrapper h2 {
	font-size: 24px;
	color:#ff0157;
	font-weight: normal;
	margin-bottom: 20px;
}

#welcomeWrapper .welcomeMessage {
	width: 885px;
	height: 380px;
	margin: 0 auto;
	background: url('images/welcomebg.jpg') left top no-repeat;
}

#welcomeWrapper .welcomeMessage .welcomeBox {	
	padding-left: 240px;
	height: 380px;
}

#welcomeWrapper .welcomeMessage .welcomeBox  .welcomeContent {	
	padding: 30px 15px 15px 15px; 
}

#welcomeWrapper .welcomeMessage .welcomeBox  .welcomeContent a {
	color:#333;
}
.callMe {
	font-size: 20px;
	color:#ff0157;
	font-weight: normal;
	padding: 15px 0;
}


.welcomeContent ul {
	padding: 5px 0;
	margin: 5px 0;
}

.welcomeContent ul  li {
	display: inline;
	list-style-type: none;
	padding-right: 15px;
}

.welcomeContent ul li a {
	color:#e02f37
}


#welcomeWrapper .welcomeMessage .welcomeBox .welcomeContent .re, #welcomeWrapper .welcomeMessage .welcomeBox .welcomeContent .re a {
	font-size: 10px;
	color:#999;
}

/* -- address --*/

.iFooterMenu {
	height: 40px;
}

.contactsWrapper {
	clear: both;
	margin-top: 20px;
}

.contactsWrapper h3 {
	font-size: 20px;
	margin-bottom: 10px;
}

.contactsWrapper .widget {
    position: relative;
	
	width: 420px;
    height: 420px;	
	
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);     
    
	border:  solid 1px #ccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    background-color: #fff!important;
		
}

.contactsWrapper .addressBox {
	float:left; 
    margin: 15px 20px 15px 0;
}

.contactsWrapper .aContent {
	padding: 30px;
}



.addressText {
	padding: 5px;
}

.mapWrapper {
	width: 351px;
	border: solid 1px #999;
	padding: 1px;
}


.contactsTitle  .phone {
	font-size: 18px;
}

.countersWrapper {
	height: 42px;
	width: 400px;
	margin: 0 auto;
}

div.copyrights, div.copyrights  p, div.copyrights  p a , div.copyrights  span, div.copyrights  p strong {
	font-size: 14px;
	color:#999;
	height: 40px;
}