/* CSS reset. Based on HTML5 boilerplate reset http://html5boilerplate.com/  */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display:block; }
audio[controls], canvas, video { display:inline-block; *display:inline; *zoom:1; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 14px; line-height: 1.4; }
body, button, input, select, textarea { font-family:sans-serif; }
a:focus { outline:thin dotted; }
a:hover, a:active { outline:0; }
abbr[title] { border-bottom:1px dotted; }
b, strong { font-weight:bold; }
blockquote { margin:1em 40px; }
dfn { font-style:italic; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
ins { background:#ff9; color:#000; text-decoration:none; }
mark { background:#ff0; color:#000; font-style:italic; font-weight:bold; }
pre, code, kbd, samp { font-family:monospace, monospace; _font-family:'courier new', monospace; font-size:1em; }
pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word; }
q { quotes:none; }
q:before, q:after { content:""; content:none; }
small { font-size:85%; }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }
ul, ol { margin:1em 0; padding:0 0 0 2em; }
dd { margin:0 0 0 40px; }
nav ul, nav ol { list-style:none; margin:0; padding:0; }
img { border:0; -ms-interpolation-mode:bicubic; }
svg:not(:root) { overflow:hidden;}
figure { margin:0; }
form { margin:0; }
fieldset { border:0; margin:0; padding:0; }
legend { border:0; *margin-left:-7px; padding:0; }
label { cursor:pointer; }
button, input, select, textarea { font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle; }
button, input { line-height:normal; *overflow:visible; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; -webkit-appearance:button; }
input[type="checkbox"], input[type="radio"] { box-sizing:border-box; }
input[type="search"] { -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
textarea { overflow:auto; vertical-align:top; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color:#f0dddd; }
table { border-collapse:collapse; border-spacing:0; }
.hidden { display:none; visibility:hidden; }
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }
/* End CSS reset */


/* Columns */
.col_25 { width:23%; margin:0 2% 0 0; float:left; }
.col_33 { width:31%; margin:0 2% 0 0; float:left; }
.col_50 { width:48%; margin:0 2% 0 0; float:left; }
.col_66 { width:64%; margin:0 2% 0 0; float:left; }
.col_75 { width:73%; margin:0 2% 0 0; float:left; }
.col_100 { width:98%; margin:0 2% 0 0; }
.col_25.wrap { width:25%; margin:0;}
.col_33.wrap { width:33%; margin:0;}
.col_50.wrap { width:50%; margin:0;}
.col_66.wrap { width:66%; margin:0;}
.col_75.wrap { width:75%; margin:0;}
.col_100.wrap { width:100%; margin:0;}
/* End columns */

/* Helper classes */
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.img_floatleft {float:left; margin:0 10px 5px 0;}
.img_floatright {float:right; margin:0 0 5px 10px;}
.img {max-width:100%;}
/* End helper classes */

a.button { color:auto; }

@media only screen and (max-width:480px) { /* Smartphone */
	.header { margin-bottom:0; }
	.logo{ display:block; float:none; text-align:center; }
	.menu_main { width:100%; text-align:center; float:none; padding:0; margin:1em 0 0 0; }
	.menu_main a { display:inline-block; padding:7px; }
	.copyright { width:100%; float:none; text-align:center; }
	.footer  { padding-bottom:0; }
	.menu_bottom { width:100%; float:none; text-align:center; margin:1em 0 0 0; padding:0; }  
	.menu_bottom a { display:inline-block; padding:6px; }
	.form textarea { width:100%; }  
	.form label { padding:10px 0 8px 0; }
}
@media only screen and (max-width:768px) { /* Tablet */
	.col_25, .col_33, .col_66, .col_50, .col_75  { width:98%; float:none; } 
	.form label { padding:10px 0 8px 0; }
}
@media print { /* Printer */
	* { background:transparent !important; color:black !important; text-shadow:none !important; filter:none !important; -ms-filter:none !important; }
	a, a:visited { color:#444 !important; text-decoration:underline; }
	a[href]:after { content:" (" attr(href) ")"; }
	abbr[title]:after { content:" (" attr(title) ")"; }
	pre, blockquote { border:1px solid #999; page-break-inside:avoid; }
	thead { display:table-header-group; }
	tr, img { page-break-inside:avoid; }
	img { max-width:100% !important; }
	@page { margin:0.5cm; }
	p, h2, h3 { orphans:3; widows:3; }
	h2, h3{ page-break-after:avoid; }  
	.header, .footer, .form {display:none;}
	.col_33, .col_66, .col_50  { width:98%; float:none; } 
}


/* Skin "Fresh" */
html { overflow-x:hidden; background: #fdfdfd url(/images/site/pattern.png) center top; background-color: transparent; border-bottom: 5px solid #58a22c; }
body, input, select, textarea { font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif; color:#333; font-style: normal; font-weight: lighter; font-size: 12px/14px; }
a { color: #008ace; text-decoration: none; border-bottom: 1px solid #b2ccf0; /*color:#58a22c; */ }
a:hover { color: #f14e23; text-decoration: none; border-bottom: 1px solid #cc0000; /*color:#333;*/ }


ul li, ol li { padding:0 0 0.4em 0; }

.container { max-width:1300px; margin:0 auto; }
.clearfix { background-color: #fafafa;  }


.header { margin:0; padding:0 2% 0 2%; border-top:5px solid #58a22c; background:#fbfaf8; position:relative; z-index:2; }
.header:before { content:""; display:block!important; height:100%; width:7000px; position:absolute; left:-2000px; top:-5px; border-top:5px solid #58a22c; background:#fbfaf8; z-index:-1; }
.logo { float:left; display:inline-block; padding:1.3em 0 0; font-size:24px; color:#333; font-family: 'Philosopher', sans-serif; } 

.menu_main { width:60%; float:right; text-align:right; font-size:18px; margin:0; }
.menu_main li { display:inline-block; }
.menu_main li a { display:inline-block; height:85px; line-height:85px; padding:0 11px; color:#58a22c; text-decoration: underline; border-bottom: none; /*text-transform:uppercase;*/ }
.menu_main li a:hover { color:#cc0000; }
.menu_main li.active { background:#fff; position: relative; bottom:-12px; -webkit-box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 3px;  -moz-box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 3px; box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 3px; }
.menu_main li.active a { color:#58a22c; text-decoration:none; cursor:default; position: relative; top: -4px; } 
.menu_main li.active:after { content:""; position:absolute; z-index:-1; bottom:15px; left:10px; width:50%; height:20%; -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.25); box-shadow:0 15px 10px rgba(0, 0, 0, 0.25); -webkit-transform:rotate(-4deg); -moz-transform:rotate(-4deg); -o-transform:rotate(-4deg); transform:rotate(-4deg); }

.hero { border-top:4px solid #d5f0c6; 
padding:20px 0 20px 2%; 
background:#e0ffed; 
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e2f7d6), to(#E0FFED)); 
background: -webkit-linear-gradient(#e2f7d6, #E0FFED); 
background: -moz-linear-gradient(#e2f7d6, #E0FFED); 
background: -ms-linear-gradient(#e2f7d6, #E0FFED); 
background: -o-linear-gradient(#e2f7d6, #E0FFED); 
background: linear-gradient(#e2f7d6, #E0FFED); 
position:relative; z-index:1; }
.hero:before { content:""; 
display:block!important; 
height:100%; width:7000px; 
position:absolute; 
left:-2000px; top:-4px; 
border-top:4px solid #d5f0c6;
background:#e0ffed; 
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e2f7d6), to(#E0FFED)); 
background: -webkit-linear-gradient(#e2f7d6, #E0FFED); 
background: -moz-linear-gradient(#e2f7d6, #E0FFED); 
background: -ms-linear-gradient(#e2f7d6, #E0FFED); 
background: -o-linear-gradient(#e2f7d6, #E0FFED); 
background: linear-gradient(#e2f7d6, #E0FFED); 
z-index:-1; }

.info { margin:0 0 20px 0; }
.article { padding:0 0 0 2%; }
.footer { border-top:2px solid #d5f0c6; padding:2em 2% 3em 2%; color:#555; background: #fdfdfd url(/images/site/pattern.png) center top; } 
.copyright { width:39%; float:left; }

.menu_bottom { width:60%; float:right; text-align:right; margin:0; padding:0; }
.menu_bottom li { display:inline-block; margin:0 0 0 7px; }
.menu_bottom li a { color:#58a22c; display:inline-block; padding:3px 6px; text-decoration: underline; border-bottom: none; }
.menu_bottom li a:hover { color:#cc0000; }
.menu_bottom li.active a { text-decoration:none; cursor:default; background:#fff; -webkit-box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 3px; box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 3px; }
.menu_bottom li.active a:hover { color:#58a22c; }

.hero h1 { font-size:32px; color:#333; font-family: 'Philosopher', sans-serif; }
h1, h2 { font-weight:normal; color:#58a22c; }
h3, h4, h5, h6 { font-weight:bold; color:#58a22c; }
h1 { font-size:22px; }

.form label { display:inline-block; padding:0 0 4px 0; }
a.button, .button { text-align:center; text-decoration:none; border:0; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-box-shadow:#a2dcb7 0px 5px 5px; -moz-box-shadow:#a2dcb7 0px 5px 5px; box-shadow:#a2dcb7 0px 5px 5px; background:#fff; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#e0feeb)); background:-webkit-linear-gradient(#fff, #e0feeb); background:-moz-linear-gradient(#fff, #e0feeb); background:-ms-linear-gradient(#fff, #e0feeb); background:-o-linear-gradient(#fff, #e0feeb); background:linear-gradient(#fff, #e0feeb); color:#58a22c; padding:6px 10px; font-family:verdana, sans-serif; display:inline-block; margin:5px 0 0 0; position:relative; }
a.button:before { content:""; display:block!important; position:absolute; z-index:-1; padding:7px 6px; width:100%; left:-7px; height:100%; top:-7px; background:#e0feeb; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#CAF0D8), to(#e0feeb)); background: -webkit-linear-gradient(#CAF0D8, #e0feeb); background: -moz-linear-gradient(#CAF0D8, #e0feeb); background: -ms-linear-gradient(#CAF0D8, #e0feeb); background: -o-linear-gradient(#CAF0D8, #e0feeb); background: linear-gradient(#CAF0D8, #e0feeb); -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px; border:1px solid #99d8b1; }
a.button:hover, .button:hover { -webkit-box-shadow:#a2dcb7 0px 3px 3px; -moz-box-shadow:#a2dcb7 0px 3px 3px; box-shadow:#a2dcb7 0px 3px 3px; background:#fff; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#e0feeb), to(#fff)); background:-webkit-linear-gradient(#e0feeb, #fff); background:-moz-linear-gradient(#e0feeb, #fff); background:-ms-linear-gradient(#e0feeb, #fff); background:-o-linear-gradient(#e0feeb, #fff); background:linear-gradient(#e0feeb, #fff); }
a.button:active, .button:active { color:#58a22c; -webkit-box-shadow:#a2dcb7 0px 2px 3px inset; -moz-box-shadow:#a2dcb7 0px 2px 3px inset; box-shadow:#a2dcb7 0px 2px 3px inset; }

.table { width:auto; margin: 20px 0; } 
.table caption { padding: 15px 0; text-align: center; font-weight: 900; }
.table th { padding:5px 7px; font-weight:900; text-align:left; font-size:16px; background:#ffffff; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#eafae1)); background:-webkit-linear-gradient(#ffffff, #eafae1); background:-moz-linear-gradient(#ffffff, #eafae1); background:-ms-linear-gradient(#ffffff, #eafae1); background:-o-linear-gradient(#ffffff, #eafae1); background:linear-gradient(#ffffff, #eafae1); }
.table td { padding:7px 10px; text-align:left; vertical-align: top; }
.table tr { border-bottom:2px solid #d5f0c6; }
.table tr:last-child { border:0; }

.warning { border:1px solid #c07306; color:#fff; padding:4px 14px; background:#e0901e; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
.success { border:1px solid #307904; color:#fff; background:#58a22c; padding:4px 14px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
.message { border:1px solid #def7a0; color:#75932b; background:#f6ffe0; padding:4px 14px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }

@media only screen and (max-width:480px) { /* Smartphone custom styles */
	.menu_main li a { height:auto; line-height:auto; line-height:inherit; display:inline-block; padding:7px; }
	.menu_main li.active  { bottom:0; }  
	.menu_main li.active a { position:static; }  
	.header:before, .hero:before { display:none!important; }
}

@media only screen and (max-width:768px) { /* Tablet custom styles */
	.menu_main { font-size:15px; }  
	.menu_main li a { padding:0 6px; }
	.header:before, .hero:before { display:none!important; }
}

/* mine */
div#rightness ul li { padding: 1px 0px 5px 16px; list-style-type: none; list-style-image: none; list-style-position: outside; background-color: transparent; background-image: url("/images/site/li_green.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0px 6px; background-clip: border-box; background-origin: padding-box; background-size: auto auto; }
div#rightness ul li li { padding: 1px 0; list-style-type: none; }

div.news { margin: 17px 0 0 0; clear: both; }
div.news p { margin: 0; padding: 0; }
div.news span { float: left; margin: 0 20px 20px 0; font-weight: 900; color:#58a22c; text-align:center; }
div.news strong { font-weight: 400; color: #777; }

.pagination { clear: both; width: 100%; margin: 20px 0; }
.pagination a { padding: 0 1%; }
.pagination #current { color:#58a22c; font-weight: 900; text-decoration: none;  }

.form .warning { width: 50%; }

div.news .img_floatleft { float:left; margin:0 12px 12px 0; padding: 5px; border: 1px solid #eee; }
div.ad { margin: 0; padding: 0 5% 0 0; color: #999; font-size: 12px; text-align: left; }
div.ad p { margin: 0; padding: 0; }
div.ad a { color: #999; }

span.counter { float: right; padding: 1% 5px 1% 1%; }
p#finisher { clear: both; width: 100%; margin: 20px 0; padding: 0; text-align: left; }

.alfa { margin: 0 12px 24px 5px; font-weight: 900; }
.alfa a { font-weight: 400; margin-right: 1%; }
p.letus { font-size:20px; color: #777; font-weight: 900;  }

table.zebra { border-collapse: collapse; border-spacing: 0; width: auto; }
table.zebra caption { padding: 12px 0; text-align: center; font-weight: 900; }
.zebra td, .zebra th { padding: 10px; border-bottom: 1px solid #eee; text-align: left; vertical-align: top; }
.zebra tr:hover, .zebra tbody tr:nth-child(even):hover { background: #fbf8e9; -o-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }  
.zebra tbody tr:nth-child(even) { background: #f5f5f5; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset; box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; }
.zebra th { text-align: left; text-shadow: 0 1px 0 rgba(255,255,255,.5); border-bottom: 1px solid #ccc; background-color: #eee; background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eee)); background-image: -webkit-linear-gradient(top, #f5f5f5, #eee); background-image: -moz-linear-gradient(top, #f5f5f5, #eee); background-image: -ms-linear-gradient(top, #f5f5f5, #eee); background-image: -o-linear-gradient(top, #f5f5f5, #eee); background-image: linear-gradient(top, #f5f5f5, #eee); }
.zebra th:first-child { -moz-border-radius: 6px 0 0 0; -webkit-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0; }
.zebra th:last-child { -moz-border-radius: 0 6px 0 0; -webkit-border-radius: 0 6px 0 0; border-radius: 0 6px 0 0; }
.zebra tfoot td { border-bottom: 0; border-top: 1px solid #fff; background-color: #f1f1f1; }
.zebra tfoot td:first-child { -moz-border-radius: 0 0 0 6px; -webkit-border-radius: 0 0 0 6px; border-radius: 0 0 0 6px; }
.zebra tfoot td:last-child { -moz-border-radius: 0 0 6px 0; -webkit-border-radius: 0 0 6px 0; border-radius: 0 0 6px 0; }

p.phone { display: none; }
#idphone { display: none; }

.map{
	position:relative;
	margin-top: 2px;
	margin-bottom:0px;
}

.map iframe{
	width:100%;
	height:450px;
	border:none;
}

.map-grid iframe{
	width:100%;
	height:350px;
	border:none;
	margin:0 0 -5px 0;
	padding:0;
}