/**
 * @package   Loyale Joomla! 3 Template
 * @version   1.1.1
 * @author    7Studio Tomasz Herudzinski http://www.7studio.eu
 * @copyright Copyright (C) 2009 - 2014 7Studio Tomasz Herudzinski
 * @license   Commercial - ThemeForest Regular License - http://themeforest.net/licenses/regular_extended
**/


@media screen and (min-width: 1441px) {
  #st-menu > ul > li > .nav-item {
  left: 95px;
  /*top: 57px;*/
  width: 70%;
  }
  
/* Correção da lateral do site para os idiomas */
	.table-wrap {
    width: 18vmax !important;
  }
}

@media screen and (min-width: 1367px) and (max-width: 1440px) {
    /*#st-menu > ul > li > .nav-item {
    left: 85px;
    top: 140px;
  }*/
}

@media screen and (min-width: 1281px) and (max-width: 1366px) {
  #st-menu > ul > li > .nav-item {
    left: 95px;
    top: 123px;
    font-size: initial;
  }
  #st-menu > ul > li {
	/*width: 70%;*/
  }
  .table-wrap {
    width: 23vmax !important;
  }
  #st-menu > ul:nth-child(1) > li:nth-child(1) > a:nth-child(1) {
    margin-top: 89px;
  }
  #st-menu > ul:nth-child(2) > li:nth-child(1) > a:nth-child(1) {
    margin-top: 91px;

  }
}
@media screen and (min-width: 1170px) and (max-width: 1280px) {

	#main-sidebar {
		width: 270px; 
	}

	#main-container {
		padding-left: 290px;
	}
	#main-container .content-column {
		padding: 70px;
	}
  
	#st-menu ul ul {
		left: 270px;
	}

	#background-image .image-overlay {
		padding: 40px 40px 40px 310px;
	}
  #st-menu > ul > li > .nav-item {
	left: 58px;
	top: 34px;
  }
}
@media screen and (min-width: 980px) and (max-width: 1024px) {
    #st-menu > ul > li > .nav-item {
	left: 104px;
	top: 37px;
  }
  
}

@media screen and (max-width: 979px) {
	#st-mobile-toggle {
		display: block;
	}

	.logo {
		display: block;
		margin: 0;
		text-align: left;
	}

	#site-wrap {
		padding: 0px;
	}

	#main-sidebar {
		display: block;
		width: 100%;
		max-height: 80px;
		padding: 0;
		margin: 0;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
				box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	}

	#main-sidebar .table-wrap {
		width: auto;
		height: 80px;
		float: left;
		display: block;
		overflow: hidden;
	}
	
	#main-sidebar .table-top {
		vertical-align: none;
		display: block;
	}
	
	#main-sidebar .table-middle,
	#main-sidebar .table-footer {
		display: none ! important;
	}
	
	#main-sidebar .logo {
		margin: 0 ! important;
		padding-left: 20px;
	}

	#main-container {
		display: block;
		width: 100%;
		min-height: 100%;
		max-width: 100%;
		padding: 100px 20px 0 20px;
	}
	
	#main-container .content-column {
		padding: 50px !important;
	}

	#main-sidebar .sidebar-footer,
	#main-sidebar .centered-section {
		display: none;
	}

	#main-sidebar .logo {
		float: left;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	#main-sidebar .logo img {
		max-height: 100%;
	}

	#background-image .image-overlay {
		padding: 130px 40px 40px 40px;
	}

} /* - end styles @ max-width 960px
-----------------------------------------------------------------------------------*/

 /* @ max-width 768px
----------------------------------------------------------------------------------- 
*/ @media (max-width: 768px) {
	#background-image .image-overlay {
		padding: 120px 30px 30px 30px;
	}
	
	#main-container {
		padding: 90px 10px 0 10px;
	}
	
	#main-container .content-column {
		padding: 30px !important;
	}
	
		.st-article header .item-title h2 {
		font-size: 30px;
		line-height: 36px;
	}
	
	.st-article header .item-title.splitted,
	.span2 .st-article header .item-title.splitted,
	.span3 .st-article header .item-title.splitted,
	.span4 .st-article header .item-title.splitted,
	.span6 .st-article header .item-title.splitted {
		width: 100%;
		padding-left: 0;
	}
	
	.st-article header .time-box {
		float: none;
		margin: 0px auto;
	}
	
	.st-article header .time-wrapper {
		margin-bottom: 26px;
	}
	
	a#totop {
		right: 10px;
	}
	.itemContainer.width50,
	.itemContainer.width33,
	.itemContainer.width25,
	.itemContainer.width20 { width: 100% !important; }
} /* end styles @ max-width 768px
-----------------------------------------------------------------------------------*/

/* @ max-width 480px
-----------------------------------------------------------------------------------
*/ @media (max-width: 480px) {
	.fields-container .field-label,
	.fields-container .field-value {
		display: block;
		width: 100%;
	}
  html body.opensans.no-layout.no-task.itemid-1656.responsive.no-rtl.com_blankcomponent.view-default.mainbody-left div#site-wrap.st-overlay div#main-container div.content-column div#mainbody.clearfix div.container-fluid div.row-fluid div#content.span12 section#maintop-a.modules-block div.row-fluid div.span12 div.module div.module-content div.custom div.span12 {
    text-align: center;
    margin-left: -35px;
}

} /* end styles @ max-width 480px
-----------------------------------------------------------------------------------*/
@media (max-width: 375px) {

  html body.opensans.no-layout.no-task.itemid-1656.responsive.no-rtl.com_blankcomponent.view-default.mainbody-left div#site-wrap.st-overlay div#main-container div.content-column div#mainbody.clearfix div.container-fluid div.row-fluid div#content.span12 section#maintop-a.modules-block div.row-fluid div.span12 div.module div.module-content div.custom div.span12 {
    text-align: center;
    margin-left: 0;
    
}

}