body {
	background: #000000 url(../img/hosting.jpg) center top no-repeat fixed;
	font-family: Arial, Helvetica, Sans-serif;
	background-size: 100% 100%;
	font-size: 13px;
	color: #9D9D9D;
}
h1,h2,h3,h4,h5,h6 { 
	margin: 0;
    font-weight: normal;
    margin-bottom: 16px;
    line-height: 1;
}

h1 { font-size:27px; }

h2 { font-size: 21px; }

h3 { font-size: 16px; }

.title {
    color: #FFFFFF;
    margin: -7px 0 16px 0;
    padding: 0;
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#container, #header, #main, #main-fullwidth, #footer, .clearfix { display:block; }

#container {
	width: 960px;
	margin: 0 auto;
}


#header {
	margin-top: -17px;
	height: 60px;
	padding:20px 0;
}

.logo {
	float: left;
}

/* ================== MENU 1 */

.header-right {
	float: right;
	display:block;
}


.menus, .menus * {
	margin: 0;
	padding: 0;
	list-style:	none;
	list-style-type: none;
	line-height: 1.0;
}

.menus ul {
	position: absolute;
	top: -999em;
	width: 100%;
}

.menus ul li {
	width: 100%;
}

.menus li:hover {
	visibility: inherit;
}

.menus li {
	float: left;
	position: relative;
}

.menus a {
	display: block;
	position: relative;
}


