html,body {
	font-family: 'Pontano Sans', sans-serif;
  background-color: #075929;
	background-image: url('imgs/bg1.jpg');
	background-position: center 50px;
	background-attachment: fixed; 
}

strong.email, span.email {
	color:#008234;
}

a {
	color:#008234;
}

a:hover {
	color:#007024;
}


/*ABOVE HEAD*/
.above-head {
	background-color: #00564a;
	color: #c8ffff;
	padding-top: 11px;
	height: 28px;
	font-size: 12px;
}

.above-head span {
	margin-right:5px;
	margin-left:25px;
}

.above-head span.email {
	margin:0;
	color: #ffffff;
}




/*NAVBAR*/
.navbar {
	border-radius: 0;
	margin-bottom: 2px;
}

.navbar-default  {
	border:0;
}

.navbar-collapse {
	padding: 0;
}

#nav-first.navbar-default  {
	background-image: url('imgs/nav_bg.png');
	background-position: top center;
	background-repeat: no-repeat;
	font-size: 16px;
	text-transform: uppercase;
}

#nav-first .container {
	padding-right: 0;
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
	margin-left: 0;
}

.navbar-brand {
	height: 100px;
	padding:0;
	margin:0;
}

.navbar-brand img {
	height: 93px;
	transition: all 400ms ease-out;
}

@media(max-width:767px){
	.navbar-brand img {
		height: 60px;
	}
	.navbar-brand {
		margin-right: 0;
		padding:18px 0 0 15px;
	}
}

@media(min-width:1200px){
	.navbar-brand {
		padding:0;
	}

	.navbar-brand img {
		height: 93px;
	}
}



#nav-first .navbar-nav>li>a {
	line-height: 75px;
	font-size: 14px;
	font-weight: 600;
	color:#008b7d;

	margin-top: 9px;
	margin-bottom:7px;

	padding-top:0;
	padding-bottom:0;

	background-image: url('imgs/menu_bg.png');
	background-repeat: no-repeat;	
	background-position: -301px 0px;
	transition: all 600ms ease-out;
}

#nav-first.navbar-default .navbar-nav>li>a:focus, #nav-first.navbar-default .navbar-nav>li>a:hover, #nav-first.navbar-default .navbar-nav>li.active>a {
	background-color: #FFF;
	background-position: calc(100% + 365px) 0px;
}


@media(max-width:767px) {
	#nav-first .container {
		padding-left: 0;
	}

	#nav-first .navbar-nav {
		margin:0; 
	}

	#nav-first .navbar-nav>li>a {	
		line-height: 40px;
		background-image: none;
		padding-left: 50px;
		margin: 0;
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}

	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		line-height: 30px;
		background-image: none;
		padding-left: 75px;
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}

	#nav-first.navbar-default .navbar-nav>li>a:focus, #nav-first.navbar-default .navbar-nav>li>a:hover, #nav-first.navbar-default .navbar-nav>li.active>a {
		background-color: #008b7d;
	}

	.navbar-btn, .navbar-toggle {
		margin-top: 30px;
		margin-right: 30px;
		background-color: #008b7d;
		color:#FFF;
	}

	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
		background-color: #8dc63f;
	}

	.navbar-default .navbar-toggle .icon-bar {
		background-color: #FFF;
	}

	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
		margin:0;
	}

}









/*NAVBAR AFFIX*/
.affix {
    top: 0;
    width: 100%;
    -webkit-box-shadow: 4px 4px 10px 2px rgba(0, 0, 0,0.3);
    -moz-box-shadow: 4px 4px 10px 2px rgba(0, 0, 0,0.3);
    box-shadow: 4px 4px 10px 2px rgba(0, 0, 0,0.3);
    z-index:999;
}

.affix + .page-content {
    padding-top: 100px;
}

.affix .navbar-brand img {
	transform: scale(0.76);
}





/*MAIN*/
.page-content {
	background-color: #FFF;
	min-height: 500px;
}

#main {
	background-color: #FFF;
	padding: 20px 60px 0 20px;
	/* text-align: justify; */
}

@media(max-width:767px) {
	#main {
		padding: 50px 40px 0 40px;
	}
}


#main h1 {
	padding: 0 0 0 15px;
	display: block;
	color: #008b7d;
	font-size: 22px;
	font-weight: bold;
	border-left: 15px solid #b5dfd9;
	margin-left: -33px;
	margin-bottom: 30px;
}

#main p {
	margin-bottom: 20px;
}






/*BACK TO TOP*/
.back-to-top {
	font-size: 10px;
	text-transform: uppercase;
	color:#000;

    cursor: pointer;
    position: fixed;

    bottom: 0px;
    right: calc((100% - 1170px)/2 - 100px - 2px);

    padding: 30px 10px 20px 10px;
    width: 100px;
    height: 100px;
    line-height: 20px;
    border:none;
    display:none;
    text-align: left;
    border-radius: 0;
    background: transparent;
	background-position: 0 100px;
    background-image: url('imgs/back_to_top.png');
}

.back-to-top:hover, .back-to-top:active, .back-to-top:focus, .back-to-top:active:focus {
	color:#000;
	border:none;
	box-shadow: none;
	background: transparent;
	background-position: 100px 0;
    background-image: url('imgs/back_to_top.png');
}





/*DROPDOWN*/
.navbar-nav>li>.dropdown-menu, li.dropdown-submenu>.dropdown-menu {
	border:2px solid #008b7d;
	margin-top: -9px;
	border-radius: 0;
}

.dropdown-menu>li>a {
	font-size: 12px;
	padding:6px 55px 6px 15px;
}

.dropdown-menu>li>a:hover {
	background-color: #008b7d;
	color: #ffffff;
}





