html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}





/* Basic HTML
----------------------------------------------------------------------------------------------------*/
html {
	height: 100%;
	}
body {
	font: 13px/16px Arial, sans-serif;
	background: #fff;
	color: #2d3437;
	height: 100%;
	}
a {
	color: #465661;
	}
a:hover {
	text-decoration: none;
	}
	a.semi {
		text-decoration: none;
		border-bottom: 1px dashed #465661;
		//position: relative;
		}
	a.semi:hover {
		border-bottom: none;
		}

.invert a, a.invert {
	text-decoration: none;
	}
.invert a:hover, a.invert:hover {
	text-decoration: underline;
	}

object, embed, a img {
	outline: 0;
	border: 0;
	}
area {
	cursor: help;
	}
:focus {
	outline: 0;
	}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
	}


/*
	Base semantics
*/
p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 10px;
}


/*
	Typo
*/
h1 {
	font-size: 35px;
	line-height: 40px;
	font-weight: bold;
	color: #e6dc44;
	}
h2 {
	font-size: 23px;
	}
h3 {
	font-size: 16px;
	color: #999999;
	line-height: 19px;
	}
h4 {
	font-size: 17px;
	}
h5 {
	font-size: 15px;
	}
h6 {
	font-size: 14px;
	}
small, .small {
	font-size: 12px;
	}
big, .big {
	font-size: 14px;
	}
var {
	font-style: normal;
	color: #e6dc44;
	position:absolute;
	left: -20px;
	top: 0;
	}
sub {
	font-size: .8em;
	vertical-align: bottom;
	}
sup {
	font-size: .8em;
	vertical-align: top;
	}


/*
	Forms
*/
form {}
	input, textarea, select, button {
		font-family: Arial, Helvetica, sans-serif;
		}
	input[type=text]:focus, input[type=password]:focus, textarea:focus {
		outline: 1px solid #e6dc44;
		}
	button {
		background: url(/img/design/button.png) repeat-x 0 0;
		padding: 0 20px;
		//padding: 0 5px;
		border: 0;
		color: #000;
		font-weight: bold;
		font-size: 11px;
		line-height: 20px;
		height: 20px;
		letter-spacing: 0.05em;
		vertical-align: middle;
		}
	input[type=text], input[type=password], textarea {
		color: #666666;
		border: 0;
		background: #e6e6e6;
		font-size: 11px;
		padding: 3px 5px;
		vertical-align: middle;
		}
	input.text, input.password, textarea {
		color: #666666;
		border: 0;
		background: #e6e6e6;
		font-size: 11px;
		padding: 3px 5px;
		vertical-align: middle;
		}
	form dt {
		width: 160px;
		padding: 2px 0;
		font-weight: normal;
		line-height: 1.2;
		float: left;
		clear: left;
		margin: 0 0 10px 0;
		}
		form dt em {
			font-style: normal;
			font-weight: bold;
			color: #e6dc44;
			vertical-align: baseline;
			font-size: 16px;
			line-height: 14px;
			margin: 0 0 0 2px;
			position: relative;
			top: 3px;
			}
	form dd {
		margin: 0 0 10px 170px;
		}
		form dd input[type=text] {
			width: 300px;
			}
		form dd input.text {
			width: 300px;
			}
		form dd select {
			width: 310px;
			}
		form dd textarea {
			width: 300px;
			height: 70px;
			}
		form label {
			color: #a2a6ad;
			}
		form samp {
			display: block;
			color: #465661;
			font-size: 11px;
			font-family: Arial, Helvetica, sans-serif;
			}
		form ins {
			display: block;
			color: #FF0000;
			font-size: 11px;
			}
		form dd.t-tar { width: 310px; }


/*
	Lists
*/
ul {
	margin-bottom: 15px;
	list-style-position: outside;
	list-style-type: none;
	padding: 0;
	}
ul li {
	padding-left: 20px;
	background: url(/img/design/ico.bullet.png) no-repeat 10px .5em;
	margin-bottom: 5px;
	}

li ul {
	margin-top: 5px;
	margin-bottom: 5px;
	}

ol {
	margin-left: 20px;
	margin-bottom: 15px;
	list-style-position: outside;
	list-style-type: decimal;
	padding: 0;
	}

ol li {
	padding-left: 0;
	background: none;
	margin-bottom: 5px;
	}

li ol {
	margin-top: 5px;
	margin-bottom: 5px;
	}

ol li ul li {
	padding-left: 20px;
	background: url(/img/design/ico.bullet.png) no-repeat 10px .5em;
	margin-bottom: 5px;
	}
	ol li ul li ol li {
		padding-left: 0;
		background: none;
		margin-bottom: 5px;
		}
		ol li ul li ol li ul li {
			padding-left: 20px;
			background: url(/img/design/ico.bullet.png) no-repeat 10px .5em;
			margin-bottom: 5px;
			}
			ol li ul li ol li ul li ol li {
				padding-left: 0;
				background: none;
				margin-bottom: 5px;
				}

