/************************************************************************************
MAIN NAVIGATION 980px
*************************************************************************************/
@media all and (max-width : 980px) {
	
	/*************************************************************************************
	CONTAINERS
	**************************************************************************************/

	#col-max{
		clear:both;
		width:100%;
		margin:0 auto;
		padding:20px 0;
	}
	#container{
		clear:both;
		width:100%;
		height:auto;
		margin:10px auto;
		padding: 20px 0;
		overflow:hidden;
	}

	.roll{
		max-height: 390px;
		min-height: 350px;
		overflow: auto;
		padding:0 2px;
	}

	/*************************************************************************************
	HEADER
	**************************************************************************************/

	#header{
		clear:both;
		width: 100%;
		min-height: 150px;
		margin: 0px auto;
		padding: 0;
	}

	#header-container{
		width:100%;
		height:auto;
		margin:0 auto;  
		padding: 30px 0;
	}

	/************************************************************************************
	MARCA
	*************************************************************************************/

	.marca{
		width:200px;
		height:auto;
		margin:25px auto 0px 5%;
		padding:0px;
		float: left;
	}

	.marca img{
		width:100%;
		height:auto;
		-webkit-filter: drop-shadow( 3px 3px 2px rgba(0,0,0,.7));
		filter: drop-shadow(2px 2px 1px rgba(0,0,0,.4));
	}

	/*************************************************************************************
	BANNER
	**************************************************************************************/

	#banner{
		width:100%;
		height: 300px;
		margin:0 auto;
		padding:0;
		overflow: hidden;
	}
	.fluid_container {
		width: 100%;
		margin: 0 auto;
		box-shadow: 2px 4px 2px rgba(0,0,0,0.4);
		overflow:hidden;
	}
	.camera_overlayer {
		opacity: .3;
	}
			
	/*************************************************************************************
	FATIAS
	**************************************************************************************/

	#slice{
		width:31%;
		min-height: 100px;
		margin:5px;
		padding:5px;
		overflow: auto;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}
	#slice-1{
		width:45%;
		min-height: 20px;
		margin:5px;
		padding:10px;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}
	#slice-2{
		width:16.8%;
		min-height: 20px;
		margin:10px;
		padding:5px;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}
	#slice-3{
		width:63%;
		min-height: 20px;
		margin:5px;
		padding:10px;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}


	/*******************************************image-show */

	.slice-image-pin {
		width: 110px;
		height:auto;
		margin:10px auto;
		padding:0;
		float:none;
		overflow:hidden;
	}
	.slice-image-pin img{
		position: relative;
		top:0;
		width: 100%;
		height:100%;
		overflow:hidden;
	}

	/*******************************************video */

	.slice-video {
		width: 100%;
		height: 100%;
		height:280px;
		margin:10px 0;
		padding:10px 0;
		float:left;
		overflow:hidden;
	}

	/*******************************************slice-text */

	.slice-text{
		clear: both;
		min-height:20px;
		height: auto;
		margin:0;
		padding:0px 3px;
	}
	.slice-text h1{
		margin: 0;
		padding: 10px 0;
		font-size:2em;
		font-weight:600;
		text-align:center;
		letter-spacing:-2px;
		line-height:1.1em;
	}
	.slice-text h2{
		margin: 0;
		padding: 0;
		font-size:1.4em;
		font-weight:400;
		text-align:center;
		letter-spacing:-1px;
		line-height:1.1em;
	}
	.slice-text h3{
		margin: 0;
		padding: 0;
		font-size:1.1em;
		font-weight:300;
		text-align:left;
		letter-spacing:0;
		line-height:1.5em;
	}
	.slice-text p{
		margin: 0;
		padding: 0px;
		font-size:.9em;
		text-align:justify;
		font-weight:400;
		letter-spacing:-.5px;
		line-height:1.4em;
	}

	/*******************************************BT DETALHES */

	#slice-bt-detalhes{
		width:100%;
		height: 40px;
		margin:0 auto;
		padding: 5px 0;
		text-align: center;
	}

	/*************************************************************************************
	FIXOS
	**************************************************************************************/

	.text-min{
		height: auto;
		margin: 0 0 20px 0;
		padding: 0;
		font-size:.7em;
		font-weight:500;
		text-align:left;
		letter-spacing:0px;
		overflow: hidden;
		line-height:1em;
	}
	.text{
		width:100%;
		height: auto;
		margin: 0 auto;
		padding: 5px;
	}
	.text h1{
		margin: 0;
		padding: 10px 0;
		font-size:2em;
		font-weight:600;
		text-align:center;
		letter-spacing:-2px;
		line-height:1.1em;
	}
	.text h2{
		margin: 0;
		padding: 0;
		font-size:1.4em;
		font-weight:400;
		text-align:center;
		letter-spacing:-1px;
		line-height:1.1em;
	}
	.text h3{
		margin: 0;
		padding: 0;
		font-size:1.1em;
		font-weight:300;
		text-align:left;
		letter-spacing:0;
		line-height:1.5em;
	}
	.text p{
		margin: 0;
		padding: 0;
		font-size:.9em;
		text-align:left;
		font-weight:400;
		letter-spacing:-.5px;
		line-height:1.4em;
	}

	/*************************************************************************************
	FOOTER
	**************************************************************************************/

	#footer{
		clear:both;
		font-weight: 100;
		width: 100%;
		height: auto;
		padding: 0px ;
		margin:0 auto;
	}

	#footer-container{
		clear: both;
		width: 100%;
		max-width:1280px;
		height:auto;
		padding:20px 0;
		margin:0 auto;;
	}

	#footer-slice{
		width:24%;
		height:auto;
		margin:2px;
		padding:0px;

		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}

	#footer-slice-2{
		width:48%;
		min-height: 2px;
		margin:2px;
		padding:0px;
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}

	#feet_text{
		width:95%;
		min-height: 2px;
		margin:2px auto;
		padding:0px;
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}

	#feet_text ul{
		width: 100%;
		margin: 5px auto 0 auto;
		padding: 0;
		text-align: left;
		display: block;
		/* rounded corner 
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;*/
		float:none;
		/* transition */
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
		overflow:hidden;
	}

	#feet_text li{
		font-size:.9em;
		font-weight: 500;
		text-align: left;
		margin: 5px auto;
		padding: 0;
		display: block;
		/* transition */
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
		overflow:hidden;
	}

	#feet_text h2{
		text-align: left;
		margin: 0;
		padding: 0px 0;
		font-size: .8em;
		font-weight: 400;
		line-height: 1em;
		letter-spacing:0px;
		text-decoration: none;
	}

	#feet_text h3{
		text-align: left;
		margin: 0;
		padding: 0px 0;
		font-size: .8em;
		font-weight: 600;
		line-height: 1em;
		letter-spacing:-.50px;
		text-decoration: none;
		text-transform: uppercase;
	}

	#feet_text p{
		text-align: left;
		margin:5px 0 0 0;
		padding:5px 0 0 0;
		font-size: .75em;
		font-weight: 400;
		line-height: 1.4em;
		letter-spacing:0px;
		text-decoration: none;
	}

	/*************************************************************************************
	BOTOES-LINKS
	**************************************************************************************/

	a.bt-link {
		cursor: pointer;
		color: #FFF;
		display: block;
		width:20%;
		padding: 10px 25px; 
		margin: 0px auto 0px auto;
		font-size:.8em;
		text-decoration: none;
		text-align: center;
		
		/*background*/
		background:#242427;
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
		
		/* rounded corner */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		
		/*shadom*/
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}

	a.bt-link:hover{
		height: auto;  
		margin: 0px auto;
		/*color*/
		color:#242427;
		/*background*/
		background:#FFCC29;
	}

	/*************************************************************************************
	LINK
	**************************************************************************************/

	a.link {
		cursor: pointer;
		width: 100%;
		color: #FFF;
		display: block;
		padding: 10px 0; 
		margin: 0px auto 0px auto;
		font-size:.8em;
		text-decoration: none;
		text-align: center;
		
		/*background*/
		background:#242427;
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
		
		/* rounded corner */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		
		/*shadom*/
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}

	a.link:hover{
		height: auto;  
		margin: 0px auto;
		/*color*/
		color:#242427;
		/*background*/
		background:#FFCC29;
	}

	/*************************************************************************************
	BOTOES-LINKS
	**************************************************************************************/

	#bt-intro-1{
		width:31%;
		min-height: 250px;
		margin:5px;
		padding:5px;
		overflow: auto;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
		
		background-image: url("../../images/comuns/bt-intro-1.jpg") ;
		position: relative;
		/*opacity: 0.55;*/
		background-attachment:relative;
		background-position: top;
		background-repeat: no-repeat;
		background-size: cover;
	}

	#bt-intro-2{
		width:31%;
		min-height: 250px;
		margin:5px;
		padding:5px;
		overflow: auto;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
		
		background-image: url("../../images/comuns/bt-intro-2.jpg") ;
		position: relative;
		/*opacity: 0.55;*/
		background-attachment:relative;
		background-position: top;
		background-repeat: no-repeat;
		background-size: cover;
	}

	#bt-intro-3{
		width:31%;
		min-height: 250px;
		margin:5px;
		padding:5px;
		overflow: auto;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
		
		background-image: url("../../images/comuns/bt-intro-3.jpg") ;
		position: relative;
		/*opacity: 0.55;*/
		background-attachment:relative;
		background-position: top;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.bt-intro-text{
		width:95%;
		height: auto;
		margin: 50px auto 5% auto;
		padding: 0;
	}

	.bt-intro-text h2{
		margin: 0;
		padding: 0;
		font-size:1.4em;
		font-weight:400;
		text-align:center;
		letter-spacing:-1px;
		line-height:1.1em;
	}

	.bt-intro-text p{
		margin: 0;
		padding: 0 5px;
		font-size:1.1em;
		text-align:center;
		font-weight:400;
		letter-spacing:-.8px;
		line-height:1.4em;
	}

	a.bt-intro-text  {
		cursor: pointer;
		display: block;
		padding: 10px 0; 
		margin: 0px auto 0px auto;
		font-size:1.5em;
		text-decoration: none;
		text-align: center;
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
		
		/* rounded corner */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		
		/*shadom*/
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}
}
/************************************************************************************
MAIN NAVIGATION 810px
*************************************************************************************/
@media all and (max-width : 810px) {

	/*************************************************************************************
	CONTAINERS
	**************************************************************************************/

	#col-max{
		clear:both;
		width:100%;
		margin:0 auto;
		padding:20px 0;
	}
	#container{
		clear:both;
		width:95%;
		height:auto;
		margin:10px auto;
		padding: 20px 0;
		overflow:hidden;
	}

	.roll{
		max-height: 390px;
		min-height: 350px;
		overflow: auto;
		padding:0 2px;
	}

	/*************************************************************************************
	HEADER
	**************************************************************************************/

	#header{
		clear:both;
		width: 100%;
		min-height: 150px;
		margin: 0px auto;
		padding: 0;
	}

	#header-container{
		width:100%;
		height:auto;
		margin:0 auto;  
		padding: 30px 0;
	}

	/************************************************************************************
	MARCA
	*************************************************************************************/

	.marca{
		width:230px;
		height:auto;
		margin:10px auto;
		padding:0px;
		float: none;
	}

	.marca img{
		width:100%;
		height:auto;
		-webkit-filter: drop-shadow( 3px 3px 2px rgba(0,0,0,.7));
		filter: drop-shadow(2px 2px 1px rgba(0,0,0,.4));
	}

	/*************************************************************************************
	BANNER
	**************************************************************************************/

	#banner{
		width:100%;
		height: auto;
		margin:0 auto;
		padding:0;
		overflow: hidden;
	}
	.fluid_container {
		width: 100%;
		margin: 0 auto;
		box-shadow: 2px 4px 2px rgba(0,0,0,0.4);
		overflow:hidden;
	}
	.camera_overlayer {
		opacity: .3;
	}
			
	/*************************************************************************************
	FATIAS
	**************************************************************************************/

	#slice{
		width:31%;
		min-height: 100px;
		margin:5px;
		padding:5px;
		overflow: auto;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}
	#slice-1{
		width:48%;
		min-height: 20px;
		margin:5px;
		padding:10px;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}
	#slice-2{
		width:16.8%;
		min-height: 20px;
		margin:10px;
		padding:5px;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}
	#slice-3{
		width:63%;
		min-height: 20px;
		margin:5px;
		padding:10px;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}


	/*******************************************image-show */

	.slice-image-pin {
		width: 110px;
		height:auto;
		margin:10px auto;
		padding:0;
		float:none;
		overflow:hidden;
	}
	.slice-image-pin img{
		position: relative;
		top:0;
		width: 100%;
		height:100%;
		overflow:hidden;
	}

	/*******************************************video */

	.slice-video {
		width: 100%;
		height: 100%;
		height:280px;
		margin:10px 0;
		padding:10px 0;
		float:left;
		overflow:hidden;
	}

	/*******************************************slice-text */

	.slice-text{
		clear: both;
		min-height:20px;
		height: auto;
		margin:0;
		padding:0px 3px;
	}
	.slice-text h1{
		margin: 0;
		padding: 10px 0;
		font-size:2em;
		font-weight:600;
		text-align:center;
		letter-spacing:-2px;
		line-height:1.1em;
	}
	.slice-text h2{
		margin: 0;
		padding: 0;
		font-size:1.4em;
		font-weight:400;
		text-align:center;
		letter-spacing:-1px;
		line-height:1.1em;
	}
	.slice-text h3{
		margin: 0;
		padding: 0;
		font-size:1.1em;
		font-weight:300;
		text-align:left;
		letter-spacing:0;
		line-height:1.5em;
	}
	.slice-text p{
		margin: 0;
		padding: 0px;
		font-size:.9em;
		text-align:justify;
		font-weight:400;
		letter-spacing:-.5px;
		line-height:1.4em;
	}

	/*******************************************BT DETALHES */

	#slice-bt-detalhes{
		width:100%;
		height: 40px;
		margin:0 auto;
		padding: 5px 0;
		text-align: center;
	}

	/*************************************************************************************
	FIXOS
	**************************************************************************************/

	.text-min{
		height: auto;
		margin: 0 0 20px 0;
		padding: 0;
		font-size:.7em;
		font-weight:500;
		text-align:left;
		letter-spacing:0px;
		overflow: hidden;
		line-height:1em;
	}
	.text{
		width:100%;
		height: auto;
		margin: 0 auto;
		padding: 5px;
	}
	.text h1{
		margin: 0;
		padding: 10px 0;
		font-size:2em;
		font-weight:600;
		text-align:center;
		letter-spacing:-2px;
		line-height:1.1em;
	}
	.text h2{
		margin: 0;
		padding: 0;
		font-size:1.4em;
		font-weight:400;
		text-align:center;
		letter-spacing:-1px;
		line-height:1.1em;
	}
	.text h3{
		margin: 0;
		padding: 0;
		font-size:1.1em;
		font-weight:300;
		text-align:left;
		letter-spacing:0;
		line-height:1.5em;
	}
	.text p{
		margin: 0;
		padding: 0;
		font-size:.9em;
		text-align:left;
		font-weight:400;
		letter-spacing:-.5px;
		line-height:1.4em;
	}

	/*************************************************************************************
	FOOTER
	**************************************************************************************/

	#footer{
		clear:both;
		font-weight: 100;
		width: 100%;
		height: auto;
		padding: 0px ;
		margin:0 auto;
	}

	#footer-container{
		clear: both;
		width: 95%;
		max-width:1280px;
		height:auto;
		padding:20px 0;
		margin:0 auto;;
	}

	#footer-slice{
		width:24%;
		height:auto;
		margin:2px;
		padding:0px;

		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}

	#footer-slice-2{
		width:48%;
		min-height: 2px;
		margin:2px;
		padding:0px;
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}

	#feet_text{
		width:95%;
		min-height: 2px;
		margin:2px auto;
		padding:0px;
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}

	#feet_text ul{
		width: 100%;
		margin: 5px auto 0 auto;
		padding: 0;
		text-align: left;
		display: block;
		/* rounded corner 
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;*/
		float:none;
		/* transition */
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
		overflow:hidden;
	}

	#feet_text li{
		font-size:.9em;
		font-weight: 500;
		text-align: left;
		margin: 5px auto;
		padding: 0;
		display: block;
		/* transition */
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
		overflow:hidden;
	}

	#feet_text h2{
		text-align: left;
		margin: 0;
		padding: 0px 0;
		font-size: .8em;
		font-weight: 400;
		line-height: 1em;
		letter-spacing:0px;
		text-decoration: none;
	}

	#feet_text h3{
		text-align: left;
		margin: 0;
		padding: 0px 0;
		font-size: .8em;
		font-weight: 600;
		line-height: 1em;
		letter-spacing:-.50px;
		text-decoration: none;
		text-transform: uppercase;
	}

	#feet_text p{
		text-align: left;
		margin:5px 0 0 0;
		padding:5px 0 0 0;
		font-size: .75em;
		font-weight: 400;
		line-height: 1.4em;
		letter-spacing:0px;
		text-decoration: none;
	}

	/*************************************************************************************
	BOTOES-LINKS
	**************************************************************************************/

	a.bt-link {
		cursor: pointer;
		color: #FFF;
		display: block;
		width:20%;
		padding: 10px 25px; 
		margin: 0px auto 0px auto;
		font-size:.8em;
		text-decoration: none;
		text-align: center;
		
		/*background*/
		background:#242427;
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
		
		/* rounded corner */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		
		/*shadom*/
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}

	a.bt-link:hover{
		height: auto;  
		margin: 0px auto;
		/*color*/
		color:#242427;
		/*background*/
		background:#FFCC29;
	}

	/*************************************************************************************
	LINK
	**************************************************************************************/

	a.link {
		cursor: pointer;
		width: 100%;
		color: #FFF;
		display: block;
		padding: 10px 0; 
		margin: 0px auto 0px auto;
		font-size:.8em;
		text-decoration: none;
		text-align: center;
		
		/*background*/
		background:#242427;
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
		
		/* rounded corner */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		
		/*shadom*/
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}

	a.link:hover{
		height: auto;  
		margin: 0px auto;
		/*color*/
		color:#242427;
		/*background*/
		background:#FFCC29;
	}

	/*************************************************************************************
	BOTOES-LINKS
	**************************************************************************************/

	#bt-intro-1{
		width:31%;
		min-height: 250px;
		margin:5px;
		padding:5px;
		overflow: auto;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
		
		background-image: url("../../images/comuns/bt-intro-1.jpg") ;
		position: relative;
		/*opacity: 0.55;*/
		background-attachment:relative;
		background-position: top;
		background-repeat: no-repeat;
		background-size: cover;
	}

	#bt-intro-2{
		width:31%;
		min-height: 250px;
		margin:5px;
		padding:5px;
		overflow: auto;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
		
		background-image: url("../../images/comuns/bt-intro-2.jpg") ;
		position: relative;
		/*opacity: 0.55;*/
		background-attachment:relative;
		background-position: top;
		background-repeat: no-repeat;
		background-size: cover;
	}

	#bt-intro-3{
		width:31%;
		min-height: 250px;
		margin:5px;
		padding:5px;
		overflow: auto;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
		
		background-image: url("../../images/comuns/bt-intro-3.jpg") ;
		position: relative;
		/*opacity: 0.55;*/
		background-attachment:relative;
		background-position: top;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.bt-intro-text{
		width:95%;
		height: auto;
		margin: 50px auto 5% auto;
		padding: 0;
	}

	.bt-intro-text h2{
		margin: 0;
		padding: 0;
		font-size:1.4em;
		font-weight:400;
		text-align:center;
		letter-spacing:-1px;
		line-height:1.1em;
	}

	.bt-intro-text p{
		margin: 0;
		padding: 0 5px;
		font-size:1.1em;
		text-align:center;
		font-weight:400;
		letter-spacing:-.8px;
		line-height:1.4em;
	}

	a.bt-intro-text  {
		cursor: pointer;
		display: block;
		padding: 10px 0; 
		margin: 0px auto 0px auto;
		font-size:1.5em;
		text-decoration: none;
		text-align: center;
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
		
		/* rounded corner */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		
		/*shadom*/
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}
	
}

