/* CSS Document */

body  { margin:0;
		background:url(images/background.jpg)no-repeat center center fixed #cbcbcb;;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
		font-family:Century , Verdana, Geneva, sans-serif;
		font-size:12px;
		color:#000;

}
		@font-face {
	font-family:Century;
	src:url(fonts/Century-Gothic.ttf);
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family:Century-bold;
	src:url(fonts/Century-Gothic-bold.ttf);
	font-weight: normal;
	font-style: bold;
}
	@font-face {
	font-family:Century-italic;
	src:url(fonts/Century-Gothic-Italic.ttf);
	font-weight: normal;
	font-style: italic;

}
.clear	{
	height:1px;
	clear:both;
}

h1	{
		color:#3f79b9;
		font-size:16px;
}

h2	{ color:#000;
	  font-family:Century-bold;
	  font-size:16px;
}
h3	{}
h4	{}
img	{ border:0;}
a	{
			text-decoration:none;
			color:#3f79b9;
			font-size:13px;
			font-family:Century-bold;
}

a:hover	{
			color:#3f79b9;
}
p	{}
.wrapper	{ background:url(images/wrap-bg.png) top center repeat-y;
			  width:990px;
			  padding:0 17px;
			  margin:0 auto;


}
.top	{
			width:990px;
			float:left;
			background:url(images/vinetka-top.jpg) top left no-repeat;
			height:241px;
}
.tleft	{
			width:130px;
			float:left;
			padding-top:65px;
			padding-left:40px;
}
.tright	{
			width:800px;
			float:left;
			height:221px;
			padding:10px;
}

.title	{ font-family:Century-bold,Verdana, Geneva, sans-serif;
	  font-size:46px;
	  color:#003399;
	  float:left;
	  font-weight:bold;
	  margin-top:80px;
	  width:740 px;
	  }

.subtitle	{
	color:#3f79b9;
		font-size:16px;
	  float:left;
	  font-weight:bold;
	  width:auto;
}

.logo	{

}



.content	{ width:990px;
			  background:url(images/content-border.jpg) bottom left repeat-x #fff;
			  }


.sidebar	{
			width:195px;
			float:left;
			padding:10px 0 10px 10px;

}
.sidebar a	{
			text-decoration:none;
			color:#000;
			font-size:13px;
			display:block;
			font-family:Century-bold;

}
.sidebar a:hover	{
			color:#3f79b9;
}

.sidebar .dokladvai	{
			background:url(images/vinetka-dokladvai.jpg) top left no-repeat;
			width:183px;
			height:64px;
			float:left;
			margin:10px 0 15px 0;
}

.sidebar .dokladvai a	{
			float:right;
			width:112px;
			text-decoration:none;
			color:#000;
			font-family:Century-italic;
			font-size:13px;
			font-weight:bold;
			margin:5px 0 0 55px;
			font-style:italic;
}
.sidebar .dokladvai a:hover	{
			text-decoration:underline;
}


.ceni {
	padding: 10px 0 10px 0;
}

.navtb table
{
background-color:#ffffff;
border:0px;
border-collapse:collapse;
width:175px;
}

.navtb table th
{
background-color:#f8f8f8;
padding:2px;
text-align:center;
border:0px;
}

.cen
{
text-align:center;
}

.right	{
			width:772px;
			float:right;
			margin-right:8px;
}

.vinetki {
			max-width:59%;
			float:left;
			padding:0 10px 10px 0;
			text-align:justify;
}

.details {
			width:772px;
			float:left;
			padding: 5px 0 25px 0;
			text-align:justify;
}

.quotes {
			padding: 5px 15px 5px 15px;
			text-align:justify;
			background-color:#F0F0F0;

}

table
{
background-color:#ffffff;
border:1px solid #c3c3c3;
border-collapse:collapse;
width:100%;
}

table th
{
background-color:#a7c0de;
border:1px solid #c3c3c3;
padding:3px;
text-align:center;
}

table.reference td
{
border:1px solid #c3c3c3;
padding:3px;
}


table.eip td {
	padding: 5px;
	line-height: 100%;
	vertical-align: top;
	text-align: left;
	border:1px solid #c3c3c3;
}
table.eip tr.even td {
	background: #f2f2f2;
}
table.eip td img {
	width: 20px;
	height: 13px;
	display: block;
}

.banner-top {
			width:300px;
			float:left;
			padding:5px 0 10px 0;
}

.banner-middle {
			width:728px;
			float:left;
			padding:0 22px 10px 22px;
}

.box	{
		float:left;
		width:235px;
		padding:5px;
		margin:10px 0 0 8px;
		border:2px solid #a6c0dd;
		min-height:100px;
		background-color:#f8f8f8;
}
.no-border-box	{
		float:left;
		width:235px;
		padding:5px;
		margin:10px 0 0 8px;
		min-height:100px;
		font-size:14px;
}
.box a img	{
		float:left;
		margin-right: 3px;
}
a.country	{
		color:#3f79b9;
		font-size:16px;
		float:right;
		width:170px;
		text-align:center;
		font-weight:bold;
		float: left;
}
a.country:hover	{
		text-decoration:none;
}

.footer	{
		font-size:11px;
		width:980px;
		padding:8px 5px;
	}

.footer p	{
		float:left;
		margin:0;
	}


.footer-nav {
		float:right;

	}
