* { margin:0; padding:0 }

img { border:0 }
p { margin:0 0 10px }
a { color:#340C70; outline:none }
a:hover { text-decoration:none }
h1, h2, h3, h4, h4, h6 { clear:both }

body { 
	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	line-height:15px;
	background:url(img/bg_body.jpg) repeat-x 0 22px }

#all {
	width:770px;
	margin:0 auto }
	
#allin {
	position:relative;
	width:770px;
	float:left;
	background:url(img/bg_all.jpg) }
	
#header .top {
	text-align:center;
	height:22px;
	background:#FFF url(img/url_top.gif) no-repeat center center }
	
#header .bottom a.index {
	display:block;
	width:330px;
	height:115px;
	position:absolute;
	top:32px;
	left:16px;
	text-indent:-1000000px }
	
#header .bottom {
	position:relative;
	width:770px;
	height:190px;
	background:#340C70 url(img/header.jpg) }
	
#header .bottom .destaque {
	padding:20px;
	display:block;
	width:340px;
	height:120px;
	position:absolute;
	top:16px;
	right:16px;
	background:url(img/bg_destaque.png);
	_background:none!important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg_destaque.png',sizingMethod='scale'); }

* html #header .bottom .destaque { top:12px; right:12px; padding:20px 20px 8px 20px }

#header .bottom .destaque img { float:left; margin:0 10px 0 0 }
#header .bottom .destaque .titulo { color:#340C70; font-size:13px; font-weight:bold }

#c2 h2 { text-indent:-1000000px; height:23px; border-bottom:1px solid #340C70; margin:0 0 10px 0 }
.home h2 { background:url(img/title_seja-bem-vindo.gif) no-repeat }
.empresa h2 { background:url(img/title_a-empresa.gif) no-repeat }
.historia h2 { background:url(img/title_a-historia-dos-vitrais.gif) no-repeat }
.diferenciais h2 { background:url(img/title_diferenciais-e-qualidade.gif) no-repeat }
.montagem h2 { background:url(img/title_montagem-e-projeto.gif) no-repeat }

.noticia h2 { background:url(img/title_noticias-e-informacoes.gif) no-repeat }
.galeria h2 { background:url(img/title_galerias-de-fotos.gif) no-repeat }
.eventos h2 { background:url(img/title_eventos.gif) no-repeat }

.personalizados h2 { background:url(img/title_vitrais-personalizados.gif) no-repeat }
.serie h2 { background:url(img/title_vitrais-em-serie.gif) no-repeat }

.servicos h2 { background:url(img/title_servicos.gif) no-repeat }
.garantia h2 { background:url(img/title_garantias.gif) no-repeat }
.materiais h2 { background:url(img/title_materiais-usados.gif) no-repeat }
.beneficios h2 { background:url(img/title_beneficios.gif) no-repeat }
.aplicacoes h2 { background:url(img/title_outras-aplicacoes.gif) no-repeat }
.instalar h2 { background:url(img/title_como-instalar.gif) no-repeat }
.orcamento h2 { background:url(img/title_peca-um-orcamento.gif) no-repeat }
.fale h2 { background:url(img/title_fale-conosco.gif) no-repeat }
.orcamento h2 { background:url(img/title_peca-um-orcamento.gif) no-repeat }
.cd h2 { background:url(img/title_peca-seu-cd.gif) no-repeat }

.materiais h2 { background:url(img/title_materiais-usados.gif) no-repeat }
.vitrais h2 { background:url(img/title_nossos-vitrais.gif) no-repeat }