/************************************************************************************
MAIN NAVIGATION 768px
*************************************************************************************/
@media all and (max-width : 768px) {
	
	/*************************************************************************************
	CONTAINERS
	**************************************************************************************/

	#col-max{
		clear:both;
		width:100%;
		margin:0 auto;
		padding:20px 0;
	}
	#container{
		clear:both;
		width:95%;
		height:auto;
		margin:10px auto;
		padding: 20px 0;
		overflow:hidden;
	}

	.roll{
		max-height: 390px;
		min-height: 350px;
		overflow: auto;
		padding:0 2px;
	}

	/*************************************************************************************
	HEADER
	**************************************************************************************/

	#header{
		clear:both;
		width: 100%;
		min-height: 150px;
		margin: 0px auto;
		padding: 0;
	}

	#header-container{
		width:95%;
		height:auto;
		margin:0 auto;  
		padding: 30px 0;
	}

	/************************************************************************************
	MARCA
	*************************************************************************************/

	.marca{
		width:230px;
		height:auto;
		margin:10px auto;
		padding:0px;
		float: none;
	}

	.marca img{
		width:100%;
		height:auto;
		-webkit-filter: drop-shadow( 3px 3px 2px rgba(0,0,0,.7));
		filter: drop-shadow(2px 2px 1px rgba(0,0,0,.4));
	}

	/*************************************************************************************
	BANNER
	**************************************************************************************/

	#banner{
		width:100%;
		height: auto;
		margin:0 auto;
		padding:0;
		overflow: hidden;
	}
	.fluid_container {
		width: 100%;
		margin: 0 auto;
		box-shadow: 2px 4px 2px rgba(0,0,0,0.4);
		overflow:hidden;
	}
	.camera_overlayer {
		opacity: .3;
	}
			
	/*************************************************************************************
	FATIAS
	**************************************************************************************/

	#slice{
		width:31%;
		min-height: 100px;
		margin:5px;
		padding:5px;
		overflow: auto;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}
	#slice-1{
		width:48%;
		min-height: 20px;
		margin:5px;
		padding:10px;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}
	#slice-2{
		width:16.8%;
		min-height: 20px;
		margin:10px;
		padding:5px;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}
	#slice-3{
		width:63%;
		min-height: 20px;
		margin:5px;
		padding:10px;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}


	/*******************************************image-show */

	.slice-image-pin {
		width: 110px;
		height:auto;
		margin:10px auto;
		padding:0;
		float:none;
		overflow:hidden;
	}
	.slice-image-pin img{
		position: relative;
		top:0;
		width: 100%;
		height:100%;
		overflow:hidden;
	}

	/*******************************************video */

	.slice-video {
		width: 100%;
		height: 100%;
		height:280px;
		margin:10px 0;
		padding:10px 0;
		float:left;
		overflow:hidden;
	}

	/*******************************************slice-text */

	.slice-text{
		clear: both;
		min-height:20px;
		height: auto;
		margin:0;
		padding:0px 3px;
	}
	.slice-text h1{
		margin: 0;
		padding: 10px 0;
		font-size:2em;
		font-weight:600;
		text-align:center;
		letter-spacing:-2px;
		line-height:1.1em;
	}
	.slice-text h2{
		margin: 0;
		padding: 0;
		font-size:1.4em;
		font-weight:400;
		text-align:center;
		letter-spacing:-1px;
		line-height:1.1em;
	}
	.slice-text h3{
		margin: 0;
		padding: 0;
		font-size:1.1em;
		font-weight:300;
		text-align:left;
		letter-spacing:0;
		line-height:1.5em;
	}
	.slice-text p{
		margin: 0;
		padding: 0px;
		font-size:.9em;
		text-align:justify;
		font-weight:400;
		letter-spacing:-.5px;
		line-height:1.4em;
	}

	/*******************************************BT DETALHES */

	#slice-bt-detalhes{
		width:100%;
		height: 40px;
		margin:0 auto;
		padding: 5px 0;
		text-align: center;
	}

	/*************************************************************************************
	FIXOS
	**************************************************************************************/

	.text-min{
		height: auto;
		margin: 0 0 20px 0;
		padding: 0;
		font-size:.7em;
		font-weight:500;
		text-align:left;
		letter-spacing:0px;
		overflow: hidden;
		line-height:1em;
	}
	.text{
		width:100%;
		height: auto;
		margin: 0 auto;
		padding: 5px;
	}
	.text h1{
		margin: 0;
		padding: 10px 0;
		font-size:2em;
		font-weight:600;
		text-align:center;
		letter-spacing:-2px;
		line-height:1.1em;
	}
	.text h2{
		margin: 0;
		padding: 0;
		font-size:1.4em;
		font-weight:400;
		text-align:center;
		letter-spacing:-1px;
		line-height:1.1em;
	}
	.text h3{
		margin: 0;
		padding: 0;
		font-size:1.1em;
		font-weight:300;
		text-align:left;
		letter-spacing:0;
		line-height:1.5em;
	}
	.text p{
		margin: 0;
		padding: 0;
		font-size:.9em;
		text-align:left;
		font-weight:400;
		letter-spacing:-.5px;
		line-height:1.4em;
	}

	/*************************************************************************************
	FOOTER
	**************************************************************************************/

	#footer{
		clear:both;
		font-weight: 100;
		width: 100%;
		height: auto;
		padding: 0px ;
		margin:0 auto;
	}

	#footer-container{
		clear: both;
		width: 95%;
		max-width:1280px;
		height:auto;
		padding:20px 0;
		margin:0 auto;;
	}

	#footer-slice{
		width:24%;
		height:auto;
		margin:2px;
		padding:0px;

		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}

	#footer-slice-2{
		width:48%;
		min-height: 2px;
		margin:2px;
		padding:0px;
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}

	#feet_text{
		width:95%;
		min-height: 2px;
		margin:2px auto;
		padding:0px;
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}

	#feet_text ul{
		width: 100%;
		margin: 5px auto 0 auto;
		padding: 0;
		text-align: left;
		display: block;
		/* rounded corner 
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;*/
		float:none;
		/* transition */
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
		overflow:hidden;
	}

	#feet_text li{
		font-size:.9em;
		font-weight: 500;
		text-align: left;
		margin: 5px auto;
		padding: 0;
		display: block;
		/* transition */
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
		overflow:hidden;
	}

	#feet_text h2{
		text-align: left;
		margin: 0;
		padding: 0px 0;
		font-size: .8em;
		font-weight: 400;
		line-height: 1em;
		letter-spacing:0px;
		text-decoration: none;
	}

	#feet_text h3{
		text-align: left;
		margin: 0;
		padding: 0px 0;
		font-size: .8em;
		font-weight: 600;
		line-height: 1em;
		letter-spacing:-.50px;
		text-decoration: none;
		text-transform: uppercase;
	}

	/*************************************************************************************
	BOTOES-LINKS
	**************************************************************************************/

	a.bt-link {
		cursor: pointer;
		color: #FFF;
		display: block;
		width:20%;
		padding: 10px 25px; 
		margin: 0px auto 0px auto;
		font-size:.8em;
		text-decoration: none;
		text-align: center;
		
		/*background*/
		background:#242427;
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
		
		/* rounded corner */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		
		/*shadom*/
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}

	a.bt-link:hover{
		height: auto;  
		margin: 0px auto;
		/*color*/
		color:#242427;
		/*background*/
		background:#FFCC29;
	}

	/*************************************************************************************
	LINK
	**************************************************************************************/

	a.link {
		cursor: pointer;
		width: 100%;
		color: #FFF;
		display: block;
		padding: 10px 0; 
		margin: 0px auto 0px auto;
		font-size:.8em;
		text-decoration: none;
		text-align: center;
		
		/*background*/
		background:#242427;
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
		
		/* rounded corner */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		
		/*shadom*/
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}

	a.link:hover{
		height: auto;  
		margin: 0px auto;
		/*color*/
		color:#242427;
		/*background*/
		background:#FFCC29;
	}

	/*************************************************************************************
	BOTOES-LINKS
	**************************************************************************************/

	#bt-intro-1{
		width:31%;
		min-height: 250px;
		margin:5px;
		padding:5px;
		overflow: auto;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
		
		background-image: url("../../images/comuns/bt-intro-1.jpg") ;
		position: relative;
		/*opacity: 0.55;*/
		background-attachment:relative;
		background-position: top;
		background-repeat: no-repeat;
		background-size: cover;
	}

	#bt-intro-2{
		width:31%;
		min-height: 250px;
		margin:5px;
		padding:5px;
		overflow: auto;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
		
		background-image: url("../../images/comuns/bt-intro-2.jpg") ;
		position: relative;
		/*opacity: 0.55;*/
		background-attachment:relative;
		background-position: top;
		background-repeat: no-repeat;
		background-size: cover;
	}

	#bt-intro-3{
		width:31%;
		min-height: 250px;
		margin:5px;
		padding:5px;
		overflow: auto;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
		
		background-image: url("../../images/comuns/bt-intro-3.jpg") ;
		position: relative;
		/*opacity: 0.55;*/
		background-attachment:relative;
		background-position: top;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.bt-intro-text{
		width:95%;
		height: auto;
		margin: 50px auto 5% auto;
		padding: 0;
	}

	.bt-intro-text h2{
		margin: 0;
		padding: 0;
		font-size:1.4em;
		font-weight:400;
		text-align:center;
		letter-spacing:-1px;
		line-height:1.1em;
	}

	.bt-intro-text p{
		margin: 0;
		padding: 0 5px;
		font-size:1.1em;
		text-align:center;
		font-weight:400;
		letter-spacing:-.8px;
		line-height:1.4em;
	}

	a.bt-intro-text  {
		cursor: pointer;
		display: block;
		padding: 10px 0; 
		margin: 0px auto 0px auto;
		font-size:1.5em;
		text-decoration: none;
		text-align: center;
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
		
		/* rounded corner */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		
		/*shadom*/
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}
	
}

