table.web{
	border: 1px solid #fff;
	color: #000;
	background: #FFFFFF;
	border-collapse: collapse;
}

table.web caption {
	padding: 6px 0;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

table.web td {
	border: 1px dashed #E5E5E5;
	padding: 5px 10px;
 font-size:13px;
}

table.web th {

	
	background: #B01A24;
	color: #fff;
	font-size: 13px;
padding:5px;
text-align: center;

}

table.greystripes tbody td {
	text-align: center;
	vertical-align: top;
        font-size:13px;
}

table.web tbody tr.odd {
	background: #fff;
}

table.web tbody tr:hover {
	background: #f7f7f7;
}

table.webtbody tr:hover th, table.greystripes tbody tr.odd:hover th {
	background: #f0f0f0;
}

table.web tfoot th, table.greystripes tfoot td {
	border: none;
	padding: 4px 10px;
	background-color: #f0f0f0;
	color: #000000;
	font-size: 1.1em;
}

table.web tfoot td {
	text-align: right;
 font-size:13px;
}




.expand-main {
    border: 1px solid #e1e1e1;
    margin: 0;
    overflow: hidden;
    padding: 1.5em 1.5em 0.75em;
    position: relative;
}
.collapse p {
    padding: 0 10px 1em;
}
.top {
    font-size: 0.9em;
    text-align: right;
}
#switch, .switch {
    margin-bottom: 5px;
    text-align: right;
}
.expand-main h1 {
    color: #CC3300;
    font-family: georgia,'times new roman',times,serif;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 0.75em;
}
.expand-main h2 {
    font-size: 13px;
}
.expand-main {
    padding-bottom: 0.75em;
}
.expand-main h2 a:link {
    border: 1px dotted #CCCCCC;
    color: #000000;
    text-decoration: none;
}
.expand-main h2 a:hover {
    background-color: #f2f2f2;
    border-style: solid;
    outline: 0 none;
}
.expand a {
    display: block;
    padding: 8px 35;
}
.expand a:link, .expand a:visited {
    background-image: url(/images/signplus.gif);
    background-position: 2% 50%;
    background-repeat: no-repeat;
    border-width: 1px;
}
.expand a:hover {
    text-decoration: underline;
}
.expand a.open:link, .expand a.open:visited {
    background: url(/images/signminus.gif) no-repeat scroll 2% 50% #f2f2f2;
    border-style: solid;
}


#ribbon {position:absolute; right:300px; top:250px;}

