/*
*************************************************

Nei Desenvolvedor Web - Tmontec
CSS Geral - Site CBC

http://www.tmontec.com.br/

*************************************************
*/
@import url(forms.css);


/*-------------------------------------------
    RESET
-------------------------------------------*/
html,body,div,span,h1,h2,h3,h4,h5,h6,form,ul,ol,li,fieldset { margin:0; padding:0; }
img,fieldset { border:0 none; }


/*-------------------------------------------
    BODY
-------------------------------------------*/
body { background: #CCE4FF url(img/background.jpg) top repeat-x; color: #FFF; font: normal 14px 'Trebuchet MS'; }


/*-------------------------------------------
    LINKS
-------------------------------------------*/
a:link, a:visited, a:active { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }


/*-------------------------------------------
    CENTRALIZADOR
-------------------------------------------*/
.center { width: 1000px; height: auto; margin: 0 auto; }

/*-------------------------------------------
    TOPO
-------------------------------------------*/
#topo { width: 100%; height: 160px; background: url(img/nuvens.png) top center repeat-x; }
#topo .logo { position: relative; float: left; width: 185px; height: 185px; background: url(img/logo.png) no-repeat; margin: 9px 0 0 5px; text-indent: -9999999px; z-index: 111; }
#topo #player { position: absolute; top: 8px; margin-left: 190px; width: 37px; height: 37px; }
#topo .ini-con { position: relative; top: 8px; float: right; width: 178px; height: 23px; background: url(img/fundo_ini-con.png) top center repeat-x; font-size: 12px; padding: 3px 0 0 7px; }
#topo #redes_sociais { float: right; clear: right; margin-top: 10px; z-index: 10; }
#topo #redes_sociais ul { list-style: none; width: 110px; height: 28px; }
#topo #redes_sociais ul li { position: relative; float: left; display: block; margin: 0 0 0 5px; z-index: 30; }
#topo #redes_sociais ul li a { width: 28px; height: 28px; display: block; background: url(img/redes_sociais.png) no-repeat; z-index: 10; }
#topo #redes_sociais ul li.facebook a { background-position: 0px 0px; }
#topo #redes_sociais ul li.twitter a { background-position: -32px 0px; }
#topo #redes_sociais ul li.youtube a { background-position: -64px 0px; }
#topo #redes_sociais ul li .face { position: absolute; width: 50px; height: 16px; top: 20px; margin-left: -12px; text-align: center; padding-top: 3px; opacity: 0; font-size: 10px; background: url(img/icon_fundo.png) no-repeat; z-index: 9; }
#topo #redes_sociais ul li .twit { position: absolute; width: 50px; height: 16px; top: 20px; margin-left: -12px; text-align: center; padding-top: 3px; opacity: 0; font-size: 10px; background: url(img/icon_fundo.png) no-repeat; z-index: 9; }
#topo #redes_sociais ul li .you { position: absolute; width: 50px; height: 16px; top: 20px; margin-left: -12px; text-align: center; padding-top: 3px; opacity: 0; font-size: 10px; background: url(img/icon_fundo.png) no-repeat; z-index: 9; }
#topo #pesquisar { position: relative; float: right; right: 30px; clear: right; top: 13px; }
#menu { position: relative; float: right; top: -85px; right: 25px; width: 887px; height: 43px; font: 0.9em 'Arial Rounded MT Bold'; text-transform: uppercase; background: url(img/fundo_menu.jpg) repeat-x; z-index: 1; }
#menu ul { position: relative; list-style: none; width: 900px; left: 110px; }
#menu ul li { float: left; display: block; }
#menu ul li a { position: relative; float: left; text-align: center; }
#menu ul li.m_doacoes		a { width: 80px;		height: 43px; padding-top: 13px; }
#menu ul li.m_historia		a { width: 81px;		height: 43px; padding-top: 13px; }
#menu ul li.m_instalacoes	a { width: 115px;	height: 43px; padding-top: 13px; }
#menu ul li.m_apoiadores	a { width: 108px;	height: 43px; padding-top: 13px; }
#menu ul li.m_bazar		a { width: 65px;		height: 43px; padding-top: 13px; }
#menu ul li.m_noticias		a { width: 84px;		height: 43px; padding-top: 13px; }
#menu ul li.m_fotos		a { width: 70px;		height: 43px; padding-top: 13px; }
#menu ul li.m_localizacao	a { width: 113px;	height: 43px; padding-top: 13px; }
#menu ul li.m_links		a { width: 41px;		height: 43px; padding-top: 13px; margin-left: 4px; }
.menu_linha { position: relative; float: left; display: block; width: 2px; top: 5px; height: 34px; background: url(img/linha_menu.jpg) no-repeat; }
.menu_link { position: relative; float: left; display: block; width: 22px; height: 43px; background: url(img/fundo_link_menu.png) no-repeat; }


.ajudaBeneficios{
	font-size: 17px;
	float: left;
	color: red;
	font-weight: 700;
	margin-top: 34px;
	margin-left: 75px;
	text-transform: uppercase;
}

.btnAjudaBeneficios{
	display: block;
	width: 120px;
	border: 1px solid #e00000;
	background-color: #ff1e1e;
	color: #FFF!important;
	height: 28px;
	border-radius: 30px;
	margin-left: 264px;
	text-align: center;
	position: absolute;
	line-height: 26px;
	text-decoration: none!important;
	top: 59px;
}

.btnNovidades{
	float: right!important;
	left: 551px;
}

.btnAjudaBeneficios:hover{
	border: 1px solid #ff1e1e;
	background-color: #f74343;
}

.divCartao{
	margin-top: 40px;
	width: 300px;
	float: left;
	margin-left: 17px;
}

.divCartao1{
	margin-top: 40px;
	width: 300px;
	float: right;
	margin-right: 17px;
}

.divCartao img{
	width: 300px;
	height: auto;
	display: block;
	margin: 0 auto;
}

.divCartao1 img{
	width: 300px;
	height: auto;
	display: block;
	margin: 0 auto;
}

/*-------------------------------------------
    MEIO
-------------------------------------------*/
#meio { width: 1000px; margin: 0 auto; }

#natal {
	position: relative;
	/*top:100px !important;
	left:30%;*/
	height: 190px;
}
#doacao {
	background:rgba(185,56,56,.8);
	padding: 5px 50px;
	color: #fff;
	font-size: 15px;
	border: none;
	border-radius: 3px;
	font-weight: bold;
	top: 75px!important;
	left: 100px;
	box-shadow: 0 2px 0 rgba(185,56,56,1);
	position: absolute;
}
#doacao:hover {
	box-shadow: none;
	top: 391px;
	text-decoration: none;
}
#formDados {
	position: relative;
	top: -110px;
	left: 160px;
	color: #444;
}
#outro_valor {
	width: 68px;
	border: none;
	padding-left: 8px;
	border-radius: 3px;
	margin-left: 10px;
}

.fb-page {
	padding:12px 0 0 13px;
}

.qual { position:relative; top:20px; left:-85px; border:1px solid #CCC !important; }
.btn-facebook { position:absolute; top:135px; right:30px; font-size:12px; background-color:#3b5998; padding:5px 5px; border-radius:3px; }
.send { position:absolute; top:165px; right:48px; }
.btn-facebook:hover { background-color:#2c477f; text-decoration:none; }

/*-------------------------------------------
    RODAP�
-------------------------------------------*/
#rodape { position: relative; float: left; width: 100%; height: 107px; color: #1c79a9; font-style: italic; background: url(img/grama.png) bottom center repeat-x; }
#rodape .copy { position: relative; float: left; top: 20px; left: 20px; }
#compartilhe { position: relative; top: 18px; right: 250px; float: right; }
#compartilhe .rede { float: left; }
#compartilhe .rede.twit { position: relative; left: 20px; }
#rodape .assinatura { position: relative; float: right; clear: both; right: 25px; }

#compartilhe .rede.twit.ajusteRede{
	margin-right: 24px;
}