/************************************************************************************
MAIN NAVIGATION 680px
*************************************************************************************/
@media all and (max-width : 680px) {
	
	/*************************************************************************************
	CONTAINERS
	**************************************************************************************/

	#col-max{
		clear:both;
		width:100%;
		margin:0 auto;
		padding:20px 0;
	}
	#container{
		clear:both;
		width:95%;
		height:auto;
		margin:10px auto;
		padding: 20px 0;
		overflow:hidden;
	}

	.roll{
		max-height: 390px;
		min-height: 350px;
		overflow: auto;
		padding:0 2px;
	}

	/*************************************************************************************
	HEADER
	**************************************************************************************/

	#header{
		clear:both;
		width: 100%;
		min-height: 150px;
		margin: 0px auto;
		padding: 0;
	}

	#header-container{
		width:95%;
		height:auto;
		margin:0 auto;  
		padding: 30px 0;
	}

	/*************************************************************************************
	BANNER
	**************************************************************************************/

	#banner{
		width:100%;
		height: auto;
		margin:0 auto;
		padding:0;
		overflow: hidden;
	}
	.fluid_container {
		width: 100%;
		margin: 0 auto;
		box-shadow: 2px 4px 2px rgba(0,0,0,0.4);
		overflow:hidden;
	}
	.camera_overlayer {
		opacity: .3;
	}
			
	/*************************************************************************************
	FATIAS
	**************************************************************************************/

	#slice{
		width:31%;
		min-height: 100px;
		margin:5px;
		padding:5px;
		overflow: auto;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}
	#slice-1{
		width:48%;
		min-height: 20px;
		margin:5px;
		padding:10px;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}
	#slice-2{
		width:22%;
		min-height: 20px;
		margin:5px;
		padding:5px;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}
	#slice-3{
		width:63%;
		min-height: 20px;
		margin:5px;
		padding:10px;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}

	/*******************************************image-show */

	.slice-image-pin {
		width: 110px;
		height:auto;
		margin:10px auto;
		padding:0;
		float:none;
		overflow:hidden;
	}
	.slice-image-pin img{
		position: relative;
		top:0;
		width: 100%;
		height:100%;
		overflow:hidden;
	}

	/*******************************************video */

	.slice-video {
		width: 100%;
		height: 100%;
		height:280px;
		margin:10px 0;
		padding:10px 0;
		float:left;
		overflow:hidden;
	}

	/*******************************************slice-text */

	.slice-text{
		clear: both;
		min-height:20px;
		height: auto;
		margin:0;
		padding:0px 3px;
	}
	.slice-text h1{
		margin: 0;
		padding: 10px 0;
		font-size:2em;
		font-weight:600;
		text-align:center;
		letter-spacing:-2px;
		line-height:1.1em;
	}
	.slice-text h2{
		margin: 0;
		padding: 0;
		font-size:1.2em;
		font-weight:400;
		text-align:center;
		letter-spacing:-1px;
		line-height:1.1em;
	}
	.slice-text h3{
		margin: 0;
		padding: 0;
		font-size:1em;
		font-weight:400;
		text-align:left;
		letter-spacing:0;
		line-height:1.5em;
	}
	.slice-text p{
		margin: 0;
		padding: 0px;
		font-size:.9em;
		text-align:justify;
		font-weight:400;
		letter-spacing:-.5px;
		line-height:1.4em;
	}

	/*******************************************BT DETALHES */

	#slice-bt-detalhes{
		width:100%;
		height: 40px;
		margin:0 auto;
		padding: 5px 0;
		text-align: center;
	}

	/*************************************************************************************
	FIXOS
	**************************************************************************************/

	.text-min{
		height: auto;
		margin: 0 0 20px 0;
		padding: 0;
		font-size:.7em;
		font-weight:500;
		text-align:left;
		letter-spacing:0px;
		overflow: hidden;
		line-height:1em;
	}
	.text{
		width:100%;
		height: auto;
		margin: 0 auto;
		padding: 5px;
	}
	.text h1{
		margin: 0;
		padding: 10px 0;
		font-size:2em;
		font-weight:600;
		text-align:center;
		letter-spacing:-2px;
		line-height:1.1em;
	}
	.text h2{
		margin: 0;
		padding: 0;
		font-size:1.2em;
		font-weight:400;
		text-align:center;
		letter-spacing:-1px;
		line-height:1.1em;
	}
	.text h3{
		margin: 0;
		padding: 0;
		font-size:1em;
		font-weight:300;
		text-align:left;
		letter-spacing:0;
		line-height:1.5em;
	}
	.text p{
		margin: 0;
		padding: 0;
		font-size:.9em;
		text-align:left;
		font-weight:400;
		letter-spacing:-.5px;
		line-height:1.4em;
	}

	/*************************************************************************************
	FOOTER
	**************************************************************************************/

	#footer{
		clear:both;
		font-weight: 100;
		width: 100%;
		height: auto;
		padding: 0px ;
		margin:0 auto;
	}

	#footer-container{
		clear: both;
		width: 95%;
		max-width:1280px;
		height:auto;
		padding:20px 0;
		margin:0 auto;;
	}

	#footer-slice{
		width:46%;
		height:auto;
		margin:10px;
		padding:0px;

		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}

	#footer-slice-2{
		width:48%;
		min-height: 2px;
		margin:2px;
		padding:0px;
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}

	#feet_text{
		width:95%;
		min-height: 2px;
		margin:2px auto;
		padding:0px;
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}

	#feet_text ul{
		width: 100%;
		margin: 5px auto 0 auto;
		padding: 0;
		text-align: left;
		display: block;
		/* rounded corner 
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;*/
		float:none;
		/* transition */
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
		overflow:hidden;
	}

	#feet_text li{
		font-size:.9em;
		font-weight: 500;
		text-align: left;
		margin: 5px auto;
		padding: 0;
		display: block;
		/* transition */
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
		overflow:hidden;
	}

	#feet_text h2{
		text-align: left;
		margin: 0;
		padding: 0px 0;
		font-size: .8em;
		font-weight: 400;
		line-height: 1em;
		letter-spacing:0px;
		text-decoration: none;
	}

	#feet_text h3{
		text-align: left;
		margin: 0;
		padding: 0px 0;
		font-size: .8em;
		font-weight: 600;
		line-height: 1em;
		letter-spacing:-.50px;
		text-decoration: none;
		text-transform: uppercase;
	}

	/*************************************************************************************
	BOTOES-LINKS
	**************************************************************************************/

	a.bt-link {
		cursor: pointer;
		color: #FFF;
		display: block;
		width:20%;
		padding: 10px 25px; 
		margin: 0px auto 0px auto;
		font-size:.8em;
		text-decoration: none;
		text-align: center;
		
		/*background*/
		background:#242427;
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
		
		/* rounded corner */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		
		/*shadom*/
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}

	a.bt-link:hover{
		height: auto;  
		margin: 0px auto;
		/*color*/
		color:#242427;
		/*background*/
		background:#FFCC29;
	}

	/*************************************************************************************
	LINK
	**************************************************************************************/

	a.link {
		cursor: pointer;
		width: 100%;
		color: #FFF;
		display: block;
		padding: 10px 15px; 
		margin: 0px auto 0px auto;
		font-size:.8em;
		text-decoration: none;
		text-align: center;
		
		/*background*/
		background:#242427;
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
		
		/* rounded corner */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		
		/*shadom*/
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}

	a.link:hover{
		height: auto;  
		margin: 0px auto;
		/*color*/
		color:#242427;
		/*background*/
		background:#FFCC29;
	}

	/*************************************************************************************
	BOTOES-LINKS
	**************************************************************************************/

	#bt-intro-1{
		width:31%;
		min-height: 250px;
		margin:5px;
		padding:5px;
		overflow: auto;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
		
		background-image: url("../../images/comuns/bt-intro-1.jpg") ;
		position: relative;
		/*opacity: 0.55;*/
		background-attachment:relative;
		background-position: top;
		background-repeat: no-repeat;
		background-size: cover;
	}

	#bt-intro-2{
		width:31%;
		min-height: 250px;
		margin:5px;
		padding:5px;
		overflow: auto;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
		
		background-image: url("../../images/comuns/bt-intro-2.jpg") ;
		position: relative;
		/*opacity: 0.55;*/
		background-attachment:relative;
		background-position: top;
		background-repeat: no-repeat;
		background-size: cover;
	}

	#bt-intro-3{
		width:31%;
		min-height: 250px;
		margin:5px;
		padding:5px;
		overflow: auto;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
		
		background-image: url("../../images/comuns/bt-intro-3.jpg") ;
		position: relative;
		/*opacity: 0.55;*/
		background-attachment:relative;
		background-position: top;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.bt-intro-text{
		width:95%;
		height: auto;
		margin: 50px auto 5% auto;
		padding: 0;
	}

	.bt-intro-text h2{
		margin: 0;
		padding: 0;
		font-size:1.4em;
		font-weight:400;
		text-align:center;
		letter-spacing:-1px;
		line-height:1.1em;
	}

	.bt-intro-text p{
		margin: 0;
		padding: 0 5px;
		font-size:1.1em;
		text-align:center;
		font-weight:400;
		letter-spacing:-.8px;
		line-height:1.4em;
	}

	a.bt-intro-text  {
		cursor: pointer;
		display: block;
		padding: 10px 0; 
		margin: 0px auto 0px auto;
		font-size:1.5em;
		text-decoration: none;
		text-align: center;
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
		
		/* rounded corner */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		
		/*shadom*/
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}
	
}

