BODY {
	background-color: #FFFFFF;

} 

 	
A { 
text-decoration: none;  text-align:justify; color: #0B0080;  background: #ffc;
} 
A:hover { 
text-decoration: underline; color: #0B0080;  background: #ffc;
} 


H1, H1 A{
	font-size: 1.5em;
	font-weight: normal;
	text-align: center;
	margin-bottom:6px;
	margin-top: 6px;
        color: #db0606; 
	font-family: Comic Sans MS, Arial, Verdana, Helvetica;

}

H2 { 
  font-size: 1.25em;
  font-weight: normal;
  text-align: center; 
  color: #db0606; 
 font-family: Comic Sans MS, Arial, Verdana, Helvetica;

} 



H3, H3 A{
	font-size: 1.2em;
	font-weight: normal;
	text-align: center;
	margin-bottom:6px;
	margin-top: 3px;
        color: #660000; 
}

.imag-center {
    text-align:center;
             }

  p.main { text-align:justify; } /*значение justify растягивание текста по ширине*/
 


/*===================Основное и боковое меню===================*/

#page{
font-family:Times;
text-align:center;  
align:center;
vertical-align:top; 
padding:5px 10px 5px 20px;  
width: 80%;
border-style: none; 

color: black;
margin:auto auto;


}

#content_one{
font-family: Times;
text-align:center;  
align:center;
vertical-align:top; 
padding:5px 10px 5px 10px; 
width:98%;
border-style: none; 
color: black;

}

#content_two{
font-family: Times;
text-align:center;  
align:center;
vertical-align:top; 
padding:5px 10px 5px 10px; 
width:90%;
border-style: none; 
color: black;

border-style: none; 
background:white;
color: black;
margin-left:50px;

}

#sidebar{
width: 5%;
overflow: hidden;
float:left;
font-family: Times;
text-align:center;  
align:center;
vertical-align:top; 
border-style: none; 
background:white;
color: black;

}

#block_down{
font-family: Times;
text-align:center;  
align:center;
vertical-align:top; 
padding:5px 10px 5px 20px; 
width:780px;
border-style: none; 
background:white;
color: black;
margin-left:300px;
}

#block_down_one{
font-family: Times;
text-align:center;  
align:center;
vertical-align:top; 
padding:5px 10px 5px 20px; 
width:98%;
border-style: none; 
background:white;
color: black;

}



/*=====Хэд и футер======*/


#footer{
text-align:center;
padding:15px 0;
margin-bottom:10px;
clear:both;
overflow:hidden;
height:100%;
background-color:#CCCCCC;}
#footer-in{width:1000px;margin:0 auto;height:100%;}

#footer a{

background: #CCCCCC;
 
}

#footer a:visited{
background: #CCCCCC;;
}

#footer a:hover{
background: #CCCCCC; 
}


#header{

text-align:center;
padding:15px 0;
margin-bottom:10px;
clear:both;
overflow:hidden;
height:100%;
background-color:#344AAE;}

#header ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;

}

#header li{
display: inline-block;
margin: 0;

}

#header li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 9px; /*padding inside each tab*/
border: 1px solid white; 
color: white;
background: #344AAE; 
 
}

#header li a:visited{
color: white;
}

#header li a:hover, 
#header li.selected a{
background: #FF9933; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

#header2021{
text-align:center;
width: 100%;
overflow: hidden;
margin: 0 auto;

}





/*============================ Боковое меню============================*/
.urbangreymenu{
width: 200px; /*width of menu*/

}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 1em Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}


/*============================ Кнопки разделов на первой страницы============================*/

	  
#button1 {
background : #FFFFCC;
border : #FFFFCC solid 2px;
border-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1) inset;
height : 28px;
width : 115px;
margin : 5px 0 0 5px;
padding : 0 0 0 7px;
overflow : hidden;
display : block;
border-radius : 6px;
transition : all 200ms ease-in-out 0s;
font: 1.125em/1.5 Arial;
color: #000000;
text-align:center;
}

