/* CSS Vip Marine - default.css */
/* por Julia Maia */
/* www.donnapanda.com.br */
/* donnapanda - internet acessível, padrões W3C, com acessibilidade e usabilidade sem perder o apelo visual */
/* juliamaia@donnapanda.com.br */


*{margin:0;
padding:0;
list-style:none;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
border:0;
}
html{
background:url(../_imgs/top_front.jpg) top right no-repeat;
}
body{
background:url(../_imgs/top_back.png) top left repeat-x ;
}
div#corpo{
width:950px;
margin: 0 auto;
text-align:left;
}
.oculto{
position:absolute;
overflow:hidden;
width:1px;
height:1px;
}
.center{
text-align:center;
}
.clear{
clear:left;
}
.float{
float:left;
}
div#conteudo{
float:left;
width:950px;
}
div#col01{
float:left;
width:190px;
clear:left;
}
div#col02{
float:left;
width:600px;
}
div#col03{
float:left;
width:150px;
}
div#testeira{
width:950px;
height:270px;
}
div#testeira h1{
background:url(../_imgs/logo.png) repeat-x;
width:235px;
height:154px;
}
div#testeira h1 a{
display:block;
width:235px;
height:154px;
}
div#menu{
width:950px;
height:30px;
margin-top:9px;
}
div#menu ul{
float:left;
margin-top:30px;
}
div#menu ul#menuLink{
float:right;
margin-top:35px;
width:710px;
}
div#menu ul li{
float:left;
}
div#menu ul li form{
margin:0;
padding:0;
width:180px;
height:34px;
float:left;
}
div#menu ul li input#inputString{
background:url(../_imgs/inputBuscaText.png) no-repeat;
width:122px;
height:26px;
overflow:visible;
padding: 8px 0 0 8px;
font-size:0.9em;
margin:0;
float:left;
}
div#menu ul li input#buscaSubmit{
background:url(../_imgs/inputBuscaSubmit.png) no-repeat;
width:35px;
height:34px;
float:left;
cursor:pointer;
_margin-left:-3px;/* hack para IE6 */
}
div#menu ul li#home a{
background:url(../_imgs/homeLink.gif) no-repeat;
display:block;
width:81px;
height:25px;
}
div#menu ul li#home a:hover{
background:url(../_imgs/homeLink.gif) no-repeat;
background-position:0 -25px;
}

div#menu ul li#quemSomos a{
background:url(../_imgs/quemSomosLink.gif) no-repeat;
display:block;
width:181px;
height:25px;
}
div#menu ul li#quemSomos a:hover{
background:url(../_imgs/quemSomosLink.gif) no-repeat;
background-position:0 -25px;
}

div#menu ul li#anuncie a{
background:url(../_imgs/anuncieLink.gif) no-repeat;
display:block;
width:124px;
height:25px;
}
div#menu ul li#anuncie a:hover{
background:url(../_imgs/anuncieLink.gif) no-repeat;
background-position:0 -25px;
}

div#menu ul li#ondeEstamos a{
background:url(../_imgs/ondeEstamosLink.gif) no-repeat;
display:block;
width:198px;
height:25px;
}
div#menu ul li#ondeEstamos a:hover{
background:url(../_imgs/ondeEstamosLink.gif) no-repeat;
background-position:0 -25px;
}

