@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");







@import url("home.css");

@import url("interno.css");

@import url("paginacao.css");



@import url("jquery-ui-1.8.2.custom.css");





/*-----------------------------------------------------------------------------

Folha de estilos - Maikai



version:	1.0

Autor:		Plus! Agência Digital

Data:			21-05-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:#050505 url(../../_IMG/layout/bg_geral.jpg) center top repeat-x;

}





body{

	height:100%;

	margin:0;

	padding:0;

	color:#fff;

	font:12px/1.2em "Lucida Sans Unicode", "Lucida Grande", 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;

	list-style-type:none;

}



ul, ol, dl{

	margin-bottom:15px;

}





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:#fff;

}

a:link, a:visited, a:focus, a:active{

	text-decoration:none;

}

a:hover{

	text-decoration:underline;

}





p{

	line-height:1.2em;

	margin:0 0 15px 0;

}



p a{

	text-decoration:none;

}









/*==========================================

	ESTRUTURA

============================================*/



/*--------

	GLOBAL

---------*/

#global {

	width:100%;

	min-height:100%;

	margin:0 auto;

	padding:0;

	position:relative;

}



* html #global {

	height: 100%; /* hack para IE6 hq trata height como min-height */

}







/*------

	TOPO

-------*/

#envolve_topo{

	width:100%;

	height:342px;

	margin:0 auto;

	clear:both;

}



#topo{

	width:980px;

	height:342px;

	margin:0 auto 0 -550px;

	left:50%;

	position:absolute;

	/* Hack IE */

	*height:282px;

	*margin-top:60px;

}





#topo_flash{

	width:100%;

	margin:0 auto;

	left:0;

	position:absolute;

	top:0;

	z-index:3;

	/* Hack IE */

	*z-index:-1;

}







/*------

	LOGO

-------*/

#logo{

	width:250px;

	height:63px;

	margin:15px 65px 0 0;

	padding-left:5px;

	float:left;

}



#logo h1{ display:none;}







/*------------------

	ENVOLVE CONTEUDO

-------------------*/

#envolve_conteudo{

	width:100%;

	height:auto;

	min-height:270px;

	margin:0 auto;

	padding:30px 0 155px 0;

	background:url(../../_IMG/outros/bg_transparente_preto.png) 0 0 repeat;

	clear:both;

	text-align:left;

}



/* Hack Navegadores "Modernos" */

div#envolve_conteudo:after {

	content:".";

	display:block;

	clear:both;

	visibility:hidden;

	height:0;

	overflow:hidden;

}







/*----------

	CONTEUDO

-----------*/

#conteudo{

	width:940px;

	height:auto;

	margin:0 auto;

	padding:0 20px;

	clear:both;

}



body.interno #conteudo{

	padding-top:5px !important;

	color:#ccc;

	font-size:13px;

	line-height:1.4em;

}



body.interno #conteudo p{

	line-height:1.4em;

}



body.interno #conteudo a,

body.interno #conteudo a:hover{

	color:#ccc;

}







/*----------------

	ENVOLVE RODAPE

-----------------*/

#envolve_rodape{

	width:100%; 

	height:135px; 

	margin:0 auto; 

	padding:0;

	background:url(../../_IMG/layout/rodape_bg_geral.gif) left 31px repeat-x;

	bottom:0;

	color:#fff; 

	left:0; 

	position:absolute;

	overflow:hidden;

}







/*--------

	RODAPE

---------*/

#rodape{

	width:940px;

	height:104px;

	margin:0 auto;

	padding:0 20px;

	background:url(../../_IMG/layout/rodape_bg_topo.gif) center top no-repeat;

	clear:both;

	position:relative;

}







/*-------------

	MENU RODAPE

--------------*/

ul#menu_rodape{

	width:960px;

	height:25px;

	margin:0 auto;

	padding-top:6px;

	clear:both;

}