menu { float:left; padding:0 0 10px 0; list-style:none; background:#340C70 url(img/bg_menu_bottom.jpg) no-repeat bottom right }
menu li { width:205px; float:left }
menu li a { display:block; color:#FFF; padding:4px 5px 6px 25px; width:175px; background:#340C70 url(img/bg_link_menu.jpg); text-decoration:none }
menu li a:hover { background:#340C70 url(img/bg_link_menu.jpg) 0 -25px }
menu li ul li a { display:block; border-bottom:1px solid #1C1429; color:#FFF; padding:4px 5px 6px 25px; width:175px; background:#340C70; text-decoration:none }

a#linkvitrais_down { background:#340C70 url(img/bg_link_menu_vitrais.jpg) }
a#linkvitrais_up { background:#340C70 url(img/bg_link_menu_vitrais.jpg) 0 -25px }


.divisoes { background:#EEE url(img/bg_divisoes.jpg) no-repeat right bottom; padding:10px; clear:both }
.divisoes h2 { text-indent:-1000000px; background:url(img/title_outras-divisoes.gif) no-repeat; height:23px; border-bottom:1px solid #CCC; margin:0 0 10px 0 }
.divisoes ul { list-style:none }

#c1, #c2, #c3 { float:left; overflow:hidden } 
#c1 { width:205px; }
#c2 { width:379px; padding:13px }
#c3 { width:134px; padding:13px; color:#FFF; background:#340C70 url(img/bg_c3.jpg) no-repeat right bottom }

.home img { float:left; margin:0 15px 15px 0 }
.home .intro { float:left; width:214px }
.home ul { list-style:none }
.home ul li { float:left; padding:0; margin:0 }
.home ul li img { float:left; padding:0 6px 6px 0; margin:0 }
.home p { color:#666 }
.home p.color { color:#340C70 }

.sobre { text-align:center; color:#340C70 }
.sobre img { margin:20px 0 10px }

ul.noticia { list-style:none }
ul.noticia li { width:379px; float:left; margin:0 0 10px; padding:0 0 10px }
ul.noticia li img { float:left; margin:0 10px 0 0 }
.noticia { margin:0 0 20px }
.noticia span { display:block }
.noticia .data { color:#666 }
.noticia .titulo { font-size:13px; font-weight:bold }
.noticiaD .titulo { font-size:18px; letter-spacing:-1pxs }
.noticia img { margin:13px 0 10px 10px }
.noticia p.descricao { margin:0; color:#333 }
.noticia .sizefont { display:block; text-align:right }

ul.galeria { list-style:none }
ul.galeria li { width:379px; float:left; border-bottom:1px solid #CCC; margin:0 0 10px; padding:0 0 10px }
ul.galeria li img { float:left; margin:0 10px 0 0 }
ul.galeria li p { margin:0; color:#333 }
.galeria span { display:block }
.galeria .data { color:#666 }
.galeria .titulo { font-size:13px; font-weight:bold }
.galeria p { margin:0 0 10px; color:#333 }
.galeria .legenda { display:block; border-bottom:1px solid #CCC; padding:2px 0 2px; text-align:center }

.zoom { width:380px; text-align:right; margin:0 0 10px 0}

ul.thumbs { float:left; width:54px; background:#EEE; border:1px solid #CCC; padding:0 21px 0 21px }
ul.thumbs li { float:left; padding:3px 0 3px 0; list-style:none }
ul.thumbs li img { cursor:pointer; border:1px solid #CCC; padding:3px; background:#FFF }

.produtos #big_foto { float:right; padding:0 }
.produtoD { position:relative }
.produtos .titulo { clear:both; display:block; font-weight:bold }
.produtoD .titulo { clear:both; display:block; font:bold 20px Arial, Helvetica, sans-serif; letter-spacing:-1px }

table.produtos td { padding:10px 0 10px 0; border-bottom:1px solid #DDD }

.produtoD .arquivo .descricao { 
	position: absolute; 
	top:80px; 
	right:0; 
	border:1px solid #DDD; 
	float:left; 
	padding:5px; 
	background:#EEE;
	z-index:10;
	font-weight:bold;  }

.eventos { list-style:none }
.eventos .data { background:#340C70; color:#FFF; font-size:20px; letter-spacing:-1px; float:left; padding:10px; margin:0 5px 0 0 }
.eventos .titulo { font-size:13px; font-weight:bold;  }
ul.eventos li { width:379px; float:left; border-bottom:1px solid #CCC; margin:0 0 10px; padding:0 0 10px }

label span { float:left; width:100px; color:#340C70; margin:0 0 5px; padding:3px 0 3px; border-bottom:1px solid #CCC }
label input { height:16px }
label .text, label textarea, .button { border:2px solid #CCC; color:#666; font:12px Arial, Helvetica, sans-serif; margin:0 0 5px; padding:2px }
label span.checks { float:left; width:260px; margin:0 0 15px 0; color:#000; border:0 }
label input.checkbox { border:0; margin:3px 1px 0 0 }
/*.foco { border:2px solid #340C70; font:12px Arial, Helvetica, sans-serif; margin:0 0 5px; padding:2px; color:#340C70 }*/

.empresa img.logo { margin:0 10px 10px 0 }
.empresa img.fachada { margin:0 0 10px 10px }
.garantia img { margin:0 0 10px 10px }

.beneficios ul { margin:0 0 0 25px; list-style:square }
.beneficios ul li { margin:0 0 5px; color:#340C70 }

.instalar .etapa { color:#340C70; font-weight:bold }

.historia .vitrais, .diferenciais .vitrais { float:right; width:150px; padding:0 0 0 10px } 
.historia img, .diferenciais img { padding:3px; border:1px solid #CCC; margin:0 0 10px 0 }

#footer {
	float:left;
	width:770px;
	background:url(img/bg_footer.jpg) }

#footer .top {
	padding:10px 0 0 0;
	width:770px;
	height:10px;
	float:left }

#footer .bottom {	
	padding:15px;
	width:740px;
	float:left }
	
#footer ul { 
	position:relative; 
	width:600px; 
	left:50%; 
	margin:25px 0 0 -300px; 
	border-bottom:1px solid #CCC; 
	float:left }
#footer ul li { float:left; list-style:none; padding:0 10px 0 10px }
#footer .copy { float:left; width:740px; clear:both; text-align:center; padding:10px 0 10px; color:#666 }
#footer .developer a {
	width:740px;
	float:left; 
	background:url(img/logo_ramaweb.gif) no-repeat center center; 
	text-indent:-1000000px }