@charset "utf-8";

/* Menu */
@import url("menu.css");
/* Titulos */
@import url("titulos.css");
/* Formularios */
@import url("formularios.css");
/* Demais estilos do site - Alinhamentos, Clear */
@import url("outros.css");


/* HOME */
@import url("home.css");
/* INTERNO */
@import url("interno.css");
/* GALERIA */
@import url("galeria.css");


/*-----------------------------------------------------------------------------
Folha de estilos - Comunic

version:	1.0
Autor:		Plus! Agência Digital
Data:			16-07-2010
Email:		contato@plusagenciadigital.com.br
Website:	http://www.plusagenciadigital.com.br

Revisao-1: dd-mm-aaaa
Alterações: ---  
-----------------------------------------------------------------------------*/


/*==========================================
	GERAL
============================================*/

*, html, body{
	margin:0;
	padding:0;
}


html, body{
	height:100%;
}


html{
	height:100%;
	margin:0;
	padding:0;
	background:url(../../_IMG/layout/bg_geral.gif) 0 0 repeat-x;
}


body {
	height:100%;
	margin:0;
	padding:0;
	color:#000;
	font:13px/1.3em Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	/* Hack IE */
	*text-align: center;
	voice-family: "\"}\"";
	voice-family:inherit;
}


ul, ol, dl, 
li, dt, dd, 
li *, dt *, dd *,
address{
	margin:0;
	padding:0;
}


ul, ol, dl{
	list-style-type:none;
}


address{
	font-style:normal;
}


img,
img a,
img a:hover{
	border:none;
	margin:0;
	padding:0;
}


.clear{
	clear: both;
}


a:link, a:visited, a:hover, a:focus, a:active{
	color:#000;
}
a:link, a:visited, a:focus, a:active{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}


p{
	line-height:1.3em;
	margin:0 0 15px 0;
}

p a{
	text-decoration:none;
}




/*==========================================
	ESTRUTURA
============================================*/

/*--------
	GLOBAL
---------*/
#global {
	width:100%;
	min-height:100%;
	margin:0 auto;
	padding:0;
	background:url(../../_IMG/layout/global_bg_geral.gif) center top repeat-y;
	position:relative;
}

* html #global {
	height: 100%; /* hack para IE6 hq trata height como min-height */
}



/*------
	TOPO
-------*/
#topo{
	width:980px;
	height:113px;
	margin:0 auto;
	background:url(../../_IMG/layout/bg_geral.gif) 0 0 repeat-x;
	clear:both;
	position:relative;
}



/*------
	LOGO
-------*/
#logo{
	width:190px;
	height:69px;
	margin:0;
	padding:0;
	left:35px;
	position:absolute;
	top:20px;
}

#logo h1{ display:none;}



/*---------------
	ENVOLVE BUSCA
----------------*/
#envolve_busca{
	width:277px;
	height:30px;
	position:absolute;
	right:20px;
	text-align:left;
	top:30px;
}

#envolve_busca ul li{
	float:left;
}

/* INPUT */
#envolve_busca ul li.buscar_por{
	width:242px;
	height:30px;
	margin-right:5px;
}

#envolve_busca input{
	width:220px;
	padding:4px 10px;
	border:none;
	font-size:12px;
	box-shadow:2px 2px 0 #454545;
	-webkit-box-shadow:2px 2px 0 #454545;
	-moz-box-shadow:2px 2px 0 #454545;
}

/* BT BUSCAR */
#envolve_busca ul li.bt_buscar{
	width:30px;
}

#envolve_busca ul li.bt_buscar a span{
	display:none;
}

#envolve_busca ul li.bt_buscar a{
	width:30px;
	height:28px;
	background:url(../../_IMG/layout/busca_bt.png) 0 0 no-repeat;
	display:block;
}

#envolve_busca ul li.bt_buscar a:hover{
	background:url(../../_IMG/layout/busca_bt.png) 0 -28px no-repeat;
}



