/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Responsive Style Sheet - Defines base styles for mobile devices
 */


/* Responsive Utility Classes
----------------------------------------------------------------------------------------------------*/
@media(max-width:320px){
	.gt-main{
		margin-top: -1px;
	}
	.ticker {	     
	    margin-left: 43px !important;	    
	    width: 108%!important;
	}	
	.camera_caption h2{
		font-size: 12px !important;
	}
	.camera_caption p{
		display: none
	}
	.hnews img {
	    cursor: pointer;
	    display: block;
	    float: left;
	    width: 100% !important;
		transform:none;
	}
	
	.hnews ul li{
		width: 100%;
		float: left;
		display: block;
	}
	.news-related ul{
		 
	}
	.news-related ul li	{
		width: 100%;
		padding-right:0;
		margin-bottom:5px;
	}
	.news-related ul li h5 a {	    
	    display: block;
	    font-size: 11px !important;
	    padding: 3px 5px 5px !important;
	    width: 65px;
	}
	 
	.hnews .readmore {	    
	    font-size: 15px!important;	
	    padding: 8px !important;
	    right: 15px !important;
	}
	.popular ul li {
		height:auto;
	}
	.news-related ul li img{
		width: 85px;
	}
	.news-related ul li img{
		width: 85px;
	}
	#t_exe {
		margin:0 0 0 92px;
	}
	.news-related ul li p{
		margin-left: 95px;
	}
	.nspMainPortalMode3 .fleft img{
		width: 100%;
		display: block;
		padding-bottom: 15px;
	}
	.acyfield_email input{
		width: 59%!important;
	}
	
	.photonews ul li {	     
	    margin: 6px!important;
	    width: 44%!important;
	}
	
	.footer ul li.f-widget{
		width: 100%;		 
		padding: 10px 0; 
	}
	.f-widget h3{
		border-bottom: 1px solid #333;
		line-height: 30px; 
	}
	
 
	.swControls {	    
	    margin-top: -260px !importantt;
	    
	}
	.subcribeme h3{
		font-size: 23px !important;
	}
	
	
	.nspFs100 {
	    font-size: 85%!important;
	    left: 20px;
	    
	}
	.nspMainPortalMode3 .nspTitleBlock{
		margin-bottom: 5px;
	}
	.nspMainPortalMode3 .nspTitleBlock.opened .nspTitleTab{
		  background-position: 110% 100%;
	}
	.nspMainPortalMode3 .nspTitleBlock .nspTitleTab{
		 background-position: 110% 0;

	}
	.nspMainPortalMode3 .nspTitleBlock .nspArtMain{
		margin-top: 70px;
	}
	.nspMainPortalMode3 .fleft{
		padding-right: 0!important;
	}
	nspMainPortalMode3 .nspTitleTab {
	    background-position:  108% 0 #FFFFFF !important;	   
	    margin-right: 0!important;
	   
	}
	.nspMainPortalMode3 .nspTitleTab .nspTitle{
		font-size: 12px;	    
	    line-height: 16px;
	    padding-right: 0;
		height:auto;
		margin:0 0 0 10px;
		padding:0 0 10px;
	 
	}
	.opened .nspTitle{
		height: auto!important;
	}
	.banner-inner img{
		height: 30px;
	}
	.social_count ul li{
		width: 22% !important;
	}
	#footer{
		margin: 0!important;
	}
	/*K2*/
	
	#k2Container {	    
	    width: 95%!important;
	}
	div.itemContainer{
		width: 95%!important;
	}
	div.itemHeader {
    	padding-bottom: 20px;
	}
	div.itemCommentsForm form textarea.inputbox,div.itemCommentsForm form input.inputbox{
		width: 90%;
	}
	div.itemToolbar ul li a#fontDecrease img,div.itemToolbar ul li a#fontIncrease img{
		display: none;
	}
	#content img{
		width: 85%!important;
	}
	.col-news ul li img:hover{
		width: 100%!important;
	}
	.col-news ul li img{
		width: 100%!important;
	}
	#sidebar-a {
	    padding-left: 13px;
	    width: 96% !important;
	}
	/*workaroud handle Iphone SC*/
	div.itemSocialSharing{
		display: none;	
	}
	.popular {
		width: 250px!important;
	}
	.popu-num-d,.popu-num-c{
 
	}
	.subcribeme{
		width: 78%!important;
	}
	.nspMainPortalMode3 .nspTitleTab .nspDate{
		font-size: 14px;
	}
	.mewstick-right{
		display: none;
	}
	.mewstick-right-ma{
		display: block!important;
	}
	.searchbox input{
		display: none;
	}
	#header-responsive .searchbox{
		display: none!important;
	}
	.zimg{
		width: 100% !important;
	}
	
	.hnews-content{
		width: 100% !important;	
		margin-top: -150px!important;
	}
	
	.news-related ul li p{
		margin-top:0;
	}
	
	.nspNext, .nspPrev{
		top:80px;
	}
	
}
.hidden-desktop { display: none; }

