html {font-size: 75%; height: 100%; background: url('images/bg.gif') #021b00;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, pre, a, address, code, acronym, abbr, em, strong, ol, ul, li, form, label, textarea, select, input, iframe, table, tr, th, td {margin: 0; padding: 0; outline: none;}
body {font: normal 1em/1.3 Verdana, Helvetica, sans-serif; color: #2b2b2b; height: 100%; background: url('images/top.png') repeat-x;}
a {text-decoration: underline; color: #2b5f14;}
a:hover {text-decoration: none;}
a span {display: none;}
img {border: none;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
p:first-letter, h3:first-letter {text-transform: uppercase;}
h2 {font: 2em/1.5 Verdana, Helvetica, sans-serif;}
table {border-spacing: 0;}
input {font-family: Verdana, Helvetica, sans-serif;}

/* main */
#main {width: 980px; margin: 0 auto; display: block; position: relative;}

.header, #container, #copy {width: 980px; margin: 0 auto;}
#rm, #lm, .lm, .rm, .cm, .lt-r, .rt-r, .llm, .rlm, .clm {background: url('images/s.png');}

/* header */
.header {height: 126px; background: #edf8ed;}
	#logo {float: left; margin: 20px 0 0 20px; position: relative;}
	#logo a {width: 305px; height: 88px; display: block; background: url('images/bukmekerskie-kontory.png') no-repeat;}
	h1#tt {position: absolute; left: 322px; top: 0; width: 360px; font: bold italic 1.13em/1.6 Verdana, Helvetica, sans-serif; color: #484848;}

	/* search */
	#search {float: right; width: 224px; padding:0 8px; margin: 22px 20px 0 0; border: 1px solid #a3ba9c; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}
	#search input[type="text"] {float: left; width: 200px; height: 20px; padding: 2px 0; background: none; border: 0px; font-size: .92em; color: #2d521e;}
	#search input[type="image"] {float: right; margin: 3px 0;}
	

		/* menu */
		#menu {position: absolute; right: 20px; top: 67px; list-style: none;}
		#menu li {float: left;}
		#menu a {display: block; text-decoration: none; line-height: 2.8; color: #edf8ed; font-size: 1em; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0, 0, 0, .75)}
		#menu a:hover, #menu li:hover a {text-shadow: 0 0 0}
		#menu a span {float: left; height: 34px; display: block;}
		#lm, #rm {width: 8px; background-repeat: no-repeat;}
		.lm, .rm {width: 5px; background-repeat: no-repeat;}
		#lm {background-position: 0 0;}
		#rm {background-position: 0 -68px;}
		#menu li:hover #lm {background-position: 0 -102px;}
		#menu li:hover #rm {background-position: 0 -170px;}
		.cm {padding: 0 8px; background-position: 0 -34px; background-repeat: repeat-x;}
		#menu li:hover .cm {background-position: 0 -136px; background-repeat: repeat-x;}
		#menu li:hover a {color: #336600;}
		#menu li:hover ul {display: block; background: #f8ffbc;}
		#menu li ul {position: absolute; top: 22px; display: none; margin-top: 12px; list-style: none; z-index:100; width: auto !important; min-width: 110px;}
		#menu li li {float: none;}
		#menu li li a {width: auto; height: 28px; text-align: left; padding: 0 12px; line-height: 2.2; font-size: 1em; font-weight: normal; text-transform: none; color: #333333 !important;}
		#menu li li a:hover {background: #6ea249; color: #edf8ed !important;}
			/* Fix IE. Hide from IE Mac */
			* html #menu li {float: left;}
			* html #menu a {height: 1%;}


	/* верх промо */	
	#bnr {overflow: hidden; max-width:728px; max-height: 90px; margin: 0 auto; padding-bottom:18px}

/* content */
#container {overflow: hidden; background: #edf8ed;}
	/* left */
	#left {width: 212px; padding: 0 20px; overflow: hidden;}
	#left h4 {height: 34px; margin: 2px 0 6px; font-size: 1.14em; font-weight: bold; line-height: 2.4; text-indent: 6px; text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);color: #f2fee8;}
	#left h4 a {display: block; color: #f2fee8;}
	#left h4 a:hover {color: #b2e57f;}
		.llm, .rlm, .clm {float: left; height: 34px; display: block;}
		.llm, .rlm {width: 8px; background-repeat: no-repeat;}
		.llm {background-position: 0 -204px;}
		.rlm {background-position: 0 -272px;}
		.clm {width: 196px; background-position: 0 -238px;}
	#left a {text-decoration: none; color: #000;}
	#left ul {margin: 0 0 6px; list-style: none;}
	#left li {}
	#left li a {display: block; padding: 5px 6px 5px 14px; font-weight: bold; color: #2b5f14;}
	#left li a:hover {background: #b2e57f;}
	
	#left .skr:hover ul {display: block; background: #fff;}
	#left .skr ul {display: none; margin-left: 4px; width:160px;}
	#left .skr li a:hover {background: #b2e57f; color: #fff;}

	/* content */
	#section {float: right; width: 728px; background: url('images/bg_ctn.gif') #cbe2c2;}
	#section p {text-indent: 2.4em; line-height: 1.6; margin-bottom: 1em;}
 
	.block {width: 100%; margin: 18px 0 5px; background: #f6feef; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; box-shadow: 0 2px 2px rgba(0, 0, 0, .75);}
	.block td {padding: 7px 0 7px; vertical-align: top;}
	#block p {line-height: 1.2;}
	.block h3 {padding: 0 60px; font-weight: bold; font-size: 1.13em; text-align: center;}
	.block h3 a {display: block; padding: 5px 6px 5px 14px; color: #2b5f14;}
	.block h3 a:hover {background: #b2e57f;}
	.block ul {list-style: none;}
	.block li {padding: 0 60px;}
	.block li a {display: block; padding: 0 12px 0 30px; line-height: 2.2; color: #2d2d2d; background: url('images/pt.gif') 12px 10px no-repeat;}
	.block li a:hover {color: #edf8ed; background-color: #6ea249; background-image: none;}
	
	
	#content {padding: 0 20px 18px;}
	#content h2 {margin-bottom: 6px; font-size: 20px; text-align: center; color: #142f06;}
	
	/* news */
	.news {overflow: hidden; margin: 0 0 20px; padding: 5px; background: #edf8ed; border: 1px solid #fff; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
	.news img {float: left; width: 132px; height: 100px; margin: 6px 10px 6px 6px; border: 2px solid #d5eada;}
	.news h3 {padding: 5px 6px 6px 12px; font-size: 1.13em; font-weight: bold; color: #2b5f14; border-bottom: 1px solid #cbe2c2;}
	.news a {text-decoration: none; color: #000}
	.news a:hover {color: #2b5f14}
	.news i {text-decoration: underline; color: #2b5f14}
	.news td {min-height:130px; line-height: 1.6;}
	
	/* news item */
	.news-item {margin: 0 0 20px; padding: 5px; background: #edf8ed; border: 1px solid #fff; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}

/* сам текст */	
	.txt {margin: 15px; text-align:justify}
	.txt table {margin:auto; margin-bottom:15px;}
	.txt td, .txt th {padding: 5px}
	.txt img {margin: 5px}
	.txt li {margin-left: 2.4em; line-height: 1.6;}
	.txt ul, .txt ol {margin-bottom: 1.2em;}
	.txt h3 {margin: 0 0 1em 1.8em; color: #000; font: normal 1.3em Verdana, Helvetica, sans-serif;}
	.txt h4, .txt h5, .txt h6 {margin: 0 0 1em 1.8em; color: #000; font: normal 1.2em Verdana, Helvetica, sans-serif;}
	.txt a:visited {color: #2b2b2b;}

.bk a {font-size: 11px; TEXT-DECORATION: none}


/* комменты */
	.cmt {border:#2b5f14 1px solid; padding:10px 0 0 3px; margin-top:10px;}
	.cmt table {font-size: 12px; width:100%; padding:0; margin:0; border:0}
	.cmt img {margin:0;}
	.cmt td {padding:0 0 7px 9px;} 
	.cmt .nm span {font-size:14px; color:#2b5f14;}
	.cmt .adm span {font-size:14px;color:#2b5f14; font-weight: bold}
	.cmt .rtng {vertical-align: text-top; margin:0;padding:0}
	
/* выделение фрагментов */	
	.txt p.spn {border:2px dashed #3f7322; font-size:14px; font-style: italic; padding:10px; margin: 0 23px 10px 23px}
	
	table#altr  {padding: 19px 0 3px 0;  border:2px dashed #041e03;}
	#altr h3 {color: #2b5f14; line-height: 1.2; font-size:19px; margin-left: 25px; padding:12px 0}

	.prm {background-color:#cbe2c2}
	
	table#upd {width:100%; font-size:12px}
	
	pre {white-space:pre-wrap; font-size: 13px; margin: 0 0 10px 15px}

/* footer */
#footer {width: 100%; height: 60px; border-top: 2px solid #345f22;}
	#footer a {text-decoration: none;}
	#f-offers {float: right; height: 35px; text-align: center;}
	#f-offers img {margin: 14px 0 0;}
	
	#copy {float: left; width: 320px; height: 32px; margin: 14px 0 0; color: #aed477;}
	#copy span {float: right; clear: both;}
	#copy a {color: #aed477;}


/* кнопка */	
	.txt a.btn{
	text-decoration: none;
	color: #FFFFFF;
	font-size: 19px;
	line-height: 43px;
	background: url(images/btn.png) no-repeat;
	padding: 0 0 0 8px;
	display: inline-block;
	text-shadow: #172F0E 1px 1px 1px;
	}
	.txt a.btn span.right{
	background: url(images/btn.png) 100% -86px no-repeat;
	padding: 0 8px 0 0;
	display: inline-block;
	cursor: pointer;
	}
	.txt a.btn span.right span{
	background: url(images/btn.png) 0px -43px repeat-x;
	height: 43px;
	padding: 0 33px;
	display: inline-block;
	cursor: pointer;
	}

	.txt a.btn:hover{
	color: #b2e57f !important;
	background-position: 0px -258px;
	}
	.txt a.btn:hover span.right{
	background-position: 100% -344px;
	}
	.txt a.btn:hover span.right span{
	background-position: 0px -301px;
	}

	.txt a.btn:visited{
	color: #ffffff;
	}

#breadcrumbs ul{margin: 0; padding: 0; list-style: none;}
#breadcrumbs li {display: inline;}


/* мобильное меню */
#mmenu {
  display: none;
  width: 100%;
  border-collapse: collapse;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#mmenu ul {
  display: table-row;
  background-color: #FFFFFF;
  list-style: none;
}
#mmenu ul li {
  display: table-cell;
  border: 1px solid #2b5f14;
}
#mmenu ul li a {
  display: inline-block;
  width: 100%;
  background-color: #edf8ed;
  height: 45px;
  line-height: 45px;
  font-size: 1.5em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase; 
}
#mmenu ul li a:hover {
  background-color: #2b5f14;
  color: #FFFFFF;
}
#nav_button {
  display: none;
  width: 120px;
  height: 38px;
  font-size: 2em;
  text-align: center;
  padding-top: 8px;
  background-color: #edf8ed;
  border: 1px solid #2b5f14;
  cursor: pointer;
}

@media (max-width: 480px) {

#menu {display: none}

  #mmenu {
    display: inline-block;
    width: auto;
  }
  #mmenu ul {
    display: none;
    position: absolute; 
    top: 0;
    width: 100%;
    z-index: 20;
  }
  #mmenu ul li {
    display: list-item;
    border-top: none;
  }
  #nav_button {
    display: inline-block;
    position: absolute; top: 12px; right: 5px;
  }
  #mmenu:hover, #mmenu.open_nav {
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-touch-callout: none;
  }
  #mmenu:hover ul, #mmenu.open_nav ul {
    display: block;
    margin-top: 53px;
  }
}

/*---Адаптивность---*/
#poisk {float: right; position:absolute; display:none; top: 12px; right:8px;}


@media (max-width:1024px) {
	#main, .header, #container, #copy {
	  width: 100%;
	}

	#tt {
	  display: none !important;
	}
	img, iframe{
	  max-width: 100%;
	  height: auto;
	} 
	
 	#section {
	width:100%;
	}
	#left {
	  width: 80%;
	}
	#search {
	position:absolute;
	right:0;
	}
	#content {
	padding: 0;
	}
 
 	#upd td {font-size:12px } 
 	
 	#bnr {padding-bottom:0px}
}


@media (max-width:700px) {
	.header {
	  height: 165px;
	}
	#menu {
	  top: 120px;
	}
}

@media (max-width:620px) {
 	
 	#breadcrumbs {display: none}
 	h2 {line-height: 1.3}
  	
	#f-offers {
	height:auto;
	}
	
	.txt div {
	padding-left:0 !important;
	}
	
	#upd td {display:block;} 
	#upd h3 {margin-left: 0px;}
	
	#zerkala tr td:nth-child(2), #zerkala th:nth-child(2) {
	    display: none;}
	 
}

@media (max-width:550px) {

	#search  {display:none}
	#poisk {display:block}
	
	#logo a {
	width: 250px;
	background-size:contain;
	}
}


@media (max-width:480px) {

	.header {
	  height: 77px;
	}
	
	#logo {float: left; margin: 10px 0 0 10px;}
	
	#logo a {
	width: 200px; height: 60px; 
	background-size:contain;
	}

	#poisk {display:none}
	
	.txt {margin:0px}

	.txt textarea {
	  width: 100%;
	  display: block;
	}
	
	#altr {display: none}

	#left li a {padding:12px 5px;} 
	
	#content h2 {font-size: 1.5em}
	
	#content ol, #content ul  {padding-left: 1em;}
	#content li {margin-left: 1em !important;}
	#content p, h3, h4 {text-indent: 1em;}	
	#content h3, #content h4 {margin: 0 0 1em 0em;}
}

@media (max-width:320px) {

	.header {
	  height: 60px;
	}
	
	#logo {float: left; margin: 5px 0 0 5px;}
	
	#logo a {
	width: 180px; height: 47px; 
	background-size:contain;
	}
	
	#nav_button {
	    position: absolute; top: 5px; right: 2px;
	}

}

/* видео */
.video {
	position:relative;
	align:center;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	border:1px solid #ccc;
}

.video iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}