/*Created by Anna Sudarikova<<<<<<info@asvdesign.ru>>>>>>>>>*/


/* -------------->>>Clearing<<<-------------- */
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;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
}

img { 
	border: 0;
	vertical-align:top;
	padding: 0;
	margin: 0;
}

ol, ul, li {list-style:none; list-style-position: outside;}

hr { margin: 0; padding: 0;}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

table, table td {
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}


/* -------------->>><<<-------------- */
/*
COLOR SCHEME
white - #ffffff
orange - #ff9933
gray #6a6a6e; #909094; текст, ссылка-текст 

middle gray #757579; #808084 - запасной вариант для текста; ссылки на сером фоне
middle gray #666666; - для текстов на сером фоне

light orange #f8b168; подожка в выпадающем меню
light gray #e8e8e8; - верхняя полоска 
           
#f1f1f;1 - фон, цвет background в меню выпадающем, цвет текста в футере, borders в правом меню
#f9f9f9; - background в меню правом

#cccccc; - borders input
#8f8f8e; - полоса в футере
#808084; - сам футер
#f8f8f8; f7f7f7; - для очень светлых подложек
#dbdbdb; - гиперссылки в футере 
#с5с5с5; - копирайт в футере

#d2d2d2;
#с5с5с5; - вспомогательный светло-серый
color:#e67008; ---to think about
*/


/* -------------->>>Common<<<-------------- */
html, body {
	height:100%;
}

body {
	background: #f1f1f1 url(../i_base/bg_base.gif) repeat-y 50% 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; /*Чтобы работать с em как с px, установите font-size для тега body 62.5%; http://designformasters.info/posts/70-expert-ideas-for-better-css-coding/*/
	line-height:1.2em; 
	text-align:left;
	color:#6a6a6e;  /*808084*/
	height: 100%; 
}

a:link  {
	text-decoration: none;
	font-weight:normal; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#6a6a6e; /*808084;*/
	} /*color:#f99532; темнее f8b168 для оранжевой ссылкиж светло: f99532*/

a:visited {
	text-decoration: none;
	font-weight:normal; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#6a6a6e; /*808084;*/
}
a:hover {
	text-decoration: underline;
	font-weight:normal; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#909094;
}

a:focus {
	outline: none;
}


input, textarea, select {
	border: 1px solid #cccccc;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	padding:0px;
	margin:0px;
	color:#6a6a6e;
}


h1 {
	font: normal 20px Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:20px;
	color:#ff9933;
}

h2 {
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:20px;
	color:#ff9933;		
} 

h3 {
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:10px 0px 15px 0px;
	color:#6a6a6e;	
} /*only for articles*/

h4 {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:10px;
	text-transform: uppercase;
	color:#6a6a6e; 
} 

h5 {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:12px;
	font-weight:bold;
	color:#6a6a6e;
}  
 

p {
	margin-bottom:20px;
}



/* -------------->>>Grand Column<<<-------------- */
#Grand {
	width:976px;
	background:#ffffff;
	margin:auto;
	border-right:2px solid #ffffff;
	border-left:2px solid #ffffff;
} /*Общая ширина 980px */

#Grandmenu_position {
	background:url(../i_base/bg_innerbase.gif) repeat-x 0px 0px;
	padding-left:14px;
}



/* -------------->>>Top Menu<<<-------------- */

#Grandmenu ul {
	}

#Grandmenu li {
	float: left;
	position: relative;
	background: url(../i_base/bg_verhmenu_mid.png) no-repeat 0px -57px;
	z-index:20;
	}
	
#Grandmenu li:hover, #Grandmenu li.jshover {
	background: url(../i_base/bg_verhmenu_mid.png) no-repeat 0px 0px;
	}

#Grandmenu a:link,
#Grandmenu a:visited { 
	text-align: center;
	text-decoration:none;
	text-transform: uppercase;
	font-size:10px;
	display:block;
	width:136px;
	height:25px;
	padding-top: 32px;
	overflow:hidden;
	}

#Grandmenu a:hover {
	color:#fff;
	}
	
#Grandmenu li.last {
	background: url(../i_base/bg_verhmenu_last.png) no-repeat 0px -57px;
	}

#Grandmenu li.last:hover, #Grandmenu li.last.jshover  {
	background: url(../i_base/bg_verhmenu_last.png) no-repeat 0px 0px;
	}

/*2*/

#Grandmenu li ul {
	display: none;
	position:absolute;
	width:auto; /*194px*/
	padding:10px 0px 10px 0px;
	background:#f1f1f1;
	top: 57px;
	left: 0;
	}

