body, html {
background: #e2e2e2;
text-align:center;
height:100%;
margin:0;
padding:0;
}
html{overflow-x: hidden}
img{border: none;}
/*---------------------------------------------
               ОСНОВНОЙ КОНТЕЙНЕР
---------------------------------------------*/

#main-container{
margin:0 auto;
text-align:left;
min-height:100%;
width:100%;
}
* html #main-container{height:100%;}

/***************** Шапка сайта */
#head {width:1200px; height:447px; margin:0 auto; position: relative; }

#header{
background: url(../images/menubg.jpg) repeat-x left bottom, url(../images/top.jpg) center top no-repeat #FFF; 
height:447px;
}
#header a.logo {
position:absolute;
left:22px;
top: 62px;
margin: 0;
padding: 0;
text-decoration:none;
}

/************************** Хлебные крошки */
.pathway {
	
	margin:5px 0 10px 0;
	padding:0 0 5px;	
	font-size:11px;
}

.pathway span {color:#000;}

/***************** Модульная позиция - TOP */
#top {
	margin:0;
	overflow:hidden;
       /* position:relative;*/
         background:#fff ;   /*url(../images/facebottom.gif) no-repeat 10px bottom*/
}



#topbox {width:1200px;  margin:0 auto; position: relative; }




#main {width:1200px; margin:0 auto; position: relative;}

/***************** Левая колонка */
#left{
padding:0px;
margin:0 25px 0 0;
float:left;
line-height:normal;
width:275px;
}

/***************** Правая колонка */
#right{
padding:0px;
margin:0 0 0 25px;
float:right;
line-height:normal;
width:275px;
}

/***************** Стили блока основного содержания */
#both{
margin:0 275px;
padding:0 15px;
}
#only_left {
margin:0 0 0 275px;
padding:0px;
}
#only_right {
margin:0 275px 0 0;
padding:0px;
}
#no_sides {padding:0 0px}

/***************** Модульная позиция - BOTTOM */
#bottom {
	margin: 35px 0 40px 0;
	overflow:hidden;
}

#botbox {width:1200px; margin:0 auto; position: relative;}

/***************** Clear block and Rasporka */
#clear{
height:0;
font-size:1px;
line-height:0px;
clear:both;
}
#rasporka {height:486px; margin:20px 0 0}


/*---------------------------------------------
                  ПОДВАЛ САЙТА 
---------------------------------------------*/
#footer{
border-top: 13px solid #415f61;
position:relative;
height:473px;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
margin:-486px auto 0;
width:100%;
}
#footer p{ margin:0;}

#copy {width:1200px; margin:0 auto 0 auto; height:115px;}

