/*Copyright (c) 2007, Tiago Fernandez Inc. All rights reserved.
version: 1.0
this is 'bknav.css */

/*----------------------------------- Hacks - START --------------------------------------
-------------------------------------------------------------------------------------------*/

.clearfix:after { /* FF, O, etc. */
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block; /* IE7xhtml*/
}
html[xmlns] .clearfix { /* O */
    display: block;
}
* html .clearfix {
    height: 1%; /* IE5-6 */
}
/*----------------------------------- Hacks - END --------------------------------------
-------------------------------------------------------------------------------------------*/





/*----------------------------------- Estrutural - START ---------------------------------
-------------------------------------------------------------------------------------------*/
body {
    background: url('../img/fundo1.jpg') center top no-repeat;
    
}

#doc {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    margin:0 auto;
    width:750px;
    color: #333;
    text-align: left;
    font-size: 100%;
    background: #fff;

}

div#doc #hd {
    width: 100%;
    height: 120px;
    background: url('../img/topo.jpg') center top no-repeat;
}

div#doc #hd  a{
    width:140px;
    height:68px;
    text-indent: -2000em;
    position: relative;
    float:left;
    top:25px;
    left:20px;
    display: block;
    background: url('../img/logo.gif') top no-repeat;
}


div#doc #bd {
    margin:10px;
    min-height: 450px;
}

div#bd #main  {
    width: 730px;
    height:100%;
    margin-top: 20px;
}

/*----------------------------------- left side - START --------------------------------------
---------------------------------------------------------------------------------------------*/
div#bd #main #left {
    width: 150px;
    float: left;
    margin-right: 10px;
}

/*div#bd #main #left #menu { margin-bottom: 10px;}*/
div#bd #main #left #menu ul { margin: 0; }
div#bd #main #left #menu ul li { list-style:none; }
div#bd #main #left #menu li { height: 15px; }

div#bd #main #left #menu li.titulo {
    font-size: 93%;
    font-weight: bold;
    color: #183152;
}

div#bd #main #left #menu li.item {
    height: 24px;
    font-size: 85%;
    background: url('../img/itens1.gif') no-repeat;
    text-indent: 8px;
    line-height: 205%;
}
div#bd #main #left #menu li.item a { text-decoration:none; color: #333; }
div#bd #main #left #menu li.item a:hover { text-decoration:none; color: #01a9ed; }


div#bd #main #left #menu li.last { margin-bottom: 4px; }
div#bd #main #left #menu li.item:hover { background-position: -150px;}
div#bd #main #left #menu li.item.selected { background-position: -150px; }

div#bd #main #left #banner-left {
    width: 100%;
    height: 150px;
    margin-top: 20px;
}

/*----------------------------------- left side - END -----------------------------------------
---------------------------------------------------------------------------------------------*/


/*----------------------------------- right side - START --------------------------------------
---------------------------------------------------------------------------------------------*/

div#bd #main #right { float: left; }

div#bd #main #right #content .welcome{
    width: 550px;
    height:200px;
    padding:10px;
    background: url('../img/home.gif') bottom left repeat-x;
}

div#bd #main #right #content .internal {
    width: 550px;
    height: 100%;
    padding: 10px;
}

div#bd #main #right #showcase {
    width: 100%;
    height: 150px;
    margin-top: 20px;
    float: left;
}

div#bd #main #right #showcase #slideshow {
    width: 310px;
    height: 100%;
    margin-right: 10px;
    float: left;
    background: url('/img/slide00.jpg') top center no-repeat;
}
div#bd #main #right #showcase #slideshow a img { margin-top:100px; margin-left:1em;}

div#bd #main #right #showcase #banner-right {
    width: 250px;
    height: 100%;
    float: right; 
    background: url('/img/slide01.jpg') top center no-repeat;
}
div#bd #main #right #showcase #banner-right a img { margin-top:100px; margin-left:1em;}

div#bd #main #right #showcase #news #titulo {
    height: 20px;
    background: url('../img/novidadestopo.gif') top no-repeat;
}