ul#menu_rodape li{

	padding:0 11px 0 2px;

	background:url(../../_IMG/menu/menu_rodape_separador.png) right 5px no-repeat;

	display:inline;

	font-weight:bold;

	/* Hack IE */

	*padding:0 10px 0 5px;

}



ul#menu_rodape li:last-child{

	background:none;

}



ul#menu_rodape li a{

	padding:1px 0;

	color:#fff;

	display:inline-block;

	font-size:12px !important;

	font-weight:bold !important;

}



ul#menu_rodape li a:hover{

	color:#a80000;

	text-decoration:none;

}







/*--------------

	MARCAS LOGOS

---------------*/

#marcas_logos{

	width:522px;

	height:31px;

	background:url(../../_IMG/layout/rodape_marcas_logos.gif) 0 0 no-repeat;

	left:20px;

	position:absolute;

	top:38px;

}







/*-----------

	COPYRIGHT

------------*/

#copyright{

	width:31px;

	height:17px;

	padding-left:93px;

	background:url(../../_IMG/layout/rodape_copyright.png) 0 0 no-repeat;

	position:absolute;

	right:20px;

	top:27px;

}







/*----------------

	MIDIAS SOCIAIS

-----------------*/

#midias_sociais{

	/*width:172px;*/

	width:110px;

	height:13px;

	background:url(../../_IMG/layout/icone_midias_sociais.png) 0 0 no-repeat;

	position:absolute;

	/*right:20px;*/

	right:12px;

	top:62px;

}



#midias_sociais a{

	height:13px;

	display:block;

	float:left;

	text-indent:-9999px;

}



#midias_sociais a.twitter{

	width:56px;

	margin-right:12px;

}



#midias_sociais a.facebook{

	width:56px;

	margin-right:12px;

}



#midias_sociais a.orkut{

	width:36px;

}









/*==========================================

	GRUPO GUERREIROS

============================================*/

ul.grupo_lista li {

	margin-right:20px;

	float:left;

}



/*----------------

	BT CHOPARIA

-----------------*/

ul.grupo_lista li a.bt_choparia{

	width:109px;

	height:82px;

	background:url(../../_IMG/grupo/choparia.png) 0 0;

	display:block;

}

	

a.bt_choparia:hover{

	background:url(../../_IMG/grupo/choparia.png) top right !important;

}



/*----------------

	BT SHOWBAR

-----------------*/

a.bt_showbar{

	width:109px;

	height:82px;

	background:url(../../_IMG/grupo/showbar.png) top left;

	display:block;

}

	

a.bt_showbar:hover{

	background:url(../../_IMG/grupo/showbar.png) top right !important;

}



/*----------------

	BT RAPA NUI

-----------------*/

a.bt_rapanui{

	width:109px;

	height:82px;

	background:url(../../_IMG/grupo/rapa_nui.png) 0 0;

	display:block;

}



a.bt_rapanui:hover{

	background:url(../../_IMG/grupo/rapa_nui.png) top right !important;	

}



/*----------------

	BT BENDITA

-----------------*/

a.bt_bendita{

	width:109px;

	height:82px;

	background:url(../../_IMG/grupo/bendita.png) 0 0;

	display:block;

}



a.bt_bendita:hover, a.bt_bendita.hover{

	background:url(../../_IMG/grupo/bendita.png) top right  !important;

}





/*----------------

	INTERNOS

-----------------*/

.caixa_grupos {

	width:228px;

	float:left;

	margin:0 15px 15px 0;

	padding:10px 10px 13px;

	background:#090909;

	border:1px solid #111111;

	/* BORDA REDONDA */

	-webkit-border-top-left-radius:8px;

	-webkit-border-bottom-right-radius:8px;

	-moz-border-radius-topleft:8px;

	-moz-border-radius-bottomright:8px;

	border-top-left-radius:8px;

	border-bottom-right-radius:6px;

	}	

.caixa_grupos li {

	margin:0 0 8px 0;

	padding-bottom:8px;

	font-size:12px !important;

	font-weight:normal !important;

	border-bottom:1px solid #111111;

	}