dl {
	margin-bottom: 15px;
	}

dt {
	margin: 0 0 5px 20px;
	position: relative;
	}

dd {
	margin: 0 0 15px 20px;
	text-indent: 0;
	}


/*
	Tables
*/
table {
/*	font-size: 12px;*/
	width: 100%;
	}
th {
	font-size: 14px;
	font-weight: bold;
	color: #33373a;
	}
td {
	color: #2d3437;
	}
td, th {
	text-align: left;
	vertical-align: middle;
	padding: 10px;
	}
tr.odd td {
	background: #eeeeee;
	}


/*
	Typography
*/
/* decorations */
.t-upper { text-transform: uppercase; }
.t-lower { text-transform: lowercase; }
.t-normal { font-weight: normal; font-style: normal;}
.t-b { font-weight: bold; }
.t-i { font-style: italic; }

/* aligns */
.t-tal, td.t-tal { text-align: left!important; }
.t-tac, td.t-tac { text-align: center!important; }
.t-tar, td.t-tar { text-align: right!important; }

.t-vat, td.t-vat { vertical-align: top; }
.t-vam, td.t-vam { vertical-align: middle; }
.t-vab, td.t-vab { vertical-align: bottom; }
.t-vas, td.t-vas { vertical-align: baseline; }

/* font-sizes */
.t-10 { font-size: 10px; }
.t-11 { font-size: 11px; }
.t-12 { font-size: 12px; }
.t-13 { font-size: 13px; }
.t-14 { font-size: 14px; }
.t-15 { font-size: 15px; }
.t-16 { font-size: 16px; }
.t-17 { font-size: 17px; }
.t-18 { font-size: 18px; }
.t-19 { font-size: 19px; }
.t-20 { font-size: 20px; }
.t-22 { font-size: 22px; }
.t-24 { font-size: 24px; }
.t-25 { font-size: 25px; }
.t-26 { font-size: 26px; }
.t-28 { font-size: 28px; }

/* colors */
.c-lightgrey { color: #aeb2b8; }
.c-yellow { color: #e6dc44; }
.c-grey { color: #2d3437; }
.c-darkblue { color: #26302f; }


/*
	Grid Classes
*/
.x-fll { float: left; }
.x-flr { float: right; }

.x-cll { clear: left; }
.x-clr { clear: right; }
.x-clb { clear: both; }

.clear {
	background: none; 
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


/*
	Sys classes
*/
.hidden {
	display: none !important;
	}

.x-place {
	margin-bottom: 30px;
	}

.box-grey {
	background: #f0f0f0;
	padding: 20px 10px 30px 10px;
	position: relative;
	}
.box-gray {
	background: #f0f0f0;
	padding: 20px 10px 30px 10px;
	margin-bottom: 10px;
	}



/* margins */
.m-0 { margin: 0px; }
.m-t-0 { margin-top: 0px; }
.m-r-0 { margin-right: 0px; }
.m-b-0 { margin-bottom: 0px; }
.m-l-0 { margin-left: 0px; }

.m-5 { margin: 5px; }
.m-t-5 { margin-top: 5px; }
.m-r-5 { margin-right: 5px; }
.m-b-5 { margin-bottom: 5px; }
.m-l-5 { margin-left: 5px; }

.m-10 { margin: 10px; }
.m-t-10 { margin-top: 10px; }
.m-r-10 { margin-right: 10px; }
.m-b-10 { margin-bottom: 10px; }
.m-l-10 { margin-left: 10px; }

.m-15 { margin: 15px; }
.m-t-15 { margin-top: 15px; }
.m-r-15 { margin-right: 15px; }
.m-b-15 { margin-bottom: 15px; }
.m-l-15 { margin-left: 15px; }

.m-20 { margin: 20px; }
.m-t-20 { margin-top: 20px; }
.m-r-20 { margin-right: 20px; }
.m-b-20 { margin-bottom: 20px; }
.m-l-20 { margin-left: 20px; }

.m-25 { margin: 25px; }
.m-t-25 { margin-top: 25px; }
.m-r-25 { margin-right: 25px; }
.m-b-25 { margin-bottom: 25px; }
.m-l-25 { margin-left: 25px; }

.m-30 { margin: 30px; }
.m-t-30 { margin-top: 30px; }
.m-r-30 { margin-right: 30px; }
.m-b-30 { margin-bottom: 30px; }
.m-l-30 { margin-left: 30px; }

.m-b-100 { margin-bottom: 30px; }




.col-2, .col-3, .col-4, .col-5 {
	display: inline;
	float: left;
}
.col-2 { width: 49%; }
.col-3 { width: 33%; }
.col-4 { width: 24%; }
.col-5 { width: 19%; }