/* Basic elements */

body {

font: 16px 'dk_crayon_crumbleregular',sans-serif;

font-family: 'dk_crayon_crumbleregular', sans-serif;

	font-weight: 500;

	font-size:15px;

	line-height:16px;

/*background-image:url(../images/bg_pattern.png);*/

background-color:#ffffff;

min-height:100%; 

line-height:1.7; 

color:#00;

text-rendering: optimizelegibility;}


body.fs1 { font-size:10px }

body.fs2 { font-size:11px }

body.fs3 { font-size:12px }

body.fs4 { font-size:13px }

body.fs5 { font-size:14px }

body.fs6 { font-size:15px }

a { color:#115bb2; text-decoration:none; transition:color 0.2s linear 0s; }

a:hover,

a:active,

a:focus { color:#000; text-decoration:underline }







a.readon,

input[type="submit"],

.adminform button,

input[type="button"] { display: inline-block; color: #fff; font-size: 9px; height:20px; line-height: 0px; width:auto; text-decoration: none; text-transform: uppercase; margin: 2px 0; padding:0 4px;}



#gkMainBlock a:hover { color:#00AEFF;}

h1,



h3,

h4,

h5,

h1 a,

h2 a,

h3 a,

h4 a,

h5 a {

	color: #D80000;
	padding-left: 15px;
	padding-right: 15px;
	font-family: 'dk_crayon_crumbleregular', sans-serif,Helvetica ;
	font-weight:lighter;
	background-image:url(../images/mancha.png);
	/*background-size :contain;
	background-position:left;*/
	background-repeat:no-repeat;


	
	
	background-size:100% 100%; /* Imagem ocupando toda largura e altura da div */
-webkit-background-size: 100%;
-o-background-size: 100%;
-khtml-background-size: 100%;
-moz-background-size: 100% 100%;

}

h1 { font-size:180% }

h2 { font-size:350% }

h3 { font-size:14px; }

h4 { font-size:110% }

h5 { font-size:100% }

.box h1 { font-size:180%; }

ul { list-style:none}

ul li { line-height:1.9; }

div#destaques.toper div#backserv div.custom p.image{ line-height:49px;}

.touch {display:none;}

/* Containers */

#gkPageTop {margin: 0; padding: 0px 0 0px; overflow:hidden; color:#979189}

#gkPageTop a {color:#CCCCCC; margin:0 0 0 6px; font-size:90%; display:block; float:right; text-transform:uppercase; line-height:24px; padding:0 0px}

#gkPageTop a:hover {color:#0099FF; margin:0 0 0 6px; font-size:90%; display:block; float:right; text-transform:uppercase; line-height:24px; padding:0 0px}

#gkMenu { 

float: left;

background-image:url(../images/menu_bg.gif);

margin-top:0px;

width: 980px; 

height: 35px; 

color:#888888;

font-family: 'open_sansregular';

font-size:15px;

letter-spacing:0px;



}

#bandeiras { float: right; width: auto; padding: 0; margin-right:0px; margin-top:40px;}

#gkSearch { float: right; width: auto; padding: 0; margin-right:6px; margin-top:5px;}

#gkButtonLogin { float: right}

#gkContentMainbody {width: auto; overflow:hidden; }

#gkComponentWrap {border:0px solid #c8c3be; border-top:none!important; border-left:none!important; background-color: #fff}

#gkMainbodyTop .box,

#gkMainbodyBottom .box {border: none !important}

#gkContentBottom {}

#gkRight{}

/* Logo */

h1#gkLogo a img { display: block; height: 47px; margin: 0; width:20px; top: 0; left:0; }

h1#gkLogo a.cssLogo { background:url(../images/fig.png) no-repeat 0 0; display: block; height: 130px; margin: 0; text-indent: -999em; width:241px; top: 0; left:0; z-index: 1001; margin-left:0px; float:left; }

#gkLogo { height: 1130px; margin: 0; line-height: 100%; margin-top:0px; padding-bottom:0px; width:241px;}

.gkLogoText  {font-size:20px; line-height:20px; height:20px; color:#6b6459; text-transform:uppercase;}

.gkLogo.text small {display: block}

#gkLogo.text a { color:#6b6459;}

#gkLogo.text a:hover {text-decoration:none;}

small.gkLogoSlogan {font-size: 60%}

#gkLogo.text .gkLogoSlogan { font-size:11px; line-height:14px; height:14px; color:#6b6459; text-transform:uppercase; letter-spacing:1.2px; font-weight: lighter }

#gkLogo a { display: block; height: 40px; margin: 0; width: 150px; }

#gkLogo.text a { text-indent:0!important; background:none!important; }

div.logo-text h1 { font-size:18px; line-height:26px; height:26px; color:#6b6459; text-transform:uppercase; }

div.logo-text h1 a { color:#6b6459; }

div.logo-text h1 a:hover { text-decoration:none; }

div.logo-text p { font-size:11px; line-height:14px; height:14px; color:#6b6459; text-transform:uppercase; letter-spacing:0.65px; }

/* Article breadcrumb */

#gkButtonLogin.popup { box-shadow:1px 1px 1px #666; -moz-box-shadow:1px 1px 1px #666; -webkit-box-shadow:1px 1px 1px #666; background:#EFECEA; text-decoration:none !important; }

#gkToolsHide { float:right; height:32px; overflow:hidden; z-index:100; width: 0;color:#999999; }

#gkTools { float: right; width: 80px; padding: 5px 0 0 0; color:#999999;}

#gkTools a { display: block; float: left; height: 16px; background: url('../images/toolsFont.png') no-repeat 100% 100%; text-indent: -9999em; width: 2px;}

a#gkToolsReset { background-position: -14px 100% }

a#gkToolsDec { background-position: 0 100% }

#gkTools a:hover { background-position: 100% 0 }

a:hover#gkToolsReset { background-position: -14px 0 }

a:hover#gkToolsDec { background-position: 0 0 }

/* Bottom  section */

#gkBottom1 .box h3,

#gkBottom2 .box h3 { margin: 0 0 6px; font-size: 16px; font-weight:100; color: #ffffff; text-transform:uppercase;border-bottom-style:dotted;border-width:1px;}

#gkBottom1 .box li,

#gkBottom2 .box li { background: url("../images/menu_bullet.png") no-repeat 4px 8px; padding: 0 0 0 14px; }

/* Footer */

#gkFooter { padding-left:0px; padding-right:0px; font-size:9px; height: 30px; line-height: 22px; color:#b4b4b4;}

#gkFooter a { color:#b4b4b4;}

#gkFooter a:hover {color:#00aeff; text-decoration: underline}

#gkFooterNav { float: right; padding-top:6px; }

#gkFooterNav ul li { float: left; margin: 0 12px 0 0 }

#gkCopyrights { float: left; margin-top: 6px; }

#gkStyleArea { float: right; margin: 0 0 0 20px; font-size: 90% }

#gkFrameworkLogo { display: block; width: 130px; height: 42px; margin: 23px auto 46px; background: url('../images/framework-logo.png') no-repeat 0 0; text-indent: -9999em; }

/*Breadcrumb*/

.gkBreadcrumbStart {text-transform: uppercase; margin-right: 16px; font-size: 105%}

#gkBreadcrumb { margin:0 0 10px 0; font-size:90%; background-color:#036e04; height:24px; line-height:24px; color:#ffffff; padding:0 15px; clear:both; }

#gkBreadcrumb a { cursor: pointer; color: #ffffff; text-transform:uppercase; font-weight:800; }

#gkBreadcrumb a:hover { color: #ffffff; text-decoration: underline}

.breadcrumbs { float: left; width: 80%; }

.breadcrumbs .separator { padding: 0 4px; color: #afafaf }

/* Module styles */

#gkWrap2{ margin-top:0px;}



#gkWrap2 .box,

#gkWrap2 .box_menu,

#gkWrap2 .box_text {

border-top:none!important; border-left:none!important;   margin-top: 0px;overflow: hidden;

}

#gkWrap2 .box:first-child,

#gkWrap2 .box_menu:first-child,

#gkWrap2 .box_text:first-child { margin-top: 0!important; }

#gkWrap2 .box_menu h3,

#gkWrap2 .box_text h3,

#gkWrap2 .box h3 > span { height:8px; line-height:8px; text-transform:uppercase; letter-spacing:0px; color:#00AEFF;font-weight:auto; font-size:15px ; width:239px;}

#gkWrap2 .box h3 { margin-bottom:0px; }

#gkWrap2 .box li { /*border-top: 1px solid #EAEAEA;*/ background-color:#f8f8f8;}

#gkWrap2 .box li:first-child {border: none!important}

#gkWrap3 .box,

#gkWrap3 .box_menu,

#gkWrap3 .box_text { margin-top: 10px; padding: 24px; overflow: hidden; background: #fff; border-top:none!important; border-left:none!important; border-right:none!important;}

#gkWrap3 .box:first-child,

#gkWrap3 .box_menu:first-child,

#gkWrap3 .box_text:first-child { margin-top: 0!important; }

#gkWrap3 .box_menu h3,

#gkWrap3 .box_text h3,

#gkWrap3 .box h3 > span { height:8px; line-height:8px; text-transform:uppercase; color:#fff; background:#115bb2; font-weight: 200; font-size:11px ; padding:4px 4px 3px; width:auto;}

#gkWrap3 .box h3 { margin-bottom:3px; }

#gkWrap3 .box li { border-top: 1px solid #DAD6D1; background: url("../images/menu_bullet.png") no-repeat 4px 8px; padding: 0 0 0 14px; }

#gkWrap3 .box li:first-child {border: none!important}



#gkWrap4 {width: 980px; margin:0 auto;padding-left: 10px;padding-right: 10px; padding-top:5px;}

#gkWrap4 .box,

#gkWrap4 .box_menu,

#gkWrap4 .box_text { margin-top: 10px; padding: 24px; overflow: hidden; background: #fff; border:1px solid #c8c3be; border-top:none!important; border-left:none!important; border-right:none!important;}

#gkWrap4 .box:first-child,

#gkWrap4 .box_menu:first-child,

#gkWrap4 .box_text:first-child { margin-top: 0!important; }

#gkWrap4 .box_menu h3,

#gkWrap4 .box_text h3,

#gkWrap4 .box h3 > span { height:8px; line-height:8px; text-transform:uppercase; color:#fff; background:#115bb2; font-weight: 200; font-size:11px ; padding:4px 4px 3px; width:auto;}

#gkWrap4 .box h3 { margin-bottom:3px; }

#gkWrap4 .box li { border-top: 1px solid #DAD6D1; background: url("../images/menu_bullet.png") no-repeat 4px 8px; padding: 0 0 0 14px; }

#gkWrap4 .box li:first-child {border: none!important}





/* header modules */

#gkHeaderModules .box {padding: 50px 25px 40px }

#gkHeaderModules h3 {font-size: 18px; text-transform: uppercase; color: #fff; font-weight: bold}

#gkHeaderModules h4.header_art { font-size:24px; font-weight:bold; text-transform:uppercase; letter-spacing:-1px; line-height: 24px; color: #fff}

#gkHeaderModules p.header_art { font-size:16px; font-style:italic; color: #fff }

#gkHeaderModules .clear p {margin: 0 0 -5px ; padding: 0}

#gkHeaderModules a.readon.header_art { height:25px; line-height:25px; padding-left:6px; padding-right:6px; font-weight:normal; background:#fff}

/* restrictions */

.box h1 { font-size:180%; }

#gkWrap2 .box_menu { padding: 0!important; }

#gkWrap2 .box_menu h3 { margin: 18px 0px 16px; width:150px; }

.box .nsp { position: relative; }

.nsp .nsp_top_interface { position: absolute; right: 18px; top: 20px; }

/* suffixes*/

div.box.dark { background-image:url(../images/pite.jpg); background-repeat:no-repeat;color: #fff !important; height:338px; }

div.box.dark ul li { border-color: #aca7a1 !important}

div.box.dark a { color:#c8c4c0!important; }

div.box.dark a:hover { color:#dddad8!important; }

div.box.dark p,

div.box.dark div{color:#c8c4c0!important;}

div.box.dark span{color:#eee!important}

div.box.dark > h3 > span {background-color: #8A8474 !important; color: #fff !important}

div.box.dark h4 > span{color:#fff!important;}

div.box.dark a.readon { color: #fff!important; background:#d1cecb; }

div.box.dark a.readon:hover, 

div.box.dark a.readon:active, 

div.box.dark a.readon:focus { background:#878478; color: #fff!important; }

div.box.dark .button { background:#979189; border:1px solid #6C6459!important; border-top:none!important; border-left:none!important; color:#fff!important; }

div.box.dark .button:hover, 

div.box.dark .button:focus{ background:#878478!important;}



div.box.red { background-image:url(../images/HSA.jpg); background-repeat:no-repeat; color: #fff !important; height:338px;}

div.box.red > h3 > span {background:#fff!important}

div.box.red ul li{border-top:1px solid #d02500!important}

div.box.red ul li ul{border-left:1px dotted #d02500!important}

div.box.red a.readon{color:#fff!important; background:#ec3200!important}

div.box.red a.readon:hover, 

div.box.red a.readon:active, 

div.box.red a.readon:focus{background:#b02500!important}

div.box.red .button{background:#b02500!important; border:1px solid #ec3200!important; border-top:none!important; border-left:none!important}

div.box.red .button:hover, 

div.box.red .button:focus{background:#b02500!important}

div.box.red a {color: #fff!important}



div.box.laranja { background-image:url(../images/gtm.jpg); background-repeat:no-repeat; color: #fff !important; height:338px;}

div.box.laranja > h3 > span {background:#fff!important}

div.box.laranja ul li{border-top:1px solid #d02500!important}

div.box.laranja ul li ul{border-left:1px dotted #d02500!important}

div.box.laranja a.readon{color:#fff!important; background:#ec3200!important}

div.box.laranja a.readon:hover, 

div.box.laranja a.readon:active, 

div.box.laranja a.readon:focus{background:#b02500!important}

div.box.laranja .button{background:#b02500!important; border:1px solid #ec3200!important; border-top:none!important; border-left:none!important}

div.box.laranja .button:hover, 

div.box.laranja .button:focus{background:#b02500!important}

div.box.laranja a {color: #fff!important}



div.box.azul { background-image:url(../images/cfg.jpg); background-repeat:no-repeat; color: #fff !important; height:338px;}

div.box.azul > h3 > span {background:#fff!important}

div.box.azul ul li{border-top:1px solid #d02500!important}

div.box.azul ul li ul{border-left:1px dotted #d02500!important}

div.box.azul a.readon{color:#fff!important; background:#ec3200!important}

div.box.azul a.readon:hover, 

div.box.azul a.readon:active, 

div.box.azul a.readon:focus{background:#b02500!important}

div.box.azul .button{background:#b02500!important; border:1px solid #ec3200!important; border-top:none!important; border-left:none!important}

div.box.azul .button:hover, 

div.box.azul .button:focus{background:#b02500!important}

div.box.azul a {color: #fff!important}



div.box.green {background:transparent url('../images/style2/header_green_bg.jpg') no-repeat 0 0!important; border:1px solid #718500!important; color: #fff !important}

div.box.green > h3 > span {background:#fff!important}

div.box.green ul li{border-top:1px solid #9FB334!important}

div.box.green ul li ul{border-left:1px dotted #718500!important}

div.box.green a.readon{color:#fff!important; background:#aac900!important}

div.box.green a.readon:hover, 

div.box.green a.readon:active, 

div.box.green a.readon:focus{background:#718500!important}

div.box.green .button{background:#718500!important; border:1px solid #aac900!important; border-top:none!important; border-left:none!important}

div.box.green .button:hover, 

div.box.green .button:focus{background:#718500!important}

div.box.green a {color: #fff!important}



div.box.neutral {background:transparent url('../images/style4/header_grey_bg.jpg') no-repeat 0 0!important; border:1px solid #736a61!important; color: #fff !important}

div.box.neutral > h3 > span {background:#736a61!important}

div.box.neutral ul li{border-top:1px solid #837C72!important}

div.box.neutral ul li ul{border-left:1px dotted #bbb!important}

div.box.neutral a.readon{color:#fff!important; background:#a7a29c!important}

div.box.neutral a.readon:hover, 

div.box.neutral a.readon:active, 

div.box.neutral a.readon:focus{background:#736a61!important}

div.box.neutral .button{background:#736a61!important; border:1px solid #a7a29c!important; border-top:none!important; border-left:none!important}

div.box.neutral .button:hover, 

div.box.neutral .button:focus{background:#736a61!important}

div.box.neutral a {color: #fff!important}



div.box.blue {border:0px solid #115bb2!important; color: #fff !important; background-color:#35c2d8;}

div.box.blue > h3 > span {background:#fff!important}

div.box.blue ul li{border-top:1px solid #5894DB!important}

div.box.blue ul li ul{border-left:1px dotted #5894DB!important}

div.box.blue a.readon{color:#fff!important; background:#57a8f0!important}

div.box.blue a.readon:hover, 

div.box.blue a.readon:active, 

div.box.blue a.readon:focus{background:#115bb2!important}

div.box.blue .button{background:#115bb2!important; border:1px solid #57a8f0!important; border-top:none!important; border-left:none!important}

div.box.blue .button:hover, 

div.box.blue .button:focus{background:#115bb2!important}

div.box.blue a {color: #fff!important}

.demo .nspText { margin-top:30px!important; }





div.box_menu .green {border:0px solid #115bb2!important; color: #fff !important;

box-shadow: 0 3px 1px rgba(0, 0, 0, 0.4);background: -moz-linear-gradient(center top , #338ecb 0%, #35c2d8 100%) repeat scroll 0 0 transparent;}

div.box_menu .green > h3 > span {background:#fff!important;}

div.box_menu .green ul li{border-top:1px solid #fff!important}

div.box_menu .green ul li ul{border-left:1px dotted #fff!important}

div.box_menu .green a.readon{color:#fff!important; background:#57a8f0!important}

div.box_menu .green a.readon:hover, 

div.box_menu .green a.readon:active, 

div.box_menu .green a.readon:focus{background:#115bb2!important}

div.box_menu .green .button{background:#115bb2!important; border:1px solid #fff!important; border-top:none!important; border-left:none!important}

div.box_menu .green .button:hover, 

div.box_menu .green .button:focus{background:#115bb2!important}

div.box_menu .green a {color: #fff!important}

.demo .nspText { margin-top:30px!important; }



div.box.branco { background:#FFFFFF; border:1px solid #736a61!important; color: #fff !important}

div.box.branco > h3 > span {background:#fff!important}

div.box.branco ul li{border-top:1px solid #fff!important}

div.box.branco ul li ul{border-left:1px dotted #fff!important}

div.box.branco a.readon{color:#fff!important; background:#fff!important}

div.box.branco a.readon:hover, 

div.box.branco a.readon:active, 

div.box.branco a.readon:focus{background:#fff!important}

div.box.branco .button{background:#fff!important; border:1px solid #a7a29c!important; border-top:none!important; border-left:none!important}

div.box.branco .button:hover, 

div.box.branco .button:focus{background:#fff!important}

div.box.branco a {color: #fff!important}



div.box.menub {border:0px solid #115bb2!important; color: #fff !important; background-color:#7b99b1; margin-top:30px;}

div.box.menub > h3 > span {background:#fff!important;}

div.box.menub ul li{border-top:1px solid #fff!important}

div.box.menub ul li ul{border-left:1px dotted #5894DB!important}

div.box.menub ul li a:hover{ text-decoration:underline}

div.box.menub a.readon{color:#fff!important; background:#57a8f0!important}

div.box.menub a.readon:hover, 

div.box.menub a.readon:active, 

div.box.menub a.readon:focus{background:#115bb2!important; text-decoration:underline}

div.box.menub .button{background:#115bb2!important; border:1px solid #57a8f0!important; border-top:none!important; border-left:none!important}

div.box.menub.button:hover, 

div.box.menub .button:focus{background:#115bb2!important}

div.box.menub a {color: #fff!important}

div.box.menub > div.content {float: left;width: 230px;}



/* clear */

.box.clear { border: none !important; padding: 0 !important; background: none !important; }

/* Login + Register */

.registration .spacer {font-size: 80% !important}



#fullscreen{

background-color:#fff; 

top:0px; 

float:left; 

z-index:-9999; 

width:100%; 

left: 0px; 

height:100%; 

position:fixed;

}



/* logos */



#logos { padding-left:0px; padding-right:0px; margin:10px auto 0; font-size: 90%; height:auto; line-height: 24px; color: #BBB6B1; text-align:right; width:450px; float:right;}

#logos a { color: #979189; }

#logos a:hover {color: #979189; text-decoration: underline}

#logosNav { float: left; }

#logosNav ul li { float: left; margin: 0 12px 0 0 }



/* sociais2 */

#sociais2 {



}

/* logos_esq */



#logos_esq { padding-left:0px; padding-right:0px; margin:10px auto 0; font-size: 9px; height:auto; line-height: 9px; color: #BBB6B1; text-align:left; width:200px; float:left;}

#logos_esq a { color: #979189; }





#tradutor {

 background-color:transparent;

    margin: 0px auto -5px;

    padding: 0px;

}



/* newsletter */



.bk {
	padding: 0;

	width: 180px;

	margin: 0px;}

.lead_marc {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#666666;
	line-height:23px;
}
	
.lead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#CCCCCC;
	line-height:23px;
}

.ordens{

 	border-bottom: 1px dotted #00D6FD;
    color:#999999 !important;
    font-family: 'open_sanslight',sans-serif;
    font-size: 14px;
    font-weight: 100;
    letter-spacing: 1px;
    line-height: 26px;
    margin: 0 0 25px;
    padding: 0;
    text-transform: uppercase;
}


.txtbox {

	background: url("../images/lupa.png") repeat scroll right center transparent;

    border-radius: 12px 12px 12px 12px;

    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.6) inset, 0 1px 0 rgba(255, 255, 255, 0.2);

    color: #ffffff;

    font-size: 10px;

    height: 16px;

    line-height: 4px;

    padding: 3px 20px 3px 10px !important;

    text-transform: lowercase;

    width: 105px;}

	

.button {

    padding: 0;

	color: #fff;

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

	font-size: 9px;}

	

	



/* sociais */

	

.gkTwitter, .gkFb, .gkPinterest, .gkGplus {

background-image: url("../images/social_icons1.png");

}

.gkTwitter {

background: url("../images/social_icons1.png") no-repeat scroll 0 0 transparent;

}

.gkFb {

    background: url("../images/social_icons1.png") no-repeat scroll -28px 0 transparent;

}

.gkPinterest {

    background: url("../images/social_icons1.png") no-repeat scroll -56px 0 transparent;

}

.gkGplus {

    background: url("../images/social_icons1.png") no-repeat scroll -84px 0 transparent;

	

}



.gkTwitter, .gkFb, .gkGplus, .gkPinterest {

    display: block;

    float: left;

    height: 22px;

    line-height: 22px;

    padding: 0;

	text-indent:9999px;

    transition-property:background, color;

	transition-duration:0.3s, 0.2s;

	transition-timing-function:cubic-bezier(0.17, 0.67, 0.88, 1.25), linear;

	transition-delay:0s, 0s;

    width: 28px;

}





.gkTwitter:active,

.gkTwitter:focus,

.gkTwitter:hover {

	background: transparent url('../images/social_icons1.png') no-repeat 0 -22px;

	

}



.gkFb:active,

.gkFb:focus,

.gkFb:hover {

	background: transparent url('../images/social_icons1.png') no-repeat -28px -22px;

}



.gkPinterest:active,

.gkPinterest:focus,

.gkPinterest:hover {

	background: transparent url('../images/social_icons1.png') no-repeat -56px -22px;

}



.gkGplus:active,

.gkGplus:focus,

.gkGplus:hover {

	background: transparent url('../images/social_icons1.png') no-repeat -84px -22px;

}