/*

#------------------------------------------------------------------------

  JA Purity II for Joomla 1.5

#------------------------------------------------------------------------

#Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.

#@license - GNU/GPL, http://www.gnu.org/copyleft/gpl.html

#Author: J.O.O.M Solutions Co., Ltd

#Websites: http://www.joomlart.com - http://www.joomlancers.com

#------------------------------------------------------------------------

*/





/* COMMON STYLE

--------------------------------------------------------- */

body {

	font-family: Arial, Helvetica, sans-serif;

	line-height: 1.5;

}



.bg2_body							{ width: 100%; height:auto !important; min-height:100%;}

.bg3_body							{height:100%;}

html, body 							{height:100%;}



body#bd {background: #f8f8f8; margin:0;}



body.fs1 { font-size: 12px; }

body.fs2 { font-size: 13px; }

body.fs3 { font-size: 14px; }

body.fs4 { font-size: 15px; }

body.fs5 { font-size: 16px; }

body.fs6 { font-size: 17px; }





/* Normal links ---*/

a { color: #525252; text-decoration: none; }



a:hover, a:active, a:focus { color: #ffffff; text-decoration: none; }



/* Readon links ---*/

a.readon {

	background: url(../images/arrow.png) no-repeat 5px 48%;

	border: 1px solid #F6F6F6;

	font-weight: bold;

	padding: 1px 5px 1px 14px;

	text-decoration: none;

}



a.readon:hover, a.readon:active, a.readon:focus { background-color: #fff; border: 1px solid #ccc; }



/* Content spacing ---*/

.column p, .column pre, .column blockquote,

.column h1, .column h2, .column h3, .column h4, .column h5, .column h6,

.column ol, .column ul { margin: 15px 0; padding: 0; }



/* Headings & Titles ---*/

h1 { font-size: 1.8em; text-shadow:0px 1px 1px #4b4b4b;}
h2 { font-size: 1.5em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1em; }
h5 { font-size: 1em; }


.contentheading, .componentheading, h1, h2, h3, h4, h5 {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	line-height: 1.2;

}



h1.componentheading, .componentheading { margin: 0; padding: 0 0 7px; }



.componentheading {

	border-bottom: 1px solid #6f6f6f;

	font-size: 1.8em;

}



h2.contentheading, .contentheading { margin: 0; padding: 0 0 7px; }



.contentheading { font-size: 2em; }



.blog .contentheading { font-size: 1.25em; }



a.contentpagetitle,

a.contentpagetitle:hover,

a.contentpagetitle:active,

a.contentpagetitle:focus { font-weight: bold; }



.category { font-size: 1.1em; font-weight: bold; }



/* Small text ---*/

small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption, .contenttoc,

p.site-slogan, a.readon, .ja-navhelper, #ja-footer { font-size: 0.92em; }



small, .small { color: #999; }



.smalldark { text-align: left; }



/* List ---*/

.column ul li {



}



.column ol li { line-height: 180%; margin-left: 30px; }



/* Others ---*/



fieldset { border: none; padding: 10px 5px; }



fieldset a { font-weight: bold; }



fieldset.input { padding: 0; }



hr {

	border-bottom: 0;

	border-left: 0;

	border-right: 0;

	border-top: 1px solid #ccc;

	background-color:#CCCCCC;

	height: 1px;

}





/* FORM

--------------------------------------------------------- */

form label { cursor: pointer; }



input, select, textarea, .inputbox {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 1em;

	padding: 3px 5px;

	vertical-align: middle;

}



.inputbox { 	background: url(../images/grad-bg.gif) repeat-x top left #181818;

	border: 1px solid #2a2a2a;

	color: #c5c5c5;

	padding: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px; }



.inputbox:hover, .inputbox:focus { background-position: top right; }



.button {

	background: url(../images/grad1.gif) repeat-x top #333;

	border: 1px solid #333;

	color: #ccc;

	font-size: 0.85em;

	padding: 3px 5px;

}



.button:hover, .button:focus {

	background: #333;

	border: 1px solid #999;

	color: #fff;

}



.checkbox { }



.radio { margin: 0 5px; }



/* Login ---*/

.login_form fieldset { padding: 15px 0 0; }

.login_form fieldset p { margin: 0 0 5px; }



.login_form label {

	font-weight: bold;

	text-align: right;

	display: block;

	float: left;

	width: 130px;

}



.login_form .inputbox { margin-left: 10px; width: 150px; }



.login_form .remember .inputbox {

	width: 20px;

}



.login_form .button { margin-left: 140px; }



/* Register ---*/

.form-register fieldset { padding: 0 0 10px; }



.form-register p { margin: 0 0 5px; }



.form-register p.form-des { margin: 15px 0; }



.form-register label {

	font-weight: bold;

	text-align: right;

	display: block;

	float: left;

	width: 130px;

}



.form-register .inputbox { margin-left: 10px; width: 200px; }



.form-register .button { margin-left: 140px; }



/* User ---*/

.user-details { padding: 10px 0; }



.user-details p { margin: 0 0 5px; }



.user-details label {

	font-weight: bold;

	text-align: right;

	display: block;

	float: left;

	width: 130px;

}



.user-details .inputbox { margin-left: 10px; width: 200px; }



.user-details .button { margin-left: 140px; }



.user-details .paramlist .paramlist_key {

	width: 130px !important;

	padding: 0 0 5px !important;

}



.user-details .paramlist .paramlist_value {

	padding: 0 0 5px !important;

}



.user-details .user_name span {

	padding-left: 10px;

	font-weight: bold;

}



/* Search ---*/

form#searchForm {

	border-top: 1px solid #ccc;

	padding: 15px 0; 

}



.searchintro {

	border-bottom: 1px solid #ccc;

}



.results h4 {

	text-transform: none;

	font-size: 1.10em;

	margin: 15px 0 0;

}



.results p { margin: 0 0 10px; }



/* Contact ---*/

#component-contact address { font-style: normal; }



#component-contact #emailForm { padding-top: 15px;}



.contact_email { margin: 0 0 10px; }



.contact_email label { font-weight: bold; display: block; }



.contact_email_checkbox { margin: 15px 0; }



/* JOOMLA STYLE

--------------------------------------------------------- */

/* Layout Deco ---*/

.blog { }



.article_separator,

.leading_separator,

.row_separator,

.column_separator { display: none; }



.leading {

	border-bottom: 1px solid #ccc;

	padding-bottom: 10px;

	padding-top: 10px;

}



.article_row { padding-bottom: 10px; padding-top: 10px; }



.article_column { }



.column_separator { padding: 0 25px; }



/* Meta ---*/

.article-tools {

	background: #ccc;

	border: 1px solid #ddd;

	clear: both;

	color: #999;

	display: block;

	line-height: normal;

	margin: 0 0 10px;

	padding: 5px;

	position: relative;

}



.article-meta { float: left; padding: 0; width: 70%; }



.article-section, .article-category { color: #999; }



.createby {

	background: url(../images/icon-user.gif) no-repeat 0 2px;

	padding: 3px 3px 3px 20px;

	color: #727270;

}



.createdate {

	background: url(../images/icons/icon-date.gif) no-repeat 0 2px;

	padding: 3px 3px 3px 20px;

}



.modifydate { color: #999; display: block; margin: 10px 0; }



.contentdescription {

	border-bottom: 1px solid #ccc;

	display: block;

	margin: 0 -15px;

	padding: 10px 15px;

}



.contentdescription p { margin: 0; }



.buttonheading { float: right; }



.buttonheading img { border: 0; float: right; margin: 0 5px 0 0; }



/*Inline images ---*/

img.caption { margin-top: 5px; }



.img_caption { color: #999; margin-bottom: 10px; }



.article-content img { margin: 5px; }



.img_caption img { margin: 5px 0 0; }



.img_caption p {

	background: #900000;

	border-top: 1px solid #fff;

	color: #ffffff;

	margin: 0;

	padding: 1px 0;

	text-align: center;

}



/* Tables ---*/

.sectiontableheader {

	background: #333;

	border: 1px solid #ccc;

	color: #fff;

	padding: 5px;

}



.sectiontableheader a,

.sectiontableheader a:hover,

.sectiontableheader a:focus,

.sectiontableheader a:active { color: #fff; }



.sectiontableentry,

.sectiontableentry0,

.sectiontableentry1,

.sectiontableentry2 {

	background: url(../images/dot2.gif) repeat-x bottom;

	padding: 5px 5px 6px;

}



.sectiontableentry:hover,

.sectiontableentry0:hover,

.sectiontableentry1:hover,

.sectiontableentry2:hover { background-color: #fffff0; }



.sectiontableentry2 { background-color: #f6f6f6; }



table.contentpane, table.tablelist { width: 100%; }



table.contentpaneopen {

	border: none;

	border-collapse: collapse;

	border-spacing: 0;

}



/* Content Toc */

table.contenttoc {

	border: 1px solid #ddd;

	float: right;

	margin: 0 0 10px 12px;

	padding: 0;

	width: 30%;

}



table.contenttoc a { color: #333; }



table.contenttoc td { border-bottom: 1px dotted #ccc; padding: 5px 10px; }



table.contenttoc th {



	border-bottom: 1px solid #ddd;

	padding: 5px 10px;

}



/* Poll */

div.poll { padding: 15px 0; }



form#poll {

	border-bottom: 1px dotted #ccc;

	font-weight: bold;

	margin-bottom: 10px;

	padding-bottom: 10px;

}



dl.poll {

	border-bottom: 1px dotted #ccc;

	font-size: 0.92em;

	margin-bottom: 10px;

	padding-bottom: 10px;

}



dl.poll dt, dl.poll dd { float: left; }



dl.poll dt { clear: left; width: 100px; }



dl.poll dd { clear: right; }



table.pollstableborder {

	border: none;

	padding: 0;

	text-align: left;

	width: 100%;

}



table.pollstableborder img { vertical-align: baseline; }



table.pollstableborder td {

	background: #f6f6f6;

	border-bottom: 1px solid #ccc;

	font-weight: bold;

	padding: 5px !important;

}



table.pollstableborder tr.sectiontableentry0 td,

table.pollstableborder tr.sectiontableentry1 td { background: #fff; font-weight: normal; }



/* Search */

table.searchintro { padding: 10px 0; width: 100%; }



table.searchintro td { padding: 5px !important; }



/* Misc. */

table.contentpaneopen, table.contentpane, table.blog { width: 100%; }



/* Pagination ---*/

ul.pagination { float: left; margin: 10px 0; width: 75%; }



ul.pagination li {

	background: none;

	display: inline;

	margin: 0;

	padding: 0;

	overflow: hidden;

}



ul.pagination li span { padding: 0 5px; line-height: 20px; }



ul.pagination a {

	background: #f6f6f6;

	border: 1px solid #ccc;

	color: #000;

	line-height: 20px;

	padding: 0 5px;

	text-decoration: none;

}



ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {

	background: #900000;

	border: 1px solid #900000;

	color: #fff;

	text-decoration: none;

}



.sortby { font-size: 0.92em; margin: 10px 0 5px; }



.sortby .filter, .sortby .display { float: left; width: 40%; }



.sortby .display { float: right; text-align: right; }



.pagenavbar { font-weight: bold; }



.pagenavcounter { margin: 15px 0 !important; text-align: center; }



.counter {

	float: right;

	line-height: 1;

	margin: 15px 0 !important;

	text-align: right;

	width: 24%;

}



.counter span {

	background: #900000;

	border: 1px solid #900000;

	color: #fff;

	padding: 1px 5px;

}



.blog_more {

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	padding: 15px 0 5px;

}



.blog_more h2 {

	font-size: 1.15em;

	margin: 0 0 5px;

}



.blog_more ul li {

	background: url(../images/bullet.gif) no-repeat 5px 6px;

	padding-left: 15px;

}



div.back_button a,

div.back_button a:hover,

div.back_button a:active { display: block; margin: 10px 0; }



/* Messages ---*/

#system-message { margin: 0 -15px 10px; }



#system-message dd.message ul,

#system-message dd.error ul,

#system-message dd.notice ul { margin: 0; padding: 0; }



#system-message dd.message ul li,

#system-message dd.error ul li,

#system-message dd.notice ul li {

	background: none;

	color: #fff;

	margin: 0;

	padding: 5px;

}



/* System Standard Messages */

#system-message dd.message ul { background: #069; border: 0; }



/* System Error Messages */

#system-message dd.error ul { background: #bf0000; border: 0; }



/* System Notice Messages */

#system-message dd.notice ul { background: #333; border: 0; }



/* Tooltips --- */

.tool-tip {

	background: #ffffcc;

	border: 1px solid #D4D5AA;

	float: left;

	max-width: 300px;

	padding: 5px;

	z-index: 1000;

}



.tool-title {

	background: url(../../system/images/selector-arrow.png) no-repeat;

	font-size: 1em;

	font-weight: bold;

	margin: 0;

	margin-top: -15px;

	padding: 0;

	padding-bottom: 5px;

	padding-top: 15px;

}



.tool-text { font-size: 1em; margin: 0; }



.hasTip img { border: none; margin: 0 5px 0 0; }



.contentpaneopen_edit img { vertical-align: middle; }



/* MODULE STYLES

--------------------------------------------------------- */



#language {
position: absolute;
	right:0;
	top:10px;
	z-index: 5;
}

#language a { margin:0 0 0 5px;}

/* Search Module ---*/

#ja-search {	

	position: relative;

	float:right;

	z-index: 5;

}



#ja-search label { display: none; }



#ja-search .inputbox {

	width: 160px;

	padding: 3px 5px;

	color: #ccc;

	font-size: 1em;

	font-weight: bold;

	background:none;

	border: 0;

}



#ja-search .inputbox:hover, #ja-search .inputbox:focus { }



#ja-search .button {

	font-size: 1em;

	font-weight: bold;

	margin-left: 5px;

	text-transform: none;

}



/* Login Module ---*/

#form-login-username .inputbox,

#form-login-password .inputbox {

	background-position: 5px center;

	background-repeat: no-repeat;

	font-weight: bold;

}



#form-login-username .inputbox, #form-login-password .inputbox { width: 90%; }



#form-login ul { margin: 0 !important; padding: 0; }



#form-login p { margin: 0 0 5px; }



#form-login .button { margin: 10px 0; }



/* Poll Module ---*/

h4.poll-title { margin: 0; padding: 0; }



a.poll-result { font-size: 0.92em; text-transform: uppercase; }



form.poll .button { margin-right: 5px; }



/* Advertisement ---*/





/* Uncomment the following lines if you want collapsible modules with badges still show arrows */

/* 

.badge-hot h3.show,.badge-new h3.show,.badge-pick h3.show,.badge-top h3.show,

.badge-hot h3.hide,.badge-new h3.hide,.badge-pick h3.hide,.badge-top h3.hide {

	background-position: 15px 60%;

	text-indent: 15px;

}

*/



/* MAIN LAYOUT DIVS

--------------------------------------------------------- */

.wrap { }

.main { }

.ja-box { }



#ja-wrapper {  }



#ja-container {

	background: url(../images/shadow-top.png) repeat-x left top;

	margin:0;

}



#ja-container .main { min-height: 400px; }



/* Mass ---*/



/* MAIN COLUMN

--------------------------------------------------------- */



#ja-mainbody {}



#ja-main .inner { padding-top: 0px; }



#ja-contentwrap { }



/* Content Top ---*/

.ja-content-top { }

.ja-content-top .ja-moduletable, .ja-content-top .ja-module { margin-left: 0; margin-right: 0;  }



/* Content Main ---*/

.ja-content-main { }



/* Content Bottom ---*/

.ja-content-bottom { }

.ja-content-bottom .ja-moduletable, .ja-content-bottom .ja-module { margin-left: 0; margin-right: 0;  }



/* @end */



/* SIDE COLUMNS

--------------------------------------------------------- */

.ja-colswrap { }



.ja-col { }

/* Left Columns ---*/

#ja-left .ja-l2 { }



/* Right Columns ---*/

#ja-right .ja-r2 { }



/* HEADER

--------------------------------------------------------- */

#ja-header2 { }



#ja-header2 .main {



}



#ja-header { position: relative; z-index: 5; height: 130px;}



#ja-header .main { position:relative; top: -110px; z-index: 10; display:block;}



/* Logo Image ---*/



/* Header mask ---*/





/* NAVIGATION

--------------------------------------------------------- */

/* Main Nav ---*/

#ja-mainnav { background:#454545; position: relative; z-index: 9; }



#ja-mainnav .main { padding: 5px 0 5px 0;}





/* Sub Nav ---*/



/* Sub Nav (lv2) ---*/





/* Breadcrumbs ---*/

.ja-navhelper { }

.gvs-navhelper {background:#292929; padding:0; margin:0; color:#484848}

.ja-navhelper .main { padding: 0; }



.ja-navhelper a { padding: 0 2px; color: #ffffff; text-decoration: none; }

.ja-navhelper a:hover, .ja-navhelper a:active, .ja-navhelper a:focus { color: #fff; text-decoration: none; background-color: #3366ff;}



.ja-breadcrums {

	float: left;

	margin-left: 70px;

	margin-top: 2px;

	width: 80%;

}



.ja-breadcrums strong { margin-right: 5px; }



.ja-breadcrums img { margin: 1px 5px; }



/* Extras ---*/

.ja-links { float: right; margin-top: 2px; margin-right: 70px; }



.ja-links li { background: none; padding: 0; display: inline; }



.ja-links li.top a {

	background: url(../images/arrow2.png) no-repeat 5px center;

	padding-left: 17px;

	padding-right: 5px;

}



.ja-links li.top a:hover { background-color: #a4a3a3; }



.ja-links li.layout-switcher a {

	background: #069;

	color: #fff;

	text-decoration: none;

}



.ja-links li.layout-switcher a:hover { background: #666; color: #fff; text-decoration: none; }



.ja-links li.user-reset a {

	background: #bf0000;

	color: #fff;

	text-decoration: none;

}



.ja-links li.user-reset a:hover { background: #666; color: #fff; text-decoration: none; }



/* Default Joomla! Menu ---*/







/* RokVMCategories */





/* FOOTER

--------------------------------------------------------- */

#ja-footer {

	width:100%;

}



#ja-footer .main {

	padding: 0px;

	position: relative;	

}



#ja-footer .inner { float: left; padding: 0; width: 100%; }



#ja-footer small { color: #000000; 	font-size:1.4em;

	padding:25px 10px 20px 0px;

	text-align:center; }



/* Foot Links ---*/

#ja-footer .ja-footnav {

	float: right;

	font-size: 1em;

	margin: 0;

	overflow: hidden;

	position: relative;

	width: 100%;

}



.ja-footer ul { float: left; line-height: normal; }



.ja-footer li {

	border-left: 1px solid #999;

	display: block;

	float: left;

	padding: 0 10px;

}



.ja-footer li a {

	color: #666;

	display: block;

	font-weight: bold;

	line-height: 1;

	text-decoration: none;

	text-transform: uppercase;

}



.ja-footer li a:hover, .ja-footnav li a:active, .ja-footnav li a:focus { color: #333; }



.ja-footer .ja-firstitem { border-left: 0; padding-left: 0; }



/* Copyright Info. ---*/

.ja-copyright small { display: block; }



/* MISCELLANOUS

----------------------------------------------------------- */

/* User Tools ---*/

ul.ja-usertools-font {

	color:#000000;

	font-size: 0.785em;

	position: absolute;

	top: 15px;

	right: 20px;

}



ul.ja-usertools-font li, ul.ja-usertools-screen li {

	padding: 0;

	margin: 0;

	display: inline;

	background: none;

}



ul.ja-usertools-screen  {

	font-size: 0.785em;

	position: absolute;

	top: 15px;

	right: 90px;

}



/* Others ---*/

#ja-banner {

	border-top: 1px solid #ccc;

	margin: 0;

	overflow: hidden;

	padding-top: 15px;

	text-align: center;

	width: 100%;

}



div.ja-innerdiv {

	border-bottom: 1px dotted #ccc;

	clear: both;

	margin-bottom: 10px;

	padding-bottom: 12px;

}



div.ja-innerdiv h4 {

	font-family: Arial, sans-serif;

	font-size: 0.92em;

	font-weight: normal;

	margin: 5px 0;

	padding: 0;

	text-transform: uppercase;

}



.cufon-canvas { padding: 1px 0 3px; }















/*-------------------------------------content---*/





#leftcolumn .moduletable_gvs2, #leftcolumn .moduletable, #leftcolumn .moduletable_text, #leftcolumn .c {



			

}



#leftcolumn h4 {padding-left: 3px; padding-top: 3px;}

#leftcolumn {

	color:#ffffff;

	background: url(../images/side4.png) no-repeat top;

	text-align:left;

	margin-left: 63px;

	padding-bottom:15px;

}



#leftcolumn h3 { 	

	padding:13px 0 17px 29px; 

	color:#000000;

	text-shadow:0px 2px 2px #3a3a3a; 

	font-size:1.3em; 

	font-family:Tahoma; 

	font-weight: bold;

	margin: 0;

}



#GVSmenu .moduletable_menu, #GVSmenu .moduletable, #GVSmenu .moduletable_text, #GVSmenu .c { margin: 0;	

}



#GVSmenu {

	text-align:left;

	margin-left: 63px;

	padding:0px;

}



#GVSmenu h3 {	

	padding:13px 0 0px 29px; 

	color:#000000;

	text-shadow:0px 2px 2px #3a3a3a; 

	font-size:1.3em; 

	font-family:Tahoma; 

	font-weight: bold;

	margin: 0;

}



