/**/

/*@import "../css/reset.css";
@import "../css/grid.css";*/

a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,meter,nav,object,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}blockquote, q {quotes:none;}table {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;} textarea{ outline:none;border-radius:0;}

/*
  960 Grid System ~ Core CSS. Learn more ~ http://960.gs/
  Licensed under GPL and MIT.
*/

body {min-width: 960px;}
.container_12 {margin-left: auto; margin-right: auto; width: 960px;}
.grid_1,
.grid_3,
.grid_8,
.grid_9 {display: inline; float: left; margin-left: 10px;margin-right: 10px;}
.container_12 .grid_1 {width: 60px;}
.container_12 .grid_3 {width: 220px;}
.container_12 .grid_8 {width: 620px;}
.container_12 .grid_9 {width: 700px;}
.clear {clear: both; display: block; overflow: hidden;
  visibility: hidden; width: 0; height: 0;}
.container_12:before,
.container_12:after {content: '.'; display: block; overflow: hidden;
  visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0;}
.container_12:after {clear: both;}
.container_12 {zoom: 1;}

input {
	outline:  none !important;
	border-radius: 0 !important;	 
}

html {
	width: 100%;
} 


* {
	-webkit-text-size-adjust: none;
}


/* glegoo-regular - latin */

@font-face {
  font-family: 'Glegoo';
  font-style: normal;
  font-weight: 400;
  src: url('../font/glegoo-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Glegoo'), local('Glegoo-Regular'),
       url('../font/glegoo-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/glegoo-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/glegoo-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/glegoo-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/glegoo-v5-latin-regular.svg#Glegoo') format('svg'); /* Legacy iOS */
}


body {
	font: 14px/21px  Arial, Helvetica, sans-serif;
	min-width:320px;
	color:#858080;
	background-color: #fff;
	position:relative;
}

.show1 { display:block; }
.hide1 { display:none; }

.noselect {
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: 'Glegoo', serif;
	color: #aba8a8;
}

h3 {
	font-weight: normal;
	font-family: 'Glegoo', serif;
	color: #217121;
}

h1 {
	font-size: 40px;
	line-height: 40px;
	padding-top: 48px;
	margin-bottom: 44px;
        text-align:center;
}

.page1 h1 {
	padding-top: 0;
	margin-bottom: 15px;
}

h2,h4 {
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 22px;
        text-align:center;
}

