html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0;}
p, h1, h2, h3, h4, h5, h6, ul, ol, form, table {Font-family: Arial, Times, Tahoma}
:focus {outline: 0;}
body {line-height: 1; color: black; background: white; position:relative; border:0}
ol, ul { list-style: none; }
table {border-collapse: collapse; border-spacing: 0;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
.bhm {width:80%;overflow:hidden;height:2px;background:none;}
.bhma {font-size:7px;text-decoration:none;color:#BBB;}
.lfeed {text-decoration:none !important; cursor:default !important; background:none; overflow:hidden; color:#ccc !important; font-size:8px !important;}
.lfeed a {text-decoration:none !important; cursor:default !important; color:#ccc !important; font-size:8px !important;}

#hdr {position: relative; background:transparent url(/_images/hdr_bg3.jpg) no-repeat scroll center top; height:238px; min-height:238px; min-width:990px; overflow:hidden;}
	*html #hdr {width: expression(document.body.clientWidth < 996? "995px" : "100%");}
#wrp-cnt {background: url(/_images/bg.jpg); min-width: 990px; overflow: hidden; z-index:0; border:0; margin: -9px 0 0 0}
	*html #wrp-cnt {width: expression(document.body.clientWidth < 996? "995px" : "100%");}
#content {background: url(/_images/wrp_cnt2.jpg) no-repeat top center; min-height:600px;}
	*html #content {height:600px; overflow: visible;}
#bottom-cont {background:transparent url(/_images/niz.jpg) no-repeat scroll center bottom; overflow:hidden; padding:0 0 187px;}
	*html #bottom-cont {overflow:visible; height:600px;}

#pravo {width: 50%; height: 100px; position: absolute; right:0; top:0; font-size: 13px;}
	#pravo form {margin:27px 0 0 135px; padding:0}
	#pravo form input {background:transparent none repeat scroll 0 0; border:medium none; color:#FFFFFF; width:120px; margin:0; cursor:text}
	
	#pravo #mail {position: absolute; left: 395px; top: 47px; width: 30px; height: 30px; background: transparent url(/_images/mail.gif) 7px 9px no-repeat; text-indent: -9999px;}
	#pravo #map {position: absolute; left: 384px; top: 91px; width: 20px; height: 20px; background: transparent url(/_images/map.gif) 2px 3px no-repeat; text-indent: -9999px;}
	#pravo #home {position: absolute; left: 383px; top: 128px; width: 40px; height: 40px; background: transparent url(/_images/home.gif) 14px 13px no-repeat; text-indent: -9999px;}
	*html #pravo #mail {left: 396px;}
	*html #pravo #map {left: 387px;}
	*html #pravo #home {left: 385px;}
	
	#hdr h1 {position: absolute; top: 60px; left: 20%; width: 700px; height:91px; text-indent: -9999px; overflow: hidden;}
		#hdr h1 a {display: block; height: 91px; width: 700px;}

.left {width:67.3%; float:left; position:relative;}
	#bloknot {height:360px; background: url(/_images/bloknot2.jpg) no-repeat top right; margin:0 19px 0 0; position:relative; z-index:98}
		#bloknot .blok-text {width:617px; height:337px; float:right; margin:0 10px 0 0}
		#bloknot .hidden {display: none;}
			
		/*Классы для разных фоток на блокноте.*/
		#bloknot #family {height:187px !important; padding:150px 50px 0 389px; width:178px !important; background: url(/_images/dela/family.jpg) no-repeat top right;}
		#bloknot #family a {color:#616161}
		#bloknot #family p { color:#616161 !important}
		
		#bloknot #work {height:47px !important; padding:290px 241px 0 44px; width:332px !important; background: url(/_images/dela/support.jpg) no-repeat top right;}
		#bloknot #work a {color:#616161}
		#bloknot #work p { color:#616161 !important}
		
		#bloknot #support {height:32px !important; padding:305px 60px 0 289px; width:298px !important; background: url(/_images/dela/work.jpg) no-repeat top right;}
		#bloknot #support a {color:#616161}
		#bloknot #support p { color:#616161 !important}
		
		#bloknot #creativ {height:32px !important; padding:305px 60px 0 289px; width:298px !important; background: url(/_images/dela/creativ.jpg) no-repeat top right;}
		#bloknot #creativ a {color:#616161}
		#bloknot #creativ p { color:#616161 !important}
		
		#bloknot #social {height:50px !important; padding:287px 270px 0 20px; width:327px !important; background: url(/_images/dela/social.jpg) no-repeat top right;}
		#bloknot #social a {color:#616161}
		#bloknot #social p { color:#616161 !important; margin:0}
		/*Закончились*/
		
		#bloknot h1 {font-size:18px; color:#023f5a; font-weight:normal}
		#bloknot p {font-size:12px; color:#f18200; margin:10px 0 0 0}
		#bloknot a {color:#f18200;}
		#bloknot a:hover {text-decoration:none}
		
	#ramka {background: url(/_images/ramka.jpg) no-repeat top right; margin: 0 52px 0 0; height: 266px; position:relative; font-size: 12px;}
		#knopki {position: absolute; right: 16px; top: 166px; width: 650px; height: 97px}
			#knopki a img {border:none}
			#knopki #family-tab {top:6px; left:0px; z-index:1; width:132px; height:58px;} /*Green*/
			#knopki #work-tab {left:99px; top:-7px; z-index:2;} /*White*/
			#knopki #support-tab {top:10px; left:234px; z-index:3} /*Blue*/
			#knopki #creativ-tab {right:150px; top:0px; z-index:2;} /*Orange*/
			#knopki #social-tab {right:0px; top:-20px; z-index:1} /*Yellow*/
			#knopki .hvr2 {z-index:999 !important}
			#knopki #bottom-list {right: 3px; top: 58px; width: 653px; height: 14px; z-index: 1000; background: transparent url(/_images/listiki/bottom.png) no-repeat;}
				*html #knopki #bottom-list {right: 4px;}
			#knopki #social-tab, #knopki #creativ-tab, #knopki #support-tab, #knopki #work-tab, #knopki #family-tab, #knopki #bottom-list {position: absolute;}
		*html #knopki {right:15px;}
	#ramka #ram-text {position:absolute; width:500px; right:110px; top: 0;}
		#ramka a {color:#0699ca; text-decoration: none; background: url(/_images/ul.gif) repeat-x bottom right; padding: 0 0 1px; font: bold 12px/1.3em arial, tahoma, verdana;}
		#ramka a.selected, #ramka a:hover {color:#c6057e}
			#ramka ul {overflow: hidden; width:25%; float:left}
			#ramka ul li {margin: 0 0 10px 0}
			#ramka #citata {bottom: 70px; position:absolute; right: 110px; width:500px;}
				#ramka #citata p, #ramka #citata span {display: block; color: #fff; font: italic 12px/1.3em arial, tahoma, verdana;}
				#ramka #citata span {float: right;}
	#ramka2 {background: url(/_images/ramka3.jpg) no-repeat top right; margin:0 52px 0 0; height:256px; position:relative; font-size:12px;}
	#ramka2 #ram-text {position:absolute; width:500px; right:110px; top:10px}
			#ramka2 a {color:#0699ca; text-decoration:none; background: url(/_images/ul.gif) repeat-x bottom right; padding: 0 0 1px 0; font-weight:bold}
			#ramka2 a.selected, #ramka a:hover {color:#c6057e}
				#ramka2 ul {overflow: hidden; width:25%; float:left}
				#ramka2 ul li {margin: 0 0 10px 0}
			
	#left {margin: 9px 0 -30px 0}
	#inn {margin:0 10% 0 10%}
		#warni {margin:0; float:left}
		*html #warni { margin:0 0 0 -1.63% !important;}
			#warni p {background:#a50105; color:#FFF; font-size:22px; padding:0 20px; margin:0 !important}
			*html #warni p {padding:5px 10px;}
		#capation {border:1px solid #a50105; clear:both; padding: 20px 25px 20px 25px; margin:0 0 25px 0}
			#capation p {color:#353535; font-size:18px}
#right {float:right; padding:75px 30px 0 0; width:29.6%;}
	#right h2 {font-size:16px; font-weight:bold; color:#000; margin:0 0 7px 0}
	

#footer {background: url(/_images/boots.jpg) no-repeat bottom center; padding:40px 75px 0px; font-size:12px;}
#footer a {color:#007ab9; line-height: 1.3em;}
*html #footer {}
#wrapper {clear:both; overflow:hidden; margin:0 0 60px;}
	#foot-left {width:230px; float:left;}
		#foot-left p, #foot-right p { vertical-align: middle;}
	#foot-right {margin:0 0 0 300px}
		#foot-right p {margin:0 0 15px; line-height: 1.2em;}
	#footer-grey {height:190px; background:#ededed; margin:0 -75px}
	#footer-grey a img {border:none}

#copyright {font-size:11px; color:#9c9c9c; margin:20px 0 0px 0; padding:0 0 10px 210px;}
#copyright a {color:#9c9c9c}

.news {margin: 15px 0 10px; clear: both; border:0px; vertical-align:top;}
.news td {border:0px; margin:0; padding:0; vertical-align:top;}
	.news-img {width: 135px; padding: 0 40px 0 0; margin: 0px 0 0px; float:left;}
		.news-img a img {border: 2px solid #007c9a}
		.news-img span {background:#FFF; padding:3px; float:left; margin:0 0 5px 0}
		.news-img p {font-style:italic; font-size:11px; color:#007ab9; clear:both}
		.news-img a {overflow: hidden; float:left}
	.news-text {font-size:12px; line-height: 1.3em;}
		.news-text p.date {color:#007ab9}
		.news-text p {color:#353535;}
		.news-text a {font-weight:bold; color:#353535}
		.news-text p a img {border:none}
		
.afisha {background: url(/_images/afbg.gif) repeat-y top left; padding:0 0 0 12px; margin:20px 0 0 0}
	.afisha a img {border:3px solid #FFF}
	.afisha p {color:#000407; font-size:12px; line-height: 1.3em;}
	
#calendar {margin: 0px 0 0; font-size: 12px}
	#calendar table {width: 220px;}
		#calendar tr.month td {color:#0181a6; padding: 10px 10px 15px; text-align: left;}
		#calendar tr.month td a {color:#0181a6; text-decoration:none; font: normal 13px/1.3em tahoma, verdana, sans-serif;}
			#calendar tr td {color:#7e7e7e; padding:2px 0; text-align: center;}
			#calendar tr td a {color: #0181a6 ; font-weight:bold; text-decoration:none}
			#calendar tr td#selected {background:#a5b0bc; color:#FFF}
		#calendar p {margin: 15px 0 0 10px;}
			#calendar p a {color:#0181a6;}
		
#mnenie {margin:25px 0 0 0; background: url(/_images/slf-mnenie.jpg) no-repeat bottom left; width:274px;}
	#self-mnenie {position: relative; background: url(/_images/mnenie.jpg) no-repeat top left; padding:125px 30px 30px 45px}
		#self-mnenie #poll-loading {position: absolute; top: 60px; left: 180px; display: none;}
		#self-mnenie p {margin: 0 0 10px; font-size: 13px; color: #0d0d0f}
		#self-mnenie label {font-size:13px; color:#0d0d0f}
		#self-mnenie p a {color:#1d7aa6; text-decoration: none; border-bottom: 1px solid #1d7aa6;}
			#self-mnenie p a#poll-results {text-decoration: none; border-bottom: 1px dashed #1d7aa6;}
.small {font-size:11px !important}

.grey {color:#7e7e7e !important; margin:0 0 4px 0}

/* Галерея */

.gallery_s {float: left; padding: 5px; margin: 0px 5px 5px 0px; width: 200px; height: 220px;}
.gallery_s P {text-align: center; margin: 5px 0px 0px 0px; padding: 0px; text-indent: 0px;}
.gallery_s A DIV {background: #f8f8f8; width: 100%; text-align: center;}
.gallery_s A {width: 100%; height: 160px;}
.gallery_s IMG {border: 0px;}
.gallery {float: left; padding: 25px;}
.gallery P {text-align: center; margin: 5px 0px 0px 0px; padding: 0px; text-indent: 0px;}
.gallery IMG {border: #ccc 1px solid; border-color: #cccccc;}

div.vote_question {font-weight:bold; font-family :arial; font-size: 13px;}
table.answers {font-family :arial; font-size: 13px; padding: 5px 0 10px 0;}
	.answers TR TD {padding: 5px 0 5px 0;}
p.votelink {padding: 10px 0 0 0;}
.votelink  A {font-family :arial; font-size: 11px;}
able.answers_results {font-family :arial; padding: 5px 0 10px 0;}
	.answers_results TR TD {padding: 5px 0 5px 0; font-size: 13px;}

#cont {font-family :arial; font-size: 12px; color:black; width: 250px; margin: 100px 0 0 25px; position:absolute;}
#cont A {font-family :arial; font-size: 12px; color:#007ab9;}
