﻿@font-face {
    font-family: "Conv_RobotoRegular";
    font-style: normal;
    font-weight: normal;
    src: local("☺"), url("/themes/default/fonts/RobotoRegular.woff") format("woff"), url("/themes/default/fonts/RobotoRegular.ttf") format("truetype"), url("/themes/default/fonts/RobotoRegular.svg") format("svg");
}

position: relative; * { margin: 0px; padding: 0px; }

html, body { width: 100%; height: 100%; padding: 0; margin: 0; font-family: arial ; font-size: 12px; color: #000000; background: #fff; }


.short {
height: 72px;
}
a { outline: none; -moz-outline: 0; border: none; border-width: 0px; }
a:active { outline: none; -moz-outline: 0; }
a:focus { outline: none; -moz-outline: 0; }

img { border: none; border-width: 0px; }

.clear { clear: both; font-size: 0; line-height: 0; height: 0; }

*html #main { height: 100%; }

.catalog_list_one {
	min-height: 610px;
}

p { margin: 12px 0px ; }
a { text-decoration: underline; color: #4E7Caa; }
a:hover { text-decoration: none; }
.ramka {
	border: 5px solid #EDD182;
	height: 290px;
	left: 50%;
	margin: 30px 0 0 -587px;
	position: absolute;
	width: 1164px;
	z-index: 999;
}
/* ----- h1- h6 ----- */
h1 {     color: #7c7c7c;
    font-family: Conv_RobotoRegular,arial;
    font-size: 36px;
    font-weight: normal;
    line-height: 1.2;
    margin: 15px 0; }
h2 { font-size: 24px; color: #113f83; margin: 15px 0; line-height: 1.2; font-weight: normal; font-family: Conv_RobotoRegular,arial;}
h3 { font-size: 22px; color: #0e44a4; margin: 15px 0; line-height: 1.2; font-weight: normal; font-family: Conv_RobotoRegular,arial;}
h4 { font-size: 20px; color: #113f83; margin: 15px 0; line-height: 1.2; font-weight: bold; font-family: Conv_RobotoRegular,arial;}

table { border-collapse: collapse; }
input { font-family: Myriad Pro, arial; font-size: 8pt; color: #000; }
textarea { font-family: Myriad Pro, arial; font-size: 8pt; color: #000; }
ul { list-style: none; margin: 0px; padding: 0px; }

 /* ----- header ----- */
.short_cat {
	min-height: 57px;
}
#fon_header{
	background: #5587e8;
    background: -moz-linear-gradient(top, #0E44A4 0px, #0E44A4 16px, #EDD182 16px, #EDD182 24px, #0E44A4 24px, #0E44A4 27px, #EDD182 27px, #EDD182 30px, #0E44A4 30px, 
	#0E44A4 156px, #0E44A4 156px, #EDD182 159px, #0E44A4 159px, #0E44A4 162px, #EDD182 162px, #EDD182 170px, #0E44A4 170px,
	#0E44A4 100%);
    background: -webkit-linear-gradient(top, #0E44A4 0px, #0E44A4 16px, #EDD182 16px, #EDD182 24px, #0E44A4 24px, #0E44A4 27px, #EDD182 27px, #EDD182 30px, #0E44A4 30px, 
	#0E44A4 156px, #EDD182 156px, #EDD182 159px, #0E44A4 159px, #0E44A4 162px, #EDD182 162px, #EDD182 170px, #0E44A4 170px,
	#0E44A4 100%);
    background: -o-linear-gradient(top, #0E44A4 0px, #0E44A4 16px, #EDD182 16px, #EDD182 24px, #0E44A4 24px, #0E44A4 27px, #EDD182 27px, #EDD182 30px, #0E44A4 30px, 
	#0E44A4 156px, #EDD182 156px, #EDD182 159px, #0E44A4 159px, #0E44A4 162px, #EDD182 162px, #EDD182 170px, #0E44A4 170px,
	#0E44A4 100%);
    background: -ms-linear-gradient(top, #0E44A4 0px, #0E44A4 16px, #EDD182 16px, #EDD182 24px, #0E44A4 24px, #0E44A4 27px, #EDD182 27px, #EDD182 30px, #0E44A4 30px, 
	#0E44A4 156px, #EDD182 156px, #EDD182 159px, #0E44A4 159px, #0E44A4 162px, #EDD182 162px, #EDD182 170px, #0E44A4 170px,
	#0E44A4 100%);
    background: linear-gradient(top, #0E44A4 0px, #0E44A4 16px, #EDD182 16px, #EDD182 24px, #0E44A4 24px, #0E44A4 27px, #EDD182 27px, #EDD182 30px, #0E44A4 30px, 
	#0E44A4 156px, #EDD182 156px, #EDD182 159px, #0E44A4 159px, #0E44A4 162px, #EDD182 162px, #EDD182 170px, #0E44A4 170px,
	#0E44A4 100%);

1border-bottom: 4px solid #e3c87c;
min-width: 1170px;
padding: 30px 0;
width: 100%;
}
 
header  {
    display: block;
    height: 124px;
    margin: 0 auto;
    position: relative;
    width: 1170px;
}
/* ----- logo ----- */
.logo_header{
    left: 0;
    position: absolute;
    top: 4px;
}
 .search_header{
	bottom: 10px;
	font-size: 14px;
	position: absolute;
	right: 0;
	width: 175px;
 } 
 
.search_header input{
	background: #edd182 none repeat scroll 0 0;
	border: 1px solid #0e44a4;
	color: #000;
	font-size: 13px;
	padding: 6px;
	width: 90px;
}
.search_header a{
background: #2a5dd0 none repeat scroll 0 0;
border: 1px solid #ffff5c;
color: #ffff5c;
font-size: 13px;
padding: 5px 10px;
text-decoration: none;
}
 
.mail_header {
	background: rgba(0, 0, 0, 0) url("../images/mail.png") no-repeat scroll 2px 4px;
	font-family: Conv_RobotoRegular,arial;
	font-size: 14px;
	left: 770px;
	padding: 0 0 0 31px;
	position: absolute;
	top: 11px;
}
.mail_header a {
    color: #ffff5c;
    text-decoration: none;
}
/* ----- phone ----- */
.phone_header {
color: #ffff5c;
font-family: Conv_RobotoRegular,arial;
font-size: 18px;
left: 600px;
position: absolute;
top: 9px;
width: 168px;
	
}
.call_link {
	background: #2a5dd0 none repeat scroll 0 0;
background: #2a5dd0 none repeat scroll 0 0;
border: 1px solid #ffff5c;
color: #ffff5c !important;
font-size: 13px;
left: 600px;
padding: 5px 16px;
position: absolute;
text-decoration: none;
top: 88px;
width: 104px;
}

.phone_header span {
    color: #ffa6b4;
}
.phone_header p {
    margin: 10px 0;
}

.header_slogan{
color: #edfffe;
font-family: Conv_RobotoRegular,arial;
font-size: 20px;
left: 354px;
position: absolute;
top: 58px;
}
/* ----- mode_header ----- */
.mode_header{
	background: transparent url("../images/clock.png") no-repeat scroll 0 0;
	color: #ffff5c;
	font-family: Conv_RobotoRegular,arial;
	font-size: 14px;
	left: 774px;
	padding: 0 0 0 29px;
	position: absolute;
	top: 60px;
}
/* ----- basket ----- */
.basket {
	background: rgba(0, 0, 0, 0) url("../images/basket.png") no-repeat scroll 100% 100%;
	font-family: Conv_RobotoRegular,arial;
	padding: 17px 48px 10px 19px;
	position: absolute;
	right: 33px;
	top: 16px;
}
.basket a {
    color: #ffff5c;
    font-size: 14px;
    text-decoration: none;
}
.basket a b {
    font-weight: normal;
}
.basket span {
    background: #ff9dac none repeat scroll 0 0;
    border-radius: 8px;
    color: #ffff5c;
    padding: 1px 4px;
    position: absolute;
    right: 46px;
    top: -1px;
    font-size: 12px;
}
/* ----- fon_slider ----- */   
.fon_slider{
    background: rgba(0, 0, 0, 0) url("../images/fon.jpg") no-repeat scroll 50% 50%;
    height: 472px;
    margin: 0 auto;
    width: 100%;
	min-width: 1170px;
}
 .fon_slider_inner{
	 background:none;
	 height:120px;
 }
/* ----- menu_header ----- */  
.fon_nav{
    background-color: rgba(216, 165, 47, 0.56);
    min-height: 120px;
    width: 100%;
	min-width: 1170px;
}

nav {
    margin: 0 auto;
    width: 1100px;
}
nav>ul>li>a {
    color: #000;
    font-family: Conv_RobotoRegular,arial;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 28px 25px 74px;	
}
nav>ul>li {
    float: left;
	position:relative;
    padding: 28px 24px 74px;
    text-align: center;
}
nav li:hover a {
   
}
nav>ul>li:hover {
    border-top: 4px solid #0E44A4;
padding: 28px 24px 71px;
}
nav li>ul{
background: #ff98ff none repeat scroll 0 0;
display: none;
left: 0;
position: absolute;
top: 115px;
z-index: 1000;
width: 167px;
padding: 10px 0;
border-top: 1px solid #fff;
}
nav li>ul>li a{
text-decoration:none;
color:#000;
}

nav li:hover>ul{
	display:block
}

.menu1 {
    background: #04FFFF url("../images/menu1.png") no-repeat scroll 50% 70%;
}
.menu1:hover {
    background: #AFFFFF url("../images/menu1.png") no-repeat scroll 50% 70%;
}
.menu2 {
    background: #FF103B url("../images/menu2.png") no-repeat scroll 50% 70%;
}
.menu2:hover {
    background: #FFAFBF url("../images/menu2.png") no-repeat scroll 50% 70%;
}
.menu3 {
    background: #FFFF5C url("../images/menu3.png") no-repeat scroll 50% 70%;
}
.menu3:hover {
    background: #FFFFA5 url("../images/menu3.png") no-repeat scroll 50% 70%;
}
.menu4 {
    background: #FFD34C url("../images/menu4.png") no-repeat scroll 50% 70%;
}
.menu4:hover {
    background: #FFE598 url("../images/menu4.png") no-repeat scroll 50% 70%;
}
.menu5 {
    background: #EDFFFE url("../images/menu5.png") no-repeat scroll 50% 70%;
}
.menu5:hover {
    background: #ADFFFF url("../images/menu5.png") no-repeat scroll 50% 70%;
}
.menu6 {
    background: #FFD3FF url("../images/menu6.png") no-repeat scroll 50% 70%;
}
.menu6:hover {
    background: #FF98FF url("../images/menu6.png") no-repeat scroll 50% 70%;
}
/* ----- slider ----- */
.slider{
height: 297px;
margin: 30px auto 0;
position: relative;
width: 1170px;
}

/* ----- main ----- */
#main {
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
	min-width: 1170px;	
}
/* ----- goods_menu ----- */
.goods_menu {
    margin: 41px auto 0;
    min-height: 300px;
    width: 1170px;
}
.goods_menu li {
    float: left;
    height: 267px;
    margin: 0;
    position: relative;
    text-align: center;
    width: 583px;
}
.goods_menu a {
    color: #fff;
    font-family: Conv_RobotoRegular,arial;
    text-decoration: none;
}
.goods_menu p {
    background: rgba(0, 0, 0, 0) url("../images/point.png") no-repeat scroll 50% 100%;
    font-family: Conv_RobotoRegular,arial;
    padding-bottom: 17px;
    position: absolute;
    text-align: center;
    top: 183px;
    width: 100%;
    font-size: 35px;
}
.goods_menu li:hover .text_goods {
    display: block;
}

.goods_menu  li:hover p{
display: none;}

.text_goods{
    background: rgba(195, 9, 28, 0.6) url("../images/catalog1_act.png") no-repeat scroll 50% 29%;
    display: none;
    height: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    width: 583px;
	font-family: Conv_RobotoRegular,arial;
}


.text_goods span{
    background: rgba(0, 0, 0, 0) url("../images/point.png") no-repeat scroll 50% 0;
    color: #fff;
    font-size: 45px;
    padding-top: 13px;
    position: relative;
    top: 165px;
}
/* ----- new_goods ----- */
.fon_news_main{
    background: #f9f9f9 none repeat scroll 0 0;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    margin-top: 11px;
    min-height: 405px;
    width: 100%;
}
.news_main {
    margin: 0 auto;
    width: 1170px;
}
.h_news {
    color: #7a7a7a;
    font-family: Conv_RobotoRegular,arial;
    font-size: 36px;
    margin-top: 9px;
    text-align: center;
}
.news_main li {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    color: #5f5f5f;
    float: left;
    font-family: Conv_RobotoRegular,arial;
    margin: 24px 6px;
    width: 376px;
    padding-bottom: 25px;
}
.news_main li:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.date_news {
    background: #f9f9f9 none repeat scroll 0 0;
    color: #7a7a7a;
    font-size: 14px;
}
.news_main li:first-child .date_news p {
    background: rgba(0, 0, 0, 0) url("../images/news1.jpg") no-repeat scroll 100% 50%;
    margin: 0 !important;
    padding: 15px 0 14px 8px;
}
.news_main li:nth-child(2n) .date_news p {
    background: rgba(0, 0, 0, 0) url("../images/news2.jpg") no-repeat scroll 100% 50%;
    margin: 0 !important;
    padding: 15px 0 14px 8px;
}
.news_main li:last-child .date_news p {
    background: rgba(0, 0, 0, 0) url("../images/news3.jpg") no-repeat scroll 100% 50%;
    margin: 0 !important;
    padding: 15px 0 14px 8px;
}
.news_main p {
    margin: 13px 85px;
}
.news_main span {
    font-weight: bold;
}
.news_main img {
    float: left;
    margin: 1px 20px 8px 0;
}
.all_news a {
    border: 1px solid #e5e5e5;
    color: #5f5f5f;
    font-size: 14px;
    padding: 7px 23px;
    text-decoration: none;
}
/* ----- text_main ----- */
.text_main .static{
    background: rgba(0, 0, 0, 0) url("../images/text.jpg") no-repeat scroll 100% 0;

}
.text_main p {
    margin: 15px 0;
    width: 50%;
}

.all_text  a{
    background: #e81031 none repeat scroll 0 0;
    color: #fff;
    padding: 10px 25px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 11px;
}

/* ----- footer ----- */

#fon_footer {
    background:  url("../images/fon_footer.jpg") repeat-x scroll 0% 0%;
    background-size: contain;
    width: 100%;
    min-width: 1170px;
 
}
footer {
    display: block;
    height: 275px;
    margin: 24px auto 0px;
    position: relative;
    width: 1170px;
 }
 
.footer_add_mail {
	position: absolute;
	left: 344px;
	width: 600px;
	color: #fff;
	top: 23px;
}
.subscribe-form-item--btn-submit{
	float:left;
	width:200px;
}

.subscribe-form-item--input-email {
	float: left;
	width: 320px;
}

.logo_footer{
    left: 0;
    position: absolute;
    top: 15px;
} 
.menu_footer {
	margin-left: 335px;
	padding-top: 35px;
}
.menu_footer li {
    background: rgba(0, 0, 0, 0) url("../images/li_menu_footer.png") no-repeat scroll 0 50%;
    float: left;
    padding: 0 8px;
}
.menu_footer a {
    color: #ffff5c;
    font-family: Conv_RobotoRegular,arial;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}
.menu_footer li::after {
    color: #ffff5c;
    content: "•";
    margin-left: 16px;
}
.menu_footer li:last-child::after {
    content: "";
}
	
.phone_footer{
	color: #ffff5c;
	font-family: Conv_RobotoRegular,arial;
	font-size: 14px;
	left: 550px;
	position: absolute;
	top: 70px;
}

.phone_footer span{
    color: #f39db4;
}

.mail_footer {
	background: rgba(0, 0, 0, 0) url("../images/mail.png") no-repeat scroll 0 50%;
	font-family: Conv_RobotoRegular,arial;
	font-size: 14px;
	left: 345px;
	padding: 0 0 0 28px;
	position: absolute;
	top: 70px;
}
.mail_footer a {
    color: #ffff5c;
    text-decoration: none;
}

.inner{
	margin: 0 auto;
width: 1170px;
min-height: 300px;
}
/* ----- copy_footer ----- */	
.copy_footer	{
    color: #ffff5c;
    font-family: Conv_RobotoRegular,arial;
    font-size: 12px;
    left: 3px;
    position: absolute;
    top: 70px;
}

.eo{
    color: #ffa0b1;
    font-family: Conv_RobotoRegular,arial;
    font-size: 14px;
    right: 67px;
    position: absolute;
    top: 70px;
}

.eo a{
    color: #ffa0b1;
    text-decoration: none;

}

.contancts-inner-map {
    width: 800px;
    height: 300px;
}
.contancts-inner-map iframe {
    width: 100%;
}
.catalog_cat .catalog_list_row {
    overflow: visible;
}
@media screen and (max-width: 1300px) {
    #main.main-inner .catalog_list_one {
        float: left;
        font-size: 17px;
        margin: 10px 20px 15px 0;
        position: relative;
        width: 368px;
    }
}


/* ----- footer-pp ----- */	
.footer-pp-pk {
    color: #ffa0b1;
    font-family: Conv_RobotoRegular,arial;
    font-size: 14px;
    right: 95px;
    position: static;
    top: 90px;
}

.footer-pp-pd {
    color: #ffa0b1;
    font-family: Conv_RobotoRegular,arial;
    font-size: 14px;
    right: 0px;
    position: static;
    top: 110px;
}

.footer-pp-cookie {
    color: #ffa0b1;
    font-family: Conv_RobotoRegular,arial;
    font-size: 14px;
    right: 22px;
    position: static;
    top: 130px;
}

.footer-pp-pk a,
.footer-pp-pd a,
.footer-pp-cookie a {
    color: #ffa0b1;
    text-decoration: none;

}