body {background-color: #000000; font-family: Arial; font-size: 12pt; background: url('fibre.png');}

#wrapper {overflow: hidden; min-width: 960px;}
#content {width: 90%;	margin: 95px auto 10px auto;}

/*Заголовок*/
#title {
	position: absolute;
	top: -200px;
	height: auto;
	width: 30%;
	background: url('glass.png');
	padding: 10px;
	text-align: center;
	color: #FFFFFF;
	box-shadow: 0 0 10px rgba(0,0,0,0.9);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.9);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.9);
}
#title .name {font-size: 24px;}
#title .birth {font-size: 15px;}


/*Меню*/
#main_menu {
	position: relative;
	width: 100%;
	padding: 0;
	text-align: left;
	font-size: 15px;
	color: #FFFFFF;
	display: none;
}
a.button {
	display:inline-block;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	margin:0;
	width: 120px;
	padding: 6px 0;
	font-size:14px;
	text-align: center;
	cursor:pointer;
	opacity: 0;
	background: #353637; /* Old browsers */
	background: -moz-linear-gradient(top, #353637 10%, #222223 85%, #29292a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#353637), color-stop(85%,#222223), color-stop(100%,#29292a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #353637 10%,#222223 85%,#29292a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #353637 10%,#222223 85%,#29292a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #353637 10%,#222223 85%,#29292a 100%); /* IE10+ */
	background: linear-gradient(top, #353637 10%,#222223 85%,#29292a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353637', endColorstr='#29292a',GradientType=0 ); /* IE6-9 */
	-moz-box-shadow:0 1px 2px #000, inset 0 1px 0 #4a4a4a ;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.1) ;
	border:1px solid #1a1a1a;
	color:#FFFFFF;
	text-shadow: 0 -2px 0 #000;
	font-weight:300;
}
a.button:hover {
	background: #2e2f30; /* Old browsers */
	background: #2e2f30; /* Old browsers */
	background: -moz-linear-gradient(top, #2e2f30 10%, #1e1e1e 85%, #202021 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#2e2f30), color-stop(85%,#1e1e1e), color-stop(100%,#202021)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2e2f30 10%,#1e1e1e 85%,#202021 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2e2f30 10%,#1e1e1e 85%,#202021 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #2e2f30 10%,#1e1e1e 85%,#202021 100%); /* IE10+ */
	background: linear-gradient(top, #2e2f30 10%,#1e1e1e 85%,#202021 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2f30', endColorstr='#202021',GradientType=0 ); /* IE6-9 */
}

#panel {
	position: relative;
	height: 500px;
	width: 100%;
	margin-top: 20px;
	padding: 20px;
	background: url('glass.png');
	color: #FFFFFF;
	display: none;
	-moz-box-sizing: border-box; /* Для Firefox */
	-webkit-box-sizing: border-box; /* Для Chrome */
	box-sizing: border-box; /* Ширина блока с полями */
	box-shadow: 0 0 10px rgba(0,0,0,0.9);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.9);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.9);
	text-shadow: #CCCCCC 1px 1px 2px;
	filter: Shadow(Color=#999999, Direction=0, Strength=1);
}
#panel_content {position: relative; height: 100%; width: 100%; border: none;}

.tab {position: absolute; width: 100%; height: 100%;}

/*Образование*/
#education div.univer {font-size: 60px;}
#education div.time {font-size: 36px;}
#education div.spec {font-size: 54px;}
#education div.qualif {font-size: 36px;}
#education div {margin-bottom: 30px; text-align: center; display: none;}

/*Опыт*/
#years {width: 15%; height: 100%; float: left; overflow: hidden; display: none;}
#years div {height: 9.1%; border-bottom: 1px dashed #FFFFFF; font-size: 20px; text-align: center;}
#years .last {border-bottom: none;}

#descriptions {position: relative; width: 83%; height: 100%; margin-left: 2%; float: left; overflow: hidden;}

#pzmash {height: 32%;}
#slav {height: 8%;}
#vivat {height: 8%;}
#itech {height: 8%;}
#sir {height: 8%;}
#pss {height: 22%;}
#free {height: 10%;}

.desc span {color: #FFFFFF; font-size: 14px; font-style: normal;}
.desc {width: 100%; position: relative; border-top: 1px solid #FFFFFF; color: #CCCCCC; font-size: 10px; font-style: italic; display: none;}



/*Навыки*/
#skills_years {width: 100%; height: 100%; display: none;}
#skills_years div {width: 5%; height: 100%; float: right; text-align: center; font-size: 18px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 1px dashed #999999;}

#skills_desc {position: absolute; width: 100%; height: 100%; top: 30px; left: 0px; z-index: 10;}
.c_s {width: 100%; height: 6.2%; padding: 0px; text-align: left; font-size: 20px; display: none;}
.c_scol {background: #666666; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; float: right; height: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.pas {width: 80%;}
.cpp {width: 76%;}
.del {width: 68%;}
.htm {width: 64%;}
.one {width: 52%;}
.php {width: 48%;}
.jsc {width: 48%;}
.mys {width: 46%;}
.mss {width: 42%;}
.ora {width: 38%;}
.lin {width: 18%;}
.uex {width: 14%;}
.jqu {width: 10%;}
.joo {width: 8%;}
.yii {width: 6%;}


/*Дополнительно*/
#reference {width: 100%; height: 100%; font-size: 24px; display: none;}
#reference div {width: 100%; height: 50%; display: none;}
#reference div p {margin-top: 0;}
#reference .contacts {padding-top: 30px;}
#reference div span {color: #999999; font-size: 16px; font-style: italic;}