li.ultimo {

	border:none !important;

	}

.outros {

	padding:5px 0 5px 10px;

	}

.outros li{

	margin-bottom:2px;

	padding-bottom:5px;

	border:none !Important;

	}

.programacao {

	width:482px;	

	margin-right:0 !important;

	}

.programacao li {

	width:190px;

	margin:0 22px 13px 15px;

	padding-bottom:5px;

	float:left;

	border-bottom:1px solid #111111;

	}

	

/*==========================================

	ESTRUTURA (ESTÁTICO)

============================================*/

#envolve_showbar {

	margin:30px 0 30px 0;

	margin-bottom:30px;

	display:block;

}

#envolve_showbar h2.cufon {

	font-size:21px;

}

#envolve_showbar h4 {

	margin:5px 0 5px 0;

	font-size:14px;

}

.salavip a, .pista a, .choparia a {

	margin:0 20px 10px 0;

	padding:10px 10px 0px;

	background:#090909;

	border:1px solid #111111;

	font-size:14px;

	float:left; 

	text-align:center;

	text-decoration:none;

	

	/* BORDA REDONDA */

	-webkit-border-top-left-radius:25px;

	-webkit-border-bottom-right-radius:25px;

	-moz-border-radius-topleft:25px;

	-moz-border-radius-bottomright:25px;

	border-top-left-radius:25px;

	border-bottom-right-radius:25px;

} 

.salavip a:hover, .pista a:hover, .choparia a:hover {

	border:1px solid #222;

	box-shadow:0 0 8px #333;

	-webkit-box-shadow:0 0 8px #333;

	-moz-box-shadow:0 0 8px #333;

}

div.showbar {
	width:605px;
	float:left;
}
div.choparia {
	width:290px;
	float:left;
}




/*==========================================

	CHAME SEU AMIGO

============================================*/

/*----------------

	BT OK

-----------------*/

a.login {

	width:19px;

	height:21px;

	margin:15px 0 0 0;

	padding:9px 10px 5px 10px;

	display:block;

	background:url(../../_IMG/grupo/ok.png);

	float:right;

	text-decoration:none;

}

a.login:hover {

	background:url(../../_IMG/grupo/ok.png) 0 35px;

}

ul.chame_amigo h2 {

	color:#9D0000 !important;

	}

	

	

.form_esconder {

	width:520px;

	}

.col_esq {

	width:230px;

	margin:0 30px 0 0;	

	float:left;

	}

.col_dir {

	width:215px;	

	float:left;

	}

.col_bottom {

	clear:both;

	}

.col_bottom li {

	margin:0 50px 0 0;

	float:left;

	}

.col_bottom .bt_submit {

	margin-top:25px;

	}



ul.chame_amigo {

	width:215px;

	padding:10px 14px 7px 15px;

	background:#090909;

	border:1px solid #111111;

	

	/* BORDA REDONDA */

	-webkit-border-top-left-radius:25px;

	-webkit-border-bottom-right-radius:25px;

	-moz-border-radius-topleft:25px;

	-moz-border-radius-bottomright:25px;

	border-top-left-radius:25px;

	border-bottom-right-radius:25px;

}

ul.chame_amigo:hover {

	background:#111;

	}

ul.chame_amigo li.recuperar {

	margin-top:18px;

	}

.recuperar_senha .msg_erro {

	width:225px;

	/* BORDA REDONDA */

	-webkit-border-top-left-radius:25px;

	-webkit-border-bottom-right-radius:25px;

	-moz-border-radius-topleft:25px;

	-moz-border-radius-bottomright:25px;

	border-top-left-radius:25px;

	border-bottom-right-radius:25px;

	}

.recuperar_senha .msg_erro h3 {

	font-size:13px !important;

	color:#360000 !important;

	margin-bottom:3px;

	}
	
#envolve_interno {
	margin-left: 45px;
}

.agenda{
	min-height: 330px;
}