/**
Reset css
 */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;	
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ===============End reset css ================*/

body{
	/*font-family:Tahoma, Geneva, sans-serif;*/
	background:url(../images/az_fon_x1.jpg) repeat ;
	font: 13px/16px Arial,sans-serif;
}
/*====Header=====*/
#header{width:100%;}
#header div#header-in{	
	height:50px; width:1200px; margin:0px auto; margin-top:5px;
	background:url(../images/az_head_x1.jpg) repeat-x;
	border-radius: 10px;
	border:1px solid #d8d8d8;	
	width:1220px;
	height:100px;	
	margin-top:2px;
	position:relative
}
#header div#logo{ 
 background: url("../images/logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 100%;
    left: 20px;
    position: absolute;
    top: 10px;
    width: 50%;
}
 #header div#logoTitle{ 
 
    height: 100%;
    left: 120px;
    position: absolute;
    padding-top:30px;
    font-family:Verdana;
    font-weight:bold;
    color:#526D50;
    top: 10px;
    width: 50%;
    font-size:50px;
}
#header div#logo:hover{ 
	cursor:pointer;
}

#header div#search {width:60%; float:left;}
#search div#search_top{margin-top:10px; position:absolute; top:30px; right:20px;}
input.search_main{
	 width:370px;
	 display:block; float:left; 
	 padding:3px 5px;
	 order-radius:7px;
	 box-shadow:#CCC inset 5px;
	 border-radius:10px #CCC;
}
.lnk_search_main{
 background: url("../images/search.png") no-repeat scroll 12px 4px #458b74;
    border-radius: 18px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 15px;
    margin-left: 10px;
    padding: 5px 5px 5px 26px;
    text-decoration: none;
    width: 15px;
}
.lnk_search_main:hover{color:#FF0;}

a.lnk_add{
 background: url("../images/add_1.png") no-repeat scroll 10px 4px #458b74;
    border-radius: 18px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 15px;
    margin-left: 5px;
    padding: 5px 5px 5px 15px;
    text-decoration: none;
    width: 15px;
}
a.lnk_add:hover{color:#FF0;}

a.lnk_search{
 background: url("../images/search.png") no-repeat scroll 10px 4px #458b74;
    border-radius: 18px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 15px;
    margin-left: 5px;
    padding: 5px 5px 5px 15px;
    text-decoration: none;
    width: 15px; 
}
a.lnk_search:hover{color:#FF0;}


div.dateTime{
	color: #8D441E;
    display: block;
    font-size: 13px;
    position: absolute;
    right: 20px;
    top: 5px;
	font-family:"Times New Roman", Times, serif;
}
div.hello{
	/* background: url("../images/az_line.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    bottom: 2px;
    color: #333333;
    display: block;
    font-size: 13px;
    padding: 5px 0 5px 58px;
    position: absolute;
    right: 20px;
}
div.hello spand{color: #458b74; margin-left: -52px;}
div.hello spand a{text-decoration:none; font-weight:bold}

.effect2{  position: relative;}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 70%;
  top: 80%;
  max-width:400px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

#logo{width:10%; float:left; position:relative; }
#logo a img.img_logo{ display:block; width:80px; position:absolute; top:10px; left:14px;}
div#menu{  background: url("../images/!az_bg_menu_mdl.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 10px;
    height: 40px;
    margin: 5px auto 0;
    width: 1220px;
}
/*====main-content=====*/
#main-content{min-height:483px;}
#content-in{
	
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;	
	box-shadow: 0px 4px 5px #666;
	background:#FFF;  
    margin: 5px auto 10px;
    min-height: 528px;
    width: 1200px;
	padding:10px;
}

/*======footer=========*/
#footer{width:100%;  min-width: 1220px;} /*background:url(../images/az_footer_mdl.jpg) repeat-x;*/
#footer div#footer-in{
	width:1200px; margin:0px auto;
	text-align:center;
	padding:10px 0px;
	color:#fff;
	font: 13px/16px Arial,sans-serif;}
#footer div#footer-in p:first-child{
	font-weight:bold;
}