div#bd #main #right #showcase #news #headlines {
    padding: 7px 9px 0 9px;
    border: 1px solid #e6e6e6;
}
div#bd #main #right #showcase #news #headlines ul {margin:0}
div#bd #main #right #showcase #news #headlines ul li {list-style:none;}


/*----------------------------------- right side - END ----------------------------------------
---------------------------------------------------------------------------------------------*/

div#doc #ft {
    width: 100%;
    height: 100%;
    background: #fff;
}

div#doc #ft #footercontent {
    padding: 20px 10px 10px 10px;
    background: url('../img/footerbg2.gif') bottom repeat-x;
}

div#doc #ft #footerbase {
    height: 20px;
    background: url('../img/footerbgbase3.gif') top center no-repeat;
}

/*----------------------------------- Estrutural - END ------------------------------------
-------------------------------------------------------------------------------------------*/



/*----------------------------------- PRODUTOS - START ------------------------------------
-------------------------------------------------------------------------------------------*/
div#bd #main #right #content .internal dl { 
    display: inline;
    float: left;
    width: 130px;
    min-height: 130px; 
    margin:10px; 
    background: #ededed;
    text-align: center;    
}

div#bd #main #right #content .internal dl dt {
    height: 30px;
	font-size:77%;
	color:#666;
    font-weight:bold;
	padding:5px;
    /*background: url('../img/produtosdltopo.gif') top no-repeat;*/
}
div#bd #main #right #content .internal dl dd {
	font-size:100%;
	margin:0;
	margin-top:5px;
}

div#bd #main #right #content .internal dl dd img{
    vertical-align: middle;
}


div#bd #main #right #content .internal #product .productbox {
	padding:5px;
	margin: 0 5em 2.5em 0; 
	float: left;
}
div#bd #main #right #content .internal #product .productbox img.foto {border:2px solid #ddd; background:#ededed;}

div#bd #main #right #content .internal #product .productspecs {	margin: 1em 0 2.5em 0; float:left;}
div#bd #main #right #content .internal #product .productspecs ul {margin:0; padding:0;}
div#bd #main #right #content .internal #product .productspecs ul li {background:none; display:inline; margin:0; padding:0;}

div#bd #main #right #content .internal #product .productdetail { padding-top:2em; width: 100%; float:left; border-top:1px solid #ededed; }
div#bd #main #right #content .internal #product .productdetail ul {margin-left:1em; }
div#bd #main #right #content .internal #product .productdetail ul li {background:none; margin:0; padding:0;}
div#bd #main #right #content .internal #product .productdetail .left { width:40%; padding:10px; float:right; }
div#bd #main #right #content .internal #product .productdetail .right {width:100%; padding:10px; float:left; }
/*----------------------------------- PRODUTOS - END -------------------------------------
-------------------------------------------------------------------------------------------*/





/*----------------------------------- TIPOGRAFIA  - START ---------------------------------
-------------------------------------------------------------------------------------------*/


div#bd #main #right #content .welcome p { font-size: 123.1%;margin-bottom: 0.5em; }
div#bd #main #right #content .welcome h1 {margin:0;}

div#bd #main #right #content .welcome p.azul {color: #01a9ed; margin: 0.5em 0 1em 0;}
div#bd #main #right #content .internal h1.naval {width:74px; height:27px; background: url('../img/h1naval.png') left no-repeat; text-indent: -9999px }
div#bd #main #right #content .internal h1.offshore {width:74px; height:27px; background: url('../img/h1offshore.png') left no-repeat; text-indent: -9999px }


div#bd #main #right #content .internal ul { list-style-type: none; margin-left:0; }
div#bd #main #right #content .internal ul li { color:#666; list-style:none;}
div#bd #main #right #content .internal ul li { padding: 10px 0pt 10px 25px; font-size: 108%; background: url('../img/bullet.gif') left center no-repeat;}
div#bd #main #right #content .internal ol { margin:0;}
div#bd #main #right #content .internal ol li { list-style:none;}

div#bd #main #right #content .internal ul.catalogo li  { list-style-type: none; margin-left:0; background:none; padding:10px 0 10px 10px; }



div#bd #main #right #content .internal a {color: #01A9ED; }
div#bd #main #right #content .internal  a:hover {text-decoration:underline;}

