@import url("reset.css");

/*--------------------------------------------------\
|													||
|	Banco de Sangue Paulista						|||
|													|||
|	Desenvolvido por Agência DMK - Agência DMK		|||
|	http://www.agenciadmk.com.br/					|||
|										Fev/2008	|||
|													|||
 \--------------------------------------------------\||
  \--------------------------------------------------*/

/*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*\
)			Geral																					(
\*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*/

* ul li a{ height:1%; }
html{

}
body{
	background:#fff url(../imagens/bg.gif) repeat-x 0 0;
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#616163;
	line-height:16px;
}
a{
	color:#616161;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
p{ margin:0 0 11px 0;}
h3{
	font-size:12px;
	font-weight:bold;
	margin:0 0 5px 0;
}
h4{
	font-size:12px;
	font-weight:bold;
	padding:5px 0 0 0;
}

.hide{ display:none; }
.show{ display:block; }
.conteudo img{
	background:#fff;
	border:2px solid #A2A1A1;
	padding:2px;
}

#geral{
	margin:0 auto;
	width:990px;
}
.conteudo table{
	margin:0 0 11px 0;
}
.tabelaFoto td{
	font-weight:bold;
	padding:5px 15px;
	text-align:center;
}

/*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*\
)			Testeira																				(
\*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*/

#testeira{
	height:399px;
	position:relative;
}
h1{
	left:23px;
	position:absolute;
	top:26px;
}
#testeira ul{
	position:absolute;
	right:15px;
	top:110px;
}
#testeira ul li{
	display:inline;
	padding-left:16px;
}
#testeira ul li a:hover, #testeira ul li a.ativo{
	color:#d20607;
	text-decoration:underline;
}
#banner{
	height:218px;
	left:16px;
	position:absolute;
	top:131px;
	width:963px;
}

/*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*\
)			Menu																					(
\*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*/

#menu{
	float:left;
	padding-left:18px;
	width:214px;
}
#menu ul{
	background:url(../imagens/menu-bg.jpg) no-repeat 0 0;
	height:226px;
	margin:18px 0 16px 0;
	padding:26px 0 0 34px;
	width:168px;
}
#menu ul li{
	padding-bottom:20px;
}
#menu ul li.ultimo{
	padding-bottom:0;
}
#menu ul li a{
	background:url(../imagens/menu-bullet.gif) no-repeat left center;
	font-size:12px;
	font-weight:bold;
	padding:0 0 0 22px;
	text-decoration:none;
}
#menu ul li a:hover, #menu ul li a.ativo{
	background-image:url(../imagens/menu-bullet-over.gif);
	color:#fff;
}
#menu .borda{
	width:202px;
}
#menu .conteudo{
	padding-bottom:15px;
}
#menu .conteudo p{
	margin-bottom:20px;
}

/*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*\
)			Borda																					(
\*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*/

h2{
	color:#d50404;
	font-size:11px;
	font-weight:normal;
	line-height:34px;
	padding-left:13px;
	text-transform:uppercase;
}
.borda{
	padding-bottom:15px;
}
.conteudo{
	padding:15px 13px 8px 13px
}
.borda0{
	background:#f6f6f6 url(../imagens/borda-c.gif) repeat-x 0 0;
}
.borda1{
	background:url(../imagens/borda-e.gif) repeat-y left top;
}
.borda2{
	background:url(../imagens/borda-b.gif) repeat-x left bottom;
}
.borda3{
	background:url(../imagens/borda-d.gif) repeat-y right top;
}
.borda4{
	background:url(../imagens/borda-cd.gif) no-repeat right top;
}
.borda5{
	background:url(../imagens/borda-ce.gif) no-repeat  left top;
}
.borda6{
	background:url(../imagens/borda-be.gif) no-repeat  left bottom;
}
.borda7{
	background:url(../imagens/borda-bd.gif) no-repeat  right bottom;
}

/*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*\
)			Rodapé																					(
\*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*/

#rodape{
	border-top:1px solid #bebebf;
	clear:both;
	height:20px;
	margin:0 13px 0 19px;
	padding:4px;
}
#rodape *{
	color:#949494;
}
#rodape p{
	float:left;
}
#rodape span{
	float:right;
}

/*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*\
)			Conteúdo																				(
\*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*/

#conteudo{
	float:right;
	padding:18px 0 0 0;
	position:relative;
	width:758px;
}
.float .borda{
	display:inline;
	float:left;
}
#conteudo .borda{
	margin-right:14px;
	width:744px;
}
#conteudo .alinha_alt .conteudo{
	height:363px;
}
* > #conteudo .alinha_alt .conteudo{
	height:auto!important;
	min-height:363px;
}
.conteudo ul{
	margin:0 0 11px 0;
}
#conteudo ul li{
	list-style:disc;
	margin-left:18px;
}
#conteudo ul li ul li{
	list-style:circle;
}
.leia_mais{
	border-bottom:1px solid #989898;
	display:block;
	line-height:11px;
	text-align:right;
}
.leia_mais:hover{
	border-bottom-color:#D20607;
	color:#D20607;
}
.clearBoth{
	clear:both!important;
	float:none!important;
}
.album{
	padding-left:8px;
}
.album li{
	display:inline;
	float:left;
	height:152px;
	list-style:none!important;
	margin:5px!important;
	position:relative;
	width:224px;
}
.album li a{
	display:block;
	height:152px;
	position:relative;
	width:224px;
}
.album img{
	border:0px none!important;
	padding:0!important;
	position:absolute
}
.album img.tipo1{
	background:none!important;
	z-index:2;
}
.album img.tipo2{
	left:4px;
	top:4px;
	z-index:1;	
}
.modelo2box .borda{
	display:inline;
	float:left;
}
.modelo2box div.esq{
	width:382px!important;
}
.modelo2box div.dir{
	width:348px!important;
}