#GVSmenu2 .moduletable_menu, #GVSmenu2 .moduletable, #GVSmenu2 .moduletable_text, #GVSmenu2 .c {

	

}



#GVSmenu2 {

	background: url(../images/side2.png) no-repeat top;

	text-align:left;

	margin-left: 63px;

	padding-bottom:15px;	

}



#GVSmenu2 h3 {	

	padding:13px 0 17px 29px; 

	color:#000000;

	text-shadow:0px 2px 2px #3a3a3a; 

	font-size:1.3em; 

	font-family:Tahoma; 

	font-weight: bold;

	margin: 0;

}



#GVSmenu3 .moduletable_menu, #GVSmenu2 .moduletable, #GVSmenu2 .moduletable_text, #GVSmenu2 .c {



}



#GVSmenu3 {

	background: url(../images/side3.png) no-repeat top;

	text-align:center;

	margin-left: 63px;

	padding-bottom:15px;

}



#GVSmenu3 h3 {	

	text-align:left;

	padding:13px 0 17px 29px; 

	color:#000000;

	text-shadow:0px 2px 2px #3a3a3a;

	font-size:1.3em;

	font-family:Tahoma;

	font-weight: bold;

	margin: 0;

}





/* Dates */



.blogdate {

	background: url(../images/article_date.png) no-repeat top left;

	width: 58px;

	height: 68px;

	float: left;

	margin-right: 10px;

}