h5 {
    //    font-size:10px;
    display:inline;
    text-decoration: none;
    //color:inherit;
    color: blue;
    outline: none;
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

h5:hover {
	color: #D5888E;	
}


p4 {
	font-weight: normal;
	font-family: 'Glegoo', serif;
	color: #217121;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 22px;
        text-align:center;
}

p {
	margin-bottom: 18px;
}

.p1 {
    margin-bottom:0px;
}

img {
	max-width: 100%;
}

address {
	font-style: normal;
}

ul {
	padding: 0;
	margin: 0;
	list-style: none;
}


/*links*/

a {
	text-decoration: none;
	//color:inherit;
	color: blue;
	outline: none;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

a:hover {
	color: #D5888E;	
}

sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
sub { 
  top: 0.4em; 
}

.img_inner {
	max-width: 100%;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;
	margin-bottom: 19px;
        position: relative;
}

.fright {
        float: none;
	clear: both;
        width: 280px;
	margin-left: 0px;
	margin-right: 0px;
}
.fleft {
        float: none;
	clear: both;
        width: 280px;
	margin-left: 0px;
	margin-right: 0px;
}

.clear {
	float: none !important;
	clear: both;
}

header {
	display: block;
	position: relative;
	z-index: 999;
	padding: 0px 0 0px;
	background-color: #F1EFEE;
	color: #077707;
	text-align:center;
}

.fix-header {
    position: fixed;
    left: 50%;
    top: 0%;
    transform: translateX(-50%);
    -moz-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    -webkit-transform: translateX(-50%);
    background-color: #FFFFFF
}

h1 {
	z-index: 999;
	margin-bottom: 51px;
	text-align: center;
}

.content {
	padding-bottom: 51px;
        padding-top: 30px;
}

.page1 .content {
 padding-bottom: 74px;

}

.car_div {

        border: 0px ;
        margin-top: 20px;
	padding: 0px 17px 66px;
	position: relative;
        background: #C1FFC1; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(#C1FFC1, #FFFFFF); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#C1FFC1, #FFFFFF); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#C1FFC1, #FFFFFF); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#C1FFC1, #FFFFFF); /* Standard syntax */
        border-top-left-radius:15px 15px;
        border-top-right-radius:15px 15px;
}

.car_div .title {
        font-weight: bold;
	font-family: 'Glegoo', serif;
	font: 19px/41px 'Glegoo', serif;
	padding-top: 9px;
	margin-bottom: 20px;
	text-align: left;
	color: #68228B;
	display: block;

}

.column {
	padding-top: 0px;
        padding-top:80px;
        vertical-align:bottom;
}

.message {
        left: 20px;
        right: 20px;
        margin-top:15px;	
        padding: 5px;
        padding-left:15px;
        padding-right:15px;
	padding-bottom: 5px;
	font: 12px/18px  Arial, Helvetica, sans-serif;
	//	color:#858080;
	color:#228000;
	background-color: #ffffaa;
        position:absolute;
        bottom: 50px;
	min-width:250px;
        border-radius:15px 15px;
}

.bottom_block1 {
	background-color: #bcbaba;
	color: #07e707;
	font-size: 16px;
        font-weight: bold;
	font-family: 'Glegoo', serif;
	line-height: 100px;

}

.bottom_block2 {
	background-color: #bcbaba;
	color: #077707;
	font-size: 16px;
        font-weight: bold;
	font-family: 'Glegoo', serif;
	line-height: 30px;
        background: #bcbaba; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(#FFFFFF, #bcbaba); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#FFFFFF, #bcbaba); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#FFFFFF,#bcbaba); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#FFFFFF, #bcbaba); /* Standard syntax */
}

.headings {
	background-color: #ffffff;
	color: #6767e7;
	font-size: 14px;
	font-family: 'Glegoo', serif;
	line-height: 40px;
        border-top-left-radius:15px 15px;
        border-top-right-radius:15px 15px;
        text-align:center;
	padding:0px 5px 0px 5px;
}

.headings a:hover {
	font-size: 14px;
	font-family: 'Glegoo', serif;
}

.headings_compact {
	background-color: #ffffff;
	color: #6767e7;
	font-size: 14px;
	font-family: 'Glegoo', serif;
	line-height: 40px;
        border-top-right-radius:15px 15px;
        border-bottom-right-radius:15px 15px;
        border-top-left-radius:15px 15px;
        border-bottom-left-radius:15px 15px;
	border-style: groove;
	border-width:2px;
	border-color:#C1FFC1;
        text-align:center;
	padding:0px 5px 0px 5px;
}

.current {
	background-color: #ffffff;
	color: #8A2BE2;
	font-size: 14px;
        font-weight: bold;
	font-family: 'Glegoo', serif;
	line-height: 40px;
        border-top-left-radius:15px 15px;
        border-top-right-radius:15px 15px;
        text-align:center;
}

.fncurrent {
	background-color: #ffffff;
	color: #8A2BE2;
	font-size: 14px;
        font-weight: normal;
	font-family: 'Glegoo', serif;
	line-height: 40px;
        border-top-left-radius:15px 15px;
        border-top-right-radius:15px 15px;
        text-align:center;
}

.button {
    background-color: #ffffff;
    color: #6767e7;
    font-size: 14px;
    font-family: 'Glegoo', serif;
    border-style: groove;
    border-width:2px;
    border-color:#C1FFC1;
    padding: 5px 10px;
    spacing: 5px;
    text-align: center;
    text-decoration: none;
    margin: 0 auto;
    display: table;
    cursor: pointer;
    border-radius:10px;
    outline:0;
}

.button:hover {
    background-color: #C1FFC1;
}
.button_left {
    float:left;
    padding-left : 10px;
    padding-right : 10px;
}
.button_right {
    float:right;
    padding-left : 25px;
    padding-right : 25px;
}

footer {
	display: block;
	color: #d5d4d4;
	padding: 53px 0 ;
	text-align: center;
}

#divmesg20 img {
        width: 35px;
        padding: 5px;
        border: 0;
        box-shadow: 0;
        display: inline;
}


/*****************/
/* MEDIA QUERIES */
/*****************/
/*Large screens*/
@media screen and (min-width: 960px) {
/* Resize the body */
body {
	font: 16px/24px  Arial, Helvetica, sans-serif;
	min-width:960px;
}
//.container_12 {width:940px;}
.container_12 .grid_9 {width:700px;}
.container_12 .grid_8 {width:620px;}
.message {min-width:700px;}
.headings a:hover {font-size: 17px;}
.current {
	background-color: #ffffff;
	color: #4747e7;
	font-size: 20px;
        font-weight: bold;
}
.fleft {
	float: left;
	margin-right: 21px;
width:300px;
	margin-top: 3px;	
	margin-bottom: 10px;
}

.fright {
	float: right;
	margin-left: 21px;
width:300px;
	margin-top: 3px;	
	margin-bottom: 10px;

}



}



/* Tablet Screen Sizes */
@media screen and (min-width: 768px) and (max-width: 959px) {
/* Resize the body */
body {min-width:767px;}

/* Resize the row */
.container_12 {width:748px;}
.container_12 .grid_9 {width:720px;}
.container_12 .grid_8 {width:650px;}
.message {min-width:650px;}
.headings a:hover {font-size: 17px;}
.current {
	background-color: #ffffff;
	color: #4747e7;
	font-size: 20px;
        font-weight: bold;
}
.fleft {
	float: left;
	margin-right: 21px;
width:300px;
	margin-top: 3px;	
	margin-bottom: 10px;
}

.fright {
	float: right;
	margin-left: 21px;
width:300px;
	margin-top: 3px;	
	margin-bottom: 10px;

}

}

/* Mobile Landscape Screen Sizes */
@media only screen and (min-width: 480px) and (max-width: 767px) {
/* Resize the body */
body {min-width:479px;}

/* Resize the row */
.container_12 {width:460px;}
.container_12 .grid_9 {width:450px;}
.container_12 .grid_8 {width:400px;}
.message {min-width:420px;}
.headings a:hover {font-size: 14px;}
.current {
	background-color: #ffffff;
	color: #8A2BE2;
	font-size: 14px;
        font-weight: normal;
}
.fright {
        float: none;
	clear: both;
        width: 450px;
	padding-left: 100px;
        padding-right: 100px;
        margin-left:0;
        height:200px;
        overflow:hidden;
        object-fit:scale-down;

}
.fleft {
        float: none;
	clear: both;
        width: 450px;
	padding-left: 100px;
        padding-right: 100px;
        margin-right:0;
        height:200px;
        overflow:hidden;
        object-fit:scale-down;
}

}

/* Mobile Portrate Screen Sizes */
@media only screen and (max-width: 479px) {
/* Resize the body */
body {min-width:320px;}

/* Resize the row */
.container_12 {width:300px;}
.container_12 .grid_9 {width:280px;}
.container_12 .grid_8 {width:250px;}
.container_12 .grid_1 {width:45px;}
.message {min-width:250px;}
.headings a:hover {font-size: 14px;}
.current {
	background-color: #ffffff;
	color: #8A2BE2;
	font-size: 14px;
        font-weight: normal;
}
.fright {
        float: none;
	clear: both;
        width: 280px;
	margin-left: 0px;
	margin-right: 0px;
}
.fleft {
        float: none;
	clear: both;
        width: 280px;
	margin-left: 0px;
	margin-right: 0px;
}

}

