/*Romeu Peitinho 2014-06-01:
Azul vivo 009ce2 
Azul claro 53cefd -- a0e4fe -- ffd09d
Azul escuro 153c67
*/

/* gn-style.css */
.clear{clear:both}
.off {display:none}

.gsc-result-info{margin:10px 0 0 -48px;}
/* gcse */
#___gcse_0
{
	float:left;
	width:100%;
	padding:0px;
	padding-top:0px;
	margin:0;
	}
	
.gsc-search-box
{	
	background-image:url('../../gn-images/search_gcse.png');
	background-repeat:no-repeat;
	background-position:2% 50%;
}	
.gsc-clear-button
{
	display:none;
}
.gsc-search-button
{
	display:none;
}
.gsc-input
{
height:50px;
font-size:40px;
}

#google .gsc-control-cse {background-color:transparent;font-size:10px;padding:0;margin:0px;border:none}
#google input.gsc-search-button {font-size:10px;padding:0;margin:0 2px 0 2px}
#google {position:absolute; top:30px;right:80px}
.gs-webResult.gs-result a.gs-title, .gs-webResult.gs-result a.gs-title b, .gs-imageResult a.gs-title, .gs-imageResult a.gs-title b {font-weight:bold}
#google .gsc-results-wrapper-overlay 
{
	background:#fff;
}
.gs-title {font-size:16pt}

.gs-result .gs-title,
.gs-result .gs-title * {
  color: #0000cc;
  text-decoration: underline;
  display: inline;
}

/* end gcse */
#search-box 
{
	text-align:right;
	padding:4px 8px;
}



#login-ctrl {height:40px}
.login-box a {display:block;margin:4px 4px 4px 20px;font-size:8pt;float:right}
.login-box a {font-size:8pt}


.clear-searchbox
{
	clear:both;
}

div#message
{
	display:none;
	text-align:center;
	width:100%; height:120%;
	position:absolute;top:0;left:0;background-color:#ccc;
	opacity:0.85;
	background-color:#e0e0e0;
}
div#m1, #m2
{
	display:inline-block;
	opacity:1;
	background-color:#59b8f0;
	font-size:18pt;
	color:#fff;
	margin-top:118px;
	padding:spx;
	vertical-align:middle;
	text-align:center;
	border:solid 4px #555;
}
#m2
{
	background-color:#333333;
	font-size:120%;
	color:#ffffff;
	border:solid 4px #fff;
	padding-bottom:0;
}
#m2 .code0 {background-color:#AAAAAA;color:#000000}
#m2 p { margin-top:18px}
#m2 a { color:#aaa; font-style:italic;font-size:80%}
#m2 a:hover { cursor:hand}


/*banner = gn-common/banner.html*/

.slider
{
	margin:0px;
	padding:0px;
	width:920px
}
#slider { 
	width:920px; 
	margin-left:40px;
}
#h-banner {
	width:100%;
}
#h-banner .title
{
	color:#fff;
	font-size:35pt;
	font-weight:bold;
}
#h-banner .text
{
	color:#fff;
	font-size:20pt;
	font-weight:bold;
}
#h-banner .slider
{
	width:100%;
	height:500px;
}
#h-banner img
{
	width:100%;
}

.links .footer-link {margin:0 0 8px 10px}
.links .footer-link img {height:34px}

.page_template li {list-style-type:none;}

.demolink {margin-right:29px}


