@charset "utf-8";
/* =============================================================================

CSS Document 

Cliente: CREDITO E COBRANCA
Projeto: SITE
Desenvolvido por: STUDIO BEE

============================================================================= */

@import "960.css";
@import url(https://fonts.googleapis.com/css?family=Rosario);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

* {margin:0; padding:0;}
html, body {background:#fff url(../images/bg-website.png) repeat-x top; background-position: 0 -118px; font:14px 'Open Sans', sans-serif; color:#666666;}

/*
a img {border:0;}
a {text-decoration:underline; cursor:pointer; color:#1fa4d0;}
a:active, a:focus {text-decoration:none;}
a:hover {text-decoration:underline;}
*/

a img {border:0;}
a {text-decoration:none; cursor:pointer; color:#666666;}
a:active, a:focus {text-decoration:underline;}
a:hover {text-decoration:underline;}

#___gcse_0 > div > form > table {
    margin-top: 5px; !important;
}

div.clear,html body span.clear {background:none; border:0; clear:both; display:block; float:none; font-size:0; margin:0; padding:0; overflow:hidden; visibility:hidden; width:0; height:0}
div.spacer {margin:5px 0; background:none; border:0; clear:both; display:block; float:none; overflow:hidden; visibility:hidden;}

p {line-height:150%; margin-bottom:15px;}
li, dl, dt, dd {line-height:140%;}
ul, ol { padding-left:35px; margin-bottom:25px;}

h1 {font-family: 'Rosario', sans-serif; font-weight:normal;}
h2, h3, h4, h5 {font-family: 'Open Sans', sans-serif; font-weight:normal;}
h1 {font-size:16px; margin-bottom:25px;}
h2 {font-size:22px; margin-bottom:20px;}
h3 {font-size:18px; margin-bottom:20px;}
h4 {font-size:16px; margin-bottom:20px;}
h5 {font-size:14px; margin-bottom:20px;}

	#esquerda {background:#fff url(../images/bg-esquerda.gif) repeat-y 10px 0;}

	#esquerda h1, #miolo h1, #direita h1 { margin-top:20px; text-transform:uppercase; font-weight: bold;}

	#esquerda h1 {color:#1C458F;}
	#miolo h1{color:#E09622;}
	#direita h1 {color:#bf0101;}
	#content {margin-top:15px; padding-bottom:30px;}

.container_12:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.container_12{display:inline-block}
* html .container_12{height:1%}
.container_12{display:block}

/*---------------------------------------------
TOPO
---------------------------------------------*/

	#publicidade {background:url(../images/bg-topo-banner.gif) repeat; height:103px; padding-top:15px;}
	#headlines {color:#fff; height:33px; font-size:14px; line-height:33px;}
	#topo {height:122px; background:url(../images/bg-header.png) no-repeat 3px 0;}
	#topo a.logo { background:url(../images/logo-credito-e-cobranca.png) no-repeat; width:269px; height:92px; display:block; text-indent:-9999px; position:relative; top:15px; left:0px;}


.search-form {border: 1px solid #B0B0B0; background: white url(../images/search_bg.jpg) repeat-x; margin: 5px 0px 0 5px; overflow: hidden;}



.search-form input {float: left; border: 0; background: transparent; width: 180px; padding: 4px; margin: 0px; }
.ie .search-form input {padding: 2px 4px 6px 4px;}
.ie7 .search-form input {margin-left: -10px;}
.ie6 .search-form input {margin-right: -80px;}
.search-form input.input-tip {color: #999;}
.search-form button {float: right; border: 0; background: url(../images/zoom.png) no-repeat 4px 4px; width: 23px; height: 23px; overflow: hidden; text-indent: 100px; padding: 0; margin:0px; }
.search-form:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.search-form { zoom: 1; } /* IE7 */



	.formBusca fieldset.busca {position:relative; border:none; width:297px; height:25px; background:url(../images/bg-busca.gif) no-repeat; top:5px; margin-left:10px; }
	.formBusca .busca input, .busca button {border:none; float:left; }
	.formBusca .busca input.busca-texto {color:#999; width:164px; height:19px; padding:3px; background:none; font-size:11px; }
	.formBusca .busca button.busca-botao {width:25px; height:25px; cursor:pointer; text-indent:-9999px; background:none;}
	
	/*Ticker*/
	
	#ticker-wrapper.has-js {margin:0; padding:0; width:940px;}
	#ticker {width: 810px; display: block; position: relative; overflow: hidden;}
	#ticker-title {color: #fff; text-transform:uppercase; white-space:nowrap;}
	#ticker-content {margin: 0px; padding-top: 5px; position: absolute; color: #fff; font-weight: bold; background-color: #2E3636; overflow: hidden; white-space: nowrap;}
	#ticker-content a {color: #9da6a7; font-size:14px;}
	#ticker-content a:hover {text-decoration: none; color: #de4409;}

	.js-hidden {display: none;}
	.left #ticker-swipe {left: 80px;}
	.left #ticker-controls, .left #ticker-content, .left #ticker-title, .left #ticker {float: left;}
	
		
/*---------------------------------------------
MENUS
---------------------------------------------*/
		
	.menu  {margin:0; padding:0; font:14px 'Rosario', sans-serif; padding-top:10px; text-transform:uppercase;}
		.menu ul {padding-left:0;}
		.menu li {float:left; padding:0; margin:0; list-style:none;}
		.menu li a {display:block; color:#fff; margin-right:10px; border-right:#7692a0 solid 1px; padding-right:10px;}
		.menu li a:hover, .menu li:hover a {color:#aedcf3; text-decoration:none;}
		
		#nav .menu li ul {font-size:11px; background:#0b3a52; display:none; position:absolute; z-index:2; padding-top:5px;  margin-left:-10px;}
		#nav .menu li:hover ul {display:block;}
		#nav .menu li ul li {float:none; background:none; text-indent:0; padding:5px 10px; border-bottom:#758e9b solid 1px;}
		#nav .menu li ul li a {background:none; color:#fff; text-indent:0; padding:0; border:none;}
		#nav .menu li ul li a:hover {background:none; color:#aedcf3; text-decoration:none;}
		
		#rodape .menu li ul {font-size:9px; background:none; position:relative; margin:0; padding-top:20px; text-transform:uppercase;}
		#rodape .menu li:hover ul {display:block;}
		#rodape .menu li ul li {float:none; background:none; text-indent:0; padding:3px 0;}
		#rodape .menu li ul li a {background:none; color:#9dafb9; text-indent:0; height:auto; padding:0; border:none;}
		#rodape .menu li ul li a:hover {color:#aedcf3;}


#atalhos {margin:0; padding:0; z-index:2; margin-top:10px;}
/* #atalhos li {padding:0; margin:0; list-style:none;} */
#atalhos li {display:block; height:20px; background:url(../images/bg-atalhos.png) no-repeat; margin-bottom:6px; text-align:right; color:#fff; /* text-decoration:none; */ padding-right:30px; font:12px 'Rosario', sans-serif; text-transform:uppercase; line-height:20px;}
#atalhos li a {text-decoration:none; color:#fff;}
#atalhos li a:hover {color:#c6e1ec;}


/*---------------------------------------------
	
	#atalhos {margin:0; padding:0; z-index:2; margin-top:10px;}
	#atalhos li {padding:0; margin:0; list-style:none;}
	#atalhos li a {display:block; height:20px; background:url(../images/btn-atalhos.png) no-repeat; text-indent:-9999px; margin-bottom:6px;}
		#atalhos a.btn-1 {background-position:0 0;}
		#atalhos a.btn-2 {background-position:0 -20px;}
		#atalhos a.btn-3 {background-position:0 -40px;}
		#atalhos a.btn-4 {background-position:0 -60px;}
---------------------------------------------*/

	

	#menu-canais  {margin:0; padding:0; padding-right:20px; text-transform:uppercase;}
		#menu-canais li {margin:0; padding:5px 0; list-style:none; border-bottom:#c1c1c1 dotted 1px; }
		#menu-canais li a {display:block;}
		#menu-canais li a:hover {text-decoration:underline; /* background-color: #F0F3F4; */}

/*---------------------------------------------
BANNERS
---------------------------------------------*/



	#flashContent { width:100%; height:100%; }
		
	#superBanner { width:728px; height:90px; background:#fff; float:left;}
	#halfBanner { width:120px; height:60px; background:#fff; float:left; margin-left:20px;}
  .squareBanner { display: inline-block; background:#fff; border:#ccc solid 1px; padding:10px; position:relative; margin-top:25px;}
  .squareBanner p.publicidade {background:#fff; font-size:10px; color:#ccc; position:absolute; bottom:-20px; right:20px; padding:0 5px;}


/*---------------------------------------------
GERAL
---------------------------------------------*/

	/*Login*/

	#boxLogin {background:#4299bf url(../images/bg-login.gif) repeat-x;  padding:25px; color:#fff; position:relative;}
	#boxLogin h1 {color:#3d93b7; font-size:36px; margin-bottom:0;}
	#boxLogin .close {background:#3d93b7; display:block; padding:0 5px; position:absolute; right:15px; top:15px;}
	#boxLogin a.close  {color:#287393; font-weight:bold; text-decoration:none;}
	#boxLogin .btnSubmit {background:#3d93b7; border:1px solid #fff; color:#fff; cursor: pointer; font-size:11px; display:block; padding: 3px 6px; text-decoration: none; margin-top:20px;}
	#boxLogin .campo {width:180px;}


	.separador {border-bottom:#c1c1c1 dotted 1px; padding:0 10px; margin-bottom:20px; display:block;}

	#esquerda .testemunhos {background: url("../images/module-left.png") no-repeat scroll 0 100% transparent; padding:15px; margin-bottom:10px;}
	#esquerda .testemunhos span {color:#999;}
	
	#artigos img {border:#cdcdcd solid 1px; -moz-box-shadow: 0 0 5px #dadada; -webkit-box-shadow: 0 0 5px#dadada; box-shadow: 0 0 5px #dadada; padding:4px; float:left; margin-right:10px;}
	
	/*Boxes*/

	.box-estatisticas, .box-indique {background:#fff url(../images/bg-estatisticas.png) repeat-x bottom; padding:0 15px; border:#ececec solid 1px; margin-right:10px; -moz-border-radius: 15px; border-radius: 15px; font-size:14px; margin-top:30px; margin-bottom:30px; margin-right:5px;}
	.box-direita {padding:0 15px; border-top:#f7f7f7 solid 1px; border-left:#dfdfdf solid 1px; border-right:#dfdfdf solid 1px; border-bottom:#c5c5c5 solid 2px; margin-top:30px; margin-bottom:30px;}
	.box-mais-lidas {padding:0 15px;}
		.box-mais-lidas span {color:#999; font-style:italic;}
		.box-mais-lidas .data {float:right; font-size:11px;}
		.box-mais-lidas .mais-lidas {margin-bottom:0px;}
	.box-estatisticas strong {font-size:14px;}
	.timeago {color:#999; font-style:italic; font-size:11px; text-decoration: none;}

	.box-indique .campo {width:170px; border:#cccccc solid 1px; padding:5px; outline:none; color:#999; }
	.box-indique .btnSubmit {background:#3398b1; border:1px solid #bbb; color:#fff; cursor: pointer; font-size:11px; display:block; padding: 3px 6px; text-decoration: none; margin:20px 0;}
	
	
	/*Enquete*/
	
	#enquete ul {margin:0; padding:0;}
	#enquete ul li {list-style:none; display:block; margin-bottom:5px;}
	#enquete .btnSubmit {background:#3398b1; border:1px solid #bbb; color:#fff; cursor: pointer; font-size:11px; display:block; padding: 3px 6px; text-decoration: none; margin:20px 0;}

	/*Botões dos formulários*/
	
	.btn-formularios {margin:0; padding:0; z-index:2;}
	.btn-formularios li {float:left; padding:0; margin:0; list-style:none; text-align:center;}
	.btn-formularios li a {float:left; display:block; height:25px; background:#fff url(../images/bg-icones-formularios.gif) no-repeat; margin-bottom:30px; margin-left:18px; margin-right:18px; padding-top:75px; color:#999;  text-transform:uppercase; font-size:12px; }
	.btn-formularios li a:hover {text-decoration:underline;}
		.btn-formularios a.btn-a {background-position:0 6px; background-repeat: no-repeat; width:104px;}
		.btn-formularios a.btn-b {background-position:-104px 5px; width:71px;}
		.btn-formularios a.btn-c {background-position:-175px 3px; width:64px;}
		.btn-formularios a.btn-d {background-position:-239px 5px; width:67px;}
		.btn-formularios a.btn-e {background-position:-306px 1px; width:104px;}
		.btn-formularios a.btn-f {background-position:-410px 1px; width:71px;}
		.btn-formularios a.btn-g {background-position:-481px 3px; width:64px;}
		.btn-formularios a.btn-h {background-position:-545px 2px; width:67px;}
    
	/*Botões gerais*/
		
	a.link-mais {float:right; font-size:11px; color:#1fa4d0;}
	a.btn-cadastre-se { background:url(../images/btn-cadastre-se.gif) no-repeat; width:220px; height:220px; display:block; text-indent:-9999px; margin:20px 0; }
	
	
	blockquote {padding-top:30px; font-style:italic; background: url(../images/quote-open.gif) top left no-repeat;}
	blockquote p {padding-bottom:30px; padding-left:30px; padding-right:30px; display: block; background: url(../images/quote-close.gif) bottom right no-repeat; }
	
	/*Listas*/
	
	ul.lista-resultado {margin:0; padding:0; margin-top:30px;}
	ul.lista-resultado li {list-style:none; border-bottom:#ddd solid 1px; margin-bottom:10px; padding-bottom:10px;}
	ul.lista-resultado li a {color:#000; text-decoration:none;}
	ul.lista-resultado li a:hover {text-decoration:underline;}
	ul.lista-resultado li span {background:#ffa51f; padding:2px 5px; font-size:11px; color:#fff; margin-right:10px;}
	ul.lista-resultado li a:hover span {text-decoration:none; color:#fff;}

		
	
/*---------------------------------------------
INTERNA
---------------------------------------------*/
	
	#interna h1 {color:#3398b1; margin-top:20px; font-size:24px; text-transform:uppercase;}
	#interna h2 {color:#000; margin-top:20px; font-size:16px; text-transform:none; font-weight:bold;}
	
	.autor {border-bottom:#333 dotted 1px; position:relative; min-height:100px;}
	.autor h1 {width:350px; display:block;}
	.autor img {/*position:absolute;*/ right:0; bottom:0;}
	.autor .nome {/*position:absolute;*/ bottom:5px; right:90px; font-size:10px; color:#2f2f2f;}
		
/*---------------------------------------------
DESTAQUE
---------------------------------------------*/

	#slider {position:relative; margin-top:25px; margin-bottom:30px; font-family:'Open Sans', sans-serif;}
	#slider ul, #slider li {margin:0; padding:0; list-style:none; position:relative;}
	#slider li{width:459px;	height:310px; overflow:hidden;}
	#slider p {background:url(../images/bg-destaques.png) repeat transparent; position:absolute; padding:10px; display:block; bottom:-18px;}	
	#slider a {color:#fff; text-decoration:none;}	
		
	ol#controls{position:absolute; margin-top:-125px; margin-left:270px; padding:0;}
	ol#controls li{margin:0 1px; padding:0; float:left; list-style:none;}
	ol#controls li a{float:left; background:#666; color:#fff; padding:3px 6px; text-decoration:none;}
	ol#controls li.current a{background:#000; color:#fff;}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
	
/*---------------------------------------------
ABAS
---------------------------------------------*/
	
	ul.tabs {margin: 0; padding: 0;	float: left; list-style: none; height: 32px; border-bottom: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; width: 100%;border-top-left-radius:10px; -moz-border-radius-topleft:10px; }
	ul.tabs li {float: left; margin:0; margin-right:5px; padding: 0; height: 31px; line-height: 31px; border: 1px solid #dfdfdf; border-left: none; margin-bottom: -1px; background:url(../images/tab-off.gif) repeat-x bottom; overflow: hidden; position: relative; border-top-left-radius:10px; -moz-border-radius-topleft:10px; border-top-right-radius:10px; -moz-border-radius-topright:10px;}
	ul.tabs li a { text-transform:uppercase; text-decoration: none; color: #9cadb2; display: block; font-size: 12px; padding: 0 20px; border: none; outline: none; border-top-left-radius:10px; -moz-border-radius-topleft:10px; border-top-right-radius:10px; -moz-border-radius-topright:10px;}
	ul.tabs li a:hover {background:url(../images/tab-on.gif) repeat-x; border-top-left-radius:10px; -moz-border-radius-topleft:10px; border-top-right-radius:10px; -moz-border-radius-topright:10px;}	
	html ul.tabs li.active, html ul.tabs li.active a:hover  {background:url(../images/tab-on.gif) repeat-x; border-bottom: 1px solid #fff; border-top-left-radius:10px; -moz-border-radius-topleft:10px; border-top-right-radius:10px; -moz-border-radius-topright:10px;}
	.tab_container {border: none; clear: both; float: left; width: 100%; background: #fff url(../images/bg-forum.gif) no-repeat top;}
	.tab_content {padding: 20px; position:relative;}
	.tab_content span {color:#999;}
	.tab_content span a {color:#1fa4d0;}
	.tab_content img {float: left; margin: 0 20px 20px 0; border: 1px solid #ddd; padding: 5px;}
	.tab_content p {margin-right: 40px;}
	p.balloon {margin-right: 0px; background:url(../images/bg-baloes.gif) no-repeat  right top; color:#fff; font-weight:bold; width:48px; height:41px; text-align:center; padding-top:6px; padding-left:15px; position:absolute; right:15px;}
        /* .tabs .best {background:url(../images/ico-forum-populares.gif) no-repeat right center;} */

/*---------------------------------------------
PAGINADOR
---------------------------------------------*/

	#paginador {padding: 3px; margin-top:50px;}
	#paginador ul {list-style-type: none;}
	#paginador li {float: left; display: inline; margin: 0 5px 0 0; display: block;}
	#paginador li a {color: #104766; padding: 4px; border: 1px solid #ddd; text-decoration: none; float: left;}
	#paginador li a:hover {color: #439bc1; background: #d9eff9; border: 1px solid #4da0c4;}
	#paginador li.nolink {color: #ccc; border: 1px solid #ccc; padding: 4px;}
	#paginador li.current {color: #FFF; border: 1px solid #104766; padding: 4px; background: #439bc1;}

	
/*---------------------------------------------
TABELAS
---------------------------------------------*/

	table {margin-bottom:25px; margin-top:25px; border-collapse:collapse; width:100%; }
	th {font-size:12px; color: #fff; border: 1px solid #4696b9;  padding:3px; background:#73b5d4;}	
	td {font-size:12px; border-right: 1px solid #4696b9; border-bottom: 1px solid #4696b9; border-left: 1px solid #4696b9; padding:3px;}	
	caption {font-size:14px; color: #fff; border-right: 1px solid #4696b9; border-bottom: 1px solid #4696b9; border-left: 1px solid #4696b9; padding:5px 3px 5px 3px; background:#73b5d4;}	
	table tbody tr:nth-child(2n+1) {background: #f7f7f7;}
	

/*---------------------------------------------
RODAPE
---------------------------------------------*/
	
	#rodape {background:url(../images/bg-rodape.png) repeat-x 0 0; height:343px; padding-top:2px; margin:0; position:relative; color:#9dafb9; font-size:11px;}		
		#rodape a.desenvolvimento {background:url(../images/logo-studio-bee.png) no-repeat; width:101px; height:17px; text-indent:-9999px; display:block; margin:0;}
		#rodape .marca-d-agua {background:url(../images/marca-d-agua-credito-e-cobranca.png) no-repeat; width:137px; height:48px; text-indent:-9999px;}
		#rodape .copyright, #rodape .marca-d-agua, #rodape a.desenvolvimento {margin-top:30px;}
		
/*---------------------------------------------
FORMULARIOS
---------------------------------------------*/

	.formGeral label {padding: 0px 0px 5px 0px; display:block;}
	.formGeral input, form select, form textarea {border:#cccccc solid 1px; padding:5px; outline:none; color:#999; }
	
	.formGeral .formBotao input {background:#ff9900; border:1px solid #e85d07; color:#fff; cursor: pointer; display:block; padding:5px 10px; text-decoration: none; font-weight:bold;}

	
/*---------------------------------------------
CURTIR FACEBOOK
---------------------------------------------*/


.facebook-curtir
{
	text-align: center;
	margin: 18px auto auto;
	width: 197px;
	padding: 10px 50px 0 0;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	background: url(../images/face-curtir.png) no-repeat;
	height: 59px;
	color: #05316d;
	font-size: 12px;
}
.curtir
{
	margin: 3px 0px 0px 7px;
}

/*
New add ons
*/
 #nav-trigger{ 
  display: none;
  color: white;
  font-size: 17px;
  cursor: pointer;
  }
  #footer-trigger{
   display:none;
    color: white;
  font-size: 17px;
  cursor: pointer;
  }
 .collapse{
 	display: block !important;
 } 
 #footer-nav{
  	 background-color: #0C405B;
  	 display: none;
  }
@media(max-width: 1280px){
   body{
   	overflow-x:hidden;
   }
}
@media(max-width: 768px){
	.container_12, .container_16 {
	width:auto;
	padding-right: 15px;
    padding-left: 15px;
	}
	#footer-trigger{
   display: block;
  position: relative;
  float: right;
  margin-top: -5px;
  position: absolute;
  font-size:20px;
  color: white;
  z-index: 1000;
  right: 15px;
  padding: 9px 10px;
  }
  .footer-desktop{
    display: none;
  }
  
	#ticker-wrapper, #ticker{
		width: 100% !important;
	}
	
	.container_12 .grid_12, .container_16 .grid_16{
		width: 100%;
	}
	.omega, .alpha{
      margin: 0px;
	}
    #esquerda{
     display: none;
    }
    #content .grid_6{
      width: 60%;
    }
    #content .grid_3{
      width: 30%;
    }
   #nav{
  	 background-color: #0C405B;
  	 display: none;
  }.formGeral input{
  	width: 100%;
  }
   #nav-trigger{ 
        display: block;
  position: relative;
  float: right;
  margin-top: -5px;
  position: absolute;
  font-size:20px;
  color: white;
  z-index: 1000;
  right: 15px;
  padding: 9px 10px;
   }
   #nav .menu li ul{
   	position: relative;
   	float: left;
   	width: 100%;
   }
   #nav .menu li ul li{
   	padding: 5px 0px;
   }
  .menu{
  	padding-left: 15px;
  }
  .menu li{
  	width: 100%;
  	margin-bottom: 5px;
  }
  .menu li a{
    border-right: 0px;
  }

  /*
  tab menu
  */
  .tab_container{
  	width: 100%;
  }
   ul.tabs{
  	width: 100%;
  	height: auto;
  }	
 
   ul.tabs li{
  	width: 100%;
  	text-align: center;
  }
  /*
  main logo
  */
   #topo a.logo{
  	width: 150px;
  	background-size: 100%;
  }
  .search-form{
  	max-width: 240px;
  }
  #topo .grid_9{
  	width: 50%;
  }
   #slider, #slider img{
     width: 300px !important;
   }
   
   /*
   slider
   */
     #slider, #slider img{
     width: 300px !important;
   }
   #slider{
   	margin: 20px auto 15px;
   }
   #slider li{
     width:320px;
   }
   #slider p{
   	width: 90%
   }
   ol#controls{
   	position: relative;
   	margin-left: 0px;
   	margin-top: 10px;
   	width: 100%;
    float: left;
    text-align: center;
   }
   ol#controls li{
     float: none;
     display: inline-block;
   }
  
   /*
   list item
   */
   #artigos .grid_3{
   	 width: 100%;
   } 
   .btn-formularios li{
   	width: 50%;
   }
   /*
   sidebar
   */
   a.btn-cadastre-se{
   	width: 100%;
   }
}
@media(max-width: 568px){
  .container_12 .grid_9, .container_16 .grid_12, .container_12 .grid_7{
  	width: 100% !important;
  	margin-right: 0px;
  	margin-left: 0px;
  } 
  .menu-bar{
  	  float: left;
  width: 100%;
  margin: 0px -15px;
  padding: 5px 20px 5px 10px;
  background-color: #0C405B;
  }
   .container_12 .grid_3, .container_16 .grid_4, .container_12 .grid_6, .container_16 .grid_8 {
	  width:100% !important;
	  margin-left: 0px;
	  margin-right: 0px;
   }
  .grid_3 #atalhos{	
  width: 220px;
  display: none;
  margin: 18px auto 0px;
  }
  #atalhos li{
  	text-align: center;
  }
  #topo{
  	  margin-left: -15px;
  margin-right: -15px;
  padding: 15px;
    background-color: #0C405B;
    height: auto;
  }
  footer{
    float: left;
  height: auto;
  background-color: #0F4A68;
 }
 #ticker-title span{
 	opacity: 0;
 }
 #ticker-content{
 	left: 0px !important;
 }
}

@media(max-width: 480px){

  
   
   #topo a.logo {
   	margin: 0 auto;
   }
  
}
@media only screen (width: 320px){
   #slider, #slider img{
     width: 280px !important;
   }
   #slider li{
     width:280px;
   }

}
@media (min-width: 567px) and (max-width: 768px){
 footer .menu li{
 	width: auto;
 }

}
@media(min-width: 567px){
	.visible-xs{
		display: none;
	}
}