/************************************************************************************
MAIN NAVIGATION 510px
*************************************************************************************/
@media all and (max-width : 510px) {
	
	/*************************************************************************************
	CONTAINERS
	**************************************************************************************/

	#col-max{
		clear:both;
		width:100%;
		margin:0 auto;
		padding:20px 0;
	}
	#container{
		clear:both;
		width:95%;
		height:auto;
		margin:10px auto;
		padding: 20px 0;
		overflow:hidden;
	}

	/*************************************************************************************
	HEADER
	**************************************************************************************/

	#header{
		clear:both;
		width: 100%;
		min-height: 150px;
		margin: 0px auto;
		padding: 0;
	}

	#header-container{
		width:95%;
		height:auto;
		margin:0 auto;  
		padding: 30px 0;
	}

	/*************************************************************************************
	BANNER
	**************************************************************************************/

	#banner{
		width:100%;
		height: auto;
		margin:0 auto;
		padding:0;
		overflow: hidden;
	}
	.fluid_container {
		width: 100%;
		margin: 0 auto;
		box-shadow: 2px 4px 2px rgba(0,0,0,0.4);
		overflow:hidden;
	}
	.camera_overlayer {
		opacity: .3;
	}
			
	/*************************************************************************************
	FATIAS
	**************************************************************************************/

	#slice{
		width:31%;
		min-height: 100px;
		margin:5px;
		padding:5px;
		overflow: auto;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}
	#slice-1{
		width:100%;
		min-height: 20px;
		margin:5px;
		padding:10px;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}
	#slice-2{
		width:46%;
		min-height: 20px;
		margin:5px;
		padding:5px;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}
	#slice-3{
		width:63%;
		min-height: 20px;
		margin:5px;
		padding:10px;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}


	/*******************************************image-show */

	.slice-image-pin {
		width: 110px;
		height:auto;
		margin:10px auto;
		padding:0;
		float:none;
		overflow:hidden;
	}
	.slice-image-pin img{
		position: relative;
		top:0;
		width: 100%;
		height:100%;
		overflow:hidden;
	}

	/*******************************************video */

	.slice-video {
		width: 100%;
		height: 100%;
		height:280px;
		margin:10px 0;
		padding:10px 0;
		float:left;
		overflow:hidden;
	}

	/*******************************************slice-text */

	.slice-text{
		clear: both;
		min-height:20px;
		height: auto;
		margin:0;
		padding:0px 3px;
	}
	
	/*************************************************************************************
	FIXOS
	**************************************************************************************/

	.text{
		width:100%;
		height: auto;
		margin: 0 auto;
		padding: 5px 0;
	}
	.text h1{
		margin: 0;
		padding: 10px 0;
		font-size:1.6em;
		font-weight:600;
		text-align:center;
		letter-spacing:-2px;
		line-height:1.1em;
	}

	/*************************************************************************************
	FOOTER
	**************************************************************************************/

	#footer{
		clear:both;
		font-weight: 100;
		width: 100%;
		height: auto;
		padding: 0px ;
		margin:0 auto;
	}

	#footer-container{
		clear: both;
		width: 95%;
		max-width:1280px;
		height:auto;
		padding:20px 0;
		margin:0 auto;;
	}

	#footer-slice{
		width:100%;
		height:auto;
		margin:10px;
		padding:0px;

		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}

	#footer-slice-2{
		width:48%;
		min-height: 2px;
		margin:2px;
		padding:0px;
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}

	/*************************************************************************************
	BOTOES-LINKS
	**************************************************************************************/

	a.bt-link {
		cursor: pointer;
		color: #FFF;
		display: block;
		width:40%;
		padding: 10px 25px; 
		margin: 0px auto 0px auto;
		font-size:.8em;
		text-decoration: none;
		text-align: center;
		
		/*background*/
		background:#242427;
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
		
		/* rounded corner */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		
		/*shadom*/
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}

	a.bt-link:hover{
		height: auto;  
		margin: 0px auto;
		/*color*/
		color:#242427;
		/*background*/
		background:#FFCC29;
	}

	/*************************************************************************************
	BOTOES-LINKS
	**************************************************************************************/

	#bt-intro-1{
		width:100%;
		min-height: 250px;
		margin:5px;
		padding:5px;
		overflow: auto;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
		
		background-image: url("../../images/comuns/bt-intro-1.jpg") ;
		position: relative;
		/*opacity: 0.55;*/
		background-attachment:relative;
		background-position: top;
		background-repeat: no-repeat;
		background-size: cover;
	}

	#bt-intro-2{
		width:100%;
		min-height: 250px;
		margin:5px;
		padding:5px;
		overflow: auto;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
		
		background-image: url("../../images/comuns/bt-intro-2.jpg") ;
		position: relative;
		/*opacity: 0.55;*/
		background-attachment:relative;
		background-position: top;
		background-repeat: no-repeat;
		background-size: cover;
	}

	#bt-intro-3{
		width:100%;
		min-height: 250px;
		margin:5px;
		padding:5px;
		overflow: auto;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
		
		background-image: url("../../images/comuns/bt-intro-3.jpg") ;
		position: relative;
		/*opacity: 0.55;*/
		background-attachment:relative;
		background-position: top;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.bt-intro-text{
		width:95%;
		height: auto;
		margin: 50px auto 5% auto;
		padding: 0;
	}

}