/*DROP DOWN SUB*/
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

@media(min-width:768px){
	.dropdown-submenu:hover>.dropdown-menu {
    	display: block;
	}
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}





/*FOOTER*/
footer.container {
	background-color:  #b5dfd9;
	color:#07642e;
	font-size: 12px;
	font-weight: 400;
	padding:0;
}

footer div.top {
	height: 100px;
	width: 100%;
	background-color: #FFF;
	background-image: url('imgs/footer_bg.png');
	background-position: top left;
	background-repeat: no-repeat;
}

footer h4 {
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	margin-bottom: 20px;
}

footer .row {
	margin:0;
}

footer .col-md-6 {
	border-left: 1px solid rgba(0,0,0,0.1);
	padding: 10px 10px 20px 20px;
}

footer .col-md-2, footer .col-md-4 {
	border-right: 1px solid rgba(0,0,0,0.1);
	padding: 40px 20px 60px 30px;
	color:rgba(0,0,0,0.35);
}

footer .col-md-4 h5 {
	font-size: 12px;
	font-weight: 600;
}

footer .col-md-2 a, footer .col-md-4 a {
	color:rgba(0,0,0,0.35);
}

footer .col-md-2 a:hover, footer .col-md-4 a:hover {
	color:rgba(0,0,0,0.55);
	text-decoration: none;
}

footer ul, footer li {
	margin:0;
	padding:0;
	list-style-type: none;
}

footer .col-md-6 div {
	line-height: 22px;
}

footer .col-md-6 span.glyphicon {
	margin-right: 10px;
	color:#fff;
}

.email {
	display: inline-block;
	unicode-bidi: bidi-override;
	direction: rtl;	
}

/*GOOGLE MAPS*/

#gmaps {
  position:relative; 
  z-index:10;
  width:100%;
  margin:0 auto;
  overflow:hidden;
  border:5px solid #ffdb4c;
}

#gmaps iframe {
  z-index:9;
  width: 100%;
  height: 250px;
}



/*TABLE*/
table.table-main {
  width:100%;
  border-color: #d1d1d1;
  font-size:12px;
  margin-top: 30px;
  margin-bottom: 50px;
}

table.table-main td, table.table-main th {
	padding: 2px 2px 2px 2px;
}

table.table-main th {
  background-color:#ebe6e6;
  text-align:center;
  font-weight:700;
}

table.table-main tr:hover td {
	background-color: #EEE;
}

#main h3 {
  margin-top: 20px;
  margin-bottom: 20px;
	font-size: 20px;
}

#main h4 {
	font-size: 15px;
	font-weight: 700;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

.leftside
{
	padding-right: 20px;
	float: left;
	width: 850px;
	border-right: 1px dotted #aaa;
	margin-right: 10px;
}

@media(max-width:767px)
{
	width: 73%;
}

.etlap
{
	float: left;
	width: 20%;
	min-width: 220px;
}

.pagination{
	text-align: center;
	margin: 5px 18px;
	padding:4px;
	color:#313031;
	width: 100%;
}
.pagination a {
	color:#555;
	text-decoration:none;
	padding:5px;
	margin:3px;
}

.pagination a:hover, .pagination a:active {
	background-color:#278d7a;	
	text-decoration: none;
}
.pagination span.selected {
	padding:5px;
	margin:3px;
	font-weight:bold;
	color:#fff;
	background-color:#278d7a;
} 

.tovabb
{float: right;
background-image:url('/files/imgs/arrow.png');
background-position: center right;
background-repeat: no-repeat;
padding-right: 30px;
color: #278d7a;
}

hr.styled { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #a7e7da, #278d7a, #a7e7da);
  background-image: -moz-linear-gradient(left, #a7e7da, #278d7a, #a7e7da);
  background-image: -ms-linear-gradient(left, #a7e7da, #278d7a, #a7e7da);
  background-image: -o-linear-gradient(left, #a7e7da, #278d7a, #a7e7da); 
}


.ac-container{
	width: 22%;
	min-width: 220px;
	
}
.ac-container label{
	padding: 0px 20px;
	position: relative;
	z-index: 20;
	display: block;
	height: 30px;
	cursor: pointer;
	color: #777;
	line-height: 33px;
	font-size: 16px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover{
	background: #fff;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #278d7a;
	color: #ffffff;
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url(/files/arrow_down.png) no-repeat center center;	
}
.ac-container input:checked + label:hover:after{
	background-image: url(/files/arrow_up.png);
}
.ac-container input{
	display: none;
}
.ac-container article{
	background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
	color: #555;
	font-size: 14px;
	padding: 0 10px !important;
}

.ac-container article h3{
	color: #278d7a;
	font-size: 15px;
	margin: 0 10px !important;
	padding: 0;
	border-bottom: 1px dotted #b5dfd9;
}
.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}

.ac-container input:checked ~ article.ac-large{
	height: 450px;
}

.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } 
.datagrid {
	background: #fff;
	overflow: scroll;
	/* border: 1px solid #278d7a; */
	/* -webkit-border-radius: 5px; */
	-moz-border-radius: 5px;
	scrollbar-width: none;
	/* border-radius: 5px; */
}
.datagrid table td, .datagrid table th {padding: 0px 2px;}
.datagrid table thead th { color: #fff;
	background: #278d7a;} 

.datagrid table thead th:first-child { border: none; }
.datagrid table tbody td { color: #00496B; border-left: 1px solid #E1EEF4;font-size: 12px;font-weight: normal; }
.datagrid table tbody .alt td { background: #b5dfd9; color: #00496B; }
.datagrid table tbody td:first-child { border-left: none; }
.datagrid table tbody tr:last-child td { border-bottom: none; }