.footer-nav a {
		color:#3f79b9;
		text-decoration:none;
		font-weight:bold;
	}
.footer-nav a:hover {
		color:#000;

	}
.banner-footer	{
		float:left;
		width:728px;
		padding:5px 126px 5px 126px;
}
.Flexible-container {
    position: relative;
    padding-bottom: 71.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

/*.Flexible-container iframe,
.Flexible-container object,
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}*/
.menuRess {
width: 98%;
margin-top: 5px;
border-radius: 5px;
border: 1px solid #CECECE;
}
.boxes{
	float:left;
}
.right h2{
	width: 100%;
}
img{
	display: block;
	max-width: 100%;
	height: auto;
	float:left;
}
.fb-comments, .fb-comments span, .fb-comments iframe {
    width: 100% !important;
}
.flags{
	min-width: 20px;
}

.mini_fb{
	display: none !important;
}

.swipe-img{display: none;}

/*RESPONSIVE STYLES===================================*/

@media screen and (min-width: 787px) and (max-width: 1024px){/*CHROME min-width:709px ; max-width:922px;*/
	.wrapper{width: 724px;}
	.top{width:102%;height:auto; }
	.tleft{width: 18%;padding-left: 0;}
	.tright{width: 79%;}
	.sidebar{display: none;}
	.content{width: 101%;}
	.right{float:left; width: 100%;}
	.vinetki{width: 57%;}
	.box{width: 222px;min-height:114px;}
	a.country{width: 157px;}
	.no-border-box{width: 225px;}
	.Flexible-container{padding-bottom: 75.25%;}
	.footer{width: 724px;}
	.footer-nav{float: left;}
	.banner-footer{padding: 0;}
	.menuRess{display: block !important;}
	.banner-middle{width: 95%;}
	.details{width: 100%;}
}
@media screen and (min-width:534px) and (max-width: 786px){/*CHROME min-width:480px ; max-width:709px;*/
	.wrapper{width: 93%;margin-left: 1%;padding: 0 2%;}
	.top{width:102%;height:auto; }
	.tleft{width: 30%;padding-left: 0;}
	.tright{width: 65%;height:auto;}
	.sidebar{display: none;}
	.content{width: 97%;}
	.right{float:left; width: 100%;}
	.vinetki{width: 98%;max-width: 98%}
	.box{width: 218px;min-height:114px;}
	a.country{width: 152px;}
	.no-border-box{width: 225px;}
	.Flexible-container{padding-bottom: 75.25%;}
	.footer{width: 100%;}
	.footer-nav{float: left;}
	.banner-footer{padding: 0;}
	.menuRess{display: block !important;}
	.banner-middle{width: 95%;padding: 0 0 10px 0}
	.title{font-size:36px;margin-top:55px;}
	.boxes .clear{display: none;}
	.banner-footer{display: none;}
	.no-border-box{width: 150px;margin: 0;}
	.hide{display: none !important;}
	.details{width: 100%;}
}
@media screen and (max-width: 533px){
	.wrapper{width: 93%;margin-left: 1%;padding: 0 2%;}
	.top{width:102%;height:auto; }
	.tleft{width: 30%;padding-left: 0;}
	.tright{width: 61%;height:auto;}
	.sidebar{display: none;}
	.content{width: 97%;}
	.right{float:left; width: 100%;}
	.vinetki{width: 98%;max-width: 98%}
	.box{width: 218px;min-height:114px;}
	a.country{width: 152px;}
	.no-border-box{width: 225px;}
	.Flexible-container{padding-bottom: 75.25%;}
	.footer{width: 100%;}
	.footer-nav{float: left;}
	.banner-footer{padding: 0;}
	.menuRess{display: block !important;}
	.banner-middle{display: none;}
	.title{font-size:24px;margin-top:55px;}
	.subtitle{font-size:12px;}
	.boxes .clear{display: none;}
	.banner-footer{display: none;}
	.no-border-box{width: 46%;margin: 0;}
	.fb_edge_widget_with_comment{display: none !important;}
	.hide{display: none !important;}
	.details{width: 100%;}
	.hide533{display:none !important;}
	.visible533{display: table !important;}
	.mini_fb{display: inline-block  !important;}
	.standart_fb{display: none  !important;}
	#container{margin: 10px 0;}

}
@media screen and (max-width: 300px){
	.tleft{width: 100%;}
	.tright{width: 92%;}
	.title{margin-top:10px;}
}

.pinned{display: none;}
.table-title-f-th{display: none;}

.fb_iframe_widget {
    max-width: 100%;
}

.fb_iframe_widget span {
   max-width: 100%;
}

.fb_iframe_widget iframe {
    max-width: 100%;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
/* -----------------------------------------
   Shared Styles
----------------------------------------- */

/* Mobile */
@media screen and (max-width: 767px) {
	.table-responsive{overflow-x:auto;}
	.table-title-f-th{display: block; margin-bottom: 5px;}
	.th-bg-l-h-1{line-height: 34px;}
	.th-bg-h-1{height: 17px;}
	.swipe-img{display: inline-block; text-align: center; width: 100%;}
	.swipe-img img{float: none; margin: 0px auto; max-width: 100px;}
	table.responsive { margin-bottom: 0; }
	
	.pinned { display: block; position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 2px solid #000; border-left: 2px solid #000; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }
	
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable table { margin-left: 35%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
	
}