@CHARSET "UTF-8";

#boxes{
	padding-top:		10px;
	font:				normal 10px Verdana;
	color:				#4B5256;
	display:			table-cell;
	margin:				0;
	padding:			15px 0 0 0;
	min-width:			325px;	
}

#boxes b{
	text-transform:		capitalize;
	font:				bold 11px Verdana;
	margin-left:		-15px;
}

#boxes p{	
	margin:				7px 0 7px 0;
}

#boxes strong{
	font:				bold 9px Verdana;
}

#boxes li{
	list-style-type: 	none;
}

#boxes li div{
	float:				left;
	margin:				0px 0 9px 0;
}

#boxes .left{		
	width:				20px;
	clear:				left;
}

#boxes .mid{
	width:				280px;	
	overflow:			hidden;
}

#boxes .mid div{
	min-width:			150px;
	width:				260px;
	padding:			6px 3px 3px 20px;
	position:			absolute;
}

#boxes .mid div a.more{	
	float:				left;
	text-decoration:	none;
	color:				#4B5256;	
	font:				bold 9px Verdana;
	padding:			2px 15px 2px 4px;
	margin:				10px 0 0 -20px;
	text-transform:		none;
	position:			absolute;
	bottom:				15px;
	display:			block;
	background:			url('../images/more.gif') no-repeat center right;
}

#boxes .right{
	width:				7px;	
}

#boxes .red div{
	height:				275px;
}

#boxes .blue div{
	height:				200px;
}

#boxes .blue div img{
	position:			absolute;
	bottom:				11px;
	right:				-6px;
}

#boxes .green .left{	
	background:			url('../images/box/green/left.jpg') no-repeat bottom left;
}

#boxes .green .mid{
	background:			url('../images/box/green/mid.jpg') repeat-x bottom left;	
}

#boxes .green p{
	width:				285px;
}

#boxes .green b{
	display:			block;
	margin:				5px 0 0 10px;
}


#boxes .green_inner{
	margin-left:		-5px;
	min-height:			120px;
	display:			block;
	padding:			5px 15px 5px 15px;
}

#boxes .green td{
	vertical-align:		top;
	max-width:			142px;
	padding:			0;
	margin:				0;	
}

#boxes .green td p{
	padding:			0;
	margin:				0;
	display:			block;
	width:				145px;
}

#boxes .green .mid .bbutton{
	background:			url('../images/box/green/button.gif') no-repeat bottom left;
	width:				283px;
	height:				48px;
	display:			block;	
	margin:				-25px 10px 0 3px;
	text-decoration:	none;
	text-indent:		20px;	
}

#boxes .green .mid .bbutton i{
	font:				normal 9px Verdana;
	display:			block;
	color:				#4B5256;
}

#boxes .green .mid .bbutton b{
	padding:			15px 0 0 0;
	font:				bold 12px Verdana;
	color:				#FFFFFF;
	display:			block;	
	margin:				0;
}

#boxes .green .mid p{
	margin-right:		100px;
}

#boxes .green .right{
	background:			url('../images/box/green/right.jpg') no-repeat bottom left;	
}

#boxes .green div{
	height:				178px;
}

#boxes .lblue div{
	height:				142px;
}

#boxes .lgreen div{
	height:				133px;	
}

#boxes .red .left{		
	background:			url('../images/box/red/left.jpg') no-repeat bottom left;
}

#boxes .red .mid{	
	background:			url('../images/box/red/mid.jpg') repeat-x bottom left;
}

#boxes .red .mid div{
	padding:			5px 5px 5px 5px;
	position:			absolute;
	font:				normal 10px Verdana;
}

#boxes .red .mid h2{
	font:				normal 10px Verdana;	
	display:			block;
}

#boxes .red_inner{
	min-height:			70px;
	display:			block;
}


#boxes .red .mid h2 b{
	font:				bold 10px Verdana;
	display:			table-cell;
	width:				80px;		
}
/*
#boxes .red .mid input{
	margin-top:			-25px;
	width:				170px;
	background:			#FFFFFF;
	border:				1px solid #AAAAAA;
	border-top:			1px solid #666666;
	border-left:		1px solid #666666;
	display:			table-cell;
	float:				right;		
}
*/

#boxes .red .mid h1{
	font:				bold 11px Verdana;
	margin:				10px 0 10px 0;	
}

