@charset "utf-8";
img, object, embed, video {
	max-width: 100%;
}
/* IE6 не поддерживает атрибут max-width, поэтому по умолчанию используется ширина 100 % */
.ie6 img {
	width:100%;
}


/* Общие стили для всех макетов */
body, html {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/bg.jpg);
	background-position:60% 0;
	background-repeat: no-repeat;
	color: #2a2a2a !important;
}



#header {
	padding-top: 2%;
	}

#intro, #hcolright {
	color: #474747;
}

#intro {
	font-size: 18px;
}

#hnav {
	background-color: #474747;
	font-size: 30px;
	display: inline-block;
}


#hnav a:hover, #hnav a {
	text-decoration: none;
	font-size: 30px;
}

#hnav, #hnav a {
	color: #fff;
}

#hnav a:hover {
	color: #fdb464;
	text-decoration: none;
}

#thephone {
	font-size: 33px;
	clear:both;
	margin-left:-120px;
}

#hcolright {
	font-size: 15px;
}
#hcolright div {
	text-align: left;
}

#hcolright-inner {
	position: relative;
	float: right;
	width: 245px;
}

#logo {
	text-align: center;
	margin-top: 2%;
}

#content div.offer-inner, .offer-inner {
	font-family: Arial, Helvetica, sans-serif;
}

.offer-inner table tr td.optname {
	padding-top: 5px; padding-bottom: 5px;
	padding-left: 15px;
}



/* Стили для полосы товара */
.offer {
	width: 100%;
	height: 105px;
	margin-bottom: 11px;
	font-size: 30px;
	background-position: 0 50%;
	background-repeat:repeat-x;
	z-index:0;
}



.offer div, .offer a {
	display: inline-block;	
}

.offer span {
	margin-top: -10px;
	font-size: 18px;
}

.offer a {
	background:url(images/go.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 75px;
	height: 52px;
	text-decoration: none;
	
	transition-property: background;
	transition-duration: 0.2s;
	transition-timing-function: linear;
	transition-delay: 0s;
	/* Firefox 4 */
	-moz-transition-property:background;
	-moz-transition-duration:0.2s;
	-moz-transition-timing-function:linear;
	-moz-transition-delay:0s;
	/* Safari and Chrome */
	-webkit-transition-property:background;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
	-webkit-transition-delay:0s;
	/* Opera */
	-o-transition-property:background;
	-o-transition-duration:0.2s;
	-o-transition-timing-function:linear;
	-o-transition-delay:0s;
}

.offer a:hover {
	background:url(images/go.png);
	background-position: -75px 0;
}

.o-title, .o-price {
	padding-left: 24px;
	padding-right: 24px;
	float: left;
	position: relative;
	z-index:1;
}

.o-title {
	background: #cccccc 0 0 transparent;
    line-height: 15px;
    padding-bottom: 7px;
    padding-top: 11px;
}

.o-price {
	background: url(images/price-bg.png);
	background-repeat:repeat;
	line-height: 52px;
	color: #fff;

}

#footer {
	background-color: #f2f2f2;
	background-image: url(images/footer.png);
	background-position: 0 0;
	background-repeat: repeat-x;
	font-size: 14px;
}

#footer-inner, #footer div#footer-inner {
	width: 96%;
	margin: 0 auto;
	display: block;
}

#footer a, #hcolright-inner a {
	text-decoration: underline;
	color: #ac4e11;
}
#footer a:hover, #hcolright-inner a:hover {
	text-decoration: none;
}

#footer div {
	display: inline-block;
}

.clear-footer {
	margin-top: 35px;
}

#content {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0 auto;	
	width: 1000px;
}

#content h1 {
	font-family: Arial, Helvetica, sans-serif;
}

.home .offer-hover:hover, #content .offer-hover:hover {
	cursor: pointer;
	opacity: 0.8;
}







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

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 96%;

}

