@charset "UTF-8";

/* CSS Document */
h1, h2, h3, h4, h5, h6, p {
margin-top: 0;	 /* удаление верхнего поля позволяет обойти проблему выхода полей за границы содержащего их контейнера DIV. Оставшееся нижнее поле отделит его от любых последующих элементов. */
}
* { margin: 0; padding: 0; }  /* сброс отступов*/
body
{ background-color:#f2f2f2;}
h1 {font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif; color: #000; font-size:22px; letter-spacing:0px; line-height: 25px;}
h2  {font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;  color: #000; letter-spacing:0px; font-size:18px; }
h2.intro1 { font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif; color: #fff;  letter-spacing:1px; font-size:18px;line-height: 1px; margin-top:13px;}
h3  {font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;  color: #000; letter-spacing:1px; font-size:14px; line-height: 1px; color: #555; line-height: 20px;}
h4 {font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif; color: #000; font-size:17px; letter-spacing:0px; line-height: 5px; }
h5 {font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif; color: #000; font-size:16px; letter-spacing:0px; line-height: 5px; }
h6 {font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif; color: #000; font-size:15px; letter-spacing:0px; line-height: 5px; }
p {font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;  font-size: 22px; font-size:12px; letter-spacing:0px;margin-bottom: 5px; color: #777; }
p.intro {font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;  font-size: 22px; color: #000; font-size:14px; letter-spacing:0px;margin-bottom: 5px; }
p.intro1 { font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif; color: #fff; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; letter-spacing:-0.5px; font-size:18px; }
.header{width:100%; height:41px; position: fixed; z-index: 9999; top:0px; left:0px; background-color:#800000;}
.nav  { width:685px; height:33px; position: absolute; top:3px; left:50%; margin-left:-205px;	}
#Nav li { width:150px; height:33px;
display:block;	position: inherit; float:right;
border-right:1px solid #5d5d5d;
border-left:1px solid #929292; 
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; letter-spacing:-0.5px; font-size:12px; border-bottom:1px solid #575757; border-top:1px solid #797979;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(0.2, #800000), color-stop(0.8, #800000), color-stop(1, #ffffff));
background-image: -moz-linear-gradient(center bottom, #ffffff 0%, #800000 20%, #800000 80%, #ffffff 100%);
background:-o-linear-gradient(top,  #ffffff 0%, #800000 20%, #800000 80%, #ffffff 100%); /* Opera 11.10+ */
background-color:#800000; /* Fallback */
}
#Nav li:hover {
background-color:#0000ff; /* Fallback */
-moz-box-shadow: inset 0 0 5px 5px #ffffff;
-webkit-box-shadow: inset 0 0 5px 5px #ffffff;
box-shadow: inset 0 0 5px 5px #ffffff;
}
#Nav li a { color:white; text-decoration:none; text-align:center; display:block; line-height:34px; outline:none; }
	
.blok_body
{width:960px;
height: 100%;	
margin:50px auto;
}
.cvet1
{color: #777;
font-size: 14px;
}
.headerzagolovok{
width: 960px;
float:left;
}
#otstup1
{
margin-top:30px;	
}

.blok_left_obyav
{width:480px;
float:left;
}



.blok_foto_soobshenie
{width:450px;
height: 10px;
float:left;
margin: 10px 0 0 15px;
padding: 5px;
}
.blok_foto_obyav
{width:218px;
height: 195px;
float:left;
border: 3px solid #FDBE33;
border-radius:5px;
-moz-border-radius:8px;
margin: 15px 0 0 15px;
}

.blok_foto_glav1
{
width:200px; height:150px; 
float: left;
background:#f2f2f2;
border-radius:5px;
border: 2px outset #ccc;
-moz-border-radius:8px;
}
.blok_foto_glav1:hover 
{
width:200px; height:150px; 
float: left;
background: linear-gradient(#faeedd, #fff) #faeedd;
}

.blok_foto_glav1_pl
{
width:200px; height:150px; 
float: left;
background:#f2f2f2;
border-radius:5px;
border: 2px outset rgb(255,153,0);
-moz-border-radius:8px;
}
.blok_foto_glav1_pl:hover 
{
width:200px; height:150px; 
float: left;
background: linear-gradient(#faeedd, #fff) #faeedd;
}

.blok_foto_glav_vip
{
width:380px; height:285px; 
padding: 5px;
float: left;
background:#f2f2f2;
border-radius:5px;
border: 2px outset rgb(255,153,0);
-moz-border-radius:8px;
}
.blok_foto_glav_vip_glav
{
width:247px; height:185px; 
padding: 5px;
float: left;
background:#f2f2f2;
border-radius:5px;
border: 2px outset rgb(255,153,0);
-moz-border-radius:8px;
}
.blok_foto_glav_vip_glav:hover 
{
width:247px; height:185px; 
padding: 5px;
float: left;
background:#FDBE33;
border-radius:5px;
border: 2px outset rgb(255,153,0);
-moz-border-radius:8px;
}
.blok_foto_glav_vip:hover 
{
width:380px; height:285px; 
padding: 5px;
background:#FDBE33;
float: left;
}


.blok_foto1
{
text-align: center;
margin-top: 5px;
}

.blok_foto1_vip
{
text-align: center;
margin-top: 0px;
width: 280px;
}

.blok_foto1_vip_glav
{
text-align: center;
margin-top: 0px;
width: 180px;
}

.blok_zagolovok_opisanie
{
width:360px; height:55px; 
float: left;
color: #333;
padding: 1px 5px 5px 5px;
font-family: 'Arial';
}

.blok_zagolovok_opisanie_vip
{
width:332px; height:30px; 
float: left;
color: #333;
padding: 15px 5px 5px 5px;
font-family: 'Arial';
text-align: center;
}

.blok_zagolovok_opisanie_vip_glav
{
width:460px; height:35px; 
float: left;
color: #333;
padding: 5px 5px 5px 5px;
font-family: 'Arial';
text-align: center;

}

.numer_vip

{
width:332px; height:30px; 
float: left;
color: #333;
padding: 25px 5px 5px 5px;
font-family: 'Arial';
text-align: center;
}

.numer_vip_glav

{
width:200px; height:30px; 
float: left;
color: #333;
padding: 5px 5px 5px 5px;
font-family: 'Arial';
text-align: center;
margin-top: 5px;
margin-left: 125px;
}


.blok_cena_vip
{
width:303px; 
height:80px;
float: right;
margin-top: 50px;
background: rgb( 255, 153, 0);
padding: 15px;
text-align: center;
font-size: 22px;
color: #fff;
border-radius:5px;
border: 2px outset #ccc;
-moz-border-radius:8px;
font-family: Arial;
}

.blok_cena_vip_glav
{
width:300px; 
height:70px;
float: left;
margin-top: 0px;
margin-left: 65px;
background: rgb( 255, 153, 0);
padding: 15px;
text-align: center;
font-size: 22px;
color: #fff;
border-radius:5px;
border: 2px outset #ccc;
-moz-border-radius:8px;
font-family: Arial;
}
.blok_cena_vip_glav:hover
{
width:300px; 
height:70px;
float: left;
margin-top: 0px;
margin-left: 65px;
background: linear-gradient(#E38916, #fff) #E38916;
padding: 15px;
text-align: center;
font-size: 22px;
color: #fff;
border-radius:5px;
border: 2px outset #ccc;
-moz-border-radius:8px;
font-family: Arial;
}
.blok_cena_vip:hover
{
width:303px; 
height:80px;
float: right;
margin-top: 50px;
background: linear-gradient(#E38916, #fff) #E38916;
padding: 15px;
text-align: center;
font-size: 22px;
color: #fff;
border-radius:5px;
border: 2px outset #ccc;
-moz-border-radius:8px;
font-family: Arial;
}

.blok_opisanie
{
width:368px; height:85px; 
float: left;
color: #777;
padding: 5px;
text-align:justify;
border: none;
background:#fff;
}
.blok_opisanie_pl
{
width:368px; height:85px; 
float: left;
color: #777;
padding: 5px;
text-align:justify;
border: none;
background:rgb(252,249,243);
}
.textarea_opisanie_pl
{
width:368px; height:57px; 
margin-top: 3px;
float: left;
color: #777;
text-align:justify;
border: none;
resize:none;
background:rgb(252,249,243);
}
.textarea_opisanie
{
width:368px; height:57px; 
margin-top: 3px;
float: left;
color: #777;
text-align:justify;
border: none;
resize:none;
background:#fff;
}

.blok_cena
{
width:136px; 
height:136px;
float: right;
background: linear-gradient(#f3f3f3, #fff) #E38916;
padding: 7px;
text-align: center;
font-size: 15px;
color: #3b5998;
border-radius:5px;
border: 2px outset #ccc;
-moz-border-radius:8px;
font-family: Arial;
}

.blok_cena:hover
{
width:136px; 
height:136px;
float: right;
background: linear-gradient(#faeedd, #fff) #faeedd;
padding: 7px;
text-align: center;
font-size: 15px;
color: #3b5998;
border-radius:5px;
border: 2px outset #FDBE33;
-moz-border-radius:8px;
font-family: Arial;
}

.blok_cena_pl
{
width:136px; 
height:136px;
float: right;
background: linear-gradient(#f3f3f3, #fff) #E38916;
padding: 7px;
text-align: center;
font-size: 15px;
color: #3b5998;
border-radius:5px;
border: 2px outset rgb(253,153,0);
-moz-border-radius:8px;
font-family: Arial;
}

.blok_cena_pl:hover
{
width:136px; 
height:136px;
float: right;
background: linear-gradient(#faeedd, #fff) #faeedd;
padding: 7px;
text-align: center;
font-size: 15px;
color: #3b5998;
border-radius:5px;
border: 2px outset #FDBE33;
-moz-border-radius:8px;
font-family: Arial;
}
.textarea2 {
width:480px;
height: 250px;
border:0px;
color:#777;
background: #f2f2f2;
outline: none;
position:relative;
z-index:2;
font-size: 16px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-seriff;
resize:none;
}


.imagesindex{
width: 960px;
margin-top:20px;
height: 130px;
}

.blok_left
{width:320px;
height: 100%;	
float:left;
}

.pole_gorod
{width:550px;
height: 60px;	
margin-top:30px;
float:left;
}

.blok_region
{width:240px;
height: 100%;	
float:left;
}

.pole_input_index
{width:400px; height:38px;
 text-align: center;
  margin-top:12px;
  border-radius:5px;
-moz-border-radius:8px;
font-size: 18px;
}





.menu_left {
float:left;
width: 197px;
height: 1310px;
margin-top:10px;
}

.menu_left_vybor_goroda {
float:left;
width: 197px;
height: 23px;
margin:0px 0px 2px 0px;
background:rgb( 230, 230, 232);
}

.menu_left_vybor_goroda1 {
float:left;
width: 197px;
height: 30px;
margin:0px 0px 2px 0px;
background:rgb( 255, 153, 0);
}
.menu_left_vybor_goroda2 {
float:left;
width: 960px;
height: 31px;
margin:0px 0px 2px 0px;
background:rgb( 230, 230, 232);
}

.bez_lin
{
text-decoration: none;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
 color: rgb( 42, 73, 126); 
 font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
 letter-spacing:-1px; font-size:15px; 
}

.bez_lin1
{
text-decoration: none;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif; color: rgb( 255, 255, 255); font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px; 
font-size:20px; 
}

.bez_lin2
{
text-decoration: none;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif; color: rgb( 255, 255, 255); font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px; 
font-size:20px; 
color: rgb( 42, 73, 126); 
}

.menu_left_vybor_goroda:hover { background: rgb( 255, 153, 0); color: #fff;}
.menu_left_vybor_goroda2:hover { background: rgb( 255, 153, 0); color: #fff;}
.bez_lin:active { background: linear-gradient(#f59500, #f5ae00) #f59500; }

.vyvod_obyavlenii
{
float:left;
margin-top:10px;
margin-left:5px;
padding: 5px;
background: #fff;
width:736px;
height: 155px;
border: 3px outset #ccc;
border-radius:5px;
}

.blok_zagol
{
float:left;
margin-top:10px;
margin-left:5px;
padding: 5px;
width:736px;
height: 25px;
}

.vyvod_obyavlenii_podnyato
{
float:left;
margin-top:10px;
margin-left:5px;
padding: 5px;
background: #fff;
width:736px;
height: 155px;
border: 3px outset #ff9900;
border-radius:5px;
}


.vyvod_obyavlenii_pl
{
float:left;
margin-top:10px;
margin-left:5px;
padding: 5px;
background:rgb(252,249,243);
width:736px;
height: 155px;
border: 3px outset #ff9900;
border-radius:5px;
}
.vyvod_obyavlenii_vip
{
float:left;
margin-top:10px;
margin-left:5px;
padding: 5px;
background: linear-gradient(#faeedd, #fff) #faeedd;
width:736px;
height: 300px;
border: 3px outset rgb(255,153,0);
border-radius:5px;
}
.vyvod_obyavlenii_vip_glav
{
float:left;
margin-top:10px;
margin-left:5px;
padding: 5px;
background: linear-gradient(#faeedd, #fff) #faeedd;
width:736px;
height: 200px;
border: 3px outset rgb(255,153,0);
border-radius:5px;
}




.blok_obyavlenii
{
float:left;
width:740px;
}



.blok_obyavlenii_center
{
width:740px;
margin-left: 110px;
}

.ne_aktiv
{
pointer-events: none;
cursor: default;
}
.ne_aktiv_opt
{
opacity: 0.3;
}


.blok_obyavlenii_spec_kabinet
{
float:left;
width:928px;
border: 6px solid rgb(255,153,0);
padding: 0px 10px 10px 0px;
margin-top: 10px;
background: rgb(252,249,243);
}






.center {
float:right;
width: 759px;
margin-top:10px;
}	

.center2 {
width: 900px;
margin-top:10px;
padding: 15px;
text-align: center;
border:10px solid #ccc;
border-radius:10px; 
}	

.boxnaimenovanie1
{position:relative;
float:right;
width: 753px; height: 30px;
margin:0px 0px 16px 0px;
	background:#800000;/* для браузеров без css3 */
	text-align:center;
	border:1px solid #999;
	border-radius:3px; 
	-webkit-border-radius:3px; 
	-moz-border-radius:3px; 
	-khtml-border-radius:5px;
	}	
	.boxnaimenovanie
	{position: relative;
		float:right;
		width: 753px; height: 30px;
margin:18px 0px 17px 0px;
	background:#800000;/* для браузеров без css3 */
	text-align:center;
	border:1px solid #999;
	border-radius:3px; 
	-webkit-border-radius:3px; 
	-moz-border-radius:3px; 
	-khtml-border-radius:5px;
	}	
		

	.boxicon
	{position: relative;
	float:left;
	width: 120px; height: 120px;
margin-top:5px; margin-left:4.5px; 
	background:#ffffff;/* для браузеров без css3 */
	border:1px solid #ccc;
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:5px; 
	-khtml-border-radius:10px;
	}

	.boxicon2
{position: relative;
	float:left;
width: 245px; height: 120px;
margin-top:5px; margin-left:5px; 
	background:#ffffff;/* для браузеров без css3 */
	border:1px solid #ccc;
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:5px; 
	-khtml-border-radius:10px;
	}
	
	.boxicon3
	{position: relative;
	float:left;
	width: 372px; height: 120px;
margin-top:5px; margin-left:5px; 
	background:#ffffff;/* для браузеров без css3 */
	border:1px solid #ccc;
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:5px; 
	-khtml-border-radius:10px;
	}
	
	.boxicon4
	{position: relative;
	float:left;
	width: 499px; height: 120px;
margin-top:5px; margin-left:5px; 
	background:#ffffff;/* для браузеров без css3 */
	border:1px solid #ccc;
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:5px; 
	-khtml-border-radius:10px;
	}

.boxstati{
float:left;
width: 960px;
margin-top:20px;		
}
.boxstati_region{
float:left;
width: 960px;
height: 70px;
margin-top:10px;		
}
.footer{
width: 960px;
height:100px;
margin-top:20px;
background: url(../images/bg_footer.png) no-repeat top center;
float:left;
}

.ahover {
	 color: #375E93;
	font-size: 15px;	
	line-height:16px;
	font-weight: normal;
	font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	letter-spacing: 0px;
	text-decoration:none;
	}
	.ahover:hover {
	color:#fff;
	border-color: #333;
	background: #375E93;

	}
	.ahover:focus {
	background:#375E93;
	}

	
	.ahoverreg {
	 color: #fff;
	font-size: 15px;	
	line-height:16px;
	font-weight: normal;
	font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	letter-spacing: 0px;
	text-decoration:none;
	}
	.ahoverreg:hover {
	color:#fff;
	border-color: #333;
	background: #375E93;

	}
	.ahoverreg:focus {
	background:#375E93;
	}

	
	#user-city:hover {
	color:#fff;
	border-color: #333;
	background: #375E93;
	}
	.ahover1 {
	 color: #375E93;
	font-size: 13px;	
	line-height:13px;
	font-weight: normal;
	font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	letter-spacing: -0.5px;
	text-decoration:none;
	}
	.ahover1:hover {
	color:#fff;
	border-color: #333;
	background: #375E93;

	}
	.ahover1:focus {
	background:#ddd;
	}


	.example3 {
	    display:inline-block;   
	    position:relative;
	}
	.example3 .example_text {
	    display:block;
	    position:absolute;
	    left:2.5%;
	    bottom: 10px;
	    width:95%;
			height:15%;
			font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
			 font-size:13px;
	    box-sizing:border-box;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;     
	    color:#fff;
	    background-color:rgba(0,0,0,.5); 
			text-align:center;  
			border-radius:3px; 
			-webkit-border-radius:3px; 
			-moz-border-radius:3px; 
			-khtml-border-radius:5px; 
	}
	.example3 span { 

	}
	
	
	.example3:hover{
		background-color:rgba(0,0,0,.8);
		filter:alpha(opacity=50);
		 ..-opacity:0.5;
		  opacity:0.5;
			 -khtml-opacity:0.5;
			 		}

		
	.StyleSelectBox {
	    width:318px;
	    height:30px;
	    font:15px Arial, Tahoma, Helvetica, Verdana;
	    text-align:left;
	    background:#fff0bf;
			color:#375E93;
	    line-height:30px;
	    white-space:nowrap; /* запрещаем перенос */
	    /*padding:0 22px 0 12px; /* отступ справа с учетом стрелочки */
	    border:1;
	    zoom:1; /* для IE6 */
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-seriff; 
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;  
	
	border:#35a5e5 1px solid; // Цвет фона
	box-shadow: 0 0 5px rgba(81, 203, 238, 1); // Параметры тени
	-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1); // Для Safari и Chrome
	-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1); // Для Firefox
	

	}	
	.StyleSelectBox2 {
	    width:318px;
	    height:30px;
	    font:15px Arial, Tahoma, Helvetica, Verdana;
	    text-align:left;
	    background:#fff;
			color:#909090;
	    line-height:30px;
	    white-space:nowrap; /* запрещаем перенос */
	    /*padding:0 22px 0 12px; /* отступ справа с учетом стрелочки */
	    border:1;
	    zoom:1; /* для IE6 */
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-seriff; 
	border:1px solid #bbb;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;  

	}	


.button {
font-size: 15px;
height: 38px;
 display: inline-block;
  color: white;
  text-decoration: none;
  padding: .5em 2em;
  outline: none;
  border-style: outset 2px #f5ae00;
  border-radius: 5px;
  background: rgb( 255, 153, 0);
  cursor: pointer;
} 
.button:hover { background: linear-gradient(#f5ae00, #f59500) #f5ae00; }
.button:active { background: linear-gradient(#f59500, #f5ae00) #f59500; }



a.button1 {
width:300px;		
font-size: 26px;
 display: inline-block;
  color: white;
  text-decoration: none;
  padding: 4px 2px 4px 0px;
  outline: none;
border-style: outset 2px #f5ae00;
  border-radius: 5px;
  background: rgb( 255, 153, 0);
  cursor: pointer;
} 
a.button1:hover { background: linear-gradient(#f5ae00, #f59500) #f5ae00; }
a.button1:active { background: linear-gradient(#f59500, #f5ae00) #f59500; }







a.button_razdel {	
font-size: 26px;
 display: inline-block;
  color: white;
  text-decoration: none;
  padding: 10px 10px 10px 10px;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color: #FDBE33 #000 #D77206;
  border-radius: 6px;
  background: rgb( 255, 153, 0);
  transition: 0.2s;
    cursor: pointer;
} 
a.button_razdel:hover { background: linear-gradient(#f5ae00, #f59500) #f5ae00; }
a.button_razdel:active { background: linear-gradient(#f59500, #f5ae00) #f59500; }


a.button_razdel_right {	
font-size: 26px;
 display: inline-block;
  color: white;
  text-decoration: none;
  padding: 10px 10px 10px 10px;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color: #FDBE33 #000 #D77206;
  border-radius: 6px;
  background: rgb( 255, 153, 0);
  transition: 0.2s;
    cursor: pointer;
    float: right;
} 
a.button_razdel_right:hover { background: linear-gradient(#f5ae00, #f59500) #f5ae00; }
a.button_razdel_right:active { background: linear-gradient(#f59500, #f5ae00) #f59500; }



a.button_obyav {	
font-size: 20px;
 display: inline-block;
  color: white;
  text-decoration: none;
  padding: 10px 10px 10px 10px;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color: #FDBE33 #000 #D77206;
  border-radius: 6px;
  background: rgb( 255, 153, 0);
  transition: 0.2s;
    cursor: pointer;
} 
a.button_obyav:hover { background: linear-gradient(#f5ae00, #f59500) #f5ae00; }
a.button_obyav:active { background: linear-gradient(#f59500, #f5ae00) #f59500; }






a.button2 {
width:149px;
height: 28px;	  
font-size: 20px;
display: inline-block;
  color: white;
  text-decoration: none;
  padding: 6px 4px 1px 4px;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color: #f2f2f2 #800000 #800000;
  border-radius: 6px;
  background: rgb( 255, 153, 0);
  transition: 0.2s;
    cursor: pointer;
    text-align: center;
} 
a.button2:hover { background: linear-gradient(#f5ae00, #f59500) #f5ae00; }
a.button2:active { background: linear-gradient(#f59500, #f5ae00) #f59500; }

a.button4 {
height: 28px;	  
font-size: 20px;
display: inline-block;
  color: white;
  text-decoration: none;
  padding: 6px 4px 1px 4px;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color: #f2f2f2 #800000 #800000;
  border-radius: 6px;
  background: rgb( 255, 153, 0);
  transition: 0.2s;
    cursor: pointer;
    text-align: center;
} 
a.button4:hover { background: linear-gradient(#f5ae00, #f59500) #f5ae00; }
a.button4:active { background: linear-gradient(#f59500, #f5ae00) #f59500; }


a.button_reklama {
width:149px;
height: 28px;	  
font-size: 20px;
display: inline-block;
  color: white;
  text-decoration: none;
  padding: 6px 4px 1px 4px;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color: #f2f2f2 #800000 #800000;
  border-radius: 6px;
  background: rgb( 34, 139, 34);
  transition: 0.2s;
    cursor: pointer;
    text-align: center;
} 
a.button_reklama:hover { background: rgb(50,205,50); }
a.button_reklama:active { background: linear-gradient(#f59500, #f5ae00) #f59500; }



a.button3 {
width:149px;
height: 28px;	  
font-size: 20px;
display: inline-block;
  color: green;
  text-decoration: none;
  padding: 6px 4px 1px 4px;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color: #f2f2f2 #800000 #800000;
  border-radius: 6px;
  background: rgb( 213, 213, 213);
  transition: 0.2s;
    cursor: pointer;
    text-align: center;
} 
a.button3:hover { background: linear-gradient(#f5ae00, #f59500) #f5ae00; }
a.button3:active { background: linear-gradient(#f59500, #f5ae00) #f59500; }

.phone_button
{
  color: #fff; /* цвет текста */
  text-decoration: none; /* убирать подчёркивание у ссылок */
  user-select: none; /* убирать выделение текста */
  background: rgb( 255, 153, 0); /* фон кнопки */
  padding: 3px 8px; /* отступ от текста */
  outline: none; /* убирать контур в Mozilla */
    border-radius: 4px;
        cursor: pointer;
}
.phone_button:hover
{
background: linear-gradient(to left, rgba(0,0,0,.3), rgba(0,0,0,.0) 50%, rgba(0,0,0,.3)), linear-gradient(#d77d31, #fe8417, #d77d31); 
  background-size: 100% 100%, auto;
  background-position: 50% 50%;
 
}
.phone_button:active 
{

}

.phone_button_vip
{
  position: relative;
  font-weight: bold;
  color: white;
  text-decoration: none;
  text-shadow: 0 -1px 1px #cc5500;
  user-select: none;
  padding: .8em 2em;
  outline: none;
  border-radius: 1px;
  background: linear-gradient(to left, rgba(0,0,0,.3), rgba(0,0,0,.0) 50%, rgba(0,0,0,.3)), linear-gradient(#d77d31, #fe8417, #d77d31);
  background-size: 100% 100%, auto;
  background-position: 50% 50%;
  box-shadow: inset #ebab00 0 -1px 1px, inset 0 1px 1px #ffbf00, #cc7722 0 0 0 1px, #000 0 10px 15px -10px;
  transition: 0.2s;
      cursor: pointer;
}
.phone_button_vip:hover {
  background-size: 140% 100%, auto;
}
.phone_button_vip:active {
  top: 1px;
  color: #ffdead;
  box-shadow: inset #ebab00 0 -1px 1px, inset 0 1px 1px #ffbf00, #cc7722 0 0 0 1px, 0 10px 10px -9px #000;
}




.imgCenter {
text-align: center;
margin-top: 30px;
}
.imgMax {
max-width: 189px;
max-height: 142px;
}
.imgMax_vip {
max-width: 380px;
max-height: 285px;
}


.imgMax_vip_glav {
max-width: 247px;
max-height: 185px;
}






.stranica
{
float:left;
margin-top:5px;
margin-left:5px;
padding: 5px;
width:736px;
}







/* Крутые кнопки */
.button_base {
font-size: 18px;
position: relative;
width: 50px;
height: 50px;
margin-left:5px;
margin-top:5px;
text-align: center;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-user-select: none;
cursor: default;
float: left;
}
.button_base2 {
font-size: 18px;
position: relative;
width: 50px;
height: 50px;
margin-left:5px;
margin-top:5px;
text-align: center;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-user-select: none;
cursor: default;
float: left;
}
.button_base:hover 
{
cursor: pointer;
}
.b05_3d_roll {
			perspective: 500px;
			-webkit-perspective: 500px;
			-moz-perspective: 500px;
		}

		.b05_3d_roll div {
			position: absolute;
			text-align: center;
			width: 100%;
			height: 50px;
			padding: 10px;
			border: #ccc solid 1px;
			pointer-events: none;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
		}

		.b05_3d_roll div:nth-child(1) {
			color: #000;
			background: #07c;
			background: -moz-linear-gradient(top,  #07c 0%, #09c 47%, #ffffff 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#07c), color-stop(47%,#09c), color-stop(100%,#ffffff));
			background: -webkit-linear-gradient(top,  #07c 0%,#09c 47%,#ffffff 100%);
			background: -o-linear-gradient(top,  #07c 0%,#09c 47%,#ffffff 100%);
			background: -ms-linear-gradient(top,  #07c 0%,#09c 47%,#ffffff 100%);
			background: linear-gradient(to bottom,  #07c 0%,#09c 47%,#ffffff 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07c', endColorstr='#ffffff',GradientType=0 );

			transform: rotateX(90deg);
			-webkit-transform: rotateX(90deg);
			-moz-transform: rotateX(90deg);
			transition: all 0.2s ease;
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
			transform-origin: 50% 50% -25px;
			-webkit-transform-origin: 50% 50% -25px;
			-moz-transform-origin: 50% 50% -25px;
		}

		.b05_3d_roll div:nth-child(2) {
			color: #000;
			background-color: #ffffff;
			transform: rotateX(0deg);
			-webkit-transform: rotateX(0deg);
			-moz-transform: rotateX(0deg);
			transition: all 0.2s ease;
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
			transform-origin: 50% 50% -25px;
			-webkit-transform-origin: 50% 50% -25px;
			-moz-transform-origin: 50% 50% -25px;
		}

		.b05_3d_roll:hover div:nth-child(1) {
			color: #ffffff;
			transition: all 0.2s ease;
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
			transform: rotateX(0deg);
			-webkit-transform: rotateX(0deg);
			-moz-transform: rotateX(0deg);
		}

		.b05_3d_roll:hover div:nth-child(2) {
			background: #07c;
			background: -moz-linear-gradient(top,  #07c 0%, #09c 47%, #ffffff 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#07c), color-stop(47%,#09c), color-stop(100%,#ffffff));
			background: -webkit-linear-gradient(top,  #07c 0%,#09c 47%,#ffffff 100%);
			background: -o-linear-gradient(top,  #07c 0%,#09c 47%,#ffffff 100%);
			background: -ms-linear-gradient(top,  #07c 0%,#09c 47%,#ffffff 100%);
			background: linear-gradient(to bottom,  #07c 0%,#09c 47%,#ffffff 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07c', endColorstr='#ffffff',GradientType=0 );

			transition: all 0.2s ease;
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
			transform: rotateX(-90deg);
			-webkit-transform: rotateX(-90deg);
			-moz-transform: rotateX(-90deg);
		}
.button_base2:hover 
{
cursor: pointer;
}

.b05_3d_roll2 {
			perspective: 500px;
			-webkit-perspective: 500px;
			-moz-perspective: 500px;
		}

		.b05_3d_roll2 div {
			position: absolute;
			text-align: center;
			width: 100%;
			height: 50px;
			padding: 10px;
			border: #ccc solid 1px;
			pointer-events: none;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
		}

		.b05_3d_roll2 div:nth-child(1) {
			color: #000;
			background: #07c;
			background: -moz-linear-gradient(top,  #07c 0%, #09c 47%, #ffffff 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#07c), color-stop(47%,#09c), color-stop(100%,#ffffff));
			background: -webkit-linear-gradient(top,  #07c 0%,#09c 47%,#ffffff 100%);
			background: -o-linear-gradient(top,  #07c 0%,#09c 47%,#ffffff 100%);
			background: -ms-linear-gradient(top,  #07c 0%,#09c 47%,#ffffff 100%);
			background: linear-gradient(to bottom,  #07c 0%,#09c 47%,#ffffff 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07c', endColorstr='#ffffff',GradientType=0 );

			transform: rotateX(90deg);
			-webkit-transform: rotateX(90deg);
			-moz-transform: rotateX(90deg);
			transition: all 0.2s ease;
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
			transform-origin: 50% 50% -25px;
			-webkit-transform-origin: 50% 50% -25px;
			-moz-transform-origin: 50% 50% -25px;
		}

		.b05_3d_roll2 div:nth-child(2) {
			color: #000;
			background-color: #09c;
			transform: rotateX(0deg);
			-webkit-transform: rotateX(0deg);
			-moz-transform: rotateX(0deg);
			transition: all 0.2s ease;
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
			transform-origin: 50% 50% -25px;
			-webkit-transform-origin: 50% 50% -25px;
			-moz-transform-origin: 50% 50% -25px;
		}

		.b05_3d_roll2:hover div:nth-child(1) {
			color: #ffffff;
			transition: all 0.2s ease;
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
			transform: rotateX(0deg);
			-webkit-transform: rotateX(0deg);
			-moz-transform: rotateX(0deg);
		}

		.b05_3d_roll2:hover div:nth-child(2) {
			background: #07c;
			background: -moz-linear-gradient(top,  #07c 0%, #09c 47%, #ffffff 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#07c), color-stop(47%,#09c), color-stop(100%,#ffffff));
			background: -webkit-linear-gradient(top,  #07c 0%,#09c 47%,#ffffff 100%);
			background: -o-linear-gradient(top,  #07c 0%,#09c 47%,#ffffff 100%);
			background: -ms-linear-gradient(top,  #07c 0%,#09c 47%,#ffffff 100%);
			background: linear-gradient(to bottom,  #07c 0%,#09c 47%,#ffffff 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07c', endColorstr='#ffffff',GradientType=0 );

			transition: all 0.2s ease;
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
			transform: rotateX(-90deg);
			-webkit-transform: rotateX(-90deg);
			-moz-transform: rotateX(-90deg);
		}




.bloc_oplata_center
{
width: 720px;
margin: auto;
position: relative;
}


#icon-oplata
{
border: 2px solid #ccc;
margin: 5px 10px 5px 10px; 
float: left;
}

#icon-oplata:hover
{
border: 2px solid #3182C0;
}

form.block-oplata
{
	background: transparent;
	border: none;
	margin: 0; padding: 0;
}