/************************************************************************************
MAIN NAVIGATION 480px
*************************************************************************************/
@media all and (max-width : 480px) {
	
	/*************************************************************************************
	CONTAINERS
	**************************************************************************************/

	#col-max{
		clear:both;
		width:100%;
		margin:0 auto;
		padding:20px 0;
	}
	#container{
		clear:both;
		width:95%;
		height:auto;
		margin:10px auto;
		padding: 20px 0;
		overflow:hidden;
	}

	/*************************************************************************************
	HEADER
	**************************************************************************************/

	#header{
		clear:both;
		width: 100%;
		min-height: 150px;
		margin: 0px auto;
		padding: 0;
	}

	#header-container{
		width:95%;
		height:auto;
		margin:0 auto;  
		padding: 30px 0;
	}
			
	/*************************************************************************************
	FATIAS
	**************************************************************************************/

	#slice{
		width:31%;
		min-height: 100px;
		margin:5px;
		padding:5px;
		overflow: auto;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}
	#slice-1{
		width:100%;
		min-height: 20px;
		margin:5px;
		padding:10px;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}
	#slice-2{
		width:46%;
		min-height: 20px;
		margin:5px;
		padding:5px;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}
	#slice-3{
		width:63%;
		min-height: 20px;
		margin:5px;
		padding:10px;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}


	/*******************************************image-show */

	.slice-image-pin {
		width: 110px;
		height:auto;
		margin:10px auto;
		padding:0;
		float:none;
		overflow:hidden;
	}
	.slice-image-pin img{
		position: relative;
		top:0;
		width: 100%;
		height:100%;
		overflow:hidden;
	}

	/*******************************************video */

	.slice-video {
		width: 100%;
		height: 100%;
		height:280px;
		margin:10px 0;
		padding:10px 0;
		float:left;
		overflow:hidden;
	}

	/*******************************************slice-text */

	.slice-text{
		clear: both;
		min-height:20px;
		height: auto;
		margin:0;
		padding:0px 3px;
	}
	
	/*************************************************************************************
	FIXOS
	**************************************************************************************/

	.text{
		width:100%;
		height: auto;
		margin: 0 auto;
		padding: 5px;
	}
	.text h1{
		margin: 0;
		padding: 10px 0;
		font-size:2em;
		font-weight:600;
		text-align:center;
		letter-spacing:-2px;
		line-height:1.1em;
	}

	/*************************************************************************************
	FOOTER
	**************************************************************************************/

	#footer{
		clear:both;
		font-weight: 100;
		width: 100%;
		height: auto;
		padding: 0px ;
		margin:0 auto;
	}

	#footer-container{
		clear: both;
		width: 95%;
		max-width:1280px;
		height:auto;
		padding:20px 0;
		margin:0 auto;;
	}

	/*************************************************************************************
	BOTOES-LINKS
	**************************************************************************************/

	a.bt-link {
		cursor: pointer;
		color: #FFF;
		display: block;
		width:40%;
		padding: 10px 25px; 
		margin: 0px auto 0px auto;
		font-size:.8em;
		text-decoration: none;
		text-align: center;
		
		/*background*/
		background:#242427;
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
		
		/* rounded corner */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		
		/*shadom*/
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}

	a.bt-link:hover{
		height: auto;  
		margin: 0px auto;
		/*color*/
		color:#242427;
		/*background*/
		background:#FFCC29;
	}

}

