* { margin:0;padding:0; }
html, body { height: 100%; }
strong { font-weight: normal; }
body{ background: #fff; /*#7EA9B2;*/}
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -209px; 
}
#footer, #push {
clear: both;
	height: 209px; 
}
body, td, .normal{ font-family:   Arial, Helvetica, sans-serif; color: #5b5b5b; }
body, td { font-size: 12px; }
.normal:hover { font-color: #5b5b5b; text-decoration: none }
table {border-collapse: collapse; border 0;}
td {	vertical-align: top; text-align: justify;}

p {	margin-top: 10px; 	margin-bottom: 10px; }
p img { margin-right: 10px; }
spacer { margin-bottom: 20px; }
img { border: 0 }
.img_box a{ margin-bottom: 20px;xborder: 1px solid #ccc; padding: 10px; float: left; width: 100px; margin-right: 20px; }
.nice_border { margin-bottom: 20px;border: 1px solid #ccc; padding: 10px;  }
form input, textarea {	border-top: 1px solid #4e9cbf;	border-left: 1px solid #4e9cbf;	border-right: 1px solid #b1def2; border-bottom: 1px solid #b1def2; font-family:  Arial, Helvetica, sans-serif; font-size: 12px; color: #666; background: #fff; width: 300px; padding: 2px 2px 2px 2px;}
form textarea { height: 100px;  overflow: auto;  }
form .button {	background: #7EA9B2; color: #fff; 	border-top: 1px solid #b1def2;	border-left: 1px solid #b1def2;	border-right: 1px solid #4e9cbf;	border-bottom: 1px solid #4e9cbf;	width: 306px;}
form .button:hover { background:  #4e9cbf; } 
form.error { color: #600; margin-bottom: 10px }

#page{min-width: 900px; background: #fff; }

#page, #footer {width: expression(document.body.clientWidth < 902? "900px" : "auto");}

#header { height: 360px; background: #fff url(/images/bg_head.jpg) repeat-x; clear: both;}
#header h1 { position: absolute; top:280px; left: 40px; font-size: 20px; }

a#header_home { background: url(/images/logo.jpg) no-repeat; width: 380px; height: 185px; float: left; }
a { color: #4e9cbf; text-decoration: none;}
a:hover { text-decoration:underline;}
#header_default		{	 width: 480px; float:right; height: 360px; background:url(http://www.itcd.ru/images/pic_head_small.jpg) }
#header_projects	{ width: 480px; float:right; height: 360px; background:url(http://www.itcd.ru/images/pic_proj.jpg) }
#header_services	{ width: 480px; float:right;height: 360px; background:url(http://www.itcd.ru/images/pic_serv.jpg) }
#header_tech		{ width: 480px; float:right;height: 360px; background:url(http://www.itcd.ru/images/pic_tech.jpg) }
#header_first		{ width: 480px; float:right; background: url(http://www.itcd.ru/images/pic_head1.jpg); height: 360px;}
#header_portfolio	{ height: 160px; background: url(http://www.itcd.ru/images/pic_head2.jpg) no-repeat right top; } 
#header_portfolio #portfolio { margin-top: -80px; width: 100%; height: 240px; position: absolute;}
#header_portfolio #portfolio #p2 { padding-right: 450px;  min-width: 450px; }
/*padding-right: 440px; }*/

#header_menu { position: absolute; top: 200px; left: 30px;}
#header_menu a { float: left; padding: 3px 10px; color: #75858a; text-decoration: none;  line-height: 20px; font-size: 14px; margin-right: 1px;}
#header_menu a:hover  { background:  #4e9cbf; color: #fff }
#header_menu a.selected, #header_menu a.selected:hover, b.selected { background: #7EA9B2; color: #fff }
a.pagesel, b.selected { padding: 3px 6px; }
a.pagesel:hover {text-decoration: none;  background:  #4e9cbf; color: white;}


#header_path { position:absolute; top: 320px; left: 40px; color: #75858a;  }
#header_path .home {width: 13px; height: 13px; background: url(http://www.itcd.ru/images/home.gif) left no-repeat; float:left; }
#header_path a { color: #75858a; }

#content { background: #fff;}
#content_left	{float:left; width: 69%;  background: #fff; color: #333; }
#content_left .p {  padding-left: 40px; text-align: justify;  background: #fff; vertical-align: top; }
#content_left h1, #f18.03.2008irst_news h1, #header h1 { margin: 0 0 20px 0; padding:0; color: #4e9cbf; font-weight: normal; }
#content_left h1, #first_news h1 { font-size: 18px;}
#content_left h2, #content_right h2, .h2, h2 a, h2 a:hover {	font-size: 18px; margin: 0; /*color:  #75858a;*/ font-weight: normal; text-decoration:none;}
#content_left h3, #content_right h3, .h3, h3 a, h3 a:hover {	font-size: 13px; margin: 0; color:  #666; font-weight: normal; text-decoration:none;}
h1, h2 { color: #4e9cbf; }
table.projectinfo td { padding-right: 10px; }
.projectslist, .border { border: 1px dashed #7EA9B2; margin-top: 20px; padding: 5px 10px; line-height: 15px;}
#content_left ul { margin-left: 20px; list-style-image: url(images/bullet.gif); margin-top: 3px;}
#content_left ul li { margin-bottom: 3px;}

#contact { line-height: 20px; }
#request td { padding-bottom: 3px;padding-right: 10px; }

#content_right { width: 30%; float: right; clear: right; display:inline; background: #fff; }
#content_right .p { text-align: left; float: right; width: 260px;  background: #fff; }
#content_right img.top { margin-right:7px; margin-left: 7px; float: left; }
#content_right h2 {margin-top: 5px; margin-bottom: 10px; float; left;}
#content_right .right_submenu {margin-top: 10px; margin-left: 46px; line-height: 20px}
#content_right #default_right { text-align: left; width: 320px; float: right;}
#content_right #default_right h2{ float: none; margin-left: 45px;}

#techno_index { margin-left: -15px; }
#techno_item { margin-left: -30px; }
#techno_index h2 {margin-left: 20px; margin-bottom: 5px; }

/*#first_bar { background: #f8fee8; margin-top: 20px; float: left; clear: both; width: 100%;}*/
#first_bar { background: #f8fee8; margin-top: 20px;  width: 100%;}
#bar {  padding-left: 20px; overflow:hidden; }
.bar_item { float: left; width: 24%; background: url(http://www.itcd.ru/images/shad_4.jpg) top right no-repeat; display: inline; cursor: pointer;}
.bar_item .p { margin: 10px 15px 10px 20px; display: block; text-align:justify;}
.bar_item  h1 {  padding: 0px 15px 10px 20px; color: #75858a; font-size: 20px; font-weight: normal; margin: 0; clear: both; margin-bottom: 5px; text-align: left;}

.bar_item .link { text-align: center; height: 70px; padding-top: 15px; }
.bar_item .p div { margin-top:10px; text-align:right;}

#ico1, #ico2, #ico3, #ico4 { width: 90px; height: 70px; display: block; margin: 0 auto;}
#ico1 { background: url(http://www.itcd.ru/images/ico_1.jpg) no-repeat center; }
#ico2 { background: url(http://www.itcd.ru/images/ico_2.jpg) no-repeat center; }
#ico3 { background: url(http://www.itcd.ru/images/ico_3.jpg) no-repeat center; }
#ico4 { background: url(http://www.itcd.ru/images/ico_4.jpg) no-repeat center; }

#first_news {  padding-top: 20px; background: #fff; clear: both; overflow: hidden: width: 100%;}

#first_news_left { width: 65%;}
#first_news_left .p { padding-left: 40px; }

#first_news_right { width: 34%; float: right;}
#first_news_right .p { margin-top: 30px;  background: #f5fed1 url(http://www.itcd.ru/images/corner.jpg) no-repeat top left; text-align: justify; padding: 15px 40px 20px 30px;  }
#first_news_right h1 { color: #75858a; font-size: 12px; font-weight: bold; }

#first_events td { padding: 0 40px 20px 0; }
#first_events .a { margin-top: 5px; text-align:right;}
#first_events .date {color: #75858a;} 

#counters { position: absolute; margin-left: -9999px; }



#footer {  background: url(http://www.itcd.ru/images/bg_bot.jpg) repeat-x; clear: both; font-size: 12px; }
#footer a { color: white; }
#footer_right {width: 450px; height: 209px; float: right; } /* background: url(http://www.itcd.ru/images/pic_bot.jpg) left bottom no-repeat; }*/
#footer_flash {width:230px;  height: 100px; float: left; margin-top: 109px;}
#footer_copyright{ color: #fff; font-weight: bold; float:right; width: 164px; height: 30px; margin-top: 155px; margin-right: 40px; padding-top: 15px; background: url(http://www.itcd.ru/images/itc.gif)  right no-repeat; border-top: 2px solid #fff;display:inline;}
#footer_contact{	color: #fff;		height: 30px;	margin-top: 155px;	margin-left: 40px;	padding-top: 15px;	float: left;	border-top: 2px solid #fff;display:inline;}

.icons_group {margin-top: 10px; margin-bottom: 10px; margin-right: 5px; float: left;}
.icons_group a {margin-right: 5px;}

.dd_link {  color: #75858a; }
.dd_link:hover { text-decoration: none; }
.dd_link div { width: 234px; height: 24px;  background: url(http://www.itcd.ru/images/dd_link.gif) no-repeat; }
.dd_link div div {padding: 4px 0 0 5px; height: 20px; width: 229px; cursor: pointer;}
.dd_link div.type1 { background-color: #f0f7f7; }
.dd_link div.type1:hover { background-color: #e0e7e7;}

.dd_link div.type2 { background-color: #f2f5e9; }
.dd_link div.type2:hover { background-color: #e2e5d9; }

.dd_link div.type3 { background-color: #f5f3f2; }
.dd_link div.type3:hover { background-color: #e5e3e2; }

.dropdown_wrapx {  width: 234px; visibility: hidden; position: absolute; margin-left: -9999px; margin-top:-1px; }
.dropdown_wrapx ul { border-top: 1px solid #eaeaea; border-left: 1px solid #eaeaea;}
.show { visibility: visible; margin-left: -234px; }

.dropdown { width: 234px; }
.dropdown ul { margin:0px; padding:0; width: 234px; list-style-type:none;}
/*.dropdown li { height: 33px; border-top: 1px solid #fafafa; border-left: 1px solid #fafafa; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; padding-top: 5px; padding-left: 5px; vertical-align: middle; color: #4e9cbf;}
*/
.dropdown li a, .dropdown li.nolink{ line-height:40px; width: 232px; height: 40px; display: block; border-top: 1px solid #fafafa; border-left: 1px solid #fafafa; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; color: #4e9cbf; }
.dropdown li a img, .dropdown li.nolink img{ vertical-align: middle; border: 0; margin: 4px 8px 5px 6px;  }
.dropdown li a:hover { text-decoration: none; }
.dropdown li.nolink {  cursor:default; }

.dropdown_wrapx li.first a { border-right: 0; }
.dropdown_wrapx li.last a { border-bottom: 1px solid #dadada; }

.dropdown li.type1 { background-color: #f0f7f7; }
.dropdown li.type1 a:hover { background-color: #e0e7e7;}

.dropdown li.type2 { background-color: #f2f5e9; }
.dropdown li.type2 a:hover { background-color: #e2e5d9; }

.dropdown li.type3 { background-color: #f5f3f2; }
.dropdown li.type3 a:hover { background-color: #e5e3e2; }

.line { margin-bottom: 5px }
.newline { margin-bottom: 10px }
.number { font-size: 26px; }
.date { font-weight: bold; }
.txtcenter { text-align: center }
.txtleft { text-align: left }
.clear { clear: both; }
.right { float: right; }
.left { float: left; }
.hidden { visibility: hidden; }

table#phones { border: 1px dashed #666; border-collapse: collapse; }
table#phones td { padding: 5px 10px; font-size: 14px; }