#Grandmenu li ul li {
	float:none;
	background:#f1f1f1; 
	}
	
#Grandmenu li ul li:hover, #Grandmenu li ul li.jshover {
	background:#f8b168;
	color:#FFFFFF;
	}
	
#Grandmenu li ul li a:link,
#Grandmenu li ul li a:visited {
	text-align: left;
	text-transform: none;
	font-size:11px;
	width: 160px; /*общая ширина 194px*/
	height: auto; 
	padding: 5px 20px 5px 14px;
	}

#Grandmenu li ul li a:hover {
	color:#fff;	
	}
	
a.navi_str:link,
a.navi_str:visited {
	background: url(../i_base/navi_str.gif) no-repeat 100% -44px;
	}
	
a.navi_str:hover {
	background: url(../i_base/navi_str.gif) no-repeat 100% 9px;
	}    
#Grandmenu li:hover ul, #Grandmenu li.jshover ul {
	display: block;
	}

#Grandmenu li:hover ul li ul, #Grandmenu li.jshover ul li ul {
	display: none;
	}

/*3*/
#Grandmenu li ul li ul {
	display: none;
	position:absolute;
	top: 0;
	left:194px;
	padding:0px;
	background:#e4e4e4;
	width:auto;
	}

#Grandmenu li ul li ul li {
	background:#e4e4e4;
	}
	
#Grandmenu li ul li:hover ul, #Grandmenu li ul li.jshover ul {
	display: block;
	}

#Grandmenu li ul li ul li a:link,
#Grandmenu li ul li ul li a:visited {
	width: 100px;
	padding: 5px 15px 5px 14px;
	}
	
	
#Grandmenu li:hover a:link,
#Grandmenu li:hover a:visited,
#Grandmenu li:hover a:hover,
#Grandmenu li.jshover a:link,
#Grandmenu li.jshover a:visited,
#Grandmenu li.jshover a:hover {
	color:#fff;
	}
	
#Grandmenu li:hover li a:link,
#Grandmenu li:hover li a:visited,
#Grandmenu li:hover li a:hover,
#Grandmenu li.jshover li a:link,
#Grandmenu li.jshover li a:visited,
#Grandmenu li.jshover li a:hover {
	color:#6a6a6e;
	}
	
#Grandmenu li:hover li:hover a:link,
#Grandmenu li:hover li:hover a:visited,
#Grandmenu li:hover li:hover a:hover,
#Grandmenu li.jshover li.jshover a:link,
#Grandmenu li.jshover li.jshover a:visited,
#Grandmenu li.jshover li.jshover a:hover {
	color:#fff;
	}
	
#Grandmenu li:hover li:hover a.navi_str:link,
#Grandmenu li:hover li:hover a.navi_str:visited,
#Grandmenu li:hover li:hover a.navi_str:hover {
	background: url(../i_base/navi_str.gif) no-repeat 100% 9px;
	}
	
#Grandmenu li:hover li:hover li a:link,
#Grandmenu li:hover li:hover li a:visited,
#Grandmenu li:hover li:hover li a:hover,
#Grandmenu li.jshover li.jshover li a:link,
#Grandmenu li.jshover li.jshover li a:visited,
#Grandmenu li.jshover li.jshover li a:hover {
	color:#6a6a6e;
	}
	
#Grandmenu li:hover li:hover li:hover a:link,
#Grandmenu li:hover li:hover li:hover a:visited,
#Grandmenu li:hover li:hover li:hover a:hover,
#Grandmenu li.jshover li.jshover li.jshover a:link,
#Grandmenu li.jshover li.jshover li.jshover a:visited,
#Grandmenu li.jshover li.jshover li.jshover a:hover {
	color:#fff;
	}	


/* -------------->>>Header<<<-------------- */
#header {
	height:73px;
	width:876px;
	padding:22px 56px 0px 44px;
} /*976px*/

#header img {	
	float:left;
}

#header p {
	display:block;
	width:150px;
	overflow: hidden;
	float:left;
	margin-top:7px;
	padding:0px 0px 0px 538px;
	font-weight:bold;
	line-height:1.7em;
}

#header #links {
	float:right; 
	margin-top:10px;
}

#header #links li { 
	padding-bottom:8px;
}

#header #links a {
	display:block;
	text-decoration:none;
	overflow:hidden;
}

#header #links a.link1 {
	background: url(../i_base/links_mail.gif) no-repeat 0px 0px;
	height:11px;
	width:16px;
}

#header #links a.link1:hover {
	background: url(../i_base/links_mail.gif) no-repeat -17px 0px;
}