/************************************************************************************
MAIN NAVIGATION 350px
*************************************************************************************/
@media all and (max-width : 350px) {

	/*************************************************************************************
	HEADER
	**************************************************************************************/

	#header{
		clear:both;
		width: 100%;
		min-height: 150px;
		margin: 0px auto;
		padding: 0;
	}

	#header-container{
		width:95%;
		height:auto;
		margin:0 auto;  
		padding: 30px 0;
	}
			
	/*************************************************************************************
	FATIAS
	**************************************************************************************/

	#slice{
		width:31%;
		min-height: 100px;
		margin:5px;
		padding:5px;
		overflow: auto;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}
	#slice-1{
		width:100%;
		min-height: 20px;
		margin:5px;
		padding:10px;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}
	#slice-2{
		width:46%;
		min-height: 20px;
		margin:5px;
		padding:5px;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}
	#slice-3{
		width:63%;
		min-height: 20px;
		margin:5px;
		padding:10px;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}


	/*******************************************image-show */

	.slice-image-pin {
		width: 110px;
		height:auto;
		margin:10px auto;
		padding:0;
		float:none;
		overflow:hidden;
	}
	.slice-image-pin img{
		position: relative;
		top:0;
		width: 100%;
		height:100%;
		overflow:hidden;
	}

	/*******************************************video */

	.slice-video {
		width: 100%;
		height: 100%;
		height:280px;
		margin:10px 0;
		padding:10px 0;
		float:left;
		overflow:hidden;
	}

	/*******************************************slice-text */

	.slice-text{
		clear: both;
		min-height:20px;
		height: auto;
		margin:0;
		padding:0px 3px;
	}
	
	/*************************************************************************************
	FIXOS
	**************************************************************************************/

	.text{
		width:100%;
		height: auto;
		margin: 0 auto;
		padding: 5px;
	}
	.text h1{
		margin: 0;
		padding: 10px 0;
		font-size:2em;
		font-weight:600;
		text-align:center;
		letter-spacing:-2px;
		line-height:1.1em;
	}

	/*************************************************************************************
	FOOTER
	**************************************************************************************/

	#footer{
		clear:both;
		font-weight: 100;
		width: 100%;
		height: auto;
		padding: 0px ;
		margin:0 auto;
	}

	#footer-container{
		clear: both;
		width: 95%;
		max-width:1280px;
		height:auto;
		padding:20px 0;
		margin:0 auto;;
	}

	/*************************************************************************************
	BOTOES-LINKS
	**************************************************************************************/

	a.bt-link {
		cursor: pointer;
		color: #FFF;
		display: block;
		width:40%;
		padding: 10px 25px; 
		margin: 0px auto 0px auto;
		font-size:.8em;
		text-decoration: none;
		text-align: center;
		
		/*background*/
		background:#242427;
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
		
		/* rounded corner */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		
		/*shadom*/
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}

	a.bt-link:hover{
		height: auto;  
		margin: 0px auto;
		/*color*/
		color:#242427;
		/*background*/
		background:#FFCC29;
	}
	
}