.blogdate .month {

	color: #01501b;

	text-align: center;

	font-weight: bold;

	font-size: 0.928em;

	margin: 0;

	padding: 0;

	line-height: 16px;

}

.blogdate .day {

	color: #fe0000;

	text-align: center;

	font-weight: normal;

	font-size: 1.86em;

	margin: 0;

	padding: 0;

	line-height: 32px;

}

.blogdate .year {

	color: #45443d;

	text-align: center;

	font-weight: normal;

	font-size: 0.714em;

	margin: 0;

	padding: 0;

	line-height: 6px;

}


.gvs-navhelper hr {
border-top: 1px solid #393939;
background-color:#393939;
}
/* Side Menus */

a.link, p.link2 a {color:#006aff}
a.link:hover, a.link:zoom, p.link2 a:hover, p.link2 a:zoom {color:#006aff}

/* Responsive */
.gvsleft {float:left; width:65%}
.gvsright {float:right;width:30%; margin-left:5%}
.gvsleft2 {float:left; width:30%}
.gvsright2 {float:right;width:65%; margin-left:5%}
.gvsleft50 {float:left; width:47%}
.gvsright50 {float:left;width:47%; margin-left:6%}
.gvs-navhelper {margin-top:10px}
.info-foto {float:left; width:45%}
.nomarg {float:left;width:55%} 
.nomarg p {margin:0!important;}
.gvsdet {padding:20px 0 0 0; clear:both }
.avPlayerWrapper .avPlayerContainer {margin:0!important}
 
 .gvsprojects {
width:33.3%;
float:left
}

.gvstip{
    background:#306fff;
    border: 3px solid #306fff;
    color: #ffffff;
    font-size: 1.1em;
    position: absolute;
    text-align: center;
    bottom: 45px;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
    padding:20px;
	margin:0 10px;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
	transition: all 0.2s ease-in 0s;
}
.gvstip:after{
    content:'';
    position:absolute;
    bottom:-10px; 
    width:10px;
    height:10px;
    border-bottom:5px solid #306fff;
    border-right:5px solid #306fff;
    background:#306fff;
    left:50%;
    margin-left:-10px;
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}
.gvslink{
    position:relative;
    cursor:pointer;
	margin:10px;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
}

.gvslink:hover .gvstip{
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}
.gvslink h2{
 background:#e3e3e3; 
 color:#212121;
 padding:10px; 
 text-align:center; 
 margin:0;
 font-size:1em!important;
 transition: all 0.2s ease-in 0s;
}
.gvslink:hover h2{
 background:#306fff; 
 color:#ffffff;
}
.gvsprojects img { width:303px; height:350px}

.gvsprojects .info img {width:50px; height:50px}
.gvsprojects .info {
position:absolute;
left:50%;
top:50%;
margin:20px 0 0 -30px;
}
.gvslink:hover .info { display:none;}

nav:not(.mm-menu)
{
	display: none;
}

@media only screen and (max-width : 979px) {
nav#menu {
display:block;
}
.ja-megamenu {
display:none;
}
#ja-mainnav {
height:60px;
}

.gvsbutton-mob {
	background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index:10;
}

#ja-wrapper {
  min-width: 100%!important;
  background: #f8f8f8;
}
.main { width:100%!important}
.gvsprojects { width:100%!important; text-align:center}
.autoimg {width:100%; height:auto}
#Mod21 img {width:30%; height:auto}
#ja-container .main {min-height:auto!important}
.gvsleft, .gvsleft2, .gvsleft50 {width:100%; padding-top:10px}
.gvsright, .gvsright2, .gvsright50 {width:100%;margin-left:0; padding-top:10px}
}

@media only screen and (max-width : 540px) {
#Mod21 img {display:none}
.autoimg2 {width:90%; height:auto}
#ja-header {height: auto;}
.info-foto, .nomarg {float:none;width:100%;}
.gvsprojects img { width:95%; height:auto}
}