.navigation-pages { background-color:#fff; padding:4px;  margin-top:7px; font-size:11px;}

.navigation-pages span { border:1px solid #ccc; background-color:#f0f0f0; padding:2px 3px;margin: 1px 5px 0px 1px; }
.navigation-pages a { border:1px solid #ccc; background-color:#f0f0f0; padding:2px 3px;margin: 1px 5px 0px 1px; }
.navigation-pages a:hover { border:1px solid #bbb; background-color:#f0f0f0; padding:2px 3px;margin: 1px 5px 0px 1px; }

.nav-current-page { border:1px solid #bbb; background-color:#f0f0f0; padding:2px 3px; margin: 1px 5px 0px 1px;}


/* Tips, Error, Message, Hightlight*/
div.alert {
	padding-left: 25px;
	color: #000;
	background: url(/images/icon-alert.gif) no-repeat  5px center #FFFFFF;
	padding: 10px 10px 10px 40px;
	margin:5px 0px 5px 0px;
	border: 1px solid #CACACC;
}

div.message {
	padding-left: 25px;
	color: #000;
	background: url(/images/icon-message.gif) no-repeat  5px center #FFFFFF;
	padding: 10px 10px 10px 40px;
	margin:5px 0px 5px 0px;
	border: 1px solid #CACACC;
}

div.tip {
	
	color: #000;
	background: url(/images/icon-tip.gif) no-repeat 5px center #FFFFFF;
	padding: 10px 10px 10px 40px;
	margin:5px 0px 5px 0px;
	border: 1px solid #CACACC;
}

div.call {
	padding: 10px 10px 10px 40px;
	margin:5px 0px 5px 0px;
	border: 1px solid #CACACC;
	background: url(/images/icon-call.gif) no-repeat 5px center #FFFFFF;
}



div.note {
	padding: 10px 10px 10px 40px;
	margin:5px 0px 5px 0px;
	border: 1px solid #CACACC;
	background: url(/images/icon-note.gif) no-repeat 5px center #FFFFFF;
}

div.download {
	padding: 10px 10px 10px 40px;
	margin:5px 0px 5px 0px;
	color:#028316;
	border: 1px solid #CACACC;
	background: url(/images/icon-download.gif) no-repeat 5px center #FFFFFF;
}

div.word {
	padding: 10px 10px 10px 40px;
	margin:5px 0px 5px 0px;
	border: 1px solid #CACACC;
	background: url(/images/icon-word.gif) no-repeat 5px center #FFFFFF;
}

div.pdf {
	padding: 10px 10px 10px 40px;
	margin:5px 0px 5px 0px;
	border: 1px solid #CACACC;
	background: url(/images/icon-pdf.gif) no-repeat 5px center #FFFFFF;
}

div.excel {
	padding: 10px 10px 10px 40px;
	margin:5px 0px 5px 0px;
	border: 1px solid #CACACC;
	background: url(/images/icon-excel.gif) no-repeat 5px center #FFFFFF;
}

div.ppt{
	padding: 10px 10px 10px 40px;
	margin:5px 0px 5px 0px;
	border: 1px solid #CACACC;
	background: url(/images/icon-ppt.gif) no-repeat 5px center #FFFFFF;
}



h2, h3, h4, h5, h6
{
	color:#4F4F4F;
}



h1 { 
background:url(/images/viv/line_h_1.gif) no-repeat scroll left bottom transparent;
color:#464646;
font:bold 140%/70% "Lucida Grande",Arial,sans-serif;
margin:12px 0 0;
position:relative;
display:block;
font-size:150%;
line-height:1.9em;

}

h1 span {
background:url(/images/gradient-white.png) repeat-x scroll 0 0 transparent;
display:block;
height:31px;
position:absolute;
width:100%;
}






#intext {font-size:140%; color:#C32432; border: none;}

h2, h3, h4, h5 
{

color:#464646;
font:bold 140%/70% "Lucida Grande",Arial,sans-serif;
margin:7px 0px 7px;
position:relative;
display:block;

line-height:1.2em;
}

h2
{
	
       font-size:130%
	
}

h4 {  font-size:100%}

h5, h6
{
	font-size:90%;
}




a.readon {
background-color:#C32432;
color:#ffffff; 
padding:3px; margin:7px 3px 7px 3px; font-size:11px; 
font-weight:500; 

}

a:hover.readon {

background-color:#ffffff;
color:#C32432; 
padding:3px; margin:7px 3px 7px 3px; font-size:11px; 
font-weight:500; }

a:visited.readon { background-color:#C32432;
color:#ffffff; 
padding:3px; margin:7px 3px 7px 3px; font-size:11px; 
font-weight:500; }






/*Information block*/
.information-block
{
	width:220px;
	margin-top:10px;
	margin-right:5px;
	padding:2px;
        background-color:#f8f8f8;
	border:1px solid #D2D0C6;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	
	
	
}

.information-block-head
{
	color:#ffffff;
	font-weight:bold;
	font-size:13px;
	border:1px solid #ffffff;
	margin-bottom:0px;
	padding-bottom:0px;
        
        background: #C32432 url(images/men_center.png) repeat-x;
        padding: 7px;
}

.information-block-body
{
	font-size:90%;
	color:#000000;
	margin-right:0px;
        text-align:left;
        padding: 7px;
	
}

code
{
	font-size:100%;
	font-weight:normal;
	display:block;
	padding:1.5em 1em 1em 1em;
	border-style:solid;
	border-width:1px;
	border-width:1px 0;
	border-color:#C4C4C3;
	margin:1em 0;
	background-color:#F5F2E6;
	font-family:sans-serif;
}

.news-date-time
{
	color:#000000; font-weight:bold;
}

/*   paragraf styles, messages */





ul {
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 15px;
}

ul.arrow, ul.arrow-big, ul.checkbox, ul.checkbox-big {
	margin: 10px 10px 10px 20px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

ul.checkbox li {
	margin: 10px 0px 12px 0px;
	padding: 8px 0px 5px 30px;
	background: url(images/list_checkbox.png) 0 0 no-repeat;
	font-weight: bold;
	line-height: 100%
}

ul.checkbox-big li {
	margin: 15px 0px 15px 0px;
	padding: 15px 0px 20px 55px;
	background: url(images/list_checkbox_big.png) 0 0 no-repeat;
	font-size: 200%;
	font-weight: bold;
}

ul.arrow {
list-style:none outside none;
}

ul.arrow ul {
list-style:none outside none;
font-size:12px;
font-style:italic;
}

ul.arrow li {
background:url(/images/arrow.png) no-repeat scroll 2px 2px transparent;
padding:0 0 0 20px;

line-height: 1.8em;
}






ol {
	margin: 10px 10px 10px 20px;
	padding: 0px 0px 0px 15px;
}

ol.disc {
	padding: 0px 0px 0px 27px;
	background: url(images/list_disc.png) 0 0 repeat-y;
}

ol.disc li {
	padding: 0px 0px 6px 12px;
	font-weight: bold;
	line-height: 28px;
}

ol.disc-big {
	padding: 0px 0px 0px 45px;
	font-size: 200%;
	background: url(images/list_disc_big.png) 0 0 repeat-y;
}

ol.disc-big li {
	padding: 0px 0px 12px 20px;
	font-weight: bold;
	line-height: 45px;
}

#list2 { width:100%;}
#list2 ol {  font-style:italic; font-family:Georgia, Times, serif; 
font-size:24px; color:#AB0F1B;}
#list2 ol li { }
#list2 ol li p { padding:8px; font-style:normal; font-family:Arial; 
font-size:13px; color:#000000; border-left: 1px solid #AB0F1B; }
#list2 ol li p em { display:block; }



#list3 { }
#list3 ul { list-style-image: url("images/icon_grape_small.png");
font-size:13px;font-family: Arial, Helvetica, sans-serif;
	line-height: 1.6;
	font-size:13px; }
#list3 ul li { line-height:20px; }


#list5 { }
#list5 ol {font-family: Arial, Helvetica, sans-serif;
	line-height: 1.6;
	font-size:13px; }
#list5 ol li { }
#list5 ol li ol { list-style-image: url("images/nested.png"); padding:5px 0 
5px 18px; font-size:12px; }
#list5 ol li ol li { color: #000000; height:15px; margin-left:10px; }



blockquote span.open {
background:url(/bitrix/templates/drinks_ru/images/so-q.gif) no-repeat scroll left top transparent;
padding:0 0 0 20px;
}

blockquote span.close {
background:url(/bitrix/templates/drinks_ru/images/sc-q.gif) no-repeat scroll right bottom transparent;
padding:0 20px 0 0;
}




pre {
	margin: 2px 0px 2px 0px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #969696;
	border-left: 20px solid #969696;
	background: #f0f0f0;
	font-size: 90%;
	color: #646464;
	/* Browser specific (not valid) styles to make preformatted text wrap */
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
}

em.box, em.file, em.directory {
	font-family: "Courier New", Courier, monospace;
	font-style: normal;
}

em.box { 
	padding: 0px 2px 0px 2px;
	background:#f0f0f0;
	border: 1px #dcdcdc solid;
}

em.file { 
	padding: 0px 0px 0px 13px;
	background: transparent url(images/em_file.png) 0 1px no-repeat;
	color: #323232;
}

em.directory { 
	padding: 0px 0px 0px 16px;
	background: transparent url(images/em_directory.png) 0 1px no-repeat;
	color: #323232;
}


.scroller {
height:900px;
margin:0 !important;
overflow:hidden;
padding:0 !important;
position:relative;
margin-left:10px;

}


#frame {
padding-left:35px;

}


/*   right module   */
#popular {
background:transparent url(images/pop_middle.png) repeat-y scroll left top;
float:left;
margin:0 3 10px;
width:220px;
margin-top:40px;
border-top: 1px solid #CCCCCC;

}

#popular div {
background:transparent url(images/pop_top.png) no-repeat scroll left top;
padding:2px 0 0;
}

