@import "mr.css"/*tpa=https://azs.tatneft.ru/design/css/mr.css*/;
	@import "table.css"/*tpa=https://azs.tatneft.ru/design/css/table.css*/;
	@import "guestbook.css"/*tpa=https://azs.tatneft.ru/design/css/guestbook.css*/;

	/* layout */
	#wrapper{
		color: #333;
		font: 14px/135% arial, sans-serif;
		background: url("../images/wrp-rpt.png")/*tpa=https://azs.tatneft.ru/design/images/wrp-rpt.png*/ repeat-x;
		text-align: center;
		}
	#container{
		width: 992px;
		margin: 0 auto;		
		text-align: left;
		}	
	#header{		
		background: url("../images/top-frame.png")/*tpa=https://azs.tatneft.ru/design/images/top-frame.png*/ no-repeat 0 100%;
		}
		#header .h{			
			height: 174px;
			position: relative;
			background: url("../images/header.png")/*tpa=https://azs.tatneft.ru/design/images/header.png*/ no-repeat 34px 43px;
			}
	#page{
		background: url("../images/page-rpt.png")/*tpa=https://azs.tatneft.ru/design/images/page-rpt.png*/ repeat-y;
		}
		#page .h{
			height: 1%;
			overflow: hidden;		
			min-height: 600px;
			padding: 0 0 0 28px;
			background: url("../images/page-shadow.jpg")/*tpa=https://azs.tatneft.ru/design/images/page-shadow.jpg*/ no-repeat 4px 0;
			}
	#sidebar{
		width: 216px;
		float: left;
		margin: 0 24px 0 0;		
		}
		#wrapper.inner-page #sidebar{
			margin-right: 36px;
			}
	#content{
		width: 696px;
		float: left;
		}
		#wrapper.inner-page #content{
			width: 684px;
			}
	#footer{
		background: url("../images/bottom-frame.png")/*tpa=https://azs.tatneft.ru/design/images/bottom-frame.png*/ no-repeat;
		}
		#footer .h{
			padding: 40px 0 20px 20px;
			}
	/* eof layout */
	
	/* page header */
	#header{
		position: relative;
		}
		#header h1{
			display: none;
			}
		#header a ins{
			display: none;
			}		
		#header a.back-tn,
		#header a.back-azs,
		#header a.back-azs-big{
			display: block;			
			position: absolute;
			background-position: -1px -1px;			
			background: url("../images/transparent-white.png")/*tpa=https://azs.tatneft.ru/design/images/transparent-white.png*/ no-repeat;
			}
		#header a.back-tn:hover,
		#header a.back-azs:hover,
		#header a.back-azs-big:hover{
			background-repeat: repeat;
			}
		#header a.back-tn{
			top: 40px;
			left: 30px;			
			height: 60px;			
			width: 180px;
			}
		#header a.back-azs{
			top: 100px;
			left: 60px;
			height: 40px;			
			width: 155px;			
			}
		#header a.back-azs-big{
			top: 60px;
			left: 260px;
			height: 40px;			
			width: 365px;			
			}
		#header .search-panel{
			top: 30px;
			right: 15px;
			position: absolute;
			}
		#header .search-panel form{
			display: none;
			margin-bottom: .6em;
			}
		#header .search-panel .inactive{
			color: #ccc;
			}
		#header .search-panel .myinput{
			padding: 2px;
			border: solid 1px #ccc;			
			}
		#header .search-panel .mysubmit{
			border: 0;
			width: 16px;
			width: 17px;
			cursor: pointer;
			background: url("../images/finder.png")/*tpa=https://azs.tatneft.ru/design/images/finder.png*/ no-repeat;
			}
		#header .search-panel .usability{
			padding-left: 2px;
			}
		#header .search-panel .usability a{
			display: block;
			float: left;
			margin-right: 10px;
			width: 16px;
			height: 17px;
			}
		#header .search-panel .home{
			background: url("../images/home.png")/*tpa=https://azs.tatneft.ru/design/images/home.png*/ no-repeat;
			}
		#header .search-panel .mail-us{
			background: url("../images/mail-us.png")/*tpa=https://azs.tatneft.ru/design/images/mail-us.png*/ no-repeat;
			}
		#header .search-panel .sitemap{
			background: url("../images/sitemap.png")/*tpa=https://azs.tatneft.ru/design/images/sitemap.png*/ no-repeat;
			}
		#header .social{
			right: 0;
			top: 55px;
			position: absolute;			
			}
    #header .social a {
        text-decoration: none;
    }

	/* page sidebar */
	#sidebar{
		}
		#sidebar .hotline{
			height: 123px;
			margin-bottom: 2em;
			background: url("../images/hot-line.png")/*tpa=https://azs.tatneft.ru/design/images/hot-line.png*/ no-repeat;
			}
		#sidebar .hotline ins{
			display: none;
			}
        #sidebar .hotline2{
            height: 123px;
            background: url("../images/hot-line2.png") no-repeat;
            position: relative;
        }
        #sidebar .hotline2 .tel{
            position: absolute;
            top: 71px;
            left: 15px;
            height: 20px;
            width: 200px;
            cursor: pointer;
        }
        #sidebar .hotline2 .email{
            position: absolute;
            top: 98px;
            left: 15px;
            height: 15px;
            width: 120px;
            cursor: pointer;
        }
		#sidebar .logon{
			padding-bottom: 2em;
			margin-bottom: 2em;
			border-bottom: solid 1px #ccc;
			}
		#sidebar .logon table{
			width: 100%;
			}
		#sidebar .logon td{
			padding: 2px 2px;			
			position: relative;
			}
		#sidebar .logon .input input{
			width: 100%;
			}
		#sidebar .logon .user-helper{
			font-size: 11px;
			margin-top: 6px;
			line-height: 130%;			
			}
        #sidebar .logon .authorization {
            text-transform: uppercase;
            color: #1ab374;
            font-family: sans-serif;
            padding: 20px;
        }
		/* left user menu */
		#sidebar .user-navigation{
			margin-bottom: 2em;
			}
		#sidebar .user-navigation ul{
			list-style: none;
			margin: 0;
			padding: 0;
			}
		#sidebar .user-navigation ul li{
			padding: 0;
			margin: 0;
			display: block;
			}
		#sidebar .user-navigation .f a,
		#sidebar .user-navigation .l a{
			height: 37px;
			line-height: 37px;			
			}
		#sidebar .user-navigation a{			
			display: block;
			height: 36px;
			color: #fff;
			font-size: 1.05em;
			padding-left: 16px;
			text-decoration: none;
			line-height: 36px;
			background-repeat: no-repeat;
			background: url("../images/green-item.png")/*tpa=https://azs.tatneft.ru/design/images/green-item.png*/;
			}
		#sidebar .user-navigation .f a{
			height: 37px;
			line-height: 37px;
			background: url("../images/green-item-f.png")/*tpa=https://azs.tatneft.ru/design/images/green-item-f.png*/;
			}
		#sidebar .user-navigation .l a{
			height: 36px;
			line-height: 36px;
			background: url("../images/green-item-l.png")/*tpa=https://azs.tatneft.ru/design/images/green-item-l.png*/;
			}
		#sidebar .user-navigation .current a{
			background: url("../images/red-item.png")/*tpa=https://azs.tatneft.ru/design/images/red-item.png*/;
			}
		#sidebar .user-navigation .f.current a{
			background: url("../images/red-item-f.png")/*tpa=https://azs.tatneft.ru/design/images/red-item-f.png*/;
			}
		#sidebar .user-navigation .l.current a{
			background: url("../images/red-item-l.png")/*tpa=https://azs.tatneft.ru/design/images/red-item-l.png*/;
			}
			/* sub user menu */
			#sidebar .user-navigation ul li ul{
				padding: 14px 1px;
				border-left: solid 1px #f5f6f6;
				border-right: solid 1px #f5f6f6;
				background: #eaeaeb url("../images/menu-rpt.png")/*tpa=https://azs.tatneft.ru/design/images/menu-rpt.png*/ repeat-y 100% 0;
				}
			#sidebar .user-navigation ul li.current ul a,
			#sidebar .user-navigation ul li.f.current ul a,
			#sidebar .user-navigation ul li.l.current ul a{			
				color: #4a4a4a;
				height: auto;
				line-height: 140%;
				background: none;
				font-size: 11px;				
				display: block;
				padding-top: .4em;
				padding-bottom: .4em;
				}			
			#sidebar .user-navigation ul li.current ul a:hover{
				background: #ccf0e3;
				}
			#sidebar .user-navigation ul li.current ul a.current{
				background: #f6d3d4;
				}
		#sidebar .short-links{
			margin-bottom: 2em;
			}
		#sidebar .short-links img{
			vertical-align: middle;
			}
	
	/* all page content */
	#container{
		}
		/* common rules */
		#container a{
			color: #1ab374;
			}
		#container h1{
			color: #000;
			margin-top: 0;
			font-size: 24px;			
			padding: 4px 0 4px 20px;
			border-left: solid 2px #0ca96f;
			}
		#container h2{
			color: #000;
			font-size: 18px;			
			}
		#container h3{
			color: #000;
			font-size: 14px;
			font-weight: 600;
			}
		/* start page */
		#container .start-page{
			background: #fff;
			}
		#container .start-page .splash img{
			display: block;
			position: absolute;
			z-index: 1;
			}
		#container .start-page .splash img.active{
			z-index: 3;
			}
		#container .start-page .splash-dynamic{
			border: solid 1px #e5e5e5;			
			border-bottom-width: 0;
			width: 694px;
			height: 213px;
			overflow: hidden;
			position: relative;
			}
		#container .start-page .ch{
			height: 1%;
			overflow: hidden;
			padding: 24px 0 24px 24px;
			border-left: solid 1px #e5e5e5;
			border-right: solid 1px #e5e5e5;
			}
		#container .start-page .left-c{
			float: left;
			width: 424px;
			margin-right: 24px;
			}
		#container .start-page .right-c{
			float: left;
			width: 200px;
			}
		#container .start-page .place-holder{
			}
		#container .start-page .place-holder img{
			display: block;
			}
		#container .breadcrumbs{			
			color: #999;
			width: 662px;
			height: 36px;						
			font-size: 11px;
			line-height: 36px;
			padding-left: 36px;
			margin-bottom: 20px;
			background: url("../images/crumbs.png")/*tpa=https://azs.tatneft.ru/design/images/crumbs.png*/ no-repeat;
			}
		#container .breadcrumbs a{
			color: #999;
			}
		#container .error_explanation{
			line-height: 120%;
			text-transform: uppercase;
			margin: 1em 0;
			color: #fff;
			padding: 5px 20px 5px 60px;
			font-size: 11px;			
			background: #cc0000 url("../images/error_lines1.gif")/*tpa=https://azs.tatneft.ru/design/images/error_lines1.gif*/ no-repeat;
			}
		/* simple events list */
		#container .events-list{
			}
		#container .events-list div{
			margin-bottom: 1.5em;
			padding-left: 12px;
			background: url("../images/li-marker-type1.png")/*tpa=https://azs.tatneft.ru/design/images/li-marker-type1.png*/ no-repeat 0 5px;
			}
		#container .events-list .date{
			color: #999;
			font-size: 12px;			
			}
		#container .events-list h2{
			margin: 0;
			font-size: 12px;
			}
		#container .events-list h2 a{
			color: #000;
			}
		/* news page */
		#container .news-page{
			}
		#container .news-page div{
			overflow: hidden;
			height: 1%;
			margin-bottom: 1.5em;			
			}
		#container .news-page .date{
			color: #999;
			font-size: 12px;			
			padding-left: 12px;
			background: url("../images/li-marker-type1.png")/*tpa=https://azs.tatneft.ru/design/images/li-marker-type1.png*/ no-repeat 0 3px;
			}
		#container .news-page h2 a{
			margin: 0;
			color: #000;
			}
		#container .news-page a{
			color: #333;
			text-decoration: none;
			}
		#container .news-page img{
			float: left;
			margin: 4px 1em .5em 0;
			}
		/* flow player */
		#container #video-block{
			}
		#container #video-block .player{
			width: 100%;
			height: 520px;
			margin-bottom: 3em;
			position: relative;
			}
		#container #video-block .player img{
			border: solid 1px #999;
			}
		#container #video-block .player .start-play{
			display: block;
			width: 114px;
			height: 114px;
			background: url("../images/start-play.png")/*tpa=https://azs.tatneft.ru/design/images/start-play.png*/ no-repeat;
			position: absolute;
			left: 50%;
			margin-left: -57px;
			top: 50%;
			margin-top: -57px;
			cursor: pointer;
			}
		#container #video-block .player .start-play:hover{
			background: url("../images/start-play-h.png")/*tpa=https://azs.tatneft.ru/design/images/start-play-h.png*/ no-repeat;
			}
		#container #video-block .player .start-play ins{
			display: none;
			}
		/* user-cabinet */
		#container .uc{
			margin-top: 2px;
			margin-bottom: 1.5em;
			}	
		#container .uc h3{
			color: #fff;
			height: 32px;
			line-height: 32px;
			padding-left: 16px;
			background: url("../images/uc-title.png")/*tpa=https://azs.tatneft.ru/design/images/uc-title.png*/ no-repeat;
			margin: 0;
			}
		#container .uc .uh{
			font-size: 12px;
			padding: 4px 16px 0 16px;
			color: #000;
			background: #e5e5e5 url("../images/uc-rc.png")/*tpa=https://azs.tatneft.ru/design/images/uc-rc.png*/ no-repeat 100% 0;
			}
		#container .uc .fill-bottom{
			height: 9px;
			background: url("../images/uc-fill.png")/*tpa=https://azs.tatneft.ru/design/images/uc-fill.png*/ no-repeat;
			}
		#container .uc .fill-bottom hr{
			display: none;
			}

	/* page footer */
	#footer{
		color: #7e7e7e;
		font-size: 11px;
		line-height: 110%;		
		}
		#footer p{
			margin: 0;
			}

	/* utils */
	#trans{		
		top: 0;
		left: 0;		
		right: 0;
		bottom: 0;
		width: 100%;
		background: #000;
		position: absolute;
		}
	.x-handler{
		width: 460px;
		margin: 0 auto;
		top: 15em;
		background: #fff;
		position: absolute;
		z-index: 421;
		left: 50%;
		margin-left: -230px;
		border: solid 1px #ccc;
		padding: 1em;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		}
	.clearall{
		height: 0;
		font-size: 0;
		overflow: hidden;
		clear: both;
		}