.content { float:left; width:92%; margin:0 4%; padding: 20px 0; }


/*HEADER*/
.main_header          { background:#ffffff; border-bottom:1px #f4f4f4 solid; z-index:1; padding:0em; }
.main_header .content { float:left; padding:0px 0; }

.fixed            { display:block; position:fixed; z-index:9;  }
.main_header_logo { text-align:center; float:left; width:138px; margin: 15px 0; }
.main_header_logo img { height:69px; }

/*Btn Social*/
.main_header_social { float:right; width:auto; margin-top: 35px; }

.btn_social { 

    margin:auto;
    text-align:center;

}

.btn_social li { 

    width: 40px;
    height: 40px;
    line-height: 45px;
    position: relative;
    background: #ffffff;
    list-style: none;
    float: none;
    z-index: 1;
    border-radius:50px;
    font-size: 1em;
    text-align: center;
    transition: .5s ease-in-out;
    display: inline-block;

}

.btn_social li a { 
    display: block; 
    text-decoration:none; 
    color:#242424; 
    transition:.3s ease-in-out;
}
.btn_social li:before { 
    position:absolute; 
    content:''; 
    width:100%; 
    height:100%; 
    top:0; 
    left:0; 
    background: #0acbd1;
    border-radius:50px; 
    z-index:-1; 
    transform: scale(0); 
    transition:.3s ease-in-out; 
}
.btn_social li:hover:before { 
    transform: scale(0.9); 
}
.btn_social li a:hover { 
    color:#ffffff; 
}
/*Btn Social*/

/*PUBLICIDADE*/
.boxBannerTopo   { padding:0em 0; background-color:transparent; }
.bannerTopo      { width:100%; float:left; background-color:#fff; border:1px solid #e9ebee; }
.bannerTopo .imagemBan   { margin:auto; max-width:900px; overflow:hidden; }
.bannerTopo .imagemBan a { width:100%; height:100%; float:left; display:block; }

/*Seu Código*/
.section-seu-codigo          { padding:10px 0px; background-color:#f4f4f4; }
.section-seu-codigo .content { float:left; padding:1em 0; }
.section_title               { width: 100%; float:left; margin-bottom:1em; font-size:1.3em; font-weight: 300; text-align: center; border-bottom: 1px #eceaea solid; padding-bottom: 1em; }

.box-artigo   { width:100%; float:left; background:#fff; box-shadow: 1px 0px 1.2px 0px #e3e3e3; border-radius:3px; padding:1em; }

/*Inicia Menu Dropdown*/
nav {

	width:100%;
	float:left; 

}

#menu-dropdown,#menu-dropdown ul,#menu-dropdown ul li,#menu-dropdown ul li a,#menu-dropdown #btn-mobile{

	border:0;
	list-style:none;
	line-height:1;
	display:block;
	position:relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#menu-dropdown:after,#menu-dropdown > ul:after{

	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;

}

#menu-dropdown #btn-mobile{

	display:none
}

#menu-dropdown {

	font-family: sans-serif;
    background: #fff;
    border-top: 1px #f0f0f0 solid;
 }

#menu-dropdown > ul > li{ float:left; }

#menu-dropdown > ul > li > a{ 

	padding:17px; 
	font-size:1em;
	font-family:'open_sansregular'; 
	text-decoration:none;
	color:#4c4c4c;

}

#menu-dropdown > ul > li:hover > a,#menu-dropdown ul li.active a{ color:#fff; }

#menu-dropdown > ul > li:hover,#menu-dropdown ul li.active:hover,#menu-dropdown ul li.active,#menu-dropdown ul li.has-sub.active:hover{

	background:#0acbd1!important;
	-webkit-transition:background .3s ease;
	-ms-transition:background .3s ease;
	transition:background .3s ease;
}

#menu-dropdown > ul > li.has-sub > a{ padding-right:30px; }

#menu-dropdown > ul > li.has-sub > a:after{

	position:absolute;
	top:22px;
	right:11px;
	width:8px;
	height:2px;
	display:block;
	background:#4c4c4c;
	content:'';
}