/* Only Phones */
@media (max-width: 767px) {
	body{ background:none; }
	.hidden-desktop { display: block; }
	.hidden-phone,
	.fluid_container,
	.gt-newstick { display:none; }
	.module_banner p{ overflow:hidden; }
	#rodape { width:auto; }
	#rodape .module_txt_rodape { margin:0; }
	#rodape .module_txt_rodape img { width:100%; }
	#rodape .module_txt_rodape p { font:11px/1.1 Verdana, Geneva, sans-serif; margin:10px 0; }
	
	.news-related ul li h5 { margin-top:0; }
	.tabelaSocial { display:none; }
	.nspMainPortalMode3 .nspTitleBlock{ overflow:visible; }
	#box_not_txt { width:auto; }
	.nspMainPortalMode3 .nspTitleTab { background:none; }
	.opened .nspArtMore { display:none; }
	/*#maininner #content { display:none; }*/
	#header { margin:4px 15px }
	.hnews img:hover { transform:none; }
	.hnews ul {
	    display: block;
	    float: left;
	    margin-left: 0;
	    margin-top: 150px;
	    padding-bottom: 15px;
	    padding-left: 15px;
		background: none repeat scroll 0 0 #000;
		width: 100% !important;
	}
	.hnews {
    	height: auto;
	}
	#rodape .redes_socias{
		display:none;
	}
	.principal .nspArt div{
		width:100%;
	}
	.principal .nspArt .nspImageWrapper{
		width:96%;
		margin:0;
	}
	.principal #system div.items{
		padding:0;
	}
	.nspPrev{
		left:-35px;
	}
	.nspNext{
		right:10px;
	}
	.principal #breadcrumbs, #content{
		padding-left:0;
	}
	.principal .nspPagination{
		margin-left:39%;
	}
}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {
	.hidden-desktop { display: block; }
	.hidden-tablet { display: none; }
	.principal .menu-dropdown a.level1 { font-size:15px; }
}


/* Responsive Content
----------------------------------------------------------------------------------------------------*/

#header-responsive { display: none; }


/* Layout Breakpoints
----------------------------------------------------------------------------------------------------*/

