@media screen and (min-width:768px) and (max-width:1024px) {
/* размер блока, где находятся главный контент и сайтбар*/
body #wrapper {
 margin-top:0px;
 width: 90%;
 margin: 0 auto;
}

/* размер шапки сайта*/

body #headerInner {
 width:90%;
 margin:0 auto;
}
 
/* размер главного контента*/

#wrapper #content #colLeft {
 width:68% !important;
 float: left;
}
 
/* размер сайтбара*/
 
#wrapper #content #colRight {
 margin:0;
 float: left;
 width:30% !important;
 }
} 

@media screen and (min-width:480px) and (max-width:768px) {
 #wrapper #colLeft {
  float:none;
  width:96% !important;
  padding: 2% !important;
 }
 #colRight {
 float:none;
  width:100% !important;
 }
}


@media screen and (max-width:480px) {
 #colRight {
 float:none;
 width:100% !important;
 }
 
 #wrapper #colLeft {
  float:none;
  width:96% !important;
  padding: 2% !important;
 }
body #headerInner {
 width:100%;
 margin:0 auto;
 }
body #wrapper {
 margin-top:0px;
 width: 100%;
 margin: 0 auto;
 }
.materialimg {
 	max-width: 100%!important;
 	height; auto;
 	float: none!important;
 	margin: 0.2em 0em 0.6em 0!important;
 	}
.sociallogo {
	display: none!important;
	}
}


img {
 max-width: 100%;
 height: auto;
 width: auto\9; /* для ie8 */
}

* {
 margin: 0;
 padding: 0;
}
 
body {
 width: 100%;
 height: 100%;
 color:#fff;
 font-family: "Segoe UI", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-size:0.94em;
 line-height:135%;
}
 
h1 {
 font-size:1.7em;
 font-weight:normal;
 padding:0;
 line-height:100%;
 font-style:normal;
 color:#b5a199;
 margin:0 0 0.2em 0;
}
 
p {
	color:#fff;
	font-size:0.95em;
	margin:0.2em 0 0.2em 0;
}
 
a {
 color: #b5a199;
 text-decoration:none;
}
 
a:hover {
 color:#8A6C5F;
 text-decoration: none;
}
 
/* -------------------------------
 Структура
 ----------------------------------*/
 
/* -------------------------------
 Ширина сайта в 1000px
 ----------------------------------*/
 
body {
 width: 100%;
 height: 100%;
 color:#333;
 background: url('../img/back.jpg')  no-repeat top center fixed #1a1511;
 font-family: "Segoe UI", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-size:0.94em;
 line-height:135%;
}
 
#socialInner {
	width: 100%;
	background:#212121;
	padding: 0.25em 0 0.25em 0;
}
 
.social {
	margin: 0 0 0 27%;
	
}
 
#wrapper {
 margin:0;
 border:0px solid #000;
 width: 100%;
 max-width:900px;
 margin: 0 auto;
 height: auto !important;
}
 
/* -------------------------------
 Шапка сайта
 ----------------------------------*/
 
#headerInner {
 border: 0px solid #000;
 background: #000000;
 position:relative;
 width:100%;
 max-width:900px;
 margin:0 auto;
}
 
.text {
 margin:15px;
 
}
 
/* -------------------------------
 Главный контент
 ----------------------------------*/
 
#content #colLeft {
 
border: 0px;
 width:68%;
 margin:0;
 padding:1%;
 background: #312c28;
 display: block;
 float:left;
}
 
div.item-page {
	margin:0;
	}
div.newsflash h2 {
	font-size:1.7em;
 	font-weight:normal;
 	padding:0;
 	line-height:100%;
 	font-style:normal;
 	color:#b5a199;
 	margin:0 0 0.5em 0;
	}
 
/* -------------------------------
 Сайтбар сайта
 ----------------------------------*/
 
#colRight {
 position:relative;
 width:30%;
 border: 0px;
 background: #312c28;
 display: block;
 float: left;
}
 
#middle:after {
 content: '.';
 display: block;
 clear: both;
 visibility: hidden;
 height: 0;
}
 
/*----------------------------
 Логотип
 ------------------------------*/
 
.logo {
 position:relative;
}
 
.logo a {
 margin:0;
 padding:0;
 border: 0;
 display: block;
}

.sociallogo {
 position:relative;
 padding:0.5em 0.3em 0 0.3em;
 background: #45413d;
}



/*----------------------------
 Материал Joomla
 ------------------------------*/
  div.materialimg  img {
 	max-width: 30%;
 	height; auto;
 	margin: 0 0.5em 0 0;
 	}
 
 /*----------------------------
Навигация топ
 ------------------------------*/
div.style_topmenu {
	height: auto
	width: 100%;
	background-image: url('../img/topmenu.jpg');
}

ul.menu_topmenu {
	list-style: none;
	padding: 0.6em 0 0.6em 0;
	display: inline-block;
	}

ul.menu_topmenu li {
	list-style: none;
	display: inline-block;
	color: #fff;
}

ul.menu_topmenu li a {
	color: #f5b469;
	margin: 0 0.5em 0 0.5em;
	font-family: "Segoe UI", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-size:1.3em;
 	line-height:135%;
}

ul.menu_topmenu li a:hover {
	text-decoration: none;
	color: #b68349;
}

ul.breadcrumb_kroshki li {
	list-style: none !important;
	display: inline;
	color: #fff;
}

ul.breadcrumb_kroshki {
	margin: 0 0 0.5em 0;
	display: inline;
	}

div.page-header h2 {
	font-size:1.7em;
 	font-weight:700;
 	padding:0;
 	line-height:100%;
 	font-style:normal;
 	color:#f5b469;
 	margin:0 0 0.6em 0;
}