/*===================Контейнер для рекламы=============*/

	
figure {
margin: 0; 
width: 90%;
max-width: max-content; 
border: none; 
}



/*===================Нижнее меню с городами=============*/
#header_low{
width: 100%;
overflow: hidden;
margin: 0 auto;
}

#header_low ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;
}

#header_low li{
display: inline-block;
margin: 0;
}

#header_low li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 9px; /*padding inside each tab*/
border: 1px solid white; 
color: white;
background: #999999; 
}

#header_low li a:visited{
color: white;
}

#header_low li a:hover, 
#header_low li.selected a{
background: #FF9933; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

/*===================Подменю со статьями=============*/
#podmenu{
width: 100%;
overflow: hidden;
margin: 0 auto;
}

#podmenu ul{
margin: 0;
padding: 0;
font: bold 14px Verdana;
list-style-type: none;
}

#podmenu li{
display: inline-block;
margin: 0;
}

#podmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 9px; /*padding inside each tab*/
border: 1px solid white; 
color: white;
background: #999999; 
}

#podmenu li a:visited{
color: white;
}

#podmenu li a:hover, 
#podmenu li.selected a{
background: #FF9933; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}



/*================Соц сети===========*/
.social-buttons {
  border: none;
  background: #FFFFFF;
  padding: 9px 0 0 9px;  
  overflow: hidden;
}

.social-buttons .title {
  font-weight: bold;
  font-size: 12px;
  color: black;
}

.social-buttons .title2 {
  clear: both;
  border-top: 1px solid #CCC;
  margin: 10px 9px 12px 0;
  padding-top: 12px;
}

.social-buttons a {
  display: block;
  float: left;
  width: 32px;
  height: 32px;
  margin: 0 13px 16px 0;
  background: url(http://www.vinoitaliano.ru/pic/social-buttons.png);
}




.social-buttons .rss {
  background-position: -96px 0;
}

.social-buttons .youtube {
  background-position: -128px 0;


}


.social-buttons .facebook {
  background-position: -192px 0;
}
.social-buttons .instagram {
  background-position: -288px 0;
}



/*============================ Названия на сером фоне============================*/

.grey-background{
background-color:#CCCCCC;
color:#000000;
margin:0;
font-family:Times,serif;
font-size:1em;
font-weight:bold;
letter-spacing:2px;
padding-left:5px;
line-height:20px;
}

/*============================ Номера страниц ============================*/


.mattblacktabs{
width: 100%;
overflow: hidden;

}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 50px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #414141; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

/*===============Mobile=================*/

@media screen and (max-width: 1025px) 
{

#page{width:95%;margin:0 auto;}

#content_one{width:95%;}
#content_two{width:60%;}
#sidebar{float:left;width:130px;padding:0;overflow:hidden;height:100%;margin:0 auto;}
#block_down{width:60%;}
#footer-in{width:100%;margin:0 auto;height:100%;}
#header{width:100%;margin:0 auto;}
#header2021{width:100%;margin:0 auto;}
img{width:100%;}

}


@media screen and (min-width:240px) and (max-width:760px) 
{


#page{width:auto !important;margin-right:0px;padding:3px;}
#header{width:100%;margin-right:0px;}
#header2021{width:100%;margin-right:0px;}
#footer-in{width:100%;margin:0 auto;height:100%;}

#content_one{width:auto !important;float:none!important;margin-right:0px;margin-left:0px; padding:0px;clear:both;}
#content_two{width:auto !important;float:none!important;margin-right:0px;margin-left:0px; padding:0px;clear:both;text-align:left;}



#block_down{width:auto !important;float:none!important;margin-right:0px;margin-left:0px;clear:both;}
#sidebar{width:auto !important;float:none;margin-right:0px;clear:both;}
  img { 
  	width: 100% !important; height: auto; }
.small_pic{width:30% !important; height: auto; }
#map{ 
  	width: 100% !important; height: auto; }

}



</style>