@charset "UTF-8";
@import url("http://fonts.googleapis.com/css?family=Istok+Web:400,700&v2");

/* =============== Contact =============== */

#contact {
	margin: 0 50px;
	padding-top: 20px;
}

#contact h2 {
	margin-bottom: 20px;
}


/* =============== Form =============== */

#contact #form {
	background: #f2ebf7;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	width: 500px;
	margin: 0 auto;
	padding: 20px 50px;
}

#contact #form p {
	padding: 10px 0;
}

#contact #form dt {
	display: block;
	color: #103687;
	font-size: 120%;
	font-weight: bold;
	font-family: "Istok Web", Arial, Helvetica;
	margin-bottom: 5px;
}

#contact #form dt span {
	font-size: 80%;
	font-weight: normal;
	margin-left: 10px;
}

#contact #form dd {
	margin-bottom: 20px;
}

#contact #form dd .inputBox {
	width: 400px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px;
	margin-bottom: 5px;
}

#contact #form dd textarea {
	width: 496px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px;
}

#contact #form p {
	text-align: center;
}

#contact #form p input {
	width: 100px;
	background: #c491d5;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin: 0 10px;
	padding: 5px;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
}

#contact #read {
	width: 600px;
	margin: 20px auto;
}

#contact #read h4 {
	font-size: 90%;
	font-weight: bold;
}

#contact #read ol {
	font-size: 90%;
	margin: 0 0 0 20px;
}


/* =============== Conf =============== */

#contact #conf {
	background: #f2ebf7;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	width: 500px;
	margin: 0 auto;
	padding: 20px 50px;
}

#contact #conf p {
	padding: 10px 0;
}

#contact #conf dt {
	display: block;
	color: #103687;
	font-weight: bold;
	margin-bottom: 5px;
}

#contact #conf dd {
	border-radius: 5px;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px;
	margin-bottom: 20px;
}

#contact #conf #btn {
	text-align: center;
}

#contact #conf #btn input {
	width: 100px;
	background: #c491d5;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin: 0 10px;
	padding: 5px;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
}

#contact #conf p {
	margin-bottom: 20px;
	text-align: center;
}

#contact #conf .msg {
	color:#c00;
}

#contact #conf .thx {
}

#contact #conf .boojil {
	text-align: center;
	margin: 10px auto;
}