#header #links a.link2 {
	background: url(../i_base/links_map.gif) no-repeat 0px 0px;
	height:11px;
	width:16px;
}

#header #links a.link2:hover {
	background: url(../i_base/links_map.gif) no-repeat -17px 0px;
}


/* -------------->>>GrandContent ref : firstpage.css<<<-------------- */
#Grandcontent {
	width:864px;
	padding:0px 56px 40px 56px;
	clear:both;
    min-height:600px;
	position:relative;
} /*976px*/






/* -------------->>>Footer<<<-------------- */
#footer {
	width:864px;
	padding:20px 56px 20px 56px;
	background:#808084;
	border-top:10px solid #8a8a8e;
	color:#f1f1f1;
	clear:both;
} /*976px*/

#footer a {
	color:#dbdbdb;
	text-decoration:none;
}

#footer a:hover {
	color:#ffffff;
}

#footer #counter {
	width:280px;
	padding-right:60px;
	float:left;
	background:#808084;
}


/*#footer #counter ul {
	padding-bottom:40px;  
}

#footer #counter ul li {
	display:inline;
}

#footer #counter ul li a:link,
#footer #counter ul li a:visited,
#footer #counter ul li a:hover {
        padding:0 12px 3px 0;
}*/

#footer #counter #downmenu {
       padding-bottom:16px; 
       width:280px;  
	}
	
#footer #counter #downmenu a:link,
#footer #counter #downmenu a:visited,
#footer #counter #downmenu a:hover  {
	padding: 0 12px 2px 0;
       display:block;
       float:left;
       width:auto;
	}

#footer #counter img {
	margin-right:8px;
}

#footer #phone {
	width:270px;
	padding-left:50px;
	float:left;
	font-size:13px;
	background:#808084;
} /*24px лишних*/

#footer #phone a {
	font-size:13px;
}

#footer #phone span {
	display:block;
	float:left;
	padding-bottom:20px;
	padding-right:15px;
}

#footer #adress {
	width:180px;
	float:right;
	background:#808084;
}

.copyright {
	color:#c5c5c5;
}


/* -------------->>>Major<<<-------------- */
.Spaser {
	clear:both;
	height:1px;
	overflow:hidden;
	font-size:1px;
	float:none;
	line-height:1px;
}



.padding40px { padding-top:40px;} /* для заголовков внутри сайта */
.padding20px { padding-bottom:20px;}
.padding0px { padding-bottom:0px;}
.dalee { color:#ff9933; line-height:1.4em;}
.hei30px { height:30px; clear:both;}

/* -------------->>>copyrightsASVgraf<<<-------------- */

.copyrightAsvgraf {
    font: normal 10px/1.0em Arial, Helvetica, sans-serif;
	color:#c5c5c5; /*5C5E5D; d2d2d2; f2f2f2 8f9094*/
	padding:14px 0 0 0;
	height:16px;
	}
	
.copyrightMadein {
	display:block;
	float:left;
	line-height:1.2em;
	}
	
.copyrightAsvgraf .Y,
.copyrightAsvgraf .G,
.copyrightAsvgraf .X {
	display:block;
    float:left;
    text-transform:uppercase;
    font-weight:bold;
    padding:1px 1px;
	}
	
.copyrightAsvgraf .X {
	padding:1px 0;
	}
    
.copyrightAsvgraf .G {
	color:#fff; /*#a32c26; b80900*/
    background:#;
	}

/* 
#welcome h1, #welcome h2{
	padding: 0;
	margin: 0 0 5px;
	font: bold 16px Arial;
	color: #888;
}
#welcome h2{
	font: bold 15px Arial;
}
#welcome table {background: #ccc;}
#welcome table td {background: #fff; border: 1px solid #ccc; padding: 2px 3px; text-align: center; vertical-align: middle;}

 */


/* -------------->>> from xproject<<<-------------- */
#welcome h1, #welcome h2{
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #6a6a6e;
	padding:20px 0px 15px 0px;
}

#welcome p {
	margin-bottom:10px;
	}

#welcome table {
	background: #ccc;
	margin-bottom:30px;
	}
#welcome table td {background: #fff; border: 1px solid #ccc; padding: 2px 3px; text-align: center; vertical-align: middle;}

#f1,
#f2,
#f3,
#f4 {
	padding:0px 0px 20px 0px;
	display:none;
	}
	
#welcome ul {
	list-style-image:url(../i_base/bullet.gif);
	}
	
#welcome ul li {
	line-height:1.4em;
	padding-bottom:10px;
	margin-left:50px;
	list-style-image:url(../i_base/bullet.gif);
	}

/* -------------->>> end from xproject<<<-------------- */