/* All except large Screens */
@media (max-width: 1220px) {

	#banner { display: none; }

}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {

	/* Layout */
	#maininner,
	#sidebar-a,
	#sidebar-b {
		width: 100%;
		left: auto;
		right: auto;
	}
	.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span{
		padding:0 13px;
	}
	.gt-main{
		margin-top: -1px;
	}
	.module_banner p img{
		width:100%;
		height:auto;
	}
	.module_banner p{
		margin-top:30px;
	}
	.subcribeme h3{
		width:102%;
	}
	.module.mod-box.subcribeme.deepest{
		min-height:auto !important;
	}
	.principal .nspArt .nspImageWrapper{
		width:96%;
	}
	.principal .nspArt div{
		width:96%;
		margin:0 auto;
	}

}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 321px) and (max-width: 481px) {

	/* Layout */
	.width16,
	.width20,
	.width25,
	.width40,
	.width60,
	.width75,
	.width80 { width: 50%; }

	.width50 .width50 { width: 100%; }

	.sidebars-1 #sidebar-a .width100,
	.sidebars-1 #sidebar-b .width100 { width: 100%; }
	
	#sidebar-a .width100:nth-child(odd):last-child,
	#sidebar-b .width100:nth-child(odd):last-child,
	.width20:nth-child(odd):last-child { width: 100%; }

	.sidebars-2 #sidebar-a,
	.sidebars-2 #sidebar-b { width: 50%; }

	.sidebars-2.sidebar-a-right #sidebar-a,
	.sidebars-2.sidebar-b-right #sidebar-b { float: right; }

	.grid-gutter > .grid-box:nth-child(n+3) > * { margin-top: 30px; }

	/* Tools */
	.width50 .align-left,
	.width50 .alignleft,
	.width50 .align-right,
	.width50 .alignright {
		margin: 0 auto 15px auto;
		float: none;
	}
	#innerbottom .width50{
		width: 100%!important;
	}
	/*gt 02 Blog News*/
	
	.footer ul li.f-widget {
	    float: left;
	    min-height: 180px;
	    width: 50%;
	}
	.hnews{
		background: none repeat scroll 0 0 transparent !important;
	} 
	.hnews img { 	
	    background: none repeat scroll 0 0 transparent !important;
	    cursor: pointer;
	    display: block;
	    float: left;
	    width:100% !important;
	}
	.nspFs100 {
	    font-size: 100%;
	    width: 100%;
	    left: 20px;
	}
	
	
	.hnews ul li{
		width: 100%;
		float: left;
		display: block;
	}
	 
	.news-related ul li	{
		width: 100%;
		margin-bottom: 10px!important;
	}
	.news-related ul li h5 a {	    
	    font-size: 11px !important;
	    padding: 3px 5px 5px!important;
	}
	.news-related ul li h5 a {	     
	    font-size: 11px!important;	     
	}
	.hnews .readmore {	    
	    font-size: 15px !important;
	    margin-right: 0;
	    margin-top: -19px;
	    padding: 8px;
	}	
	.social_count li a.rss {
	    background: url("../images/bg-social4.jpg") repeat scroll 12px 0 #FFA800;
	    display: block;
	    height: 55px;
	}		
	
	.social_count li a.fb{
		background: url("../images/bg-social3.jpg") no-repeat scroll 0 0 #2e3e7c;
	    display: block;
	    height: 55px;
	}
	.social_count li a.tw{
		background: url("../images/bg-social2.jpg") no-repeat scroll 0 0 #25a7e5;
	    display: block;
	    height: 55px;
	}
	.social_count li a.m{
		background: url("../images/bg-social1.jpg") no-repeat scroll 0 0 #60A02B;
	    display: block;
	    height: 55px;
	}
	
	.col-news ul li img {	     
	    width: 100%!important;
	}
	.col-news-related {
		padding-top: 90px;
	}
	.col-news-related li{
		margin-bottom: 30px;
	}
	/*fix bug 20121110*/
	.width16, .width20, .width25, .width33, .width40, .width50, .width60, .width66, .width75, .width80{
		width: 100%!important;
	}
	.nspFs100 {
	    font-size: 85%!important;
	    left: 0;
	    
	}
	.nspMainPortalMode3 .nspTitleBlock{
		margin-bottom: 5px;
	}
	.nspMainPortalMode3 .nspTitleBlock.opened .nspTitleTab{
		  background-position: 110% 100%;
	}
	.nspMainPortalMode3 .nspTitleBlock .nspTitleTab{
		 background-position: 100% 0;
		 position: absolute;
		 width: 95%!important;

	}
	.nspMainPortalMode3 .nspTitleBlock .nspArtMain{
		margin-top: 70px;
	}
	.nspMainPortalMode3 .fleft{
		padding-right: 0!important;
	}
	nspMainPortalMode3 .nspTitleTab {
	    background-position:  108% 0 #FFFFFF !important;	   
	    margin-right: 0!important;
	   
	}
	.nspMainPortalMode3 .nspTitleTab .nspTitle{
	
	}
	.opened .nspTitle{
		height: auto!important;
	}
	#footer{
		margin: 0!important;
	}
	.footer ul li.f-widget{
		width: 100%;		 
		padding: 10px 0; 
	}
	.f-widget h3{
		border-bottom: 1px solid #333;
		line-height: 30px; 
	}
	#k2Container {	    
	    width: 95%!important;
	}
	div.itemContainer{
		width: 95%!important;
	}
	.pdark span, .pcolor span{
		margin-right: 0!important;
	}
	.popular {
		width: 405px!important;
	}
	.left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker{
		margin-left: 20px!important;
	}
	.mewstick-right{
		display: none;
	}
	.mewstick-right-ma{
		display: block!important;
	}
	.tickercontainer .mask{
		width: 360px !important;
	}
	.tickercontainer{
		width: 360px !important;
	}
	
	.searchbox input{
		display: none;
	}
	#header-responsive .searchbox{
		display: none!important;
	}
	.zimg{
		width: 100% !important;
	}
	
	.news-related ul{
		margin-top: 30px;
	}
	
	.hnews-content{
		width: 100% !important;	
		margin-top: -150px!important;
	}
	
	#t_exe,
	.news-related ul li p { margin:0 0 0 100px; line-height:1.2; }
 
}

/* Only Phones */
@media (max-width: 767px) {

	/* Header */
	#header-responsive { display: block; }

	#header-responsive .logo,
	#header-responsive .searchbox {
		display: inline-block;
		width: 45%;
		vertical-align: middle;
	}

	#header-responsive .logo { 
	
	margin-right: 10%; }

	#header-responsive .searchbox {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	/* Menu */
	.menu-responsive {
		width: 100%;
		font-size: 14px;
	}
	.searchbox input{
		display: none;
	}
	#header-responsive .searchbox{
		display: none!important;
	}


}
/* Only Phones (Landscape) */
@media (min-width: 482px) and (max-width: 800px) {

	.news-related ul li{
	
    	width: 45% !important;
	}

}

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {

	/* Layout */
	.width33 { width: 50%; }
	.width33:nth-child(odd):last-child { width: 100%; }
	.hnews-content { width:50%; margin-top:-373px }

}

/* Only Phones (Portrait) */
@media (max-width: 479px) {

	/* Base */
	body { word-wrap: break-word; }

	/* Layout */
	.width16,
	.width20,
	.width25,
	.width33,
	.width40,
	.width50,
	.width60,
	.width66,
	.width75,
	.width80 { width: 100%; }

	.grid-gutter > .grid-box:nth-child(n+2) > * { margin-top: 30px; }

	/* Tools */
	.align-left,
	.alignleft,
	.align-right,
	.alignright {
		margin: 0 auto 15px auto;
		float: none;
	}

}

/* Only Non Phones */
@media (min-width: 960px) {
	body.principal div.gt-main{
		position:relative;
	}
	body.principal .gt-header{
		position:fixed;
		top:35px;
		z-index:100;
	}
	#main{
		margin-top:140px;
	}
}