.menu-primary {
    float: right;
    padding:0 7px 0 10px;
    position:relative;
    height: 42px;
    background: url(../img/menu.png) left top repeat-x;
    z-index: 400;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.menu-primary li a {
	color: #FFFFFF;
	padding: 15px 15px 14px 15px;
	text-decoration: none;
	font-family:  sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0 3px 0 0;
}

.menu-primary li a:hover, .menu-primary li a:active, .menu-primary li a:focus, .menu-primary li a.act {
	color: #000000;
	outline: 0;
	background: url(../img/menu.png) left -142px repeat-x;
}

/* =================== / menu 1 */

/* =================== menu 2 */
.menu-secondary-container {
	position:relative;
	height: 44px;
	z-index: 300;
	background: none;
	display:block;
}

.menu-secondary li a {
	color: #e8d6ca;
	padding: 16px 15px 15px 15px;
	text-decoration: none;
	font-family:  sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: normal;
}

.menu-secondary li a:hover, .menu-secondary li a:active, .menu-secondary li a:focus, .menu-secondary li a.act {
	color: #FFFFFF;
	background: url(../img/click.png) #262626 no-repeat bottom center;
	outline: 0;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
/* =================== /menu 2 */

/* =================== menu 3 */



.menu-third li a {
	border: 1px solid #534b46;
	padding: 8px 12px;
	color: #e8d6ca;
	text-align: center;
	text-decoration: none;
	font-family:  sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: normal;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
  background: #3b3a3a;
  background: -moz-linear-gradient(top,  #3b3a3a 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b3a3a), color-stop(100%,#070707));
  background: -webkit-linear-gradient(top,  #3b3a3a 0%,#070707 100%);
  background: -o-linear-gradient(top,  #3b3a3a 0%,#070707 100%);
  background: -ms-linear-gradient(top,  #3b3a3a 0%,#070707 100%);
  background: linear-gradient(top,  #3b3a3a 0%,#070707 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3a3a', endColorstr='#070707',GradientType=0 );
}

.menu-third li a:hover, .menu-third li a:active, .menu-third li a:focus, .menu-third li a.act {
	color: #ffffff;
	background: url(../img/click.png) #3b3a3a no-repeat bottom center;
}

.menu-third li { float: none;position: static;margin: 5px 3px;}

/* =================== /menu3 */

/* =================== SLIDER */

.fp-slider {
    margin: -16px 0 16px 0;
}

.fp-slides, .fp-thumbnail, .fp-prev-next, .fp-nav {
    width: 930px;
}

.fp-slides, .fp-thumbnail {
    height: 190px;
    overflow: hidden;
	position: relative;
}

.fp-title {
    font-family: Arial, Helvetica, Sans-serif;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 0 0 2px 0;
    margin: 0;
}

.fp-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #101010;
    opacity: 0.7;
    filter: alpha(opacity = 70);
    padding: 11px 16px;
    overflow: hidden;
}

.fp-content p {
    color: #fff;
    padding: 0;
    margin: 0;
    line-height: 19px;
}

.fp-nav {
    height: 12px;
    text-align: center;
    padding: 10px 0;
    background: #101010;
}



/* =================== /SLIDER */


#main {
	padding: 15px;	
	background: url(../img/main.png);
}

#content {
	overflow: hidden;
	float: left;
	width: 636px;
}

#page {
	line-height: 20px;
	padding: 0 12px 17px;
	background: 1904FE;
	border: 1px solid #353333;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;

}

#page a {color: #EDE2DA;}

#page a:hover, #page a:active, #page a:focus {opacity:0.9;-moz-opacity:0.9;-webkit-opacity:0.9;-khtml-opacity:0.9;}

#content .setkatarifa {
	padding: 16px;
	box-shadow: 0 0 1px #ffffff,1px 1px 2px #cccccc,-1px -1px 2px #cccccc,inset 0px 0px 16px #000000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	background-color: #FCFE9B ;
	color: #000000;
}

.setkatarifa h3 {color:#ff0000;}

.setkatarifa th, .setkatarifa td {
	border-bottom: 1px solid #A5A5A5;
	border-left: 1px solid #A5A5A5;
}

#setkatarifa td:nth-child(1),#setkatarifa th:nth-child(1) {border-left:0;}

.setkatarifa th {color:red;}

.butregs {
padding:20px;
font-size:16px;text-align:center;font-family:Arial;font-weight:700;padding-bottom:7px;padding-top:6px;margin-top:27px;
color: #FDF6C4;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
box-shadow:inset 3px 3px 8px #5f5f5f,inset -3px -3px 6px #1d1100,2px 2px 4px #918c75;
background:black;
    font-size: 16px;
    line-height: 16px;
    font-family:  sans-serif;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
}

.butregs:hover{opacity:0.9;-moz-opacity:0.9;-webkit-opacity:0.9;-khtml-opacity:0.9;}

#sidebar-primary {
	overflow: hidden;
	float: left;
	width: 280px;
	margin-left: 15px;
}

.widget-container {
    margin: 2px 0 15px;
    padding:  0;
    color: #FFFFFF;
    font-size: 13px;
}

.widget-container a {
    color: #FFFFFF;
    text-decoration: none;
}

.widget-container a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.widgettitle {
	font-size: 16px;
	line-height: 16px;
	font-family:  sans-serif;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	box-shadow: 0 0 1px #ffffff,1px 1px 2px #cccccc,-1px -1px 2px #cccccc,inset 0px 0px 12px #000000;
	background-color: #087FE5;
	color: #000000;
	margin: 0 3px 10px;
	padding: 10px 0 10px 10px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* ============== accordion */

.accordion{
  /* ширина в % для резинового макета, 
  * можно определить фиксированное
  * значение в px 
  */
  width: 100%;
  padding: 0;
  margin: 0 auto;
}
.toggle-box {
  /* по умаолчанию скрыт */
  display: none;
}

/* формируем внешний вид панелей аккордеона */

.toggle-box + label { 
  background: #3b3a3a;
  background: -moz-linear-gradient(top,  #3b3a3a 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b3a3a), color-stop(100%,#070707));
  background: -webkit-linear-gradient(top,  #3b3a3a 0%,#070707 100%);
  background: -o-linear-gradient(top,  #3b3a3a 0%,#070707 100%);
  background: -ms-linear-gradient(top,  #3b3a3a 0%,#070707 100%);
  background: linear-gradient(top,  #3b3a3a 0%,#070707 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3a3a', endColorstr='#070707',GradientType=0 );
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
  color: #C9C9C9;
  cursor: pointer;
  display: block;
  font: normal 14px Helvetica, Arial, sans-serif;
  line-height: 21px;
  padding: 8px 22px; 
  margin-bottom: 0px;
}

label a, a:hover{color: #ddd;}

/* формируем внешний вид панелей при наведении */

.toggle-box + label:hover{opacity: 0.9;} 

/* формируем внешний вид панелей при нажатии на них */

.toggle-box + label:active{
  background: #3b3a3a;
  background: -moz-linear-gradient(top,  #3b3a3a 0%, #282828 11%, #212020 84%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b3a3a), color-stop(11%,#282828), color-stop(84%,#212020), color-stop(100%,#070707));
  background: -webkit-linear-gradient(top,  #3b3a3a 0%,#282828 11%,#212020 84%,#070707 100%);
  background: -o-linear-gradient(top,  #3b3a3a 0%,#282828 11%,#212020 84%,#070707 100%);
  background: -ms-linear-gradient(top,  #3b3a3a 0%,#282828 11%,#212020 84%,#070707 100%);
  background: linear-gradient(to bottom,  #3b3a3a 0%,#282828 11%,#212020 84%,#070707 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282828', endColorstr='#070707',GradientType=0 );
}

/* содержание блоков скрыто */

.toggle-box + label + div {
  display: none;
}

/* при обработке флажка (checkbox) показываем блок с содержанием */

.toggle-box:checked + label + div {
  display: block;
}

/* формируем внешний вид кнопки переключателя на панели справа */

.toggle-box + label:before {
  background: #000000;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  color: #C9C9C9;
  content: "+";
  display: block;
  float: right;
  font-size: 14px;
  font-weight: bold; 
  height: 18px;
  line-height: 18px;
  margin: 2px 5px 0px;
  text-align: center;
  width: 18px;
  box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1); 
  -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1); 
  -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
}

.toggle-box:checked + label:before {
  content: "\2212";
}

/* оформляем блок с содержанием */

.box{
	margin-top: -4px;
	padding: 4px 0;
  background: #000000;
  border-left: rgba(0,0,0,0.1) solid 1px;
  border-right: rgba(0,0,0,0.1) solid 1px;
  border-bottom: rgba(0,0,0,0.1) solid 1px;
  padding: 10px 10px 10px;
  font: 14px Helvetica, Arial, sans-serif;
  color: #ffffff;
  line-height: 1.5;
	-moz-border-radius: 0 0 5px 5px;
	-o-border-radius: 0 0 5px 5px;
	-khtml-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

/* значения встраиваемых картинок в блоки */

.box img{
  height: auto;
  border: rgba(0,0,0,0.3) solid 1px;
}

.left-img{  
  float: left; 
  margin: 5px 10px 0px 0px;
}

.right-img{
  float: right; 
  margin: 5px 0 0 10px;
}

.large-img {width: 100%;margin-bottom: 5px;}

/* ============== /accordion */

#footer {
	margin-bottom:15px;
}

#copyrights {
	color: #e8d6ca;
	text-align: center;
	padding: 20px 0;
	border: 1px solid #534b46;
}

#copyrights a {
	color: #e8d6ca;
	text-decoration:none;		
} 

#copyrights a:hover {
    color: #e8d6ca;
}