@charset "iso-8859-1";
@import "reset.css";
/* 
Design / XHTML
Autor: Gustavo Lencim
Data:  01/2009

Pró Vita Eventos | localhost/provita
/***********************************************************************
# - COLORS
	1 - #FFFFFF		2 - #D9D9D9		3 - #B8B8B8		4 - #666666
	4 - #CCCCCC 	6 - #FDC400		
/***********************************************************************
0 - ESTRUTURA GERAL
	0.1 - MENU
1 - HOME
	1.1 - COLUNA CENTRAL
***********************************************************************/
/***********************************************************************
	0 - ESTRUTURA GERAL
************************************************************************/

body{background:#FFFFFF url(v1/body_bg.jpg) repeat-x;font-family:"Trebuchet MS", Tahoma, Verdana, Arial; font-size:12px; color:#666666; line-height:20px;}

hr, .hidden{display:none;}

#irpara{font-size:1px; position:absolute; top:-20px; left:-20px;}
#irpara a{cursor:pointer; color:#252525;}

.wrap{margin:auto; margin-top:0px; width:1000px; text-align:left; border-left:0px solid #000;border:0px solid #000}

#logo{ float:left; margin:20px 0 0 15px;}
#fone {float:right; margin:0px 47px 0 0}

p{padding:10px 0; }

.leiamais{font-weight:bold; float:right; margin:0px 2px 0 0 }
.leiamais a, #noticias td p a{color:#FFF;  text-decoration:none; background: url(v1/leia_mais_bg.jpg) no-repeat 0px 0px; padding:5px 15px 20px 30px; border:0px solid #000; margin-right:2px;}
.leiamais a:hover, .leiamais a:focus, #noticias td p a:hover{color:#FFF; background:url(v1/leia_mais_bg.jpg) no-repeat 0px -50px;}


/***********************************************************************
		0.1 - AREAVIP
************************************************************************/
#areavip{height:35px}
#areavip span{float:right; color:#ABABAB; margin:7px 405px 0 0}
#areavip span a{color:#ABABAB; text-decoration:none;}
#areavip span a:hover{color:#FDC500; text-decoration:underline;}
#selo_iso{float:right; margin:0 55px 0 0 }
#logo_areavip{float:left; margin:7px 15px 0 40px}


/***********************************************************************
		0.1 - MENU
************************************************************************/
#menu{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;float:right; margin:86px 50px 0 0; display:block}
#menu_ser, #menu_pro{position:absolute; margin:145px 0 0 40px; width:910px; list-style:none; background:#B7B7B7; z-index:3; text-align:justify; display:none}
#menu_ser ul, #menu_pro ul {float:left;}
#menu_ser li, #menu_pro li{font-size:12px; font-weight:normal; line-height:43px; padding:0px;  background:#8A8A8A; margin:1px 5px; text-align:center; }
#menu_ser li a, #menu_pro li a{color:#FFFFFF; text-decoration:none; display:block; padding:0 15px; border:3px solid #CCC; }
#menu_ser li a:hover, #menu_pro li a:hover{color:#fff; text-decoration:none; background:#666; border:3px solid #999;}


#menu li { display:inline; padding:10px 20px;}
#menu li a {color:#828282; text-decoration:none;}
#menu li a:hover,#menu li a:focus{color:#BCBCBC; cursor:pointer;}

#menu .active{color:#FFFFFF; cursor:default; background:url(v1/menu_bg_active.jpg) no-repeat 0 0; padding:10px 0px 10px 10px;}
#menu .active span{background:url(v1/menu_bg_active_span.jpg) no-repeat right 1px; padding:11px 14px 2px 5px; margin:0 0px 0 0 }



/***********************************************************************
	1 - HOME
************************************************************************/
#topo{height:145px}
#corpo{border:0px solid #000; width:908px; margin:0 0 0 40px;overflow:auto}
h1{color: #ADADAD; font: italic 27px Georgia; border-bottom:2px #D9D9D9 solid; padding-top:20px;}
h2 a {text-decoration:none; color: #666666; padding:2px; display:block }
h2 a:hover {text-decoration:none; color: #999; background:#FCFCFC }
h2 strong {font-weight:bold;}

#sobre, #noticias, #servicos, #produtos {width:400px; border:0px solid #000}
#sobre, #noticias {height:265px}
#sobre p, #noticias p, #servicos p, #produtos p {text-align:justify}
#sobre{clear:left; float:left}
#noticias{float:right;clear:right;}
#produtos{float:right;clear:right;}
#sobre img {border:5px solid #FFFFFF; float:left; margin:10px 20px 10px 0;}


		#servicos ul, #produtos ul{padding:0px 0 120px 0px;}
		#servicos li a, #produtos li a{color:#666666;background:url(v1/servicos_seta.gif) no-repeat 0px 4px; padding:0 0 0 15px; display:block}
		#servicos li a:hover, #produtos li a:hover{color:#CCC; text-decoration:none; color:#999;background: url(v1/servicos_seta.gif) no-repeat 2px -53px; }
		
		#servicos li, #produtos li{float:left;width:180px;list-style:none;}
		#servicos li a, #produtos li a{text-decoration:none;font-weight:bold}
.galeria_home {padding:30px 0 0 0;}
.galeria_home img {border:3px solid #dedede; margin:0}
		#produtos, #servicos{margin:20px 0 0px 0px;}
		#servicos {float:left}
/***********************************************************************
		0.1 - COLUNAS
************************************************************************/


#contato p {display:block; line-height:5px}
#contato input {background: #FFFFFF url(v1/input_bg.jpg) repeat-x 0px 0px;padding:2px;} 
#contato input:hover{background:#FFFFFF url(v1/input_bg.jpg) repeat-x 0px -20px;}
#contato input:focus{background:#EFF2F9 url(v1/input_bg.jpg) repeat-x 0px -40px;}
#contato #btnEnviar {height:20px; padding:0 0 5px 0; width:45px} 

#contato textarea { width:400px; height:100px; font-size:1.1em; font-family:Verdana, Arial, Helvetica, sans-serif; background: #FFFFFF url(v1/textarea_bg.jpg) repeat-x 0px 0px;}
#contato textarea:hover { width:400px; height:100px; font-size:1.1em;background: #FFFFFF url(v1/textarea_bg_hover.jpg) repeat-x 0px 0px;}
#contato textarea:focus{width:400px; height:100px; font-size:1.1em;background: #FFFFFF url(v1/textarea_bg_focus.jpg) repeat-x 0px 0px;color:#0D5599}

input, textarea { font-size:12px; margin:0px 0; padding:2px 2px 2px 2px; width:130px; height:16px; border:#A1A1A1 1px solid; color:#666;  }
input:hover, textarea:hover {border:#9c9da0 1px solid; color:#57585a; }
input:focus, textarea:focus {border:#554200 1px solid; color:#554200;  }

.usuario {background: #FFFFFF url(v1/input_usuario_bg.jpg) no-repeat 0px 0px;padding:2px 2px 2px 20px;}
.usuario:hover{background:#FFFFFF url(v1/input_usuario_bg.jpg) no-repeat 0px -20px;}
.usuario:focus{background:#EFF2F9 url(v1/input_usuario_bg.jpg) no-repeat 0px -40px;}

.senha {background: #FFFFFF url(v1/input_senha_bg.jpg) no-repeat 0px 0px;padding:2px 2px 2px 20px;}
.senha:hover{background:#FFFFFF url(v1/input_senha_bg.jpg) no-repeat 0px -20px;}
.senha:focus{background:#EFF2F9 url(v1/input_senha_bg.jpg) no-repeat 0px -40px;}

.enviar { width:30px; height:22px; background: url(v1/enviar_bt.jpg) no-repeat 0px 0px; border:none; margin:5px 0 0 0px;}
/*.enviar:hover{background:#CCC url(v1/enviar_bt.jpg) no-repeat 0px -22px; border:none;}*/
.enviar:focus,.enviar:hover{background:#999 url(v1/enviar_bt.jpg) no-repeat 0px -44px; border:none;}

#contato #nome, #contato #email, #contato #telefone,#contato #assunto,#contato #mensagem {width:270px}

/***********************************************************************
		0.1 - SERVICOS
************************************************************************/
#content strong {font-weight:bold}
#content_interno {margin:0 0 30px 260px; border:0px solid #000; text-align:justify; overflow:auto; padding-bottom:30px}
#content_interno h1{margin:0 0 30px 0px; text-align:left;}
#content_interno a{color:#666666;  text-decoration:none; }
#content_interno a:hover{color:#666666; text-decoration:none;}

#menu_itens{border:0px #000 solid; float:left; width:240px; background:url(v1/menu_itens_topo.jpg) top right no-repeat;}
#menu_itens h1 {color: #ADADAD; font: italic 27px Georgia; border-bottom:2px #D9D9D9 solid; padding-top:20px; margin:0 40px 0 40px;} 
#itens{background:#fff url(v1/itens_bg.jpg) top right repeat-y; padding:10px 0 0 0 }
#itens li {border:0px #000 solid; margin:0 25px 0 40px; display:block}
#menu_itens_fecha,#menu_itens_noticias_fecha{border:0px #000 solid; float:left; width:240px; height:40px; background:url(v1/menu_itens_fecha.jpg) top right no-repeat;}
#menu_itens_noticias_fecha {background:url(v1/menu_itens_noticias_fecha.jpg) top right no-repeat;}

#itens li a, #itens .active{color:#666666;background:url(v1/servicos_seta.gif) no-repeat 0px 4px; padding:0 0 0 15px; text-decoration:none; display:block}

#itens li a:hover, #itens .active{color:#CCC; color:#999;background: #fff url(v1/servicos_seta.gif) no-repeat 2px -53px;}
#itens .active{cursor:default}

.box{float:left; margin:10px; cursor:pointer}
.bg_box{width:270px; background:url(v1/box_bg.jpg) repeat-y; height:200px; margin:-2px 0 0 0; padding:0 15px}
.bg_box h1{text-align:left; color:#FF0000}
.box_topo, .box_fecha{background:url(v1/box_top.jpg) top left no-repeat; height:10px; border:0px solid #ff9900; display:block}
.box_fecha{background:url(v1/box_fecha.jpg) bottom left no-repeat; margin:-3px 0 0 0}

#content_interno .box h1 {color: #666666; font: italic 14px Georgia; font-weight:bold; padding-top:5px; border:0; margin:0px;}

.leiamais_servico{font-weight:bold; float:right; margin:-14px -5px 0 0	 }
.leiamais_servico a{color:#FFF;  text-decoration:none; background: url(v1/leia_mais_bg.jpg) no-repeat 0px 0px; padding:5px 16px 3px 30px; }
.leiamais_servico a:hover{color:#FFF; background:url(v1/leia_mais_bg.jpg) no-repeat 0px -50px;}
/***********************************************************************
		0.1 - OUTROS
************************************************************************/
#rodape{margin:auto; width:100%; color:#FFFFFF; padding:12px 0; float:left; background: #666666 url(v1/rodape_bg.jpg) repeat-x; }
#rodape #endereco{float:right; padding:0 20px 0 0;}



address{padding:30px 0 5px 10px; background:url(v1/endereco_icon.gif) 290px 31px no-repeat; text-align:center}

/***********************************************************************
		0.1 - SITEMAP
************************************************************************/
		#sitemap{padding:20px 0 420px 0px;}
		#sitemap a{color:#FFF}
		#sitemap a:hover{color:#999; text-decoration:underline}
		
		#sitemap li{float:left;width:135px;list-style:none; border:0px solid #ff0000}
		#sitemap li ul{padding:10px 0 0}
		#sitemap li a{font-size:15px;font-weight:bold;text-decoration:none}
		#sitemap li a:hover{color:#FDC500; }
		#sitemap li li{float:none;padding:3px 0}
		#sitemap li li a{font-size:12px;font-weight:normal}
		

		#sitemap li.contato{width:90px;}
		#sitemap li.servicos{width:175px; border:0px solid #ff0000}
		


/************************************************************
PAGINAS
***********************************************************/
.lista h1 {font-size:21px}
#corpo .galeria img {margin:5px; border:3px solid #dedede; margin:30px 0 0 0;}
*, p, div, span{border: 0px solid #000}

/**, table, tr, td, div, span{border:1px solid #ff0000;}*/

#iso {
	width:630px;
	display:block;	
}

#certificado {
	position:relative;	
	width:150px;
	left:490px;
}

#texto {
	width: 480px;
	position: relative;
	margin-top: -209px;
}

.eventos {
	float: left;	
	margin-bottom: 20px;
	width: 540px;
}

.evento_titulo {
	font-weight: bold;	
}
.evento_titulo:hover {
	cursor:pointer;
	text-decoration: underline;
}
.evento_texto:hover {
	cursor:pointer;
	text-decoration: underline;
}
.evento_leiamais {
	margin-top:10px;
	width: 55px;
	background:url(v1/servicos_seta.gif) no-repeat 0px 4px; 
	padding:0 0 0 15px;	
}
.evento_leiamais:hover {
	cursor:pointer;
	color: #FDC400;	
}
.evento_imagem {
	color: #666;
	float: right;
	border:3px solid #DEDEDE;
	width: 85px;
	height: 63px;
}
.evento_imagem:hover {
	cursor:pointer;
}

#rel_servicos{
	font-weight:bold;
	width:320px;
	margin-top:10px;
	float:left;
}
#rel_produtos{
	font-weight:bold;
	width:320px;
	margin-top:10px;	
	float:right;
}
#rel_servicos a, #rel_produtos a{
	color:#666666;
	background:url(v1/servicos_seta.gif) no-repeat 0px 4px; 
	padding:0 0 0 15px; 
}

#rel_servicos a:hover, #rel_produtos a:hover, #link_video a:hover{
	color: #FDC400;
}
#rel_servicos h1, #rel_produtos h1{
	color: #ADADAD; 
	font: italic 17px Georgia; 
	border-bottom:2px #D9D9D9 solid; 
	margin-top:0;
	margin-bottom:5px;
}

#link_video{
	font-weight:bold;	
	margin-top:130px;	
}
#link_video h1{
	color: #ADADAD; 
	font: italic 17px Georgia; 
	border-bottom:2px #D9D9D9 solid; 
	margin-top:0;
	margin-bottom:5px;
}
#link_video a{
	color:#666666;
	background:url(v1/servicos_seta.gif) no-repeat 0px 4px; 
	padding:0 0 0 15px; 
}