#menu-dropdown > ul > li.has-sub > a:before{

	position:absolute;
	top:19px;
	right:14px;
	display:block;
	width:2px;
	height:8px;
	background:#4c4c4c;
	content:'';
	-webkit-transition:all .25s ease;
	-ms-transition:all .25s ease;
	transition:all .25s ease;
}

#menu-dropdown > ul > li.has-sub:hover > a:before{ top:23px; height:0; }

#menu-dropdown ul ul { position:absolute; left:-9999px; }

#menu-dropdown ul ul li{

	height:0;
	-webkit-transition:all .25s ease;
	-ms-transition:all .25s ease;
	background:#333;
	transition:all .25s ease;
}

#menu-dropdown ul ul li:hover{ background-color:#0acbd1; }

#menu-dropdown li:hover > ul{ left:auto; }

#menu-dropdown li:hover > ul > li{ height:35px; }

#menu-dropdown ul ul ul{ margin-left:100%; top:0; }

#menu-dropdown ul ul li a{

	border-bottom:1px solid rgba(150,150,150,0.15);
	padding:11px 15px;
	width:200px;
	font-size:1em;
	text-decoration:none;
	color:#fff;

}

#menu-dropdown ul ul li:last-child > a,#menu-dropdown ul ul li.last-item > a{

	border-bottom:0;
}

#menu-dropdown ul ul li:hover > a,#menu-dropdown ul ul li a:hover{ background-color:#0acbd1; color:#242424; }

#menu-dropdown ul ul li.has-sub > a:after{

	position:absolute;
	top:16px;
	right:11px;
	width:8px;
	height:2px;
	display:block;
	background:#ddd;
	content:'';
}

#menu-dropdown ul ul li.has-sub > a:before{

	position:absolute;
	top:13px;
	right:14px;
	display:block;
	width:2px;
	height:8px;
	background:#ddd;
	content:'';
	-webkit-transition:all .25s ease;
	-ms-transition:all .25s ease;
	transition:all .25s ease;
}

#menu-dropdown ul ul > li.has-sub:hover > a:before{ top:17px; height:0; }

#menu-dropdown ul ul li.has-sub:hover,#menu-dropdown ul li.has-sub ul li.has-sub ul li:hover{ background:#363636; }

#menu-dropdown ul ul ul li.active a{ border-left:1px solid #333;}

#menu-dropdown > ul > li.has-sub > ul > li.active > a,#menu-dropdown > ul ul > li.has-sub > ul > li.active> a{

	border-top:1px solid #333;
}

/*RESPONSIVO*/
@media screen and (max-width:960px){

nav{width:100%; }

#menu-dropdown{ width:100%; }

#menu-dropdown ul{ 

	width:100%;
	display:none; 
}

#menu-dropdown ul li{

	width:100%;
	border-top:1px solid #f4f4f4;
}

#menu-dropdown ul li:hover{

	background:#363636;

}

#menu-dropdown ul ul li,#menu-dropdown li:hover > ul > li{ height:auto; }

#menu-dropdown ul li a,#menu-dropdown ul ul li a{ 

	width:100%;
	border-bottom:0;
}

#menu-dropdown > ul > li{ 

	float:none; 
}

#menu-dropdown ul ul li a{

	padding-left:25px; 

}

#menu-dropdown ul ul li{ 

	background:#fbfbfb!important;
}

#menu-dropdown ul ul li:hover{

	background:#363636!important;
}

#menu-dropdown ul ul ul li a{

	padding-left:35px;

}

#menu-dropdown ul ul li a{

	color:#242424;
	background:none;

}

#menu-dropdown ul ul li:hover > a,#menu-dropdown ul ul li.active > a{

	color:#fff;

}

#menu-dropdown ul ul,#menu-dropdown ul ul ul{ 
	
	position:relative; 
	left:0; 
	width:100%; 
	margin:0; 
	text-align:left;
	display:block;  
}

#menu-dropdown > ul > li.has-sub > a:after,#menu-dropdown > ul > li.has-sub > a:before,#menu-dropdown ul ul > li.has-sub > a:after,#menu-dropdown ul ul > li.has-sub > a:before{display:none}
#menu-dropdown #btn-mobile{

	display:block;
	padding: 15px 15px;
	color:#242424;
	font-size:1em;

}

