@charset "UTF-8";
/* OJA - OFICINA DAS JANELAS */

/* #################### STYLE RESET ################ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	background:#bfbfbf;
	font-family:Verdana, Geneva, sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.alignright { float:right;}
.alignleft { float:left;}
.clear { clear:both; float:left;}


/* #################### SITE STRUCTURE ################ */


#container {
	width:955px;
	height:600px;
	margin:40px auto 20px;
	}
	

#header {
	width:955px;
	height:120px;
	background:url(images/bg_header.jpg) repeat-x;
	position:relative;
	}
	
#header a:link,
#header a:visited,
#header a:active {
	outline:none;
	text-decoration:none;
	}

#header a:hover { text-decoration:none;}

#header .quadrados {
	background:url(images/quadrados_azuis.png) no-repeat;
	width:90px;
	height:24px;
	position:absolute;
	top:30px;
	right:10px;
	}


.logo_aluminier {
	background:url(images/logo_aluminier.jpg) no-repeat;
	height:34px;
	width:94px;
	display:block;
	margin:30px 0 0 115px;
}

.logo_oja {
	background:url(images/logo_oja.jpg) repeat-x;
	height:36px;
	width:217px;
	display:block;
	margin:50px 10px 0 0;
}

.content_wrapper {
	width:955px;
	}

.menu {
	width:215px;
	height:480px;
	background:url(images/bg_menu.jpg) no-repeat top left;
	display:block;
	}


.content_area {
	width:740px;
	height:480px;
	position:relative;
	}

.entry {
	width:445px;
	background:url(images/bg_entry.png);
	position:relative;
	margin:50px 0 0 0;	
	}
	
.corner_top {
	position:absolute;
	top:10px;
	left:10px;
	background:url(images/corner_top.png) no-repeat;
	width:22px;
	height:22px;
	}
.corner_bottom {
	position:absolute;
	bottom:10px;
	right:10px;
	background:url(images/corner_bottom.png) no-repeat;
	width:22px;
	height:22px;
	}

.entry_txt {
	color:#fff;
	width:400px;
	margin:30px;
	}
	
	
/* #################### GALERIA DE IMAGENS ################ */	

ul.fotos li { border-left:1px solid #FFFFFF; position:relative;}

ul.fotos li span { position:absolute; bottom:10px; left:20px; background:url(images/bg_entry.png); color:#fff; width:100%; display:block; padding:5px; font-size:11px;}

ul.fotos li span h3 { font-size:14px;}

ul.fotos li.one { border-left:0;}
            
/* #################### TYPOGRAPHY ################ */


.menu ul {
	color:#fff;
	margin:50px 0 0 0;
	}
.menu ul li {
	text-align:right;
	font-size:15px;
	}
.menu ul li a:link,
.menu ul li a:visited,
.menu ul li a:active {
	color:#fff;
	text-decoration:none;
	background:url(images/bg_li_menu.gif) right no-repeat;
	height:16px;
	margin:0 0 25px 0;
	display:block;
	text-transform:uppercase;
	font-family:Verdana, Geneva, sans-serif;
	padding:0 30px 0 0;
	}

.menu ul li a:hover {
	text-decoration:none;
	color:#454545;
	background:url(images/selected_bg.gif) right no-repeat;
	color:#454545;
	}


.menu .selected {
	color:#454545 !important;
	background:url(images/selected_bg.gif) right no-repeat !important;
	}

.entry_txt p, .entry_txt ul li {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-bottom:10px;
	line-height:18px;
	}
	
.entry_txt ul, .entry_txt ul li {
	list-style:disc;
	margin:0 0 5px 10px;
	}
	
.entry .h400 {
	height:290px;
	overflow:auto;
	margin-bottom:50px;
	width:390px;
	padding-right:10px;
	}
	
.entry a:link,
.entry a:visited,
.entry a:active {
	color:#fff;
	text-decoration:none;
	}

.entry a:hover {
	text-decoration:underline;
	}
	
.entry h3 { font-size:13px;}

/* #################### OTHERS ################ */

.imghome { background:url(images/bg_home.jpg) no-repeat;}
.imgservicos { background:url(images/bg_home.jpg) no-repeat;}
.imgcontactos { background:url(images/bg_home.jpg) no-repeat;}
.marginTop160px { margin-top:160px;}