div#bd #main #right #content form.menucontato {width:200px; float:left; padding:10px 0 10px 0;}
div#bd #main #right #content form.menucontato label { line-height:2em;}
div#bd #main #right #content form select { width: 160px; }

div#bd #main #right #showcase p { margin:0pt;}

div#bd #main #right #news #headlines p {margin:0;}
div#bd #main #right #news #headlines p {color:#01a9ed; font-weight:bold; font-size: 98%; }
div#bd #main #right #news #headlines h1 {font-size: 100%; margin: 0;}

div#bd #main #right #news #titulo p {font-size:108%; text-indent:10px; color:#375d81; }
div#bd #main #right #news #titulo p a {position: relative; left: 150px; top: 3px;}


h1.title { font-size: 138.5%; font-weight: bold; color: #01A9ED; margin: 0 0 1.5em 0; }

div#bd #main #right #content .internal #product h3 {font-size:100%;margin:0 0 1.5em 0;}
div#bd #main #right #content .internal #product ul li {font-size:100%;}

div#doc #ft p { margin:0pt;}
div#doc #ft { font-size: 93%; color: #666; }
div#doc #ft a {color: #01A9ED; }
div#doc #ft a:hover {text-decoration:underline;}
.small {font-size:10px; }
/*----------------------------------- TIPOGRAFIA  - END ---------------------------------
-------------------------------------------------------------------------------------------*/


/*----------------------------------- FORMS  - START --------------------------------------
-------------------------------------------------------------------------------------------*/

div#bd #main #right #content .internal #nest {float:left;margin: 10px 0  0 45px; }

div#bd #main #right #content .internal #nest input { width: 250px; font-size: 108%; padding: 2px;}
div#bd #main #right #content .internal #nest textarea { width: 250px; font-size: 108%; padding: 2px;}

div#bd #main #right #content .internal #nest input, 
div#bd #main #right #content .internal #nest textarea { background: #f7f7f7; border: 1px solid #d1d1d1;}

div#bd #main #right #content .internal #nest label {display:block; width: 250px; }
div#bd #main #right #content .internal #nest label {padding: 10px 0 5px 0; }
div#bd #main #right #content .internal #nest #ProductDescription { width:400px; }

div#bd #main #right #content .internal form ol { margin:0;}
div#bd #main #right #content .internal from ol li { list-style:none;}
/*----------------------------------- FORMS  - END ----------------------------------------
-------------------------------------------------------------------------------------------*/











/*----------------------------------- AUX  - START ----------------------------------------
-------------------------------------------------------------------------------------------*/
a.sabermais {
    text-indent: -999px;
}
.col {
    float: left;
}
.last {
    margin: 0;
}
a { outline:none; text-decoration: none;}

.centred { text-align: center; }
strong { font-weight: bold; }
p { margin:1em 0px;}

button.enviar {
    width: 76px;
    height: 29px;
    margin-top:10px;
    cursor: pointer;
    background: url('../img/enviar.gif') no-repeat;
    border: none;
    outline: none;
}
button.limpar {
    width: 76px;
    height: 29px;
    margin-top:10px;
    cursor: pointer;
    background: url('../img/limpar.gif') no-repeat;
    border: none;
    outline: none;
}
button.buscar {
    width: 76px;
    height: 29px;
    background: url('../img/buscar.gif') no-repeat;
    vertical-align:  30%;
    cursor: pointer;
    border: none;
    
}
div#bd #main #right #content .internal .selectbox {background: #f7f7f7; border: 1px solid #d1d1d1; padding: 5px; margin-bottom: 10px;}
div#bd #main #right #content .internal .selectbox select {border: 1px solid #d1d1d1;}
/*----------------------------------- AUX  - END ----------------------------------------
-------------------------------------------------------------------------------------------*/
.message { padding:5px; border: 2px solid #ff9191; background:#ffbfbf; color:#751e1e; font-weight:bold;}
div#bd #main #right #content .internal #product  { width:80%; text-align:left; margin-left:1em;}
div#bd #main #right #content .internal #product ul li { list-style-type: disc; background:none; margin-left:0; padding:0;}