@charset "utf-8";
body {font-size:1em; color:#333; font-family: 'Roboto', sans-serif;  }
body, td, th, h1, h2, h3, h4, p, ul, li { margin:0; padding:0; line-height:1.2em; }
p, ul {padding-bottom:10px; }
h1 {padding-bottom:10px; }
h2 { padding-bottom:10px; font-weight:300; color:#838383; }
h3 {padding-bottom:10px; font-weight:300; }
h4 { font-size:1.1em; padding-bottom:10px;  color:#00916b; font-weight:400; }
img { border:none; max-width:100%; height:auto; }
a { text-decoration:none; }
h2 a { color:#333; display:inline-block; width:100%; background:url(images/arrow-right.png) right center no-repeat; }
strong, b { font-weight:500; }

/* header */
#header {padding-bottom:20px; }
#menu { margin-top:10px; text-align:right; font-size:1.1em; line-height:2em; font-weight:300; }
#menu li { padding:10px; list-style:none; display:inline; position:relative; }
#menu a { color:#333; padding:10px 0;}
#menu a:hover { color:#FFF;  }
#menu li:hover { background:#00916b; }
#menu li:hover a { color:#FFF; }
#menu li ul a { color:#FFF; }
#menu li ul { display:none;position:absolute; width:220px; top:40px; right: 0; background:#00916b; font-size: 0.8em; text-align:left; margin:0; padding:20px 0; z-index:200; }
#menu li ul li { display:block; list-style:none; line-height:1.2em; padding:5px 10px; }
#menu li ul li a { display:inline-block; width:100%; padding:0; }
#menu li ul li:hover { background:#104134; background:rgba(0,0,0,0.2); }
#menu li:hover > ul { display:block; }
p.tel { clear:left; padding:30px 10px 0 0; font-size:1.8em; font-weight:300;  color:#104134; text-align:right; }

/* 2nd menu */
#menu2 { clear:both; margin:20px 0; line-height:1em; }
#menu2 li { background:url(images/bg-tabs.png) center right no-repeat #00916b; padding:2%; margin-right:1%; width:12%; float:left; list-style:none; min-height:60px;}
#menu2 li:last-child { margin:0; width:11%; float:right; }
#menu2 a { color:#FFF; display:inline-block; width:100%; }
#menu2 li:hover { background-position:center left; }
#menu2 li:first-child { border-radius:8px 0 0 8px;}
#menu2 li:last-child { border-radius:0 8px 8px 0;}
#noslider { list-style:none; }
#slider1 img, #noslider img			{ border-radius:8px; }


#main p, #main ul {font-size:0.9em;}
#main ul {margin-left:20px; list-style:square; }
#main li { line-height:1.5em; }
#main h3 { color:#00916b;}

#footer { background:#E0F2C9; padding:30px 0; margin-top:30px; }
#footer a { color:#333; }
#footer a.dgreen {color:#104134;}
#footer ul, #footer p { font-size:0.8em; padding-bottom:10px;}
#footer li { line-height:1.5em; list-style:none; }

/* classes */
.green { color:#00916b; }
.dgreen { color:#104134; }
.circle { border-radius:50%; }
.fll { float:left; margin-right:10px; }
.wrap { width:1200px; max-width:100%; margin:0 auto; position:relative; }
.clear { clear:both; }
.h10 { height:10px; }
.h20 { height:20px; }
.h30 { height:30px; }
.h40 { height:40px; }
.pad10 { padding:10px; }
.pad20 { padding:20px; }
.pad30 { padding:30px; }
.margr5 { margin-right:5%; }
.margr10 { margin-right:10%; }
.left20 {float:left; width:20%; }
.left30 {float:left; width:30%; }
.left66 {float:left; width:66%; }
.right20 { float:right; width:20%; }
.right30 { float:right; width:30%; }
.right66 { float:right; width:66%; }
.bdr {border-left:3px solid #00916b; padding-left:2%; }
.it { font-style:italic; line-height:1.3em;}
.txtc { text-align:center; }
.icon { border:#00916b 2px solid; border-radius:30px; margin:0 1%; }
.icon:hover { background:#E0F2C9; }

@media only screen 
and (min-width : 200px) 
and (max-width : 800px)
{
.wrap { width:96%; padding:0 2%;}
#menu { margin-top:20px; }	
#header .right66 {clear:both; float:none; width:100%;}
#menu2 {font-size:0.8em; }
}

@media only screen 
and (min-width : 200px) 
and (max-width : 650px)
{
#menu2 li, #menu2 li:last-child { width:28%; float:left; margin-bottom:1%;}
#menu2 li:nth-child(4) { clear:left; }
}

@media only screen
and (min-width : 200px) 
and (max-width : 550px)
{
#menu {font-size:0.8em;}
.left20, .right20 { width:100%; float:none; text-align:center; }
.margr5, .margr10 { margin:0; }
}

@media only screen
and (min-width : 200px) 
and (max-width : 450px)
{
body { font-size:0.9em; }
.right30, #main { width:100%; float:none; }
#main {padding-bottom:20px; }
}