/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */
.footer-center{text-align: center;font-weight: bold;}
.copyright{text-align: center;font-size: 15px;}
#footer{text-align: center;padding: 0 0 30px 0;}
#socket{background-color: #ff9200;}
#socket .container ul li a{color: white;text-transform: uppercase;font-size: 15px;font-weight: bold;}
#socket .container ul li {border: none;}
#socket .container .sub_menu_socket{display: inline-block;float:none;}

.face-like{width: 110px;padding-top: 6px;float: right;}
.twitter-follow{width: 178px;float: right;padding-top: 6px;}

/*CUSTOM HEADER*/
#header-desktop{width: 100%;min-height: 32px;}
#bar-top{height: 32px; width: 100%;background: url("../images/custom/bar-top.png") repeat-x #ffa200;}
#logo-e-foto{height: 270px; width: 100%;background:#ffc501;}
#degree-left{height: 270px; width: 589px;position:absolute;top:32px;left:0;background: url("../images/custom/degree-left.png") no-repeat;}
#degree-right{height: 270px; width: 589px;position:absolute;top:32px;right:0;background: url("../images/custom/degree-right.png") no-repeat;}

/*REDES SOCIAIS*/
#redes-sociais{margin:0;padding:0;background: url("../images/custom/redes-sociais.png") no-repeat;width: 200px;height: 21px;float: right;
margin: 5px 185px 0 0;}
#redes-sociais li{float: left;margin-right: 3px;}
#redes-sociais li a{display: block;position: relative;}
#redes-sociais li a.facebook-icon{background-position: 0 0;width: 16px;}
#redes-sociais li a.twitter-icon{background-position: 0 0;width: 30px;}
#redes-sociais li a.instagram-icon{background-position: 0 0;width: 27px;margin-left: 5px}
#redes-sociais li a.youtube-icon{background-position: 0 0;width: 56px;margin-left: 5px;}
#redes-sociais li a.flickr-icon{background-position: 0 0;width: 45px;margin-left: 0;}
.skip {text-indent: -9999px; white-space: nowrap; overflow: hidden; display: block;}

#display-logo{position: relative;display: block;margin: 0 auto;max-width:841px;min-width:728px;height: 270px;}
#h_logo{height: 270px; width: 415px;position:absolute;top:0;left:0;}
#h_wal{height: 270px; width: 335px;position:absolute;top:0;right:0;background: url("../images/custom/wal.png") no-repeat;}

#menu_desktop{width: 100%;height:44px;display: block;position: relative;}
#menu_desktop .main_menu ul:first-child > li a{height: 44px;line-height: 44px; border: none;text-transform: uppercase;font-size: 15px;color: #ffffff;font-weight: bold;}

#searchform input[type=text]{color:#ffffff !important;}
.home .main_color:first-child{background: url(../images/custom/bg-home-body.png) repeat-x center top #ffffff;}
.avia_textblock > p{color: #000;}

/*BANNER HOME*/
#wrap_banner{width: 100%;height: 361px;border-bottom: 5px solid #ffd14b;}
#home-destaque {
background:#ffffff;
position: relative;
width: 100%;
height: 356px;
margin: 0;
overflow:hidden;
}
#home-destaque .mascara {
height: 356px;
overflow: hidden;
position: relative;
width: 550px;
z-index: 1;
left:0;
}
#home-destaque .itens {
height: 356px;
left: 0;
position: absolute;
top: 0;
width: 10000px;
z-index:1;
}
#home-destaque .itens .item {
float: left;
width: 550px;
height: 356px;
}
#home-destaque .item .box-descricao {
float: left;
overflow: hidden;
width: 480px;
height:320px;
padding:15px;
display:block;
}
#home-destaque .itens .item .box-descricao {
display:none;
}
#home-destaque .item .box-descricao .data {
color: #fff;
padding:5px 0 15px 0;
text-align: center;
display:inline-block;
width: 350px;
}
#home-destaque .item .box-descricao .titulo {
margin:22px 0 0 0;
display:block;
color: #000000;
font-size: 22px;
font-style: italic;
font-weight: bold;
line-height: 26px;
}
#home-destaque .item .box-descricao .resumo {
margin-top:12px;
display:block;
font-size: 14px;
line-height:19px;
color: #000000;
}

#home-destaque .itens .item .imagem {
float: left;
width: 550px;
height: 3565px;
}
	
#home-destaque .controles {
position: absolute;
left: 0;
bottom:0;
width: 300px;
height:50px;
z-index: 4;
}
#home-destaque .controles a {
background:#db8f99;
display: inline-block;
height: 50px;
width:149px;
}
#home-destaque .controles a:hover {
background:#af666f;
}

