@charset "utf-8";
/* -----------------------------------------------------------------------
   12Pixels CSS Framework
   
   Allan Freitas
   contato@12pixels.com.br
   Copyright 2009 Allan Freitas
   
   Parte Referente ao sistema de GRADES
   
   =>>Sistema de GRADE com 25 colunas (largura do layout de 750px até 990px)<==
   
   Licença - Uso Privado à 12Pixels
----------------------------------------------------------------------- */

/* Larguras disponíveis */ 
.largura1 {
    margin:0 auto;
    width:750px;
}
.largura2 {
    margin:0 auto;    
    width:790px;
}
.largura3 {
    margin:0 auto;    
    width:830px;
}
.largura4 {
    margin:0 auto;
    width:870px;
}
.largura5 {
    margin:0 auto;
    width:910px;
}
.largura6 {
    margin:0 auto;
    width:950px;
}
.largura7 {
    margin:0 auto;
    width:990px;
}

.largura8 {
    margin:0 auto;
    width:1000px;
}

/* Quando quiser ser usado deve ser colocado junto à classe que define a largura geral do corpo */
/*.mostrargrades {
    background:url(./imgs/grid.png);
}

/* Definições gerais */
body {
    margin:4px 0;
	background: url('fundosite.jpg') #ffffff repeat-x;
	font-family: tahoma;
}

/* Estilo Geral das Grades */
div.grade1,
div.grade2,
div.grade3,
div.grade4,
div.grade5,
div.grade6,
div.grade7,
div.grade8,
div.grade9,
div.grade10,
div.grade11,
div.grade12,
div.grade13,
div.grade14,
div.grade15, 
div.grade16,
div.grade17, 
div.grade18,
div.grade19,
div.grade20,
div.grade21,
div.grade22,
div.grade23,
div.grade24 {float:left;margin-right:10px;}

div.paratodos {float:left;margin-right:10px;}

/* Grade 25 apenas com o float */
div.grade25 {float:left;}

/* Para qualquer grade que seja usada como última do layout */
div.ultima {margin-right:0;}

/* Definição das Larguras das Grades */	
.grade1  {width:30px;}
.grade2  {width:70px;}
.grade3  {width:110px;}
.grade4  {width:150px;}
.grade5  {width:190px;}
.grade6  {width:230px;}
.grade7  {width:270px;}
.grade8  {width:310px;}
.grade9  {width:350px;}
.grade10 {width:390px;}
.grade11 {width:430px;}
.grade12 {width:470px;}
.grade13 {width:510px;}
.grade14 {width:550px;}
.grade15 {width:590px;}
.grade16 {width:630px;}
.grade17 {width:670px;}
.grade18 {width:710px;}
.grade19 {width:750px;}
.grade20 {width:790px;}
.grade21 {width:830px;}
.grade22 {width:870px;}
.grade23 {width:910px;}
.grade24 {width:950px;}
.grade25 {width:990px;}
.grade26, div.grade26 {width:1005px;}

/* Definição dos SUFIXOS(espaçamentos de distaciamento da direita) */
.sufixo1  {padding-right:40px;}
.sufixo2  {padding-right:80px;}
.sufixo3  {padding-right:120px;}
.sufixo4  {padding-right:160px;}
.sufixo5  {padding-right:200px;}
.sufixo6  {padding-right:240px;}
.sufixo7  {padding-right:280px;}
.sufixo8  {padding-right:320px;}
.sufixo9  {padding-right:360px;}
.sufixo10 {padding-right:400px;}
.sufixo11 {padding-right:440px;}
.sufixo12 {padding-right:480px;}
.sufixo13 {padding-right:520px;}
.sufixo14 {padding-right:560px;}
.sufixo15 {padding-right:600px;}
.sufixo16 {padding-right:640px;}
.sufixo17 {padding-right:680px;}
.sufixo18 {padding-right:720px;}
.sufixo19 {padding-right:760px;}
.sufixo20 {padding-right:800px;}
.sufixo21 {padding-right:840px;}
.sufixo22 {padding-right:880px;}
.sufixo23 {padding-right:920px;}
.sufixo24 {padding-right:960px;}

