@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600|Abel);

/*		  

Web:       www.tubz.com.br
E-mail:    leo@tubz.com.br

*/

/* ==========================================================================
   Normatização CSS
   ========================================================================== */

body {
    font-size: 62.5%;
    line-height: 1.5;
    font-family: 'Open Sans', sans-serif;
    color: #333;
	height:100%;
	background: url('/cidade-do-som/layout/site/img/bg_cdadsom.jpg'); 
	background-repeat: repeat;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

li{
	list-style: none;
}

a {
    color: #00ccff;
    text-decoration: none;
    font-size: 1.6em;
}

a:hover {
    text-decoration: underline;
}


/* ==|== ESTILOS PRINCIPAIS ================================================== */

.container {max-width: 1200px;margin: 0 auto;}

.bgs {background: url('/cidade-do-som/layout/site/img/bgs/enciclopedia.png') no-repeat top center; min-height:540px;}

img,
picture,
video,
embed {max-width: 100%;}

/*LOGIN*/
.login_cidade {
	width:240px;
	float:right;
	margin-top:-30px;
	text-align:right;
	display:table;
	background: url(/cidade-do-som/layout/site/img/user.png) no-repeat top left;
	padding-bottom:5px;
	padding-top:2px;
	border-bottom:1px solid #dadada;
	border-right:1px solid #dadada;
}

.header2 { width: 100%; height: 48px; margin-top: 3.6em; margin-bottom: 3.6em;}
.logocidade { width:153px; height:125px; margin-right:30px; float:left; margin-top:-34px;}
.logo {float: left; width: 20.744680851064%; /*234px / 1200px */ }
.menu {width: 74.468085106383%; /*840px / 1128px */ float: right;}
.menu ul {float: right;}
.menu li {font-size: 1.2em; margin-left: 2em; margin-top: 1em;display: inline-block;}
.menu li a {color: #999;}
.banner {margin-bottom:40px; margin-top:80PX; min-height:300px; position: relative;}
.caixa {width: 73.333333333%; /* 880px / 1200px */ position: relative; background-color:#033; float:left; height:300px;}

.caixa p {font-size: 1.8em; font-weight: 200; color: #fff;}

.coluna {width:25%; /* 300px ÷ 1200px*/float: right;position: relative; height:275px; min-height: 1px; background-color:#333;}
.coluna:last-child {margin-right: 0;}

/*SLIDE*/
.slide {width:73.333333333%; /* 880px ÷ 1200px*/ float: left; position: relative; min-height: 1px;}
.slide:last-child {margin-right: 0;}

.logo_banda { width:340px; height:160px; float:left; margin-top:-140px; margin-left:70px; position:absolute; z-index:100;}
.titu_banda { width:58.6590909%; height:45px; float:right; background: url(/cidade-do-som/layout/site/img/inter/bgtituhist.png) repeat; margin-top: -60px; position:absolute; z-index:110; margin-left:351px; font-size: 22px; font-weight: bold; font-family: 'Abel', sans-serif; color:#000; text-align:left; padding-left:2%; padding-top:5px;}

/*BANNER TOPO*/
.publitopo {width:25%; /* 300px ÷ 1200px*/float: right;position: relative; background: url(/cidade-do-som/layout/site/img/publi.png) no-repeat top left #FFF; height:275px; min-height: 1px; padding-top:25px;}
.banner300x250 {width: 100%; /* 300px*/height:250px;position: relative;background-color:#333;}
.publitopo:last-child {margin-right: 0;}

.coluna1 {width:73.333333333%; /* 880px ÷ 1200px*/ float: left; position: relative; min-height: 1px;}
.coluna1:last-child {margin-right: 0;}

/*DISCOGRAFIA*/
.historico_discografia { width:100%; margin-right:2%; min-height:50px; float:left; background-color:#FFF; margin-top:30px; -webkit-box-shadow: 1px 6px 5px -4px rgba(51,51,51,0.5); -moz-box-shadow: 1px 6px 5px -4px rgba(51,51,51,0.5); box-shadow: 1px 6px 5px -4px rgba(51,51,51,0.5); padding:2%; font-size:12px;}

/*DISCOGRAFIA*/
.colun1_discog {width:44%; padding:2%; float:left;}
.colun2_discog {width:56%; padding:2%; float:right;}
.capa_discog { width:230px; min-height:230px; float:left; background-color:#333; margin-bottom:10px;}
.contrac_discog { width:140px; min-height:140px; float:left; background-color:#333;}
.faixas_discog {width:100%; float:left;}
.faixas {line-height:22px; font-size:11px; text-transform:uppercase; margin-left:-35px;}
.sobre_discog {width:100%; font-size:13px; color:#333; margin-bottom:15px;}
.letra_discog {width:90%; font-size:13px; font-style:italic; text-align:left; color:#333; margin-top:25px;}
.titu_discog{font-size:24px; margin-bottom:-15px;}

/*DADOS BANDA*/
.infor_banda {width:68%; float:left;}


/*HISTORICO*/
.historico { width:100%; margin-right:2%; min-height:50px; float:left; background-color:#FFF; margin-top:4px; -webkit-box-shadow: 1px 6px 5px -4px rgba(51,51,51,0.5); -moz-box-shadow: 1px 6px 5px -4px rgba(51,51,51,0.5); box-shadow: 1px 6px 5px -4px rgba(51,51,51,0.5); padding:2%; font-size:12px;}
.dados_banda_lat { width:30%; min-height:50px; float:right;}
.dados_banda_lat1 { width:94%; min-height:50px; float:right; margin-left:3%; background-color:#333;}
.dados_banda_lat2 { width:94%; min-height:50px; float:right; margin-left:3%;}
.banda { font-size: 15px; font-family: 'Abel', sans-serif; color:#c9d7eb; float:left;}
.chama { font-size: 15px; font-weight: bold; font-family: 'Abel', sans-serif; color:#c9d7eb; float:left; margin-right:8px;}
.dados_banda {width:94%; min-height:50px; margin-left:3%; background-color:#2f3d69; margin-top:8px; margin-bottom:8px; padding:3%; padding-bottom:25px;}
.menu_banda { width:94%; min-height:50px; margin-left:3%; margin-top:8px; margin-bottom:8px;}
.titu_histo { font-size: 24px; font-weight: bold; font-family: 'Abel', sans-serif; color:#21406e; float:left; margin-top:40px;}
.titu_histo2 { font-size: 24px; font-weight: bold; font-family: 'Abel', sans-serif; color:#21406e; float:left; margin-top:20px;}
.histo_head {width:100%; margin-bottom:0px;min-height:36px;}
.img_histo { width:30%; min-height:100px; float:inherit; margin-right:5%; background-color:#333; margin-top:30px; float:left;}
.img_histo2 { width:30%; min-height:100px; float:inherit; background-color:#333; margin-top:30px; float:rigth;}

.dados_cantores { width:94%; min-height:50px; margin-left:3%; margin-top:20px; margin-bottom:8px;} 
.integra {font-size:14px; margin-bottom:5px; color:#333; margin-left:3%;}
.integrantes_all { width:94%; margin-left:3%; margin-top:10px; margin-bottom:8px; min-height:50px; border-bottom:1px solid #666;} 
.integrantes_all_2 { width:94%; margin-left:3%; margin-top:10px; margin-bottom:8px; min-height:50px;} 
.integra_img {width:40px; height:40px; float:left; background-color:#333; margin-right:10px;}
.integra_infor { color:#333;}
h2.accordion{ cursor: pointer; }
div.accordion{ display: none; }

  .accordions{
      width:100%;
      margin:0 auto;
      border:0px solid #ccc;
	  marsgin-bottom:20px;
	  color:#21406e;
  }

  .accordion-item input{display:none;}

  .accordion-item label{
      display:block;
      border-bottom:1px solid #f8f8f8;
	  padding-bottom:10px;
      cursor:pointer;
	  color:#21406e;
  }

.titusanf {font-size:14px; font-weight:bold; margin-bottom:5px; color:#21406e; letter-spacing:0px; text-transform:uppercase;}
  
  .accordion-content{
      height: 0px;
      overflow: hidden;
      -webkit-transition: height 0.3s ease-in-out;
      -moz-transition: height 0.3s ease-in-out;
      -o-transition: height 0.3s ease-in-out;
      -ms-transition: height 0.3s ease-in-out;
      transition: height 0.3s ease-in-out;
  }

  [id^=accordion]:checked ~ .accordion-content {
	  min-height:150px;
	  padding:5px;
  }


/*MIDIAS*/
.midia_all {width:100%; float:left; background-color:#FFF; repeat; padding:10px; border:0px solid #e6e6e6;}
.img_midia { width:18%; min-height:83px; float:inherit; margin-right:3%; background-color:#333; float:left; margin-top:8px;}
.img_midia2 { width:18%; min-height:83px; float:inherit; background-color:#333; float:rigth; margin-top:8px;}
.img_midialbum { width:83px; min-height:83px; float:inherit; margin-right:8px; background-color:#333; float:left; margin-top:8px;}
.img_midialbum2 { width:83px; min-height:83px; float:inherit; background-color:#333; float:rigth; margin-top:8px;}
.navmidia_r {background: url(/cidade-do-som/layout/site/img/inter/navmidia.png) no-repeat top center; width:40px; height:100px; float:right;}
.navmidia_l {background: url(/cidade-do-som/layout/site/img/inter/navmidia_l.png) no-repeat top center; width:40px; height:100px; float:left; margin-right:14px;}
.naveganews {width:100%;float:left;}
.naveganews_r {background: url(/cidade-do-som/layout/site/img/inter/naveganews_l.png) no-repeat; width:40px; height:38px; float:left;}
.naveganews_l {background: url(/cidade-do-som/layout/site/img/inter/naveganews_r.png) no-repeat; width:40px; height:38px; float:right;}

.separa{ width:100%; min-height:20px; border-bottom:1px solid #f8f8f8; margin-bottom:10px; display:table;} 

.img_midia_news { width:100%; min-height:100px; float:inherit; background-color:#333; float:left; }
.noticiasbox1 {width: 29%; float: left; margin-top:5px; margin-right:6%; padding:1.5%;}
.noticiasbox1_r {width: 29%; float: left; margin-top:5px; padding:1.5%;}
.chamadanoticias {width:100%; min-height:100px; font-size: 11.5px; color:#333; float:right; position:relative; }

/*AGENDA*/

.agenda {width:100%; background-color:#254678;}
.agenda_conteudo {width:100%;}
.data {width:100%; background-color:#333; min-height:25px; font-size:18px; text-transform:uppercase; font-weight:normal; color:#f8f8f8; text-align:left; padding-left:2.252252252%; vertical-align:middle;}
.agendabox {width:100%; float:left; position:relative; background-color:#FFF;}
.agendaimg {width:13.513513513%; /* 60px ÷ 444px */  float:left; position:relative; min-height:20px; margin-top:2.252252252%; margin-left:2.252252252%}
.agenda_corpo { width:84%; padding: 1.126126126% 2.252252252% 2.252252252%; font-size: 12px; font-weight:300;color:#333;float:right; position:relative; }
.agendatitu {font-size:14px; font-weight:bold; margin-bottom:5px;}

tbody tr:nth-child(odd) {background-color: #d2d2d2; padding: 10px;}
tbody tr:nth-child(odd):hover {background-color: #b0b0b0; padding: 10px;}


/*ENCICLOPEDIA*/
.enciclopedia {width:100%;height:200px;float:left;}
.enciclopedia_head {width:100%; margin-bottom:8px; margin-top:20px;}
.boxartista_enciclo {width: 47.2972973%; /* 210px ÷ 444px*/ float: left; position: relative; min-height: 317px; margin-right: 5.4054054%; /* 24px ÷ 444px*/ background-color:#FFF; margin-top:8px; -webkit-box-shadow: 1px 6px 5px -4px rgba(51,51,51,0.5); -moz-box-shadow: 1px 6px 5px -4px rgba(51,51,51,0.5); box-shadow: 1px 6px 5px -4px rgba(51,51,51,0.5);}
.boxartista2_enciclo {width: 47.2972973%; /* 210px ÷ 444px*/ float: left; position: relative; min-height: 317px; background-color:#FFF; margin-top:8px; -webkit-box-shadow: 1px 6px 5px -4px rgba(51,51,51,0.5); -moz-box-shadow: 1px 6px 5px -4px rgba(51,51,51,0.5); box-shadow: 1px 6px 5px -4px rgba(51,51,51,0.5);}


/*BANDAS E ARTISTAS*/
.bandasartistas {width:100%; margin-bottom:8px;}
.titubandas { font-size: 24px; font-weight: bold; font-family: 'Abel', sans-serif; color:#21406e; float:left;}
.bandaselect { float:right; font-size: 18px; font-weight: bold; font-family: 'Abel', sans-serif; color:#21406e; width:62px; height:32px;}
.boxartista {width: 30%; /* 210px ÷ 700px = 0.58333333333 x 100 = 30%*/float: left; position: relative; min-height: 317px; margin-right: 5%; /* 35px ÷ 700px*/ background-color:#FFF; margin-top:8px; -webkit-box-shadow: 1px 6px 5px -4px rgba(51,51,51,0.5); -moz-box-shadow: 1px 6px 5px -4px rgba(51,51,51,0.5); box-shadow: 1px 6px 5px -4px rgba(51,51,51,0.5);}
.boxartista2 {width: 30%; /* 210px ÷ 700px = 0.58333333333 x 100 = 30%*/float: left;position: relative; min-height: 317px; background-color:#FFF; margin-top:8px; -webkit-box-shadow: 1px 6px 5px -4px rgba(51,51,51,0.5); -moz-box-shadow: 1px 6px 5px -4px rgba(51,51,51,0.5); box-shadow: 1px 6px 5px -4px rgba(51,51,51,0.5);}
.imgartistas {width:100%; min-height:210px; background-color:#333;}
.chamadartistas {width:100%; min-height:100px; margin-top:7px; padding: 0.126126126% 2.252252252% 2.252252252%; font-size: 11.5px; color:#333;float:right; position:relative; }


/*PUBLICIDADE*/
.banner300x600 {width: 100%; /* 300px*/ height:600px; position: relative; background-color:#333;}
.titunews {font-size: 24px; width:100%; font-weight: bold; font-family: 'Abel', sans-serif; color:#21406e; float:left;}


/*SERVICOS*/
.areaservicos {width:100%; margin-top:20px; float:left; background-color:#FFF; padding-top:20px; padding-bottom:20px;}
.loja {width:31.4285714%; /* 220px ÷ 700px*/ float:left; margin-right:2.8571429%; min-height:200px;}
.classificados {width:31.4285714%; /* 220px ÷ 700px*/ float:left; margin-right:2.8571429%; min-height:200px;}
.fornecedores {width:31.4285714%; /* 220px ÷ 700px*/ float:right; min-height:200px;}
.lojaimg {width:35.9090909%; height:79px; margin-left:32.0454545%;}
.classificadosimg {width:35.9090909%; height:79px; margin-left:32.0454545%;}
.fornecedoresimg {width:35.9090909%; height:79px; margin-left:32.0454545%;}
.tituservicos {width:100%; font-size: 21px; width:100%; font-weight: bold; font-family: 'Abel', sans-serif; color:#21406e; float:left; text-align:center;}
.chamadaservicos {width:100%; font-size: 11.5px; color:#21406e; float:left; position:relative; text-align:center; padding-left:10%; padding-right:10%; margin-top:8px;}


/*TITULOS-GERAIS*/
.tituhome {font-size: 24px; font-weight: bold; font-family: 'Abel', sans-serif; color:#21406e;}
h1 {margin-top: 0; margin-bottom: 0; font-size: 4em; font-weight: 200; color: #FFF;}
h2 {font-size:14px; font-weight:bold; margin-bottom:5px; color:#333; letter-spacing:0px;}
h3 {font-size:16px; font-weight:bold; margin-bottom:5px; color:#ccc; letter-spacing:0px; text-transform:uppercase;}
p {font-size: 1.6em;}


/*FOOTER*/
.footer {width: 100%; margin-top: 50px; float: left; clear: both; min-height:300px; background-color:#2a4f86;}
.footer p { margin-bottom: 0;}
.footer small {font-size: 1.4em;}
.footer a {font-size: 10px;}
.txt_footer {color:#ccc; float:left; width:100%; margin-bottom:10px; margin-top:-30px;}
.txt_footer_direitos {font-size: 11px; text-align:left; color:#ccc; width:70%; float:left; padding-left:90px;}
.txt_footer_select {font-size: 11px; text-align:left; color:#ccc; width:30%; float:left;}
.b_footer1 {width:270px; float:left; color:#ccc; padding:20px; margin-left:30px; font-size:12px; border-right:1px solid #48648e; margin-top:20px; line-height:24px;}
.b_footer2 {width:270px; float:right; color:#ccc; padding:20px; line-height:24px; margin-top:20px; font-size:12px;}
.area_patro1 {width:100%; float:left; min-height:100px; margin-bottom:20px; padding:6px;}
.patro1 {width:125px; float:left; margin-left:0px; margin-right:10px; margin-left:-20px;}
.patro1_r {width:83px; float:left; margin-left:0px; }
.patro3 {width:160px; height:57px; float:left; margin-left:18px; margin-top:10px; }
.patro4 {width:130px; height:45px; float:right; margin-left:5px; margin-top:-45px;}
.hosped {width:80px; float:right; margin-top:-15px; margin-right:120px;}

a.linkfooter:link {
color:#c2c2c2;
text-decoration:none;
font-size:12px;
}
a.linkfooter:hover {
color:#c5c4c7;
text-decoration:none;
font-size:12px;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */


@media screen and (max-width: 1200px) {

    .container {padding: 0 2.4em 0 2.4em;}

}

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

    .caixa {width: 100%;}
	.banner {width: 100%;}
	.coluna {width: 48%; margin-bottom: 2.4em; margin-right: 2%;}
	.coluna1 {width: 48%; margin-bottom: 2.4em; margin-right: 2%;}
	.slide {width:71.333333333%; /* 880px ÷ 1200px*/ margin-bottom: 2.4em; margin-right: 2%; float:left; min-height:150px;}
	.publitopo {width: 25%; margin-bottom: 2.4em; float:right; background-color:#333; margin-top:-40px;}
	.coluna:nth-child(even) { margin-right: 0;}
	.coluna1:nth-child(even) {margin-right: 0;}
	.slide:nth-child(even) {margin-right: 0;}
	.publitopo:nth-child(even) {margin-right: 0;}
    .logo {margin-top: 1.2em;}
	
	/*BANDAS E ARTISTAS*/
	.bandasartistas {width: 100%; margin-top:20px; float:left; min-height:200px;}
	.boxartista {width: 100%; float:left; min-height:150px;}
	.boxartista2 {width: 100%; float:left; min-height:150px;}
	.imgartistas {width: 100%;float:left;}
	
	/*ENCICLOPEDIA*/
	.enciclopedia {width: 100%; margin-right: 0; margin-top:20px; min-height:700px;}
	.enciclopedia_head { width: 100%;}
	.tituhome { width: 100%;}
	.boxartista_enciclo {width: 100%;float:left; min-height:150px;}
	.boxartista2_enciclo {width: 100%; float:left; min-height:150px;}
	.imgartistas {width: 100%; float:left;}
	.chamadartistas {width: 100%; float:left;}
	
	/*NOTICIAS*/
	.noticias {width: 100%; margin-right: 0; margin-top:20px; min-height:700px;}
	.titunews {width: 100%;}
	.noticiasbox {width: 100%; float:left; min-height:150px;}
	.imgnoticias {width: 100%; float:left;}
	.chamadanoticias {width: 100%; float:left;}
	.areanoticias {width: 100%; float:left;}
	
	/*PUBLICIDADE_BAIXO*/
	.noticiaspubli {width: 100%; margin-right: 0; margin-top:20px;}
	.banner300x600 {width: 100%; min-height:600px; float:left; background-color:#333; float:left;}
	
	/*SERVICOS*/
	.areaservicos {width: 100%; margin-right: 0; margin-top:20px; float:right;}
	.loja {width: 100%; float:left;}
	.lojaimg {height:79px; width:79px; margin-left:35.0454545%;}
	.classificados {width: 100%; float:left;}
	.classificadosimg {height:79px; width:79px; margin-left:35.0454545%;}
	.fornecedores {width: 100%; float:left;}
	.fornecedoresimg {height:79px; width:79px; margin-left:35.0454545%;}
	.tituservicos {width:100%; font-size: 21px; width:100%; font-weight: bold; font-family: 'Abel', sans-serif; color:#21406e; float:left; text-align:center;}
	.chamadaservicos {width: 100%; float:left;}
	.banner {}
	.caixa {position: relative; display: block; float: left; margin-top:80px; width: 100%; background: #000;}
	
/*INTERNAS 768*/
	.coluna12 {width: 48%; margin-bottom: 2.4em; margin-right: 2%;}	
	
/*LOGOBANDA*/	
	.logo_banda {width: 100%; margin-right: 0; margin-top:0px;}
	.titu_banda { width:100%; height:45px; float:right; background: url(/cidade-do-som/layout/site/img/inter/bgtituhist.png) repeat; margin-top: -40px; position:relative; font-size: 18px; font-weight: bold; font-family: 'Abel', sans-serif; color:#000; text-align:center; padding-left:2%; padding-top:7px;}
	
	
/*HISTORICO*/
.historico { width:100%; margin-right:2%; min-height:50px; float:left; background-color:#FFF; margin-top:4px; -webkit-box-shadow: 1px 6px 5px -4px rgba(51,51,51,0.5); -moz-box-shadow: 1px 6px 5px -4px rgba(51,51,51,0.5); box-shadow: 1px 6px 5px -4px rgba(51,51,51,0.5); padding:2%; font-size:12px; clear:both;}
.dados_banda_lat { width:100%; min-height:50px; float:right; background-color:#333;}
.banda { font-size: 15px; font-family: 'Abel', sans-serif; color:#c9d7eb; float:left;}
.chama { font-size: 15px; font-weight: bold; font-family: 'Abel', sans-serif; color:#c9d7eb; float:left; margin-right:8px;}
.dados_banda {width:95%; min-height:50px; margin-left:3%; background-color:#2f3d69; margin-top:8px; margin-bottom:8px; padding:3%; padding-bottom:25px;}
.menu_banda { width:95%; min-height:50px; margin-left:3%; margin-top:8px; margin-bottom:8px;}
.titu_histo { font-size: 24px; font-weight: bold; font-family: 'Abel', sans-serif; color:#21406e; float:left; margin-top:30px;}
.histo_head {width:100%; margin-bottom:0px;min-height:36px;}
.img_histo { width:100%; min-height:100px; float:inherit; margin-right:5%; background-color:#333; margin-top:30px; float:left;}
.img_histo2 { width:100%; min-height:100px; float:inherit; background-color:#333; margin-top:30px; float:rigth;}
	
	

@media screen and (max-width: 718px) {

   	.banner {position: relative;float: left;margin:0;}
	.caixa {position: relative;display: block;float: left; margin-top:100px; width: 100%; background: #000;}
    .caixa h1 {font-size: 2.5em;}
    .principal {margin-top: 450px;}
	
	/*BANDAS E ARTISTAS*/
	.bandasartistas {width: 100%; margin-top:20px; float:left; min-height:200px;}
	.boxartista {width: 100%; float:left; min-height:150px;}
	.boxartista2 {width: 100%; float:left; min-height:150px;}
	.imgartistas {width: 100%;float:left;}
	
	/*ENCICLOPEDIA*/
	.enciclopedia {width: 100%; margin-right: 0; margin-top:20px; min-height:700px;}
	.enciclopedia_head { width: 100%;}
	.tituhome { width: 100%;}
	.boxartista_enciclo {width: 100%;float:left; min-height:150px;}
	.boxartista2_enciclo {width: 100%; float:left; min-height:150px;}
	.imgartistas {width: 100%; float:left;}
	.chamadartistas {width: 100%; float:left;}
	
	/*NOTICIAS*/
	.noticias {width: 100%; margin-right: 0; margin-top:20px; min-height:700px;}
	.titunews {width: 100%;}
	.noticiasbox {width: 100%; float:left; min-height:150px;}
	.imgnoticias {width: 100%; float:left;}
	.chamadanoticias {width: 100%; float:left;}
	.areanoticias {width: 100%; float:left;}
	
	/*PUBLICIDADE_BAIXO*/
	.noticiaspubli {width: 100%; margin-right: 0; margin-top:20px;}
	.banner300x600 {width: 100%; min-height:600px; float:left; background-color:#333;}
	
	/*SERVICOS*/
	.areaservicos {width: 100%; margin-right: 0; margin-top:20px;}
	.loja {width: 100%; float:left;}
	.lojaimg {height:79px; width:79px; margin-left:35.0454545%;}
	.classificados {width: 100%; float:left;}
	.classificadosimg {height:79px; width:79px; margin-left:35.0454545%;}
	.fornecedores {width: 100%; float:left;}
	.fornecedoresimg {height:79px; width:79px; margin-left:35.0454545%;}
	.tituservicos {width:100%; font-size: 21px; width:100%; font-weight: bold; font-family: 'Abel', sans-serif; color:#21406e; float:left; text-align:center;}
	.chamadaservicos {width: 100%; float:left;}
	.banner {}
	.caixa {position: relative; display: block; float: left; margin-top:80px; width: 100%; background: #000;}
}

@media screen and (max-width: 640px) {

    .menu {width: 100%;}
    .menu ul {float: left; font-size: 0.8em;}
	.menu li:first-child { margin-left: 0;}
	
	/*BANDAS E ARTISTAS*/
	.bandasartistas {width: 100%; margin-top:20px; float:left; min-height:200px;}
	.boxartista {width: 100%; float:left; min-height:150px;}
	.boxartista2 {width: 100%; float:left; min-height:150px;}
	.imgartistas {width: 100%;float:left;}
	
	/*ENCICLOPEDIA*/
	.enciclopedia {width: 100%; margin-right: 0; margin-top:20px; min-height:700px;}
	.enciclopedia_head { width: 100%;}
	.tituhome { width: 100%;}
	.boxartista_enciclo {width: 100%;float:left; min-height:150px;}
	.boxartista2_enciclo {width: 100%; float:left; min-height:150px;}
	.imgartistas {width: 100%; float:left;}
	.chamadartistas {width: 100%; float:left;}
	
	/*NOTICIAS*/
	.noticias {width: 100%; margin-right: 0; margin-top:20px; min-height:700px;}
	.titunews {width: 100%;}
	.noticiasbox {width: 100%; float:left; min-height:150px;}
	.imgnoticias {width: 100%; float:left;}
	.chamadanoticias {width: 100%; float:left;}
	.areanoticias {width: 100%; float:left;}
	
	/*PUBLICIDADE_BAIXO*/
	.noticiaspubli {width: 100%; margin-right: 0; margin-top:20px;}
	.banner300x600 {width: 100%; min-height:600px; float:left; background-color:#333;}
	
	/*SERVICOS*/
	.areaservicos {width: 100%; margin-right: 0; margin-top:20px;}
	.loja {width: 100%; float:left;}
	.lojaimg {height:79px; width:79px; margin-left:35.0454545%;}
	.classificados {width: 100%; float:left;}
	.classificadosimg {height:79px; width:79px; margin-left:35.0454545%;}
	.fornecedores {width: 100%; float:left;}
	.fornecedoresimg {height:79px; width:79px; margin-left:35.0454545%;}
	.tituservicos {width:100%; font-size: 21px; width:100%; font-weight: bold; font-family: 'Abel', sans-serif; color:#21406e; float:left; text-align:center;}
	.chamadaservicos {width: 100%; float:left;}
	.banner {}
	.caixa {position: relative; display: block; float: left; margin-top:80px; width: 100%; background: #000;}
	
	
} 


@media screen and (max-width: 520px) {

    .coluna {width: 100%; margin-right: 0;}
	.coluna1 {width: 100%; margin-right: 0;}
	.slide {width: 100%; margin-right: 0; height:300px;}
	.publitopo {width: 100%; margin-right: 0;}
	
	/*BANDAS E ARTISTAS*/
	.bandasartistas {width: 100%; margin-top:20px; float:left; min-height:200px;}
	.boxartista {width: 100%; float:left; min-height:150px;}
	.boxartista2 {width: 100%; float:left; min-height:150px;}
	.imgartistas {width: 100%;float:left;}
	
	/*ENCICLOPEDIA*/
	.enciclopedia {width: 100%; margin-right: 0; margin-top:20px; min-height:700px;}
	.enciclopedia_head { width: 100%;}
	.tituhome { width: 100%;}
	.boxartista_enciclo {width: 100%;float:left; min-height:150px;}
	.boxartista2_enciclo {width: 100%; float:left; min-height:150px;}
	.imgartistas {width: 100%; float:left;}
	.chamadartistas {width: 100%; float:left;}
	
	/*NOTICIAS*/
	.noticias {width: 100%; margin-right: 0; margin-top:20px; min-height:700px;}
	.titunews {width: 100%;}
	.noticiasbox {width: 100%; float:left; min-height:150px;}
	.imgnoticias {width: 100%; float:left;}
	.chamadanoticias {width: 100%; float:left;}
	.areanoticias {width: 100%; float:left;}
	
	/*PUBLICIDADE_BAIXO*/
	.noticiaspubli {width: 100%; margin-right: 0; margin-top:20px;}
	.banner300x600 {width: 100%; min-height:600px; float:left; background-color:#333;}
	
	/*SERVICOS*/
	.areaservicos {width: 100%; margin-right: 0; margin-top:20px;}
	.loja {width: 100%; float:left;}
	.lojaimg {height:79px; width:79px; margin-left:35.0454545%;}
	.classificados {width: 100%; float:left;}
	.classificadosimg {height:79px; width:79px; margin-left:35.0454545%;}
	.fornecedores {width: 100%; float:left;}
	.fornecedoresimg {height:79px; width:79px; margin-left:35.0454545%;}
	.tituservicos {width:100%; font-size: 21px; width:100%; font-weight: bold; font-family: 'Abel', sans-serif; color:#21406e; float:left; text-align:center;}
	.chamadaservicos {width: 100%; float:left;}
	.banner {}
	.caixa {position: relative; display: block; float: left; margin-top:80px; width: 100%; background: #000;}


/*INTERNAS 520*/
	.coluna12 {width: 100%; margin-right: 0;}
	

.clearfix:before,
.clearfix:after {
    content: " "; 
    display: table; 
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}



/*INTERNAS ALL*/