/************************************ Счетчики */
p.copyright {
	font:14px Arial, Helvetica, sans-serif;
	color:#565656;
        text-transform: uppercase;
        float:left;
        text-align: left;
        margin:41px 0 0 20px !important;
        width:430px; 
        text-align:center;
}
p.copyright a {color:#565656; text-decoration:none !important;}
table.counters {
	position:absolute;
	right:0;
	bottom:10px;
}
.counters td {padding:0 3px}
.tecama {}

.knopki {float:left; margin:50px 0 0 0 !important;}
.sitemap {display:inline-block; margin:0 15px;}

#search {float:left; margin:50px 0 0 35px!important;}
#query {    border: 1px solid #7f7b7b; float: left; padding: 0; border-right: none; font-size:14px;}
.search {background:url(../images/search.png) no-repeat left top; border:none; font-size:0; cursor:pointer; height:28px; width:28px; float: left; margin:-4px 0 0 0;}
#soc {float:left; margin:45px 0 0 30px!important;}
#soc a {display:block; float: left; margin:0 5px 0 0;}

.cTop b {color:#007687; font-family: 'Open Sans', sans-serif; }
.subut {margin:15px 0 0 0; color:#007687; border:1px solid #0f9fa8; font-size:18px; background:none; padding:10px; font-family: 'Open Sans', sans-serif; cursor:pointer;} 
.cancel {margin:15px 0 0 0; color:#716d6d; border:1px solid #5b5a5a; font-size:18px;  background:none; padding:10px; font-family: 'Open Sans', sans-serif; cursor:pointer;}
.cBlock1 {border-bottom:1px dotted #3cd2dd !important;}
/************************************ Модуля */
#left .module,
#right .module {
	margin:0 0 15px;
}
#left .moduletitle,
#right .moduletitle {
	font-size:18px;
	text-align:center;
	margin:0 0 10px
}
#left .modulebody,
#right .modulebody {}

.mainmodule {width:855px; padding:70px 0 0 325px;}
.mainmodule p {   font-family: 'Open Sans', sans-serif; line-height:1.2; font-size:16px; color:#405864;}
.mainmodule p img {padding:8px 10px 0 0;}

.facemodule {height:519px; background:url(../images/face.gif) no-repeat right top; /*width:1200px; position: relative;*/ }

.facemodule::after {
    background: url("../images/faceright.gif") no-repeat left bottom;
    content: "";
    display: block;
    height:519px;
    left: 1200px;
    position: absolute;
    width: 1000%;
    top: 0;
}

.facemodule::before {
    background: url("../images/faceleft.gif") no-repeat right bottom;
    content: "";
    display: block;
    height:519px;
    right: 1200px;
    position: absolute;
    width: 1000%;
    top: 0;
}

#top-content {background:url(../images/greenline.gif) repeat-x left bottom, url(../images/greybg.gif) repeat left top; height:497px; }
#top-contentbox {width:1200px; margin:0 auto; position: relative; }

.medkormodule {background:url(../images/telo.png) no-repeat 359px top; height:391px;}

.randmodule {width:1020px; margin:0 auto; position: relative; background:url(../images/dot.gif) no-repeat 530px top; padding:37px 90px;}
.randmodule  p {margin:0; color:#fff; font-size:14px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: bold;}

.artslidemodule {margin:60px 0 0px 0; background:url("../images/news.png") no-repeat  550px bottom;  padding:0 0 100px 0;}

.newsmodule {background: url("../images/news.jpg") no-repeat 550px top, url("../images/greenline.gif") repeat-x  left bottom; height:106px;  position:relative; width:1200px;}
.newsmodule::after {
    background: url("../images/greenline.gif") repeat-x  left bottom;
    content: "";
    display: block;
    height:106px;
    left: 1200px;
    position: absolute;
    width: 1000%;
    top: 0;
}
.newsmodule::before {
    background: url("../images/greenline.gif") repeat-x  left bottom;
    content: "";
    display: block;
    height:106px;
    right: 1200px;
    position: absolute;
    width: 1000%;
    top: 0;
}

.onlinemodule {width:65px; float: left; height:300px; margin: 0 25px 0 0;}
.randomartmodule {float: left; margin: 0  0 0 0px; }
.randomartmoduletitle {color:#0f9fa8; font-size:36px; text-transform: uppercase; font-family: 'Open Sans', sans-serif;}
.randomartmodulebody .mod_latest_entry {margin:30px 0 0 0 !important; padding:0 !important; width:1000px;}
.randomartmodulebody .mod_latest_title {color:#bb435c !important; font-family: 'Open Sans', sans-serif !important; text-transform: uppercase; font-size:24px !important; padding:0 !important; width: 80%;}
.randomartmodulebody .mod_latest_image {margin-top:10px}
.randomartmodulebody p {color:#405864; font-size:18px; font-family: 'Open Sans', sans-serif; margin:0 0 5px 0;}
.randomartmodulebody .mod_latest_desc { font-family: 'Open Sans', sans-serif; border-left:9px solid #0f9fa8; margin: 45px 0 0 200px; padding: 0 0 0 15px;}
.aside{
	position:absolute;
	top:0;
	left:0;
	margin: 0;
        height:299px;
}
.aside-container{
        height: 299px;
	position:relative;
	margin:0;
        background:#BB435C;
}
.aside-head{
	position:absolute;
	top:0;
	left:100%;
	height:299px;
        width:64px;
	margin:0;
	padding:0;
	line-height:30px;
	color:#fff;
	background:url("../images/online.png") no-repeat  right top;
	white-space:nowrap;
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
	-ms-transform-origin:0 0;
	-o-transform-origin:0 0;
	/*transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);*/
	cursor:pointer;
}
.aside-body{
	overflow:hidden;
	width:0;
	margin:0;
	transition:.4s;
	-webkit-transition:.4s;
	-moz-transition:.4s;
	-ms-transition:.4s;
	-o-transition:.4s;
        padding: 0px;
}

.aside-body .userform_table {padding:0 20px;}
.aside-body .userform_table tr td {font-size:12px; color:#fff;}

.active .aside-body{
	width:330px;
}
.mod_latest_list {border-bottom:1px solid #716f6f;}
.mod_latest_list a {text-decoration:none; color:#114e52; font-size:14px; font-family: 'Open Sans', sans-serif; display: block; padding:10px 0 5px 0;}
.mod_latest_list a:hover {color:#a82641;}


.photo_zoom {
    background: url("../images/zoom.png") no-repeat 360px 355px, rgba(0, 0, 0, 0.7);
   
    display: block;
    height:185px;
    left: 0;
    padding: 214px 30px 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transition: all 0.2s ease 0s;
    width:340px;
}
.photo_thumb:hover .photo_zoom {
    transform: scale(1);
}

.phnmodule{
font-size: 24px;
color: #6a7576;
font-family: 'OpenSans';
position: absolute;
right: 20px;
top: 80px;
}