/* Definição dos PREFIXOS(espaçamentos de distaciamento da esquerda) */
.prefixo1  {padding-left:40px;}
.prefixo2  {padding-left:80px;}
.prefixo3  {padding-left:120px;}
.prefixo4  {padding-left:160px;}
.prefixo5  {padding-left:200px;}
.prefixo6  {padding-left:240px;}
.prefixo7  {padding-left:280px;}
.prefixo8  {padding-left:320px;}
.prefixo9  {padding-left:360px;}
.prefixo10 {padding-left:400px;}
.prefixo11 {padding-left:440px;}
.prefixo12 {padding-left:480px;}
.prefixo13 {padding-left:520px;}
.prefixo14 {padding-left:560px;}
.prefixo15 {padding-left:600px;}
.prefixo16 {padding-left:640px;}
.prefixo17 {padding-left:680px;}
.prefixo18 {padding-left:720px;}
.prefixo19 {padding-left:760px;}
.prefixo20 {padding-left:800px;}
.prefixo21 {padding-left:840px;}
.prefixo22 {padding-left:880px;}
.prefixo23 {padding-left:920px;}
.prefixo24 {padding-left:960px;}


div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}

/* Puxar o Elemento  */
.puxar1  {margin-left:-40px;}
.puxar2  {margin-left:-80px;}
.puxar3  {margin-left:-120px;}
.puxar4  {margin-left:-160px;}
.puxar5  {margin-left:-200px;}
.puxar6  {margin-left:-240px;}
.puxar7  {margin-left:-280px;}
.puxar8  {margin-left:-320px;}
.puxar9  {margin-left:-360px;}
.puxar10 {margin-left:-400px;}
.puxar11 {margin-left:-440px;}
.puxar12 {margin-left:-480px;}
.puxar13 {margin-left:-520px;}
.puxar14 {margin-left:-560px;}
.puxar15 {margin-left:-600px;}
.puxar16 {margin-left:-640px;}
.puxar17 {margin-left:-680px;}
.puxar18 {margin-left:-720px;}
.puxar19 {margin-left:-760px;}
.puxar20 {margin-left:-800px;}
.puxar21 {margin-left:-840px;}
.puxar22 {margin-left:-880px;}
.puxar23 {margin-left:-920px;}
.puxar24 {margin-left:-960px;}
.puxar25 {margin-left:-1005px;}
	
/* Definições gerais dos Puxar elemtentos */
.puxar1,
.puxar2,
.puxar3,
.puxar4,
.puxar5,
.puxar6,
.puxar7,
.puxar8,
.puxar9,
.puxar10,
.puxar11,
.puxar12,
.puxar13,
.puxar14,
.puxar15,
.puxar16,
.puxar17,
.puxar18,
.puxar19,
.puxar20,
.puxar21,
.puxar22,
.puxar23,
.puxar24,
.puxar25 {
	float:left;
	position:relative;
}

/* Empurrar o Elemento */
.empurrar1  {margin:0 -40px 1.5em 40px;}
.empurrar2  {margin:0 -80px 1.5em 80px;}
.empurrar3  {margin:0 -120px 1.5em 120px;}
.empurrar4  {margin:0 -160px 1.5em 160px;}
.empurrar5  {margin:0 -200px 1.5em 200px;}
.empurrar6  {margin:0 -240px 1.5em 240px;}
.empurrar7  {margin:0 -280px 1.5em 280px;}
.empurrar8  {margin:0 -320px 1.5em 320px;}
.empurrar9  {margin:0 -360px 1.5em 360px;}
.empurrar10 {margin:0 -400px 1.5em 400px;}
.empurrar11 {margin:0 -440px 1.5em 440px;}
.empurrar12 {margin:0 -480px 1.5em 480px;}
.empurrar13 {margin:0 -520px 1.5em 520px;}
.empurrar14 {margin:0 -560px 1.5em 560px;}
.empurrar15 {margin:0 -600px 1.5em 600px;}
.empurrar16 {margin:0 -640px 1.5em 640px;}
.empurrar17 {margin:0 -680px 1.5em 680px;}
.empurrar18 {margin:0 -720px 1.5em 720px;}
.empurrar19 {margin:0 -760px 1.5em 760px;}
.empurrar20 {margin:0 -800px 1.5em 800px;}
.empurrar21 {margin:0 -840px 1.5em 840px;}
.empurrar22 {margin:0 -880px 1.5em 880px;}
.empurrar23 {margin:0 -920px 1.5em 920px;}
.empurrar24 {margin:0 -960px 1.5em 960px;}
.empurrar25 {margin:0 -1000px 1.5em 1005px;}
	
