/*
	06/02/2008 Layout
	Author: Filipe Dantas
	e-mail: filipegdantas@gmail.com	
	copyright: BC10 - Criação de Sites
-----------------------------------------------------------
	20/02/2009 Internas
	Author: Ely Jefferson
	e-mail: contato@elycabral.com.br
	copyright: BC10 - Criação de Sites
*/
@import url("internas.css");
body{margin:0; font-family: Arial, Verdana, sans-serif;background:#2a6b91 url(../images/bg_body.jpg) fixed repeat-x;}
a{text-decoration:none; color:#595959;}
a:hover{color:#666; text-decoration:underline;}
a img{border:0;}
p{line-height:15px;color:#595959; text-align:justify; font-size:10px; margin:0;}
h2{color:#595959; font-size:11px; margin:0;}

/* Classes */
.none {display:none;}
.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
/*---- CONTAINER ----*/
div#container{
	width:1000px;
	margin:0 auto;
	padding:0;	
	background:#fff;	
}
/*---- TOPO ----*/
div#container div#topo{
	width:100%;
	height:180px;
}
/*---- MENU ----*/
div#container div#menu{
	width:100%;
	height:75px;
	margin:0 0 5px 0;
	
}
div#container div#content{
	width:100%;
	/*background:url(../images/bg_container.jpg) repeat-y;*/
}

ul#menu {list-style-type:none; margin:0; padding:12px 0 0 /*125px*/ 35px; font:14px Arial; letter-spacing:-1px; background:url(/br/images/bg_menu.jpg) repeat-x; height:35px; /*width:965px;*/}
#menu li {float:left; padding:0; margin:0; position:relative; width:100px; height:3em; z-index:100; border-bottom:5px solid #328EC3; height:27px;}
#menu li dl {position:absolute; top:0; left:0}
#menu li a, #menu li a:visited {text-decoration:none; color:#fff}
#menu li dd {display:none;}
#menu li a:hover {border:0;}
#menu li:hover { border-bottom:5px solid #328EC3;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:20px;}
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menu dl {width: 100px; margin: 0; padding: 0; text-align:center; cursor:pointer;}
#menu dt {margin:0; padding: 5px; font-size: 1.1em; color: #fff; text-transform:uppercase; margin-bottom:5px; background:url(/br/images/bg_menu_sep.png) no-repeat}
#menu .one { width:60px}
#menu .one dt { background:url();}
#menu .two { width:85px; }
#menu .two dd { width:200px }
#menu .two dd a { width:175px }
#menu .three { width:145px }
#menu .three dd { width:200px }
#menu .three dd a { width:175px }
#menu .four { width:190px }
#menu .four dd { width:290px }
#menu .four dd a { width:265px }
#menu .five { width:90px }
#menu .six { width:80px }
#menu .seven { width:100px }
#menu .eight{ width:170px}
#menu dd {margin:0; padding:0; color: #fff; font-size: 1em; background: #328EC3; text-align:left;}
#menu dd.last {}
.gallery dt a, .gallery dt a:visited {display:block; color:#444;}
.gallery dd a, .gallery dd a:visited {color:#fff; text-decoration:none; display:block; padding:4px 5px 4px 20px; width:125px; }
.gallery dd a:hover {background: #37A3DF; color:#fff;}


/*---- COL_ESQ ----*/
div#container div#col_esq{
	width:665px;
	float:left;
	margin:0 0 0 20px;
	display:inline;	
}
/*---- BANNER ----*/
div#container div#col_esq div#banner{
	width:100%;
	height:246px;
	margin:0 0 20px 0;
}
/*---- NOTICIA ----*/
div#container div#col_esq div#noticia{
	width:200px;
	float:left;
}
div#container div#col_esq div#noticia h1{
	width:116px;
	height:29px;
	margin:0 0 10px 0;
	background:url(../images/tit_news.jpg) no-repeat;
}
div#container div#col_esq div#noticia ul{
	margin:0;
	padding:0;
	list-style:none;
}
div#container div#col_esq div#noticia ul li{
	margin: 0 0 10px 0;
	padding:0 0 5px 0;
	border-bottom: 1px dotted #dcdcdc; 
}
div#container div#col_esq div#noticia ul li small{
	background:url(../images/bola.jpg) no-repeat left;
	color:#595959;
	font-size:11px;
	padding:0 0 0 8px;
}
div#container div#col_esq div#noticia ul li.mais, div#container div#col_esq div#noticia a.mais{
	font-size:10px;
	border:0;
	float:right;
	margin:0;
	
}
/*---- QUEM SOMOS ----*/
div#container div#col_esq div#quemsomos{
	width:430px;
	float:right;
}
div#container div#quemsomos h1{
	width:140px;
	height:29px;
	margin:0 0 10px 0;
	background:url(../images/tit_knowvijai.jpg) no-repeat;
}
div#container div#col_esq div#quemsomos p{
	margin:0;
	font-size:12px;
	line-height:17px;
}
div#container div#col_esq div#quemsomos img{
	width:430px;
	height:200px;
	margin:5px 0 0 0;

}
div#container div#col_esq div#noticia ul li.mais, div#container div#col_esq div#quemsomos a.mais{
	font-size:10px;
	border:0;
	float:right;
	margin:5px 0 15px 0;
}
/*---- COL_DIR ----*/
div#container div#col_dir{
	width:268px;
	float:right;
	margin:0 18px 0 0;
	display:inline;
	background:#cfe1eb;
}
div#container div#col_dir_contact{
	width:268px;
	float:right;
	margin:0 18px 0 0;
	display:inline;
	background:#fff;
}
div#container div#col_dir div#produtos,
div#container div#col_dir_contact div#produtos{
	width:100%;
	margin: 22px 0 0 0
}