/*----------
	CONTEUDO
-----------*/
#conteudo{
	width:900px;
	height:auto;
	min-height:150px;
	margin:0 auto;
	padding:30px 40px 150px 40px;
	background:url(../../_IMG/layout/conteudo_bg.gif) left top repeat-x;
	clear:both;
	text-align:left;
}

/* Hack Navegadores "Modernos" */
div#conteudo:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
}



/*----------------
	ENVOLVE RODAPE
-----------------*/
#envolve_rodape {
	width:100%; 
	height:100px; 
	margin:0 auto; 
	padding:0;
	background:#e9e9e9;
	bottom:0;
	color:#333; 
	left:0; 
	overflow:hidden;
	position:absolute;
	text-align:left;
}



/*--------
	RODAPE
---------*/
#rodape{
	width:900px;
	height:80px;
	margin:0 auto;
	padding:20px 40px 0 40px;
	background:url(../../_IMG/layout/rodape_bg.gif) 0 0 repeat-x;
	font-size:12px;
	position:relative;
}

#plus{
	width:30px;
	height:16px;
	position:absolute;
	right:40px;
	top:35px;
}



/*----------
	ENDERECO
-----------*/
ul#endereco{
	width:317px;
	height:52px;
	left:40px;
	position:absolute;
	top:20px;
}

ul#endereco li{
	height:52px;
	float:left;
}

ul#endereco li.endereco{
	padding-right:13px;
	border-right:1px solid #dfdfdf;
}

ul#endereco li.telefones{
	padding-left:13px;
}

ul#endereco h2{
	margin-bottom:0;
	color:#333;
	font-size:12px;
}



/*------------------
	FORMAS PAGAMENTO
-------------------*/
#formas_pagamento{
	width:222px;
	height:41px;
	left:400px;
	position:absolute;
	top:26px;
}



/*----------------
	MIDIAS SOCIAIS
-----------------*/
ul#midias_sociais{
	width:206px;
	height:20px;
	left:660px;
	position:absolute;
	top:35px;
}

ul#midias_sociais li{
	width:20px;
	height:20px;
	margin-right:7px;
	float:left;
}

ul#midias_sociais li a{
	width:20px;
	height:20px;
	display:block;
}

ul#midias_sociais span{
	display:none;
}


ul#midias_sociais li.titulo{
	width:97px;
	height:19px;
	padding-top:1px;
}


/* ORKUT */
ul#midias_sociais li.orkut a{
	background:url(../../_IMG/layout/rodape_midias_sociais_sprite.png) 0 0 no-repeat;
}

ul#midias_sociais li.orkut a:hover{
	background:url(../../_IMG/layout/rodape_midias_sociais_sprite.png) 0 -20px no-repeat;
}


/* FACEBOOK */
ul#midias_sociais li.facebook a{
	background:url(../../_IMG/layout/rodape_midias_sociais_sprite.png) -28px 0 no-repeat;
}

ul#midias_sociais li.facebook a:hover{
	background:url(../../_IMG/layout/rodape_midias_sociais_sprite.png) -28px -20px no-repeat;
}


/* FLICKR */
ul#midias_sociais li.flickr a{
	background:url(../../_IMG/layout/rodape_midias_sociais_sprite.png) -57px 0 no-repeat;
}

ul#midias_sociais li.flickr a:hover{
	background:url(../../_IMG/layout/rodape_midias_sociais_sprite.png) -57px -20px no-repeat;
}


/* TWITTER */
ul#midias_sociais li.twitter{
	margin-right:0;
}

ul#midias_sociais li.twitter a{
	background:url(../../_IMG/layout/rodape_midias_sociais_sprite.png) -85px 0 no-repeat;
}

ul#midias_sociais li.twitter a:hover{
	background:url(../../_IMG/layout/rodape_midias_sociais_sprite.png) -85px -20px no-repeat;
}

ul.lista_eventos li {
  float: left;
  width: 225px;
  height: 110px;
  margin: 0 30px 30px 0;
}

.hidden {
  display: none;
}

ul.lista_inscritos {
  margin: 0 0 30px 0;
}