#boxes .red .mid h1 b{
	font:				bold 18px Verdana;
	margin-right:		3px;
	color:				#FFFFFF;
	padding:			0;
	margin:				0;
}

#boxes .red .mid h1 i{
	text-align:			center;
	font:				bold 11px Verdana;
	display:			block;
	width:				200px;
	color:				#FFFFFF;
	padding:			0;
	margin:				10px 40px 0 40px;
}

#boxes .red .mid .bbutton{
	background:			url('../images/box/red/button.gif') no-repeat bottom left;
	width:				261px;
	height:				68px;
	display:			block;	
	margin:				10px 10px 0 10px;	
	font:				normal 19px Arial;
	text-decoration:	none;
	color:				#FFFFFF;
	line-height:		65px;
	text-indent:		20px;	
}

#boxes .red .mid .mbutton{
	background:			url('../images/box/red/mail.gif') no-repeat bottom left;
	width:				261px;
	height:				15px;
	display:			block;	
	margin:				10px 10px 0 30px;
	font:				bold 11px Verdana;
	text-decoration:	none;
	color:				#FFFFFF;
	line-height:		14px;
	text-indent:		30px;	
}

.buttons{
	display:			block;
	width:				280px;
	padding:			0;
	margin:				0px 0px 0px -5px;
	text-align:			center;
}

#boxes .red .mid .abutton{
	background:			url('../images/box/red/anuluj.gif') no-repeat bottom left;
	width:				74px;
	height:				68px;
	font:				bold 12px Arial;	
}

#boxes .red .mid .abutton a{
	text-decoration:	none;
	color:				#635248;
	line-height:		55px;	
}

#boxes .red .mid .sbutton{
	background:			url('../images/box/red/wyslij.gif') no-repeat bottom left;
	width:				196px;
	height:				68px;
	font:				bold 17px Arial;	
}

#boxes .red .mid h3{
	font:				bold 11px Arial;
	text-align:			center;
	width:				250px;
	margin:				5px 10px 0 15px;
}

#boxes .red .mid h3 i{
	font:				bold 11px Arial;
	color:				#FFFFFF;
	text-align:			center;
	width:				850px;
	margin:				5px 0px 0 5px;		
}

#boxes .red .mid .sbutton a{
	text-decoration:	none;
	color:				#FFFFFF;
	line-height:		55px;
}

#boxes .red .right{
	background:			url('../images/box/red/right.jpg') no-repeat bottom left;
}

#boxes .blue .left{	
	background:			url('../images/box/blue/left.jpg') no-repeat bottom left;
}

#boxes .blue .mid{
	background:			url('../images/box/blue/mid.jpg') repeat-x bottom left;	
}

#boxes .blue .mid p{
	margin-right:		100px;
}

#boxes .blue .right{
	background:			url('../images/box/blue/right.jpg') no-repeat bottom left;	
}

#boxes .lblue .left{		
	background:			url('../images/box/lblue/left.jpg') no-repeat bottom left;
}

#boxes .lblue .mid{
	background:			url('../images/box/lblue/mid.jpg') repeat-x bottom left;
}

#boxes .lblue .right{
	background:			url('../images/box/lblue/right.jpg') no-repeat bottom left;
}

#boxes .lgreen .left{
	height:				133px;
	background:			url('../images/box/lgreen/left.jpg') no-repeat bottom left;
}

#boxes .lgreen .mid{
	background:			url('../images/box/lgreen/mid.jpg') repeat-x bottom left;
}

#boxes .lgreen .right{
	background:			url('../images/box/lgreen/right.jpg') no-repeat bottom left;
}

#boxes th{
	vertical-align:		top;
}

#boxes textarea{
	width:				170px;
	background:			#FFFFFF;
	border:				1px solid #AAAAAA;
	border-top:			1px solid #666666;
	border-left:		1px solid #666666;
	display:			table-cell;	
}

#boxes input{
	width:				170px;
	background:			#FFFFFF;
	border:				1px solid #AAAAAA;
	border-top:			1px solid #666666;
	border-left:		1px solid #666666;
	display:			table-cell;	
	
}

#boxes select{
	width:				260px;
	background:			#FFFFFF;
	border:				1px solid #AAAAAA;
	border-top:			1px solid #666666;
	border-left:		1px solid #666666;
	display:			table-cell;	
	font:				bold 10px Arial;
	
}

#normal i{
	display:			block;
	min-height:			40px;
}

#list{
	left:				-40px;
}

#list ul{
	margin-top:			20px;
}