/* Простой «резиновый» носитель
   Примечание. Для «резинового» носителя требуется удалить атрибуты высоты и ширины из HTML
   http://www.alistapart.com/articles/fluid-images/
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE6 не поддерживает атрибут max-width, поэтому по умолчанию используется ширина 100 % */
.ie6 img {
	width:100%;
}

/*
	Свойства Dreamweaver Fluid Grid
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	20;

	Вдохновлено книгой «Отзывчивый веб-дизайн» (Responsive Web Design) Итана Маркота (Ethan Marcote)
	http://www.alistapart.com/articles/responsive-web-design

	и системой Golden Grid Джони Корпи (Joni Korpi)
	http://goldengridsystem.com/
*/

/* Мобильный макет: 480 пикс. и меньше. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.9666%;
	padding-left: 1.5166%;
	padding-right: 1.5166%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/* Макет для планшета: 481–768 пикс. Наследует стили от мобильного макета. */

h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	font-family:"Calibri", "Helvetica","Tahoma";
	margin-top:0;
	padding-top:0;
}

.page {
	max-width:1400px;
	margin:0 auto;
}
.mainpics {
	position:relative;
}
.mainpics .mainpic,.mainpics .mainpicmobile {
	float:left;
	width:50%;
}
.mainpics .mainpic img,.logo1 img,.logo2 img { width:100%;}
.mainpics .mainpicmobile img {
	width:95%;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

.footer {
	font-size:10px;
}
.header {
	margin:20px 0 35px 0;
}

.footer {
	margin-top:30px;
	font-family:"Tahoma";
}
.footerphones {
	width:33%;
	float:left;
}
.footercopyright {
	width:33%;
	float:left;
	text-align:center;
}


.logo1 {
	float:left;
	width:170px;
	margin-right:20px;
}
.logo2 {
	float:left;
	width:90px;
	/*margin-right:20px;*/
}

.phones {
	font-family:"Tahoma";
	font-size:18px;
}
.search,.mainpic {display:none;}

.menu a {
	font-family:"Calibri", "Helvetica","Tahoma";
	font-size:16px;
	color:#000;
	text-decoration:none;
}

.menu span {
	font-size:13px;
	padding:0 20px;
}
.menu {
	padding:15px 0;


}
.mainpicmobile a {
	text-decoration:none;
	font-size:16px;
	color:#000;
}
.mainpicmobile a:hover,.menu a:hover,.menu a.act {color:#01ad35;}
.mainpicmobile a:hover img {
   -webkit-transform: scale(1.2) rotate(2deg);
   -moz-transform: scale(1.2) rotate(2deg);
   -o-transform: scale(1.2) rotate(2deg);
   -ms-transform: scale(1.2) rotate(2deg);
   transform: scale(1.2) rotate(2deg);
}

.sidebar {float: none;}

.item_left {
	width: 40%;
	max-width:242px;
	float: left;
	margin: 10px;
}

#fmCont td {padding:5px;}
#fmCont input[type=text], #fmCont textarea {
	width:95%;
	background:#f9f9fa;
	border:#fff 1px solid;
	box-shadow: inset 0px 1px 1px 0px rgba(50, 50, 50, 0.5);
}
#fmCont textarea {
	height:150px;
}
.code_desc, a.code_desc,.core_price {
	color:#01ad35
}
.code_desc {
	font-size:14px;
}
.code_val {
	font-size:14px;
}
.code_size,.core_price {
	font-size:16px;
	font-weight: bold;
}
.core_price {
	font-size: 16px;
}
.divider {height:10px;}
.tov_item {padding-bottom:50px;}
.tov_item .tov_img {
	width:50%;
	max-width:172px;
	float:left;
}
.tov_item .tov_desc {
	float:right;
	width:50%;
}

.phones span {white-space:nowrap;}

.soc {
	clear: both;
	padding-top: 10px;
}

.uptolike-buttons {
	float: left;

}

@media only screen and (min-width: 520px) {
	.item_left {
		width: 20%;
	}
	.phones span {white-space:nowrap; display:block}
	.contacts {
		position:absolute;
		top:30px;
		left:350px;
	}
}
@media only screen and (min-width: 800px) {
	.item_left {
		width: auto;
	}
	.search,.mainpic {display:block;}
	.mainpicmobile {display:none;}
	.footer {
		font-size:13px;
	}
	.logo1 {
		float:left;
		max-width:170px;
		margin-right:20px;
	}
	.logo2 {
		float:left;
		max-width:90px;
		margin-right:20px;
		padding-top:0;
	}

	.menu a {
		font-family:"Calibri", "Helvetica","Tahoma";
		font-size:18px;
		color:#000;
		text-decoration:none;
	}
	.menu span {
		font-size:20px;
		padding:0 20px;
	}
	.phones {
		font-family:"Tahoma";
		font-size:18px;
		/*width:50%;*/
		padding-bottom:15px;
	}
	.sidebar {
		width:20%;
		float:left;
		margin-right:20px;
		display:block;
		padding-top:7px;
	}
	.sidebar img {
		width:100%;
		max-width:242px;
	}
	.content {
		float:left;
		width:76%;
	}
	.tov_item {
		float:left;
		width:46%;
		margin-right:2%;
	}
	.tov_item .tov_img img {
		width:100%;
	}

}

@media only screen and (min-width: 1023px) {
	.gridContainer {
		width: 91.0625%;
		padding-left: 0.9687%;
		padding-right: 0.9687%;
	}
	#LayoutDiv1 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	.logo { float:left;}
	.menu {
		float:left;
		width: 49%;
		text-align: center;
		/*margin-left:20px;*/
	}
	.contacts {float:right; position:static;}
	.menu a {
		font-family:"Calibri", "Helvetica","Tahoma";
		font-size:18px;
		color:#000;
		text-decoration:none;
	}
	.menu span {
		font-size:14px;
		padding:0 10px;
	}
	.phones {
		font-family:"Tahoma";
		font-size:18px;
		width:160px;
		text-align:right;
		padding-bottom:10px;
	}
	.logo1 {
		float:left;
		max-width:170px;
		margin-right:20px;
	}
	.logo2 {
		float:left;
		max-width:90px;
		margin-right:20px;
	}
	#searchtext {width:100px;}
	.sidebar{ margin-right:50px;}
	.content {width:73%;}
	.soc {
		width:33%;
		float:left;
		text-align:right;
		padding: 0;
		clear: none;
	}

	.uptolike-buttons {
		float: right;
		position: relative;
		top: -3px;
		left: 25px;
	}

}

/* Макет для настольного компьютера: 769–1232 пикс. (максимум). Наследует стили от мобильного макета и макета для планшета. */

@media only screen and (min-width: 1280px) {
	.gridContainer {
		width: 88.5%;
		max-width: 1232px;
		padding-left: 0.75%;
		padding-right: 0.75%;
		margin: auto;
	}
	#LayoutDiv1 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	.menu {
		width: 48.2%;
		text-align: center;
		margin-left:20px;
	}
	.menu a {
		font-family:"Calibri", "Helvetica","Tahoma";
		font-size:19px;
		color:#000;
		text-decoration:none;
	}
	.menu span {

		font-size:20px;
		padding:0 15px;
	}
	.phones {
		font-family:"Tahoma";
		font-size:18px;
		width:175px;
		text-align:right;
	}
	.logo1 {
		float:left;
		width:227px;
		max-width:227px;
		margin-right:20px;
	}
	.logo2 {
		float:left;
		width:117px;
		max-width:117px;
		margin-right:20px;
	}
	#searchtext {width:115px;}
	.sidebar{ margin-right:70px;}

}