div#menu ul li#contato a{
background:url(../_imgs/contatoLink.gif) no-repeat;
display:block;
width:117px;
height:25px;
}
div#menu ul li#contato a:hover{
background:url(../_imgs/contatoLink.gif) no-repeat;
background-position:0 -25px;
}
ul#subMenu{
float:left;
margin-left:330px;
}
ul#subMenu li{
float:left;
margin-right:10px;
}
ul#subMenu li#lanchas a{
background:url(../_imgs/lanchasButton.gif);
display:block;
width:100px;
height:29px;
}
ul#subMenu li#lanchas a:hover{
background:url(../_imgs/lanchasButton.gif);
background-position:0 -30px;
height:29px;
}
ul#subMenu li#inflaveis a{
background:url(../_imgs/inflaButton.gif);
display:block;
width:100px;
height:29px;
}
ul#subMenu li#inflaveis a:hover{
background:url(../_imgs/inflaButton.gif);
background-position:0 -30px;
height:29px;
}
ul#subMenu li#motores a{
background:url(../_imgs/motoresButton.gif);
display:block;
width:100px;
height:29px;
}
ul#subMenu li#motores a:hover{
background:url(../_imgs/motoresButton.gif);
background-position:0 -30px;
height:29px;
}
div#mainMenu{
background:url(../_imgs/mainMenuTop.gif) top left no-repeat;
width:203px;
float:left;
clear:both;
padding-top:55px;
margin-top:15px;
}
div#bottomMainMenu{
background:url(../_imgs/mainMenuBot.gif) bottom;
width:203px;
height:24px;
float:left;
}
div#mainMenu ul{
background:url(../_imgs/mainMenuBack.gif) repeat-y;
width:203px;
margin:0;
}
div#mainMenu ul li#tipo, div#mainMenu ul li#marca, div#mainMenu ul li#status, div#mainMenu ul li#motor, div#mainMenu ul li#tamanho{
width:188px;
padding-top:19px;
margin-left:8px;
}
div#mainMenu ul li#tipo{
background:url(../_imgs/titTipo.gif) top left no-repeat;
}
div#mainMenu ul li#marca{
background:url(../_imgs/titMarca.gif) top left no-repeat;
}
div#mainMenu ul li#status{
background:url(../_imgs/titStatus.gif) top left no-repeat;
}
div#mainMenu ul li#motor{
background:url(../_imgs/titMotor.gif) top left no-repeat;
}
div#mainMenu ul li#tamanho{
background:url(../_imgs/titTamanho.gif) top left no-repeat;
}
div#mainMenu ul li ul{
border-top:0;
border-bottom:0;
width:163px;
background:none;
padding-top:5px;
padding-bottom:5px;
margin-left:20px;
}
div#mainMenu ul li ul li a{
color:#000;
text-decoration:none;
line-height:20px;
}
div#topMainContent{
background:url(../_imgs/topMainContent.gif) no-repeat;
width:583px;
height:15px;
float:left;
margin-top:18px;
margin-left:13px;
}
div#mainContent{
width:578px;
background:#FFF;
border:solid 2px #808080;
border-top:0;
border-bottom:0;
float:left;
margin-left:14px;
}
div#mainContent p{
color:#345B70;
margin-left:15px;
text-indent:20px;
}
div#bottomMainContent{
background:url(../_imgs/bottomMainContent.gif) no-repeat;
width:583px;
height:15px;
float:left;
margin-left:14px;
}
div#climaTempo{
float:left;
width:150px;
margin-top:0;
}
div#menuSec{
float:left;
width:162px;
margin-top:10px;
}
div#menuSecBot{
background:url(../_imgs/bottomLojas.gif);
width:162px;
height:31px;
float:left;
}
div#menuSec ul{
background:url(../_imgs/backLojas.gif) repeat-y;
padding-bottom:10px;
}
div#menuSec ul li{
margin-top:10px;
margin-left:9px;
}
div#menuSec ul li#lojas{
margin:0;
background:url(../_imgs/topLojas.gif) no-repeat;
width:162px;
height:19px;
}
div#cadastro{
float:left;
background:url(../_imgs/topCadastro.gif) top left no-repeat;
width:162px;
_width:150px;
padding-top:34px;
padding-right:3px;
_padding-right:0;
margin-top:10px;
}
div#cadastro form{
background:url(../_imgs/backCadastro.gif) repeat-y;
width:162px;
float:left;
padding-top:15px;
}
div#cadastro form fieldset{
border:none;
width:150px;
float:left;
text-align:center;
}
div#cadastro form span{
text-align:center;
color:#FFFFFF;
border:none;
letter-spacing:-1px;
word-spacing:-1px;
margin-bottom:5px;
display:block;
margin-bottom::5px;
}
div#cadastro form label{
letter-spacing:-1px;
word-spacing:-1px;
color:#FFFFFF;
float:left;
margin-left:10px;
line-height:20px;
}
div#cadastro form input{
width:90px;
height:20px;
border:solid 2px #26568E;
margin-bottom:7px;
}
div#cadastro form input#OK{
width:21px;
height:21px;
border:none;
margin-left:105px;
background:url(../_imgs/botOkCadastro.gif) no-repeat;
}
div#cadastroBottom{
background:url(../_imgs/botCadastro.gif) no-repeat;
width:162px;
height:25px;
float:left;
}
div#rodape{
background:url(../_imgs/chineloRodape.jpg) no-repeat top left;
float:left;
width:843px;
height:171px;
padding-left:137px;
}
div#pedacoRodape{
background:url(../_imgs/pedacoRodape.jpg) no-repeat top left;
width:125px;
height:171px;
float:left;
}
div#rodapeMenu{
background:url(../_imgs/menuRodape.jpg) no-repeat;
float:left;
width:451px;
height:76px;
padding-top:95px;
}
div#rodapeMenu ul{
text-align:center;
}
div#rodapeMenu ul li, div#rodapeMenu ul li a{
font-size:1.1em;
display:inline;
color:#FFF;
text-align:center;
text-decoration:none;
}
div#rodapeMenu ul li a:hover{
text-decoration:underline;
}
div#boiaRodape{
background:url(../_imgs/boiaRodape.jpg) no-repeat;
width:267px;
height:171px;
float:left;
}



/*para a lista de autocompletar da busca principal*/
.suggestionsBox {
	position: absolute;
	z-index:2;
	left: 30px;
	margin: 40px 0px 0px 0px;
	margin-left:128px;
	width: 190px;
	background-color: #FFDF05;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 2px solid #FFE650;	
	color: #FFF;
}

.suggestionList {
	margin: 0px;
	padding: 0px;
}

.suggestionList li {
	
	margin:0;
	padding: 3px;
	cursor: pointer;
	width:184px;
	border-bottom:solid 1px #FFE650;
}

.suggestionList li:hover {
	background-color: #FFE650;
	color:#FFF;
}