/* CSS Document */
body {
	font-family: "Arial CE", Arial, "Helvetica CE",
		Helvetica, "Verdana CE", Verdana, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #FFFFFF;
	color: #5a5a5a;
}

a {
	color: #000000;
  text-decoration: none;
}
a img {
	border: 0;
}
img {
  border: none;
}

h2 {
  font-size: 12px;
  margin: 0;
} 

.Error, .validatorMessage {
	color: red;
}
.Info {
	color: green;
}
.Warning {
	color: rgb(255,102,0);
}
.message {
	padding: 10px 0;
}
.cleaner {
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
}
.center {
	text-align: center;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.clear-both {
  clear: both;
}
.text-left {
	text-align: left; 
}
.text-right {
	text-align: right;
}
.block {
  margin-bottom: 10px;
}

.green.left, .orange.left{
  padding-left: 10px;
  color: #FFFFFF;
}
.orange.left {
   background: url('../images/orange/menu_left_bg.png') no-repeat left top;
}
.green.left {
   background: url('../images/green/menu_left_bg.png') no-repeat left top;
}

.roundedHorizontal.green, .green div.inner, .roundedHorizontal.orange, .orange div.inner {
  overflow: hidden;
  line-height: 40px;
}

.roundedHorizontal.orange, .orange div.inner {
  background: url('../images/orange/menu_main_bg.png') repeat-x;
}
.roundedHorizontal.green, .green div.inner {
  background: url('../images/green/menu_main_bg.png') repeat-x;
}
  
.green div.right, .orange div.right {
  padding-right: 10px;
}
.orange div.right {
  background: url('../images/orange/menu_right_bg.png') no-repeat right top;
}
.green div.right {
  background: url('../images/green/menu_right_bg.png') no-repeat right top;
}

#wrapper {
  width: 935px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}

#header {
  height: 365px;
     
}
#header.green {
  background: url('../images/header_centrum.png') no-repeat right bottom;
}
#header.orange {
  background: url('../images/header_salon.png') no-repeat right bottom;
}

#pageSelector {
  padding: 0 20px;
  font-size: 14px;
}

#mainMenu a {
  padding-left: 10px;
  line-height: 40px;
  float: left;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: bold;
  margin: 0;
  margin-left: 25px;
  margin-right: 10px;
}
#mainMenu a div.right {
  padding-right: 10px;
}
#mainMenu a div.inner {
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
}

#mainMenu a:hover,#mainMenu a.selected {
  background: url('../images/green/menu_hover_left_bg.png') no-repeat left top;
  color: #899d7c;
} 
#mainMenu a:hover div.right, #mainMenu a.selected div.right {
  background: url('../images/green/menu_hover_right_bg.png') no-repeat right top;
}
#mainMenu a:hover div.inner, #mainMenu a.selected div.inner {
  background: url('../images/green/menu_hover_main_bg.png') repeat-x;
}

#mainContent {
  padding: 20px 0;
}

.leftMenu
{
  float: left;
  overflow: hidden;
  width: 258px;
  padding: 0;
  margin: 0;
  margin-right: 20px;
}

.pageContent{
  margin-left: 278px;
}
.articleBlock {
  width: 100%;
  float: left;
}

#articlesList {
  overflow: hidden;
}

.subArticleList .articleListItem {
  padding-bottom: 10px;
}

.articleListItem a {
  font-weight: bold;
}

#articlesList h2 {
  margin: 0;
  padding: 0 10px;
  background: url('../images/menu_top_bg.png') no-repeat top left;
  font-size: 14px;
  line-height: 42px;
  height: 42px;
  overflow: hidden;
}

#articlesList ul {
  list-style: none;
  margin: 0;
  padding: 0;
  background: url('../images/menu_bottom_bg.png') no-repeat bottom left;
  padding-bottom: 45px;
}

#articlesList ul li {
  border: 1px solid #f3f3f3;
  border-top : none;
  padding: 0 10px;
  line-height: 20px;
  font-size: 13px;
  line-height: 40px;
}

.articleBlock h1 {
  margin: 0;
  padding: 0;
  font-size: 18px;
}

.green h2, .green h1, .green h3, .green h4, .green h5, .green a {
  color: #729f5e;
}

.orange h2, .orange h1, .orange h3, .orange h4, .orange h5, .orange a {
  color: #ff8501;
}

.backButton a, .moreButton a {
  font-style: italic;
  font-weight: bold;
}

#footer {
  clear: both;
  color: #FFFFFF;
  margin-bottom: 20px;
}


/* MESSAGE DISPLAY STYLE */

#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}

/* GALLERY */
  .gallery {
    padding-top: 10px;
  }
  .gallery .galleryImage {
    float: left;
    margin: 5px;
    padding: 5px;
    background: url('../images/gallery_bg.png') no-repeat top left;
    height: 90px;
    overflow: hidden;
  }
  
  .galleryImage img {
    border: 3px solid #e7e7e7;
  }
  
  .galleryImage a:hover img {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=45);
    -moz-opacity: 0.45;
    opacity: 0.45;
  }