.ui-widget-content a {color:#4bb6f5}


.loadingWrap {position:absolute;top:50%;left:50%}
.loadingHourglass 
{
	display:none;
	float:right;
	width:32px;
	height:32px;
	margin:5px;
	margin-right:20%;
	background: url('../../gn-images/loading.gif');
}

.footer-widget .links {text-align:right}

.page_template #sidebar {margin-top:70px }


span.tooltip-wrap {display:inline}

/**** end of gn-style specific markup **/


/*foxy custom*/
	#sidebar { width: 240px; }
	.widget ul li { padding: 5px !important;background: url(../gn-theme/fx/sidebar-bullet.png) no-repeat 0px 19px;}
	.widget ul li img {margin-left:15px;margin-right:12px}

	
	.widget ul li:hover, .nav li li:hover { background: url(../gn-theme/fx/hover-sidebar-bullet.png) no-repeat 62px 19px; padding-left: 64px !important; color:#111}
	#callout span {color:#fff}
	footer .menu-item {color:#888}
	#slogan {display:none}


.widget ul li:hover, .nav li li:hover { background: #fbfbfb url(../gn-theme/fx/hover-sidebar-bullet.png) no-repeat 2px 19px; padding-left: 5px !important; }

.post-heading {margin-bottom:0px}

span.menu_slide, span.main_text { display: block; position: relative; padding: 14px 10px; }

.post-heading p.meta-info {display:none; margin-top:8px;margin-bottom:0px}

/* end of foxy custom */

.site-header-2014
{
	display:block;
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	border:none;
	width:384px;
	height:169px;
	background:#fff url(../../gn-images/2/WideScreen_logo.png) no-repeat;
}

.site-header-2014:hover {text-decoration:none}

div#content.clearfix.website-page {padding-top:30px}

.demolink a 
{
	float: right;
	margin: 14px;
	margin-right: -23px;
	float: right;
	border-radius: 0px;
	width: 102%;
}
.btn-register a /* side register */
{
	margin-right: -23px;
	float: right;
	border-radius: 0px;
	width: 211px;
	background-image:url(../../gn-images/fx2/footer_widget_bullet.png) ;
	background-repeat: no-repeat;
}	
.btn-blog a /* side blog */
{
	margin-right: -23px;
	float: right;
	border-radius: 0px;
	width: 211px;
	background-image:url(../../gn-images/fx2/footer_widget_bullet.png) ;
	background-repeat: no-repeat;
}	
a.btn-romeu 
{
	color:#fff;
	background-color:#009be2;
	margin-bottom:10px;
	background-image:url(../../gn-images/fx2/footer_widget_bullet.png) ;
	background-repeat: no-repeat;
	background-position: 90%;
	border-radius: 0px;
}
.et-box-content
{
margin-bottom:0px;
padding: 20px 21px 17px 22px;
min-height: 35px;
}
.et-shadow .et-box-content 
{ btn-romeu 
{
	color:#fff;
	background-color:#009be2;
	margin-bottom:10px;
	background-image:url(../../gn-images/fx2/footer_widget_bullet.png) ;
	background-repeat: no-repeat;
	background-position: 90%;
}
	color: #737373; 
	background: #fafafa; 
	border: 1px solid #fafafa; 
	box-shadow:none;
	padding-left: 16px; 
	/* -webkit-box-shadow: inset 0 0 45px #e7e7e7; */ /* box-shadow: inset 0 0 45px #e7e7e7; */ 	
}
	
a.small-button{  
padding: 7px 10px 5px 19px;
}

.widget {
margin-top: 28px;
padding: 40px;
}

#et-contact p input,   {
	color:#fff;
	background-color:#009be2;
	margin-bottom:10px;
	background-image:url(../../gn-images/fx2/footer_widget_bullet.png) ;
	background-repeat: no-repeat;
	background-position: 90%;
	padding: 8px 18px !important; 
}


.last{margin-top:10px}
#testimonials { width: 317px;}
.widget h4.widgettitle{ padding: 19px 16px; }
.et-shadow {margin-bottom: 50px;}
#sidebar .widget {margin: 0px 0px 30px 0px;}
.btn-blog{width:500px}
.info-box .prod-choose a {
color: #202020;
margin-left:15px;}
.widget2 {margin-top: 0px;}
.widget2 ul li {background: url(../gn-theme/fx/sidebar-bullet.png) no-repeat 0px 12px;}
.widget2 ul li:hover, .nav li li:hover { background: url(../gn-theme/fx/hover-sidebar-bullet.png) no-repeat 2px 12px; color:#111}
/********* last section in file *********/
.et-warning:before, .et-download:before, .et-info:before, .et-bio:before, .et-shadow:before {
	position: absolute;
	top: 25px;
	left: 23px;
}
.news-updates{width:520px}
.privacy-statement{font-size:10pt}

@media only screen and ( min-width: 961px ) and ( max-width: 1300px )
{
	#h-banner {height:418px}
	#main-header {margin-bottom:-10px}
	.demolink a {width: 490px;}
	#testimonials { width: 237px;}  
}
@media only screen and ( max-width: 960px ) 
{
#top-navigation {float:none;text-align:center}
	#h-banner {height:300px}
	#main-header {text-align:center}
	.demolink a {	width: 550px;}
	.site-header-2014
	{
		position:relative;
		width:195px;
		background:url(../../gn-images/2/tabletScreen_logo.png) no-repeat;
	}	
}
@media only screen and ( min-width: 768px ) and ( max-width: 960px ) 
{
	#h-banner {height:300px}
	.mobile_nav {display: none;}

}
@media only screen and ( max-width: 767px ) {
	#h-banner {height:200px}
	.demolink a {	width: 262px;}
	.btn-faq a{width:297px;}
	#sidebar {width: 103%;}	
	/*.widget ul li {padding: 6px 0px 27px 5px !important;}*/
	.btn-register a {width: 104%;}	
	.btn-blog a {margin: 15px -113px 0px 117px;	width: 155%;}	
	.et_mobile_menu 
	{
		position: absolute;
		left: 0px;
		text-align: left;
		width:198px;
	}
	.news-updates{width:100%}
}
@media only screen and ( max-width: 479px ) 
{
	#h-banner {height:120px}
		.gsc-search-box
	{	
		background-image:none;
	}
	.btn-blog a {
		margin: 15px 11px 0px 110px;
		width: 91%;
	}
	.btn-faq a {width: 183px;}
	.btn-register a {width: 107%;}
	.demolink a {width: 143px;} 
	#testimonials { width: 203px;}
	.et-testimonial-author-info { padding: 18px 14px 15px; }
	.et_mobile_menu {top: 56px;}
	input.input {width: 200px;}
	#sld_country{width:150px}
	#sld_obs{width:57%}
	#sld_company_size{width:105%}
	.btn-register a {width: 113%;margin-right: -31px;}
	.news-updates{width:100%}
}
@media only screen and ( min-width: 1301px ) /*6*/
{
	.btn-faq a{width:326px;}
	.news-updates{width:703px}
}