html				{ background: #F0ECE3;}
body				{ margin:0;color:#7F7F7F;font-family:Verdana,sans-serif;font-size: 0.9em;color:#111;line-height:1.2em;}
.float_l			{ float:left;}
.float_r			{ float:right;}
a					{ text-decoration: none;color:#006699;}
h1					{ }
.warning			{ padding:20px; text-align: center; font-weight: bold;}

h1, h2, h3, h4, h5, h6 {

}


/*
 * LAYOUT - COMMON
 ***************/
#wrapper			{ width:800px; margin:10px auto;position:relative;}
#header,
#contents,
.publicity,
#footer				{ background:#FFF;-moz-border-radius: 16px;-webkit-border-radius: 16px;border-radius:16px;}

/*
 * LAYOUT - HEADER
 ***************/
#header				{ border:3px solid #FFF;margin-bottom:10px;position:relative;background: #99CC33;padding:10px 10px;clear:both;height:110px;}
#header #logo img	{ width:110px;float:left;}
#header h1			{ float:left;font-size: 1.2em;font-weight: 600;margin-left:20px;margin-top: 40px;line-height: 1.2em;color:#FFF;text-shadow: 3px 3px 2px #719826;}
#header .domain		{ font-size:0.5em; color:#111;clear:both;text-shadow:none;}
#header #ribbon		{ position:absolute;right:0;top:0;}

/*
 * LAYOUT - MENU
 ***************/
ul#nav 				{ position:absolute;bottom:-12px;right:20px;list-style:none;display:block;text-align:center;	}
ul#nav li			{ margin-left:6px;float:left;text-align:center;}
ul#nav li a			{ display:block;border:2px solid #FFF;text-decoration:none;font-size: 0.8em;	padding:4px 16px 4px 16px;	background:#719826;	color:#FFF;-moz-border-radius: 5px;	-webkit-border-radius: 5px;	border-radius:5px;}
ul#nav li.selected a{ background:#006699;color:#FFF;}
ul#nav li a:hover	{ background:#006699;-moz-border-radius: 15px;	-webkit-border-radius: 15px;	border-radius:15px;}
 
ul#nav li a {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
 
/*
 * LAYOUT  - CONTENTS
 *********************/
#contents			{ background:#FFF;border:3px solid #FFF;color:#5D5D5D;clear:both;margin-top:20px;/*overflow:auto;*/padding:10px 20px;line-height: 1.8em; }
#contents h1		{ font-size:1.2em;border-bottom:1px solid #DDD;font-weight:bold;margin:20px 0;color:#333;padding:0 0 10px 0;}
#contents ul		{ margin:20px; 	}
#contents ul li		{ margin-left:20px;margin-bottom:10px;}

.publicity			{ background:#FFF;border:1px solid #DDD;clear:both;line-height: 1.8em;margin-top:20px;/*overflow:auto;*/padding:10px 20px;}

/*
 * LAYOUT  - FOOTER
 *********************/
#footer				{ clear:both;margin:20px 0 10px 0;padding:5px 10px;overflow:auto;font-size:0.7em;background:#CCC;border:3px solid #FFF;color:#111;}
#footer .domain		{ margin-top:15px;float:left;}
#footer ul.social	{ float:right;}
#footer ul.social li{ float:right;margin-left:4px;}
#footer ul.social li img{ width:40px;height:40px;}


/*
 * PAGE - HOME
 *********************/
#home_blocks		{ clear:both;margin-top:10px;overflow:auto;}
#home_blocks li		{ float:left;margin-right:10px;border:1px solid #DDD;width:258px;height:220px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px;background: #FFF;	}
#home_blocks li.last{ margin-right:0;}
#home_blocks li h2	{ font-weight: bold;font-size: 1.0em;color:#719826;text-align:right;/*border-bottom:1px solid #719826;*/ margin:15px 20px 10px 20px; line-height:0.8em;}
#home_blocks li p	{ padding:5px 10px;font-size: 0.8em; line-height: 1.2em;}
#home_blocks li.me	{ background-position: -10px 0;background-repeat: no-repeat;}
#home_blocks li.me h2{margin-left:115px;}
#home_blocks li.me p{ padding-left:80px;}
	
	
/*
 * PAGE - CONTACT
 *********************/
#contact form		{ width:600px;clear:both;	margin:10px auto;padding:0px;}
#contact form td	{ margin:1px;border-collapse: separate;}
#contact form .side	{ width:140px;text-align: right;padding-right:6px;padding:2px;-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	background:#006699;
	color:#FFF;
	font-size:0.8em;
	}
input,textarea{
	padding:4px;
	border:1px solid #006699;
	width:450px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-family:inherit;
	font-size:1.0em;
	float:left;
	}
#contact form .submit{
	clear: left;
	float: left;
	width:160px;
	}
input:focus, textarea:focus, input:hover, textarea:hover{
	background-color: #cdedf0;
}
.data_error{
 	border-color:red;
	}