/* Definições Gerais  */
.empurrar1,
.empurrar2,
.empurrar3,
.empurrar4,
.empurrar5,
.empurrar6,
.empurrar7,
.empurrar8,
.empurrar9,
.empurrar10,
.empurrar11,
.empurrar12,
.empurrar13,
.empurrar14,
.empurrar15,
.empurrar16,
.empurrar17,
.empurrar18,
.empurrar19,
.empurrar20,
.empurrar21,
.empurrar22,
.empurrar23,
.empurrar24,
.empurrar25 {
	float:right;
	position:relative;
}


/* Limpando os floats aplicados aos elementos */
.clearfix:after,
.container:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    max-height:0;
    visibility:hidden;
}

.clearfix, 
.container {display:inline-block;}

* html .clearfix,
* html .container {height:1%;}

.clearfix,
.container {display:block;}

.limpa {clear:both;}


#topogeral {
	margin-bottom:20px;
	height:120px;
}

.pesquisatopo{
/*  background-image:url('lupa.gif');
  background-repeat:no-repeat;
*/
  background-color:#FFF;
  padding-left:20px;
}

/* Estilos adicionais */
#Menu ul {
padding: 0; display: block;
margin: 0; list-style-type: none;
}
#Menu ul li {
padding: 0; margin: 0;
font-size: 11px; width: 90px;
}
#Menu ul li a {
padding: 1px 0 1px 6px; margin: 0;
border: 1px solid #E5E5E5; display: block;
background: #f5f5f5; text-decoration: none;
color: #000;
}
#Menu ul li a:hover {
background: #FAFAFA; border: 1px solid #D5D5D5;
padding: 1px 0 1px 6px; color: #666;
}

#marqueedotopo {
    margin-top:19px;
	background: url('fundo-do-letreiro.jpg') #333 repeat-x;
	width:1005px;
}

/* Menucentral */
#menucentral {
    margin-top:13px;
	width: 500px;
	height: 40px;
	margin: 0 auto;
	padding-bottom: 5px;
	padding-top: 5px;
	background: url('img03.jpg') no-repeat left top;
}

#menucentral ul {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#menucentral li {
	display: inline;
	text-align: center;
}

#menucentral a {
	display: block;
	float: left;
	height: 30px;
	margin: 0px 1px 0px 0px;
	padding: 10px 20px 0px 20px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

#menucentral a:hover, #menucentral .active a {
	background: #B6B6B6;
	color: #FFFFFF;
}

#subtopo {
    margin-top:8px;
}



/* Menu lateral das categorias */

div.sdmenu {
	width: 150px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 10px;
	padding-top: 10px;
	background: url(bottom.gif) no-repeat  right bottom;
	color: #fff;
}
div.sdmenu div {
	background: url(menucategorias1.gif) repeat-x;
	overflow: hidden;
}
/*div.sdmenu div:first-child {
	background: url(toptitle.gif) no-repeat;
}*/
div.sdmenu div.collapsed {
	height: 25px;
}
div.sdmenu div span {
	display: block;
	padding: 4px 25px;
	padding-left: 14px;
	padding-right: 1px;
	font-weight: bold;
	color: white;
	background: url(menucategorias2.gif) no-repeat 5px center;
	cursor: default;
	border-bottom: 1px solid #ddd;
}