.button{

	width:55px;
	height:46px;
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
	z-index: 99999999;
}

.button:after{

	position:absolute;
	top:22px;
	right:20px;
	display:block;
	height:4px;
	width:20px;
	border-top:2px solid #4c4c4c; 
	border-bottom:2px solid #4c4c4c; 
	content:'';
}

.button:before{

	-webkit-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
	position:absolute;
	top:16px;
	right:20px;
	display:block;
	height:2px;
	width:20px;
	background:#4c4c4c;
	content:'';
}

.button.menu-opened:after{

	-webkit-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
	top:23px;
	border:0;
	height:2px;
	width:19px;
	background:#4c4c4c;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}

.button.menu-opened:before{

	top:23px;
	background:#4c4c4c;
	width:19px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

#menu-dropdown .submenu-button{

	position: absolute;
	z-index: 99;
	right: 0;
	top: 0;
	display: block;
	height: 45px;
	width: 45px;
	cursor: pointer;

}

#menu-dropdown .submenu-button.submenu-opened{ 

	background:transparent; 

}

#menu-dropdown ul ul .submenu-button{ 

	height:35px; 
	width:35px; 
}

#menu-dropdown .submenu-button:after{

	position:absolute;
	top:22px;
	right:19px;
	width:8px;
	height:2px;
	display:block;
	background:#4c4c4c;content:''

}

#menu-dropdown ul ul .submenu-button:after{

	top:15px;
	right:13px;

}

#menu-dropdown .submenu-button.submenu-opened:after{ 

	background:#4c4c4c; 
}

#menu-dropdown .submenu-button:before{

	position:absolute;
	top:19px;
	right:22px;
	display:block;
	width:2px;
	height:8px;
	background:#4c4c4c;
	content:'';
}

#menu-dropdown ul ul .submenu-button:before{ 

	top:12px; 
	right:16px; 
}

#menu-dropdown .submenu-button.submenu-opened:before{

	display:none;

}

#menu-dropdown ul ul ul li.active a{ 

	border-left:none; 
}

#menu-dropdown > ul > li.has-sub > ul > li.active > a,#menu-dropdown > ul ul > li.has-sub > ul > li.active > a{

	border-top:none

   }
}
/*Finaliza o Menu Dropdown*/

/*FOOTER*/
.main_footer          { background-color:#353535; color:#fff; font-size:0.875em; }
.main_footer .content { padding:3em 0em; }

.main_footer_copy       { background-color:#262626; width:100%; float:left; text-align:center; padding:1.5em 0em; }
.main_footer_copy p     { font-family:'open_sanslight'; font-size:1em; color:#e1e0e0; height:20px; }
.main_footer_copy .m-b-footer   { margin-bottom:0.5em; }
.main_footer_copy .by   { font-size:0.96em; }
.main_footer_copy .by i { font-size:0.96em; margin-right:3px; color:#e82626; }


/*Começa o Responsivo*/

/*480PX BREAKPOINT*/
/*480 dividido por 16 = 30em*/
@media (min-width:30em){

.boxBannerTopo { padding:1em 0; }

}

/*600PX BREAKPOINT*/
/*600 dividido por 16 = 37,5em*/
@media (min-width:37em){


} 

/*768PX BREAKPOINT*/
/*768 dividido por 16 = 48em*/
@media (min-width:48em){


} 

/*960PX BREAKPOINT*/
/*960 dividido por 16 = 60em*/
@media (min-width:60em){

 .section-seu-codigo          { padding:20px 0px; }
 .section-seu-codigo .content { width:80%; padding:1em 0; margin:0 10%; }

}

/*1280PX BREAKPOINT*/
/*1280 dividido por 16 = 80em*/
@media (min-width:80em){

 
}

/*1366PX BREAKPOINT*/
/*1366 dividido por 16 = 85,375em*/
@media (min-width:85em){

 .content  { width:80%; margin:0 10%; }

}

/*1600PX BREAKPOINT*/
/*1600 dividido por 16 = 100em*/
@media (min-width:100em){


}
/*Fecha o Responsivo*/