#popular div div {
background:transparent url(images/pop_bottom.png) no-repeat scroll left bottom;
height:120px;
overflow:hidden;
padding:0 2px;
}

#popular div div div {
padding:0;
width:auto;
}

#popular div div div div h3, #newsflash h3 {
        
border-bottom:1px solid #B5B5B5;
color:#000000;
font-size:13px;
font-weight:bold;
margin-bottom:4px;
padding-bottom:5px;

}


/*Content block*/
.content-block
{
	width:100%;
	
}

.content-block-head-corner
{

}

.content-block-head
{
	background:#f0f0f0; 
	font-weight:bold;
	font-size:95%;
	padding: 6px 5px 5px 0px;
	height:23px;
	overflow:hidden;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	color:#C32432;
	text-align:center;
	
}

.content-block-body
{
	width:100%;
	background:#F8F8F8;
	padding:15px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	
	
}



.date_grape { background: url(images/grape.gif) 0 0 no-repeat;}
.time { background: url(images/time.png) 0 0 no-repeat; 
background-position:center; }

.loop { background: url(images/loop.gif) 0 0 no-repeat;}
.users { background: url(images/users.gif) 0 0 no-repeat;}
.grape_big_bg { background: url(/bitrix/templates/drinks_ru/images/grape_bg_big.gif) 0 0 no-repeat;

background-position: right center;

}


