@import "reset.css";

/* tools */
.clear {clear:both; display:block; overflow:hidden; width:100%; height:1px;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

/* general styles */
.noline a { text-decoration:none }
.noline a:hover { text-decoration:underline }

a { text-decoration:underline; color:#33aee3; }
a:hover { text-decoration:none }

.overflow { overflow:auto; }

body { font:13px Helvetica, Arial, sans-serif; color:#000; }

/* layout */
html, body { margin:0; padding:0; width:100%; height:100%; }
body { min-height:100%; height:auto !important; height:100%; position:relative; }
#footer { width:100%; position:absolute; bottom:0; padding-bottom:0; }

.allContent { padding-bottom:60px; }

.mainWrapper { min-width:900px; max-width:1450px; position:relative; margin:0 auto; padding:0 50px; }
#header { height:100px; position:relative; }
#menu { width:59%; float:right;	position:relative; }

.contentT1 { padding-bottom:40px; }
	.contentT1 .sidebar { float:left; width:41%; }
	.contentT1 .sidebar .wrapp { padding-right:7%; }
	.contentT1 .content { float:right; width:59%; }

#footer .content { height:52px; font-size:12px; }

/* logo */
#header .logo, #header .logo span { position:absolute; left:0; top:0; display:block; width:150px; height:38px;}
	#header .logo { left:0; top:32px; text-align:center; }
	#header .logo, #header .logo a { color:#231f20; font-size:18px; text-decoration:none; line-height:50px; }
	#header .logo span { background:url('/images/logo.png') }
	#header .logo a span { cursor:pointer; }


#menu li { float:left; padding-top:36px; padding-right:11px; font-weight:bold; }
#menu li a { font-weight:normal; }
#menu .home { position:absolute; left:-30px; top:44px; }

#menu .decision a { color:#33aee3; }
#menu .documents a { color:#c5358a; }
#menu .company a { color:#ee5323; }
#menu .feedback a { color:#81c041; }

.mainContent h2 { font:bold italic 21px/26px Georgia, serif, "Times New Roman", Times; padding-bottom:16px; }
.mainContent h3 { padding:0; margin:0; font-style:normal; color:#33aee3; font:bold italic 15px/22px Georgia, "Times New Roman", Times, serif; padding-bottom:25px; padding-top:14px; }
.mainContent h3.black { padding-bottom:25px; padding-top:14px; font:bold italic 15px/22px Georgia, "Times New Roman", Times, serif; color:#000; }
.mainContent h2.header { font-size:15px; line-height:24px; font-weight:bold; }
.mainContent p { line-height:20px; padding-bottom:6px; }

#decision .sidebar .header { padding-top:3px; }
#decision .sidebar ul { position:relative; top:-1px; }

#main .content .wrapp,
#decision .content .wrapp { padding-right:50px; }

#decision .sidebar { width:32%; }

	ul.documents li { float:left; width:50%; }
	ul.documents li a { display:block; font-size:12px; color:#000000; text-decoration:none; background:url('/images/doc.png') no-repeat; height:45px; padding:9px 14% 0 45px; margin-bottom:18px; }

	ul.projects { padding:0; margin:0; overflow:hidden; }
	ul.projects li { width:35%; float:left; list-style:none; padding:0; margin:0; padding-bottom:20px; text-indent:-9999px; }
	ul.projects li a { display:block; height:129px; width:88%; position:relative; }
	ul.projects li .corner { display:block; height:129px; width:4px; background:url('/images/projects/corner.gif') 100% 0 no-repeat; position:absolute; right:0; top:0; }

	ul.projects li.netchart { width:30% }
		ul.projects li.netchart a { width:100%; }
	ul.projects li.issledovaniya {}

	ul.projects li.new-media a { background:url('/images/projects/new-media.png') no-repeat; }
	ul.projects li.personal-id a { background:url('/images/projects/personal-id.png') no-repeat; }
	ul.projects li.netchart a { background:url('/images/projects/netchart.png') no-repeat; }
	ul.projects li.issledovaniya a { background:url('/images/projects/issledovaniya.png') no-repeat; }
	
	ul.projects li.issledovaniya .corner { background:url('/images/projects/corner.png') 100% 0 no-repeat; }

.contentT1 ul.decision li { padding-bottom:12px; }
.contentT1 ul.decision p { padding-bottom:0; font-size:12px; position:relative; }
.contentT1 ul.decision a { font-size:13px; }

#footer .copyright { padding-right:20px; }

.specPredl { padding-top:3px; font-style:italic; width:64%; }


#menu .main { border-top:8px solid #9e9e9e; }
#menu ul.decision { border-top:8px solid #33aee3; }
#menu ul.doc { border-top:8px solid #c5358a; }
#menu ul.comp { border-top:8px solid #ee5323; }
#menu ul.feed { border-top:8px solid #81c041; }

#footer .content { border-bottom:8px solid #9e9e9e; }
#footer .decision .content { border-bottom:8px solid #33aee3; }
#footer .doc .content { border-bottom:8px solid #c5358a; }
#footer .comp .content { border-bottom:8px solid #ee5323; }
#footer .feed .content { border-bottom:8px solid #81c041; }