#intro {
	margin-left: 12%;
	position: relative;
	margin-top: 3%;
}

#body {
	 margin-top: 3%;	
}


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

@media only screen and (min-width: 481px) and (max-width: 768px){
.gridContainer {
	width: 97.5%;
	max-width: 768px;
}

#header {
	clear: both;
	margin: 0 auto;
	width: 100%;
	display: block;
}
#body {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#hcolleft {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 100%;
	display: block;
}
#hcolright {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 100%;
	display: block;
}
#hnav {
	clear: both;
	float: left;
	margin-left: 0;
}
#logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}

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

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 100%;
	margin: auto;
}

#header {
	clear: both;
	margin: 0 auto;
	width: 96%;
	display: block;
}
#body {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	height: 115px;
	margin-top: 40px;
}
#hcolleft {
	clear: none;
	float: left;
	width: 50%;
	display: block;
	margin: 0%;
	position: relative;
}
#hcolright {
	clear: none;
	float: right;
	width: 50%;
	display: block;
	margin: 0%;
	position: relative;
}
#hnav {
	clear: both;
	float: none;
	margin: 0;
	padding-top: 7px;
	padding-right: 20px;
	padding-bottom: 7px;
	padding-left: 20px;
}
#logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

.offer-inner, #body div.offer-inner {
	width: 1000px;
	text-align: left;
	margin: 0 auto;
	display: block;
	z-index:0;
}
.clear-footer {
	width: 200px;
}

#footer-block-1, #footer-block-2 {
	position: relative;
}

#footer-block-1 {
	float: left;
	
}

#footer-block-3 {
	float: right;
	width: 225px
}

#footer-block-2 {
	position: absolute;
	left: 33%;
	width: 346px;
}

}

/*==================================
==============CALL BACK=============
==================================*/

#callback {
    height: 490px;
    padding-top: 18px;
	padding-bottom: 25px;
	padding-left: 25px;
	padding-right: 0px;
    width: 490px;
}

#callback div.dk_container, #callback input {
    margin-right: 20px;
}

#callback textarea {
    width: 440px;
	margin-bottom: 10px;
	clear: both;
	display: block;
}

.btn-large {
    border-radius: 6px 6px 6px 6px;
    font-size: 17.5px;
    padding: 11px 19px;
}

#submitcallback {
	margin-top: 20px;	
	text-align: center;
}

#submitcallback a {
}

#callbackh {
	background-color: #dce4ec;
	border-radius: 6px 6px 6px 6px;
	margin-right: 25px;
}

#callbackh h1 {
	padding: 0px;
	margin: 0px;
	color: #474747;
	font-size: 17px;
	line-height: 40px;	
	text-align: center;
}

#callBackButton, #hcolright #callBackButton {
	cursor: pointer;
	background: #504d4c url("images/callbackbtn.png") 0 0 no-repeat;
	border: 1px solid #504d4c;
	height: 40px;
	color: #f4f4f4;
	padding-left: 50px;
	text-align: center;
	text-transform: uppercase;
	line-height: 40px;
	font-size: 20px;
	text-shadow: 0 -1px 0 #2c2c2c;
	-webkit-transition: all 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.50–12.00 */
          transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

#callBackButton:hover, #hcolright #callBackButton:hover {
	background: #616161 url("images/callbackbtn.png") 0 0 no-repeat;
	border: 1px solid #353535;
	-webkit-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.69);
	-moz-box-shadow:    0px 0px 6px rgba(50, 50, 50, 0.69);
	box-shadow:         0px 0px 6px rgba(50, 50, 50, 0.69);
}

#disclaimer {
	background-color: #f3f3f3; 
	font-size: 18px; 

}

#disclaimer div {
	background: transparent url("images/discl.png") 0 50% no-repeat;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-left: 80px;
	width: 920px !important;
	color: #606060;
}

#disclaimer b {
	color: #733225;
	font-weight: normal;	
}