@CHARSET "UTF-8";
.titlecat{
	font-size: 24px;
	font-family: Trebuchet MS;
	color: black;
	white-space: nowrap;
	height: 23px;
	*height: 30px;
}
.titlecat a{
	font-size: 24px;
	font-family: Trebuchet MS;
	color: black;
	text-decoration: underline;
}
.titlecat a:hover{
	text-decoration: none;
}
.portfoliocat{
	margin-left: 80px;
}
.titlecat sup{
	font-size: 16px;
	font-family: Trebuchet MS;
	color: black;
	font-style: italic;
	vertical-align: top;
}
div.works{
	position: relative;
	width: 247px;
	background-color: #a6d755;
	background-image: url("../images/headerw.jpg");
	background-repeat: no-repeat;
}
div.workfooter{
	position: relative;
	width: 247px;
	height: 55px;
	margin-top: 11px;
	background-image: url("../images/footerw.jpg");
	background-repeat: no-repeat;
}
div.title{
	position: relative;
	width: 219px;
	margin: auto;
	margin-top: 10px;
	white-space: normal;
}
div.title a{
	color: white;
	font-size: 16px;
	font-family: Trebuchet MS;
	font-weight: bold;
}
div.title a:hover{
	text-decoration: none;	
}
div.time{
	position: relative;
	width: 219px;
	margin: auto;
	color: #467300;
	font-size: 11px;
}
div.image{
	position: relative;
	width: 219px;
	margin: auto;
	margin-top: 3px;
}
div.razdel{
	position: relative;
	width: 219px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 14px;
	background-image: url("../images/razdel.jpg");
	background-repeat: no-repeat;
}
a.pagenavp{
	color: white;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
}
a.pagenavp:hover{
	text-decoration: none;
}
span.pagenavp{
	color: #467300;
	font-family: Arial;
	font-size: 14px;
}
div.pagination{
	position: absolute;
	top: 13px;
	left: 46px;
	width: 150px;
	height: 20px;
	text-align: center;
}
div.next{
	position: absolute;
	top: 5px;
	left: 135px;
	width: 15px;
	height: 12px;
	overflow: hidden;
}
div.next a{
	display: block;
	width: 15px;
	height: 12px;
	text-indent: -9999px;
}
div.prev{
	position: absolute;
	top: 5px;
	left: 0px;
	width: 15px;
	height: 12px;
	overflow: hidden;
}
div.prev a{
	display: block;
	width: 15px;
	height: 12px;
	text-indent: -9999px;
}
.projectName{
	font-size: 21px;
	font-family: Trebuchet MS;
	color: black;
	width: 50%;
}
.titleProject{
	position: relative;
	width: 100%;
}
.projectProc{
	text-align: right;
	width: 50%;
}
.projectProc a{
	font-family: Trebuchet MS;
	font-size: 16px;
	color: #5d8917;
}
.projectProc a:hover{
	text-decoration: none;
}
div.projectProgress{
	position: relative;
	width: 636px;	
	margin-left: 20px;
	margin-top: 10px;
}
div.pane{
	position: relative;
	background-color: #a6d755;
	background-color: #a6d755;
	background-image: url("../images/panetop.jpg");
	background-repeat: no-repeat;
}
div.panebottom{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 636px;
	height: 10px;
	background-image: url("../images/panebottom.jpg");
	background-repeat: no-repeat;
	z-index: 1;	
}
.paneTable{
	width: 98%;
	margin: auto;

}
div.panediv{
	position: relative;
	width: 100%;
	z-index: 20;
	padding-bottom: 3px;
}
.paneTitle{
	background-image: url("../images/markergreen.jpg");
	background-repeat: no-repeat;
	background-position: 0px 5px;
	font-family: Trebuchet MS;
	font-size: 18px;
	color: white;
	padding-left: 20px;
	white-space: nowrap;
	width: 100px;
}
.paneTitle2{
	background-image: url("../images/markerwhite.jpg");
	background-repeat: no-repeat;
	background-position: 0px 5px;
	font-family: Trebuchet MS;
	font-size: 18px;
	color: white;
	padding-left: 20px;
	white-space: nowrap;
	width: 100px;
}
.paneText{
	text-align: left;
	color: #1d2f00;
	font-family: Trebuchet MS;
	font-size: 14px;
	padding-top: 4px;
}
div.imageComent{
	position: relative;
	width: 636px;
	background-color: #a6d755;
	background-image: url("../images/imgtop.jpg");
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-bottom: 20px;
	padding-top: 25px;
	padding-bottom: 15px;
}
div.imageComentBottom{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 636px;
	height: 9px;
	background-image: url("../images/imgbottom.jpg");
	background-repeat: no-repeat;
	z-index: 1;
}
div.imagetext{
	position: relative;
	width: 600px;
	margin: auto;
	font-size: 16px;
	color: #1d2f00;
	z-index: 2;
}
.worker{
	width: 584px;
	margin: auto;
}
.worker td{
	color: black;
	font-size: 16px;
	font-family: Trebuchet MS;
	line-height: 25px;
}
div.homework{
	position: relative;
	width: 690px;	
	text-align: right;
	font-family: Trebuchet MS;
	font-size: 24px;
	color: black;
}
div.homework a{
	font-family: Trebuchet MS;
	font-size: 24px;
	color: black;
	text-decoration: underline;	
}
div.homework a:hover{
	text-decoration: none;	
}
div.imgwork{
	position: relative;
	width: 690px;
	margin-top: 5px;
	overflow: hidden;	
}
div.markers{
	position: relative;
	width: 690px;
	height: 28px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url("../images/markers.jpg");
	background-repeat: no-repeat;
	background-position: top right;
}
div.allwork{
	position: relative;
	width: 690px;
	margin-top: 15px;
}
div.allwork a{
	font-family: Trebuchet MS;
	font-size: 18px;
	color: #578904;
}
div.allwork a:hover{
	text-decoration: none;
}
div.articleCaption{
	position: relative;
	width: 690px;
	margin-top: 35px;
	font-family: Calibri, Trebuchet MS;
	font-size: 30px;
	color: black;
}
div.newTitle{
	position: relative;
	width: 690px;	
	margin-top: 40px;
}
div.newTitle a{
	font-family: Calibri, Trebuchet MS;
	font-size: 24px;
	color: black;
	text-decoration: underline;
}
div.newTitle a:hover{
	text-decoration: none;
}
div.newsText{
	position: relative;
	width: 660px;
	color: #605d5c;
	font-family: Trebuchet MS;
	margin-top: 10px;
	margin-left: 0px;
	font-size: 16px;
}
/*----------------------- simple -----------------*/
div.worksimple{
	position: relative;
	background: #a6d755;
	background-image: url("../images/simplecattop.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	width: 567px;
	margin: auto;
	margin-top: 10px;
}
div.workfootersimple{
	position: relative;
	width: 567px;
	height: 54px;
	background-image: url("../images/simplecatbottom.jpg");
}
div.simpleitem0{
	position: relative;
	width: 225px;
	margin-left: 30px;
}
table.simpletable{
	width: 550px;
	margin-left: 30px;
}
table.simpletable td{
	width: 225px;
}
div.simpleitem{
	position: relative;
	width: 225px;
}
div.workfootersimple div.pagination{
	position: absolute;
	left: 180px;
	width: 200px;
}
div.workfootersimple div.prev{
	top: 0px;
	left: 0px;
	height: 15px;
	width: 20px;
}
div.workfootersimple div.next{
	position: absolute;
	top: 0px;
	left: 180px;
	height: 15px;
	width: 20px;
}