/*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*\
)			Serviços																				(
\*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*/

.servicos li{
	background:url(../imagens/bullet3.gif) no-repeat 0 8px;
	list-style:none!important;
	margin-left:15px!important;
	padding:2px 0 2px 12px;
}
.servicos li ul{
	margin-bottom:10px;
}
.servicos li.pai{
	background:url(../imagens/bullet1.gif) no-repeat 0 6px;
}

/*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*\
)			Migalha																					(
\*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*/

#migalha{
	clear:both;
	margin:-41px 21px 25px 0;
	position:relative;
	text-align:right;
}
#migalha *{
	color:#fff;
}
#migalha li{
	border-right:1px solid #fff;
	display:inline;
	list-style:none!important;
	margin:0!important;
	padding:0 5px;
}
#migalha li.ativo{
	border:0px none;
	padding-right:0!important;
}

/*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*\
)			Index																					(
\*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*/

.index img{
	border:0px none!important;
	padding:0!important;
}
.index ul{
	margin-bottom:0!important;
}
.index .tipo1{
	width:262px!important;
}
.index .tipo2{
	width:262px!important;
}
.index .tipo2 ul{
	height:123px;
}
.index .tipo3{
	width:192px!important;
}
.index .tipo3 dd{
	margin-bottom:5px;
}
.index .tipo4{
	width:538px!important;
}
.index .tipo4 img{
	float:left;
	margin:-1px 7px 0 -5px;
}
.index .tipo4 .leia_mais{
	margin:0 0 5px 270px;
}
.index .tipo5{
	margin-top:-47px;
	width:192px!important;
}
.index .tipo5 dd.ultimo{
	margin-bottom:5px;
}
.index dl dt{
	font-weight:bold;
}
.index dl dd{
	margin-bottom:11px;
}

/*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*\
)			Formulário																				(
\*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*/

form ul li{
	clear:both;
	list-style:none!important;
	margin:0!important;
	padding-bottom:8px;
}
form label{
	color:#464646;
	display:block;
	float:left;
	line-height:20px;
	margin-right:10px;
	text-align:right;
	width:130px;
}
input, textarea{
	color:#666666;
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:11px;
}
textarea{
	overflow:auto;
}
.campo{
	border:1px solid #616163;
	padding:4px 3px 3px 3px;
}
.botao{
	background:url(../imagens/botao-bg.gif) no-repeat 0 0;
	border:0px none;
	color:#464646;
	cursor:pointer;
	height:20px;
	overflow:visible;
	padding:2px 0 3px 0;
	width:54px;
}

/*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*\
)			Contato																					(
\*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*/

.contato form .botao{
	margin-left:442px;
}
.contato form{
	padding-top:25px;
}


/*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*\
)			Contato																					(
\*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*/

a.logoff{
	background-color:#DADADA;
	border:1px solid #A2A1A1;
	color:#616161;
	float:right;
	height:25px;
	line-height:24px;
	text-align:center;
	width:90px;
}
.tabelaArquivos{
	width:710px;
}
.tabelaArquivos th{
	background-color:#CACACA;
	border-left:2px solid #F6F6F6;
	border-top:2px solid #F6F6F6;
	color:#616161;
	font-weight:bold;
	padding:4px 8px;
}
.tabelaArquivos td{
	background-color:#DEDEDE;
	border-left:2px solid #F6F6F6;
	border-top:2px solid #F6F6F6;
	color:#616161;
	padding:4px 8px;
}
/*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*\
)			Imagebox																				(
\*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*/

#ImageBoxClose img{
	border:0;
}
#ImageBoxOverlay{
	background-color: #fff;
	z-index:100;
}
#ImageBoxCaption{
	background-color: #969691;
}
#ImageBoxContainer{
	width: 250px;
	height: 250px;
	background-color: #969691;
	z-index:101;
}
#ImageBoxOuterContainer{
	z-index:102;
}
#ImageBoxCaptionText{
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #fff;
}
#ImageBoxCaptionImages{
	color:#fff;
	margin: 0;
}
#ImageBoxNextImage{
	background-image: url(../imagens/next_image.jpg);
	background-color: transparent;
	background-position: right bottom;
	background-repeat:	no-repeat;
}
#ImageBoxPrevImage{
	background-image: url(../imagens/prev_image.jpg);
	background-color: transparent;
	background-position: left bottom;
	background-repeat:	no-repeat;
}

/*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*\
)			Links																					(
\*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*/

.links ul{
	margin-bottom:15px;
}

/*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*\
)			Staff																					(
\*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*/

.staff h3{
	margin-bottom:11px;
}
.staff dl{
	margin:0 0 30px 20px;
}
.staff dl dt{
	display:list-item;
	font-weight:bold;
	list-style:disc;
}

/*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*\
)			Mapa do Site																			(
\*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*/

.mapa_do_site ul li a{
	font-weight:bold;
}
.mapa_do_site ul li ul li a{
	font-weight:normal;
}

/*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*\
)			O Sangue																				(
\*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*"'`º:._.:º´'"*/

#tipoSanguineoP{
	margin:15px 0 10px 0;
}