*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body
{
	margin:0;
	padding:0;
	background:#389da4;
	color:#fff;
	font-size:13px;
	font-family:Tahoma, Geneva, sans-serif;
}
img
{
 border:none;
}
h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:5px 0;
	padding:0;
}
h2, h3, h4
{
	font-family:Tahoma, Geneva, sans-serif;	
	font-weight:normal;
	margin:5px 0;
	padding:0;
}
h1
{
	font-size:1.8em;	
	color:#2b5154;
	border-bottom:#367d81 1px solid;
}
h2
{
	font-size:1.3em;	
}
h3
{
 	font-size:1.2em;
}
a
{
	color:#56b6ff;
	text-decoration:none;
}
label
{
	display:block;
	padding:2px 0;
	cursor:pointer;	
}
input, textarea
{
	background:#348a8e;
	border:#3db7be 1px solid;
	margin:0;
	padding:4px;
	color:#fff;
	font-family:Tahoma, Geneva, sans-serif;	
	font-size:1.1em;
}
input:active, textarea:active, input:focus, textarea:focus
{
	border-color:#439ca1;
}
p
{
	padding:0 0 10px 0;
	margin:0;
	line-height:1.35em;
	font-family:Arial, Helvetica, sans-serif;
	color:#e1f7f8;
}
#box
{
	background:#3db7be;
	overflow:hidden;
	padding:0 10px;
}
#header
{
	overflow:hidden;
	padding:10px;
}
#logo img
{
/*	width:357%; */
	width:300%;
	vertical-align:bottom;	
}

#main
{
	overflow:hidden;
	border-top:#1d3437 10px solid;
	padding:10px 10px 0 10px;
}
#top
{
	overflow:hidden;
	padding:5px;
	margin:0 -10px;
	color:#2b5154;
	font-size:0.8em;
	text-transform:uppercase;
	text-align:right;
	background:#389da4;
}
#top a
{
	color:#183234;
}
#top a:hover
{
	color:#ddd;
}
#top ul
{
	list-style-type:none;
	margin:0;
	padding:0;
	float:right;
}
#top ul li
{
	margin:0;
	padding:0 15px 0 10px;
	float:left;
	background:url('dot.png') right center no-repeat;
}

#top ul li.last
{
	background:transparent;
}
#side
{
	display:none;	
}
#footer
{
	border-top:#1d3437 10px solid;
	padding:5px; 	
}
ul#navi-footer
{
	list-style-type:none;
	margin:0;
	padding:0;
}
ul#navi-footer li
{
}
ul#navi-footer li ul
{
	list-style-type:none;
	margin:0;
	padding:0;

}
ul#navi-footer li ul li
{
	padding:0;
	margin:0;
	border-bottom:#367d81 1px solid; 
}


ul#navi-footer a
{
	color:#2b5154;
	display:block;
}
ul#navi-footer a:hover
{
	color:#fff;
}
ul#navi-footer li a
{
	font-weight:bold;
	
}
ul#navi-footer li ul li a
{
	padding:3px 2px;
	font-weight:normal;
}
#left, #right
{
	padding-bottom:10px;	
}
.pic-text
{
	background:#389da4;
	padding:5px;
	font-size:0.85em;
	margin:3px 0 5px 0;
}
.pic-text img
{
	width:100%;
}
.infobox
{
	background:#389da4;
	padding:5px 10px;
}
.infobox p
{
	font-style:italic;	
}







.grid
{
	overflow:hidden;
	margin-right:-10px;
}
.grid-33
{
	width:33.3%;
}
[class*='grid-'] {
	float:left;
	border-right:#3db7be 10px solid;
	border-bottom:#3db7be 10px solid;
}
.square-33
{
	height:0;
	padding-bottom:33.3%;
	margin-bottom:-12px;
}
.grid-33 a
{
	display:block;
	width:100%;
	padding-bottom:100%;
	background-repeat:no-repeat;
	background-size:100%;
	position:relative;

}
.grid-33 a h3, .grid-33 a:active h3, .grid-33 a:visited h3
{
	color:#fff;
	position:absolute;
	bottom:0;
	left:0;
	width:80%;
	background-color:#000;
 	font-size:1.2em;
	padding:5% 20px;
	margin:0;
	text-shadow:#000 1px 1px 1px;
	opacity:1;	
}
.grid-33 a:hover h3
{	
	opacity:1;
	text-shadow:none;
}
.grid-33#home-contact
{
	display:none;	
}


#addthis_footer
{
	padding: 5px;
	border-top: 1px dotted black;
	text-align: center;
	clear:both;
	margin:20px 0 80px 0;
}