div#container div#col_dir div#produtos h1{
	width:96px;
	height:18px;
	margin:5px 0 15px 12px;
	background:url(../images/tit_contacts_claro.jpg) no-repeat;
}
div#container div#col_dir div#produtos h2{
	height:18px;
	margin:5px 0 15px 12px;
	background:url(../images/tit_photogallery_claro.jpg) no-repeat;
}
div#container div#col_dir div#produtos h2.produtos{
	height:18px;
	margin:5px 0 15px 12px;
	background:url(../images/tit_products.jpg) no-repeat;
}

div#container div#col_dir div#produtos ul,
div#container div#col_dir_contact div#produtos ul{
	margin:0;
	padding:0;
	list-style:none;
}
div#container div#col_dir div#produtos p {
	margin: 0 0 0 20px;
}
div#container div#col_dir div#produtos ul li,
div#container div#col_dir_contact div#produtos ul li{
	width:227px;
	margin:0 0 13px 55px;
}
div#container div#col_dir div#produtos ul li.products,
div#container div#col_dir_contact div#produtos ul li.products{
	width:227px;
	margin:0 0 28px 20px;
}
div#container div#col_dir div#produtos ul li.legend{
	width:207px;
	margin:0 0 5px 20px;
	border:5px solid #fff;
	padding:5px;
}
div#container div#col_dir div#produtos ul li.legend img{
	width:150px;
	height:112px;
	margin:0 0 0 30px;
}
div#container div#col_dir div#produtos ul li.legend p{
	width:150px;
	color:#2a6b91;
	font-weight:bold;
	font-size:12px;
	margin:0 0 0 30px;
	padding:0;
	text-align:center;
}
div#container div#col_dir div#produtos ul li.imetro{
	width:97px;
	margin:0 0 0 83px;
}
/*---- RODAPE ----*/
div#container div#rodape{
	width:1000px;
	height:186px;
	clear:both;
	background:#fff url(../images/bg_rodape.png) no-repeat;
	/*background:red url(../images/bg_rodape.gif) no-repeat;*/
	padding:0 0 0 0;
}
div#container div#rodape a img{
	float:right;
	margin:180px 20px 0 0;
}