html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {
    margin: 0;
    padding: 0;
}
body {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-image: url(../images/xenonfon.png);
}
h1 {
	/*background-color: #565656;
  	color: transparent;
  	text-shadow: 0px 1px 1px #53bff7;
  	-webkit-background-clip: text;
    	-moz-background-clip: text;
        background-clip: text;
		position: relative;
		top: 8px;
		left: 10px;
		*/
		font-size: 30px;
		color: #53bff7;

}
h2{ color: white; font-size: 30px;
	}
input{ text-align:center;}
div {padding: 0px; margin: 0px; border: 0px solid black;}
#body_all{width:1500px;margin: 0px auto;position:relative;}
.div_elment_t2 {width:1000px; margin: 0px auto; position:relative;}
.div_elment_t1 {width:1500px; margin: 0px auto;	position:relative;}
#menu_top {	background-color: #1f1f1f;height: 60px;	border-bottom: 4px solid #53bff7;}
.name_el_menu{position:relative; top: 25px;	width:150px; height: 35px; float:left; text-align:center; border: 0px solid white; font-size: 18px; font-weight:bold; }
.name_el_menu1 a{position:relative; top: 25px;	width:150px; height: 35px; float:left; text-align:center; border: 0px solid white; font-size: 25px; font-weight:bold; color: red; text-decoration: none;}
.name_el_menu:hover{background-color: #53bff7; border-radius: 10px 10px 0px 0px;}
.name_el_menu a{ text-decoration:none; color: #53bff7; position:relative; top: 7px;}
.name_el_menu:hover a{color: #1f1f1f; text-decoration: none;}
#action{width: 390px; float:left;}
#pod_menu{
	background-image: url(../images/xenon1.jpg);
	height:323px;
}
#sert_center{ font-size:18px; color: #FFFFFF; padding-left: 40px; padding-top: 10px;}
.light_tuning { padding-left: 30px;}
.logo_tuning_center { position:absolute; left: 278px; top: 95px;}
#tel_mail{ width: 400px; height:50px; position:absolute; top: 35px; left: 640px; color: #53bff7;}
.tel_top{ font-size: 40px; font-weight:bold;}
.email_top { font-size:25px; font-weight:bold;}
#zakaz_zv_shapka{width: 996px; height: 201px; background-image: url(../images/xenon2_12.png); position:absolute; top: 250px; box-shadow: 0px 5px 20px black; border-radius: 10px; }
#text_zk_shapka{ font-size:30px; font-weight:bold; color: white; text-shadow: 1px 1px 2px black; width: 405px; margin: 10px auto; text-align:center;}
#telephone,#telephone1,#telephone2,#telephone3{ width:310px; height: 35px; font-size: 20px;  color: #747474; position:absolute; left: 250px;}

/*Кнопка*/
#btn_telephone, #btn_telephone1,#btn_telephone2 { width: 217px; height: 39px; background-image: url(../images/xenon2_08.png); position:absolute; left: 559px; color: white; font-size: 20px;}
.btn_telephone{ width: 217px; height: 39px; background-image: url(../images/xenon2_08.png); position:absolute; left: 559px; color: white; font-size: 20px;}
.btn_telephone:hover {color: black; cursor: pointer;}
.btn_telephone span{ position:relative; left: 40px; top: 9px;}
#btn_telephone span,#btn_telephone1 span, #btn_telephone2 span{ position:relative; left: 40px; top: 9px;}
#btn_telephone:hover , #btn_telephone1:hover, #btn_telephone2:hover,#phone3:hover {color: black; cursor: pointer;}

#phone3 { width: 217px; height: 39px; background-image: url(../images/xenon2_08.png); position:absolute; left: 393px; margin-top: 10px;  color: white; font-size: 20px;}
#phone3 span{ position:relative; top: 5px;}

.text_pr {color: #53bff7; text-shadow: 1px 1px 1px black; font-size: 30px; font-weight:bold; position:relative;  left: 10px; top: 7px;}
.priemuchestva{ background-image: url(../images/xenon2_22.png); width: 267px; height: 256px; float: left; margin: 10px 10px; position:relative;  left: 80px;}
.text_priimu { color: white; font-size: 17px; font-weight:bold; position:relative; left: 15px; top: 14px; }
.bot_text_priem { position:absolute; top: 155px; bottom: 3px;  height: 77px; left: 10px; width: 250px; text-align: center; font-size: 13px; color: white;  }
#trudnost_vibora { height: 365px; display:block; background-image: url(../images/fontrudno.jpg); margin-top: 20px; border-bottom: 3px solid #53bff7; border-top: 3px solid #53bff7;}
#trudnost_vibora2 {height: 1150px; display:block; background-image: url(../images/fontrudno.jpg); margin-top: 20px; border-bottom: 3px solid #53bff7; border-top: 3px solid #53bff7; position:relative;}
#trudno_img { box-shadow: 1px 1px 10px black; margin: 10px; position:relative; top: 30px; float: left;}
#text_trudno{ font-size: 20px; color: #cdcdcd; line-height: 1.5; position:relative; top: 60px; left: 20px;}
.name_produkt div{ float:left; font-size: 24px; margin: 20px 0px;  }
.line_produkt {width: 390px; height: 3px; background-color: #a8a6a8; position:relative; top: 12px; margin: 0px 5px;}
.real_name_produkt { width: 198px; text-align:center; color: #262626; font-weight:bold;}
.real_produkt img{border: 10px solid rgba(104,104,104, 0.7); /*margin: 15px;*/ border-radius: 10px; box-shadow: 1px 1px 10px black;}
#zakaz_produkt { background-image: url(../images/xenon2_zakaz.png); height: 131px; margin-top: 30px;}
#oformit { color: white; font-size: 24px; margin: 0px auto; width: 560px; display:block; position: relative; top: 20px;}
#fon_trud2 { position:absolute;   z-index:200; width: 1000px; height: 1000px; background-image: url(../images/xenon2_10.png); background-repeat: no-repeat; left: 468px; top: 272px;}
.trudno_img{ position:absolute; width: 170px; height: 170px; background-repeat: no-repeat; }
#trud2_1{ background-image: url(../images/xenon2_1221.png); left:647px; top: 85px;}
#trud2_2{ background-image: url(../images/xenon2_1448.png); left:329px; top: 305px;}
#trud2_3{ background-image: url(../images/xenon2_1445.png); left:965px; top: 305px;}
#trud2_4{ background-image: url(../images/xenon2_3326.png); left:329px; top: 595px;}
#trud2_5{ background-image: url(../images/xenon2_2333.png); left:965px; top: 595px;}
#trud2_6{ background-image: url(../images/xenon2_3330.png); left:647px; top: 807px;}
.trudno_txt{ color:#A9A9A9; font-size: 18px; border:0px solid black; text-align:center; display:block; position:absolute; top: 170px; left: -120px; width: 400px; height: 100px;}
#kak_rabotaem {background-image: url(../images/xenon2_3011.png); height: 300px; border: 0px solid black; }
.kakrab_txt { position:relative; top: 10px; left: 250px;}
#kak_rabotaem img,#kak_rabotaem span { position:absolute; font-size: 20px; color: white; text-align:center;}
#galery{ background-color: #3B3B3B; border-top: 3px solid #53bff7; margin-top: 30px; border-bottom: 3px solid #53bff7; height: 490px; }
#galery_img { margin-top: 30px;}
.contener_img_gal{ width: 240px; height: 170px; background-image: url(../images/xenon2_1131212.png); float:left; background-repeat:no-repeat; margin:5px;}
.contener_img_gal img{ width: 210px; height: 145px; margin: 12px 15px;}
#action_2{ background-image: url(../images/xenon2_3015.png); width: 1000px; height: 381px; margin-top: 50px; }
#form_action{ position:relative; left: 90px; top: 40px;}
#action_3{ width:444px; height:542px; background-image: url(../images/xenon2_3016.png); margin: 20px auto; text-align: center;}
.vopros_bottom{width: 390px; height: 50px; display:block; margin: 10px auto; font-size:18px; padding-left: 10px;}
#vopros_text { width: 400px; height: 260px;  }

#podval { background-image: url(../images/xenon2_1011212.png); height: 300px; }
#podval_text span { display:block;}
#podval_text { position: absolute; left: 900px; top: 20px;}
.error {border: 2px solid red;}
.spasibo {
position: fixed;
top: 50%;
left: 50%;
width: 500px;
margin-left: -250px;
height: 80px;
margin-top: -200px;
border: 1px solid rgba(105,105,105,0.50);
border-radius: 10px 10px 10px 10px;
box-shadow: 0 0 20px rgba(0,0,0,0.5);
text-align: center;
font-size: 20px;
padding-top: 30px;
z-index: 20;
background-color: rgba(255,255,255,0.95);
display: none;
}
#overlay {
    z-index: 23; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
    position: fixed; /* всегда перекрывает весь сайт */
    background-color: #000;  /*черная */
    opacity: 0.6; /* но немного прозрачна */
    width: 100%;
    height: 100%; /* размером во весь экран */
    top: 0;
    left: 0; /* сверху и слева 0, обязательные свойства! */
    cursor: pointer;
    display: none; /* в обычном состоянии её нет) */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.zakaztovar{display: none; border-radius: 10px; width: 800px; height: 500px; z-index: 24; background-color: white; position:fixed; left:50%; top: 50%; margin-left: -420px; margin-top: -240px; padding: 25px; }
.zakaztovar h2{ color: black;}
.zakaztovar ul {margin-left:  30px; padding-left: 10px; }
.zakaztovar li { list-style: none;}



.close{ position: absolute; right:10px; top:10px; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; cursor:pointer; }
.img_zakaz{ width: 300px; height: 390px; border: 0px solid black; margin: 10px; float: left; }
.zakaz_over{ position:absolute; bottom: 100px;  left: -100px;}
.telephone{ width:310px; height: 35px; font-size: 20px;  color: #747474; position:absolute; left: 250px;}
.price_li { list-style: none; padding-left: 45px;}
.ModalInfoShow img{cursor: pointer;}

.ModalInfoShow {
    position: relative;
    display: inline-block;
    margin: 15px;
}

.ModalInfoShow:hover .ModalInfo {
    display: block;
}

.ModalInfo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.4);
    color: white;
    font-size: 24px;
    display: none;
    border-radius: 10px;
    text-align: center;
    padding: 50px 20px 0;
    cursor: pointer;
}