/*
#------------------------------------------------------------------------
# Music Free - #1 Free Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2012 Gavick.com. All Rights Reserved.
# License:  GPL v.2.0
# Website:  http://www.gavick.com
# Support:  support@gavick.com
 */
 
    /* Inset */
   
#gkPageContent > #gkInset {
	display: none !important;
}



#gkPageContent > #gkInset.visible {
	position: absolute;
	display: block !important;
	top: 30px !important;
	right: 12px;
	z-index: 1000;
	background-color:#f09c00;
	margin-right:35px;
	
}



#gkPageContent > #gkInset.visible > div.box_menu {
	display: block;
}

 
   /* END */
 
 
 
#gkPage,
#gkPage > #gkContent {
	width: 100% !important;
}
#gkTop .box.quarter,
#gkBottom .box.quarter,
#gkPage .box.quarter {
	max-width: 100%;
	width: 50% !important;
}
#gkTop .box.half,
#gkBottom .box.half,
#gkPage .box.half,
#gkTop .box.one,
#gkBottom .box.one,
#gkPage .box.one,
#gkTop > .box,
#gkBottom > .box,
#gkPage > .box,
#gkTop .box.double,
#gkBottom .box.double,
#gkPage .box.double,
#gkTop .box.triple,
#gkBottom .box.triple,
#gkPage .box.triple,
#gkTop .box.fourfold,
#gkBottom .box.fourfold,
#gkPage .box.fourfold,
#gkTop .box.full,
#gkBottom .box.full,
#gkPage .box.full {
	max-width: 100%;
	width: 100% !important;
}
.notablet {
	display: block;
}
.nomobile {
	display: none;
}
.onlytablet {
	display: none;
}
.onlymobile {
	display: block;
}

/* Menu area */
.iconRSS,
.iconFacebook,
.iconTwitter,
.iconGoogle {
	text-indent: -9999px;
}
.iconFacebook {
	background-position: 11px 0!important;
}
.iconGoogle {
	background-position: 11px -36px!important;
}
.iconTwitter {
	background-position: 11px -72px!important;
}
.iconRSS {
	background-position: 11px -108px!important;
}
.iconFacebook:hover {
	background-position: 11px -144px!important;
}
.iconGoogle:hover {
	background-position: 11px -180px!important;
}
.iconTwitter:hover {
	background-position: 11px -216px!important;
}
.iconRSS:hover {
	background-position: 11px -253px!important;
}
#gkUserLinks {
	float: left!important;
	position: relative;
	z-index: 10;
}
#gkLogo {
	margin-right: 20px!important;
	margin-top:20px!important;
	
}

#gkLogo img {
	display: block;
	margin-top: -50px !important;
}

#gkMobileMenu {
	float: right;
	margin: -15px 0 10px !important;
	position: relative;
}

/* Fix for the user profile */
.profile dt {
	width: 100% !important;
}

/* Fix for the contact page */
.contact .contact-image {
	float: left !important;
}
.contact .contact-address {
	clear: both !important;
	padding-top: 20px !important;
}
.contact .contact-form input,
.contact .contact-form textarea {
	width: 90% !important;
}


#gkTopBar,
#gkMenuWrap #gkTopBar {
	
	line-height: 13px !important;
	min-height: 100px !important;
	
	
}




/* Fix for the register */
#member-registration dd {
	clear: both !important;
	display: block !important;
}

/* Fix for tables */
fieldset {
    box-sizing: border-box!important;
    max-width: 100%!important;
    width: 100%!important;
    overflow: hidden;
}
#gkMainbody table:before {
    content: "Scroll horizontally to view the whole table";
    height: 14px;
    width: 100%;
    display: block;
    font-size: 10px;
    margin-top: -30px;
    margin-bottom: 10px;
    font-family: Arial, sans-serif;
}

#gkMainbody table {
    width: 540px!important;
    display: block!important;
    padding: 0; /* padding for the scrollbars and the top message */
    overflow:scroll;
    -webkit-overflow-scrolling:touch;
}

#gkMainbody table tbody,
#gkMainbody table thead,
#gkMainbody table tfoot {
    width: 540px!important;
    display: table;
}

@media only screen and (max-width: 320px), only screen and (max-device-width: 320px) and (-moz-max-device-pixel-ratio: 1.5), only screen and (max-device-width: 320px) and (-o-max-device-pixel-ratio: 1.5/1), only screen  and (max-device-width: 320px) and (-webkit-max-device-pixel-ratio: 1.5), only screen and (max-device-width: 320px) and (max-device-pixel-ratio: 1.5), only screen and (max-device-width: 640px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-device-width: 640px) and (-o-min-device-pixel-ratio: 2/1), only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-device-width: 640px) and (min-device-pixel-ratio: 2) {
    #gkMainbody table {
        width: 301px!important;
    }
}