#home-destaque .itens-abduzidos {
overflow: hidden;
width: 450px;
height: 356px;
position:absolute;
right:0;
top:0;
z-index:3
}
#home-destaque .itens-abduzidos .item .box-descricao {
position:absolute;
overflow: hidden;
width: 409px;
height:305px;
padding:15px;
right:47px;
top:0;
z-index: 2;
}
#home-destaque .itens-abduzidos .item {
position:relative;
width: 450px;
height: 356px;
overflow: hidden;
}
#home-destaque #banner_nav{
position: absolute;
bottom: 28px;
right: 185px;	
}
#home-destaque #banner_nav a {
display:inline-block;
width:12px;
height:12px;
background:#f8c120;
margin:0 3px;
position: relative;
z-index: 10;
}
#home-destaque #banner_nav a:hover,
#home-destaque #banner_nav a.active {	
border: 2px solid #e97e00;
width:12px;
height:12px;
background:#f8c120;
margin:0 3px;
}
.separador_banner{background:url(../images/banner/separador-banner.jpg) repeat-x;width:340px;height:2px;display:block;border: none;}

.twitter-timeline{width: 100% !important;}

/*BANNER HOME*/

.small-preview{text-decoration: none}
.icon-wal{font-style: italic;font-size: 53px;font-weight: bold;}


/*MATERIAIS*/
.material{width: 100%;height: 200px;}
.material-foto{float: left;width: 40%;}
.material-texto{margin-left: 15px;width: 35%;float: left;}
.divisoria {position: relative;width: 100%;display: block;border: 1px dotted #E9E9E9;margin: 30px 0;clear: both;float: left;}
/*MATERIAIS*/
/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */
@media only screen and (min-width: 990px){
 .html_header_top .av_bottom_nav_header .main_menu ul:first-child > li a{height: 44px;line-height: 48px; border: none;text-transform: uppercase;font-size: 15px;color: #ffffff;font-weight: bold;}
}


@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
  #header-desktop{display: block;}
  #header_main{display: none;}
  #header_main_alternate{height: 44px;background: url("../images/custom/bg-menu.png") repeat-x #c2151b;}
  .html_header_top.html_bottom_nav_header .main_menu ul:first-child>li:first-child a{border: none;}
  .header_color#header .avia_mega_div > .sub-menu.avia_mega_hr, .html_bottom_nav_header.html_logo_center #top #menu-item-search>a{border: none}

}

@media only screen and (max-width: 989px) and (min-width: 768px){

	.html_header_top .av_bottom_nav_header .main_menu ul:first-child > li a{height: 44px;line-height: 48px; border: none;text-transform: uppercase;font-size: 12px;color: #ffffff;font-weight: bold;}
  #home-destaque .itens-abduzidos .item .box-descricao {position: absolute;overflow: hidden;width: 385px;height: 356px;padding: 15px;right: 0px;top: 0;z-index: 2;background: #ffffff;opacity: 0.8;}
}


/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  #header-desktop{display: none;}
  #header_main{display: block;background-color: #f8cb27;border: none;}
  #footer #socket{display: none;}
  #home-destaque .itens-abduzidos .item .box-descricao {position: absolute;overflow: hidden;width: 434px;height: 356px;padding: 15px;right: -4px;top: 0;z-index: 2;background: #f8cb27;opacity: 0.95;}
  #home-destaque #banner_nav a{background: #ffffff;}


  .material-foto{float: none;width: auto;text-align: center}
  .material-foto img{margin: 0 auto;}
  .material-texto {margin-left: 15px;width: 300px;float: none;margin: 0 auto;}

  #signHitt{right: 10px !important;}
}

@media only screen and (max-width: 480px) {
   .material-texto {margin-left: 15px;width: 268px;float: none;margin: 0 auto;}
   #home-destaque .itens-abduzidos .item .box-descricao {position: absolute;overflow: hidden;width: 280px;height: 356px;padding: 15px;right: -4px;top: 0;z-index: 2;background: #f8cb27;opacity: 0.95;}
   #home-destaque #banner_nav{position: absolute;bottom: 0;right: 0px;width: 92px;}
   #signHitt{right: 10px !important;}
}

/*DECLARE SEU APOIO*/
#bg-declare-seu-apoio{background: url("../images/custom/bg-declare-seu-apoio-wb.png");width: 303px;height: 315px;position: relative;}
#bg-declare-seu-apoio p{position: absolute;bottom: 18px; left: 17px; color: #000; line-height: 20px; font-size: 13px; text-align: left; width: 288px; margin: 0; padding: 0;}

#top .avia-post-nav{z-index: 401;}
.av_toggle_section p.toggler{background: #df0209;color: #ffffff;font-weight: bold;text-transform: uppercase;} 
.av_toggle_section p.toggler.activeTitle{background: #ffcf01 !important;} 
.av_toggle_section p.toggler:hover{background: #ffcf01 !important;} 
.av_toggle_section span.toggle_icon{border:none !important;} 
.av_toggle_section .toggle_content{background:#ffffff;color:000000;} 
.av_toggle_section span.vert_icon,.av_toggle_section span.hor_icon{border-color:#ffffff !important;}

#signHitt{position: relative;float: right;right: 100px;width: 65px;height: 25px;top: -1px}