/* Table Base */

table {
  font-family: arial;
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

.table { 
  width: 100%;
  margin-bottom: 20px;
}

.table th,
.table td {
  font-weight: normal;
  font-size: 12px;
  padding: 8px 15px;
  line-height: 20px;
  text-align: left;
  vertical-align: middle;
  border: 1px solid #dddddd;
}
.table thead th {
  background: #eeeeee;
  vertical-align: bottom;
}   
.table tbody > tr:nth-child(odd) > td,
.table tbody > tr:nth-child(odd) > th {
  background-color: #fafafa;
}    
.table .t-small {
  width: 5%;
}
.table .t-medium {
  width: 15%;
}
.table .t-status {
  font-weight: bold;
}
.table .t-active {
  color: #46a546;
}
.table .t-inactive {
  color: #e00300;
}
.table .t-draft {
  color: #f89406;
}
.table .t-scheduled {
  color: #049cdb;
}

/* Small Sizes */
@media (max-width: 480px) { 
  .table-action thead {
    display: none;
  }
  .table-action tr {
    border: 1px solid #dddddd;
  }
  .table-action td {
    border: 0;
  }
  .table-action td:not(:first-child) {
    display: block;
  }
}







@media only screen and (min-width: 1024px){
	/*Inicio: Alteração feita para alinhar o topo do site com o logo novo by Dionis Mendanha*/
	#header #search {
		margin-top:-15px !important;	
	}
	/*Fim: Alteração feita para alinhar o topo do site com o logo novo by Dionis Mendanha*/
}

@media only screen and (min-width: 980px) and (max-width: 1024px) {
	
	#header #logo {
		width: 150px !important;
		height: 5px !important;
		position: relative;
		top: 0 !important;
		left: -15px !important;
	}
	
	#header #search {
		margin-top: -47px !important;
	}
	
	#footer .column {
    width: 214px !important;
}

	.home #banner0, .home #banner1, .home #banner2, .home #banner3 {
    width: 100% !important;
}
	
}

@media only screen and (max-width: 979px){
	
	#header #logo {
		width: 150px !important;
		height: 85px !important;
		position: relative;
		top: 0 !important;
		left: -25px !important;
	}
	
	/*Inicio: Alteração feita para alinhar o topo do site com o logo novo by Dionis Mendanha*/
	#res-menu {
		margin-top:10px !important;	
	}
	
	#header #search {
		margin-top: -15px !important;
	}
	/*Fim: Alteração feita para alinhar o topo do site com o logo novo by Dionis Mendanha*/	
	
.tm_headerlinkmenu {
    float: right;
    position: relative !important;
    margin-right: 30px !important;
}	

#footer .column {
		width: 95% !important;
	}
	
	.banner { width: 100% !important; }
	
}
 
/* Landscape phone to portrait tablet */
@media only screen and (max-width: 767px) {
	
	.header_top{
		height:50px !important;
	}
	
	/*Inicio: Alteração feita para alinhar o topo do site com o logo novo by Dionis Mendanha*/	
	#header #cart {
		top:215px !important; 
	}
	
	#header #search {	
		width: 94% !important;		
		top: 110px !important;
	}				

	#res-menu {	
		margin-top: 125px !important;	
	}
	/*Fim: Alteração feita para alinhar o topo do site com o logo novo by Dionis Mendanha*/
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	#header #search {
		width: 94% !important;	
		position: relative !important;
		left: 28px !important;
		top: 0px !important;
	}

	#header #logo {
		width: 150px !important;
		height: 85px !important;
		position: relative;
		top: -40px !important;
		left: -25px !important;
	}

	#footer .column {
		width: 94% !important;
	}

}

/* Landscape phones and down */
@media only screen and (max-width: 479px) {

	
}

/* Mobile Landscape Size to Mobile Portrait (devices and browsers) */
@media only screen and (min-width: 320px) and (max-width: 479px) { 
	#header #search {
		width: 94% !important;	
		position: relative !important;
		left: 28px !important;
		top: 0px !important;
	}
	
	.toggle .mobile_togglemenu {
		width: 92% !important;
	}
	
	#header #logo {
		width: 150px !important;
		height: 75px !important;
		position: relative;
		top: -40px !important;
		left: -25px !important;
	}
	
	a.button {
		margin-top: 4px !important;
	}

}
@media only screen and (max-width: 319px){

#header #search {
    position: relative !important;
    left: 28px !important;
    top: 0px !important;
}

#header #logo {
    width: 150px !important;
    height: 75px !important;
	position: relative;
    top: -40px !important;
	left: -25px !important;
}

#footer .column {
		width: 90% !important;
	}
	
	a.button {
		margin-top: 4px !important;
	}

} 
@media only screen and (max-width:240px) {}