div.sdmenu div span a{
	text-decoration:none;
	background:none;
	padding:0px;
	color:#FFF;
	border:0px;
}

div.sdmenu div span a:hover{
	text-decoration:underline;
	background:none;
}

div.sdmenu div.collapsed span {
	background-image: url(menucategorias2.gif);
}
div.sdmenu div a {
	padding: 4px 10px;
	background: #eee;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #066;
}
div.sdmenu div a.current {
	background : #ccc;
}
div.sdmenu div a:hover {
	background : #066 url(linkarrow.gif) no-repeat right center;
	color: #fff;
	text-decoration: none;
}

#esquerda{
width:150px;
margin-top:10px;
}

#centrogeral{
width:630px;
margin-top:10px;
}

#direita{
width:200px;
margin-top:14px;
}

#bannersconteudobanners{
background-color:#FFF;
}

.listagemanunciosbloco{
	width:150px;
	height:240px;
	margin-bottom:20px;
	background-color: #FDFDFD;
}

.listagemanunciosbloco h3{
	text-align:left;
	padding-left:2px;
	width:150px;
	/* border-bottom: solid #A62222 2px; */
	margin-bottom: 9px;
	
}

.meuh2segmentos{
	text-align:center;
	width:150px;
	border-bottom: solid #999 3px;
	margin-bottom: 5px;
	color: #333;
	background-color:#CCC;
}

.banner200x70 {
	width: 200px;
	height:70px;
	margin-bottom: 18px;
}


.fontetituloanuncio{
 font-style:italic;
 font-size:14px;
}


#newsletterlateral{
background-color:#F1F1F1;
}


ul#menucateg, ul#menucateg ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 150px;
}

ul#menucateg a {
  display: block;
  text-decoration: none;	
}

ul#menucateg li {
  margin-top: 1px;
}

ul#menucateg li a {
  background: #333;
  color: #fff;	
  padding: 0.5em;
}

ul#menucateg li a:hover {
  background: #000;
}

ul#menucateg li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 20px;
}

ul#menucateg li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px;
}


/* aqui vai a parada das cameras */
#camera1, #camera2_1{
    background : #066 url(fundocamera1.png) no-repeat;
}

#camera3 {
    background : #066 url(fundocamera3.png) no-repeat;
}

#camera4 {
    background : #066 url(fundocamera4.png) no-repeat;
}
#cameraidbalsadiv {
	/* padding-top:  48px;*/
	padding-left: 6px;
    background : #FFFFFF url(fundobalsa.png) no-repeat;
height:298px;
}

#cameraidbalsa{
	margin-top:  48px;
}


/* Menu da CIDADE aquele do topo que vem do banco */


#underlinemenu{
margin: 0;
padding: 0;
text-align:center;
}

#underlinemenu ul{
margin: 0;
margin-bottom: 1em;
padding-left: 0;
float: left;
font-weight: bold;
width: 100%;
border: 1px solid #DFDFDF;
border-width: 1px 0;
text-align:center;
}

* html #underlinemenu ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

#underlinemenu ul li{
display: inline;
}

#underlinemenu ul li a{
display: inline;
color: gray;
font-weight: bold;
padding: 2px 6px 4px 6px;
text-decoration: none;
background: white url(menudivide.gif) top right repeat-y;
clear:left;
}

#underlinemenu ul li a:hover{
color: black;
background-color: #F3F3F3;
border-bottom: 4px solid black;
padding-bottom: 0;
}


#underlinemenu2{
margin: 0;
padding: 0;
text-align:center;
}

#underlinemenu2 a{
font-size:11px;
height:17px;
color: gray;
font-weight: bold;
padding: 2px 6px 4px 6px;
text-decoration: none;
/*background: url(menudivide.gif) top right repeat-y;*/
}

#underlinemenu2 a:hover{
color: black;
border-bottom: 3px solid black;
padding-bottom: 0;
}


.linkimagemanunciolistagem{

}


#iframesclimatempo{
	width: 310px;
	height: 298px;
}