@media only screen and (max-width: 480px) and (orientation:landscape), only screen and (max-device-width: 480px) and (-moz-max-device-pixel-ratio: 1.5) and (orientation:landscape), only screen and (max-device-width: 480px) and (-o-max-device-pixel-ratio: 1.5/1) and (orientation:landscape), only screen  and (max-device-width: 480px) and (-webkit-max-device-pixel-ratio: 1.5) and (orientation:landscape), only screen and (max-device-width: 480px) and (max-device-pixel-ratio: 1.5) and (orientation:landscape), only screen and (max-device-width: 960px) and (-moz-min-device-pixel-ratio: 2) and (orientation:landscape), only screen and (max-device-width: 960px) and (-o-min-device-pixel-ratio: 2/1) and (orientation:landscape), only screen and (max-device-width: 960px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:landscape), only screen and (max-device-width: 960px) and (min-device-pixel-ratio: 2) and (orientation:landscape) {
    #gkMainbody table {
        width: 420px!important;
    }
}

/* Fix for the search */
fieldset.word #search-searchword,
fieldset.word .inputbox {
    width: 50%;
}
fieldset.phrases .ordering-box,
fieldset.only input[type="checkbox"],
fieldset.phrases input[type="radio"] {
    clear: both;
}

#gkPageTop {
	background: url(../images/ict_header_mobile.png)!important;  background-position: center top; padding: 0; width:100%; height:100% !important;


}

.gkIsWrapper-gk_bluap .figcaption a.button {
	
	color: #fff !important;

	font-size: 10px !important;

	line-height: 14px !important;

}

.gkNspPM-NewsBlocks > figure > figcaption {

	padding: 0 !important;
	
	

}

.gkNspPM-NewsBlocks > figure > figcaption h3 {
	font-size: 12px !important;
	

}

/* esquerdo a branco */
.gkColumnLeft,
.gkColumnRight { padding: 40px; }
.gkColumnLeft {
	float: left;
	width: 80%;
	background: #fff; 
	border-radius: 12px; 
}
.gkColumnLeft p {
	color: #636363;
	font-size: 18px;
	line-height: 1.6;
	margin-top: 48px;
}
.gkColumnRight {
	float: right;
	width: 80%;
}
.gkColumnRight figure {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding: 2%;
	text-align: center;
	width: 46%;
}
.gkColumnRight figure h4 {
	color: #c9c9c9;
	font-size: 18px;
	margin: 32px 0 10px 0;
	text-transform: uppercase;
}
.gkColumnRight figure p {
	color: #c9c9c9;
	font-size: 13px;
	margin: 20px 0;
}



/* direito a branco */
.gkColumnEsquerdo,
.gkColumnDireita { padding: 40px; }
.gkColumnEsquerdo {
	float: left;
	width: 80%;
}
.gkColumnEsquerdo p {
	color: #636363;
	font-size: 18px;
	line-height: 1.6;
	margin-top: 48px;
}
.gkColumnDireita {
	float: right;
	width: 80%;
	background: #fff; 
	border-radius: 12px; 
}
.gkColumnDireita figure {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding: 2%;
	text-align: center;
	width: 46%;
}
.gkColumnDireita figure h4 {
	color: #c9c9c9;
	font-size: 18px;
	margin: 32px 0 10px 0;
	text-transform: uppercase;
}
.gkColumnDireita figure p {
	color: #c9c9c9;
	font-size: 13px;
	margin: 20px 0;
}


/* redondo */
.gkColumnLeft1 { padding: 40px; }
.gkColumnLeft1 {
	float: left;
	width: 80%;
	background: #fff; 
	border-radius: 97px;;
	padding: 38px;  
}
.gkColumnLeft1 p {
	color: #636363;
	font-size: 18px;
	line-height: 1.6;
	margin-top: 48px;
}
.gkColumnRight1 {
	float: right;
	width: 80%;
}
.gkColumnRight1 figure {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding: 2%;
	text-align: center;
	width: 46%;
}
.gkColumnRight1 figure h4 {
	color: #c9c9c9;
	font-size: 18px;
	margin: 32px 0 10px 0;
	text-transform: uppercase;
}
.gkColumnRight1 figure p {
	color: #c9c9c9;
	font-size: 13px;
	margin: 20px 0;
}


.box.relacionados .header {
	color: #2b2674;
	font-size: 19px;
	font-weight: 500;
	line-height: 20px;
	padding: 0 21px 5px;
	text-transform: none;
	text-align: left;
	text-transform: uppercase;
}