.fest_logo { background: url(/bitrix/templates/drinks_ru/images/fair_logo.gif) 0 0 no-repeat; background-position: center;}





.legend {

border:2px solid #F0F0F0;
margin:20px 0;
padding: 17px 17px 17px 17px;
position: relative;
}

.legend-title {
background:#ffffff none repeat scroll 0 0;
color:#000000;
display:block;
float:left;
font-size:125%;
font-weight:bold;
left:7px;
margin:0 !important;
padding:0 5px !important;
position:absolute;
top:-10px;
}

ul#agents li {
background-color:#F8F8F8;
border:1px solid  #cccccc;
display:block;
float: left;
height:16em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:15px;
padding:10px;
text-align:center;
width:290px;
height:15em;

}


ul#agents strong { font-size:12px; font-weight:bold;}

ul#agents h3 { font-size:19px;}

ul#agents h4 { font-size:15px;}

#sm a { color:#ffffff;text-decoration:none;}

#sm a:hover { color:#ffffff; text-decoration:underline;}

.border { border:1px solid #cccccc; background-color:f0f0f0; padding:5px; }



#newsticker-demo { 
width:180px; 
background:#f8f8f8;
text-align:center;
}

.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:4px; margin-bottom:12px; text-align:center;}
.newsticker-jcarousellite .thumbnail {  width:180px; }
.clear { clear: both; }



/*Standart table*/



#table-common
{
	border:1px solid #dedede;
	border-collapse:collapse;


        color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5;
	font-size:13px;
}

/*Any cell*/
#table-common td
{
	border:1px solid #dedede;
	background-color:#FFFFFF;
	color:#000000;
	padding:5px 9px;
}

/*Head cell*/
#table-common th
{
	
        text-align:center;
	font-weight:bold;
	background-color:#f0f0f0;
	border-top:1px solid #cccccc;
        border-left:1px solid #cccccc;
        border-right:1px solid #cccccc;
        border-bottom:1px solid #cccccc;
	padding:4px;
        font-size: 13px;
	color:#000000;
}

/*Body cell*/
#table-common tbody td
{
	background-color:#FFF;
	background-image:none;
	color:#000000;
}

/*Foot cell*/
#table-common tfoot td
{
	background-color:#fff;
	padding:4px;
	color:#333;
}



/*Buttons gradient*/

/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	
        text-shadow: 2px 3px 2px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
        
}
.button:active {
	position: relative;
	top: 1px;
        
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* color styles 
---------------------------------------------- */


/* red */
.red {
	color: #fff;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}

.red a:link {color:#fff;}

.red:hover {
color: #fff;	
background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}

.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}