﻿* {margin:0;
padding:0;}
#geral {
	width: 905px;
	height: auto;
	display: table;
	margin: auto;
	border: 1px solid #3d808a;
}
h1 {	font: bold 15px verdana;
	margin: 40px 0 10px 10px;
	color: #005059;
}
#topo {
	width: 905px;
	height: 197px;
	display: block;
	float: left;
	background-image: url(../images/topo-home.jpg);
}
#topo-internas {
	width: 905px;
	height: 197px;
	display: block;
	float: left;
	background-image: url(../images/topo-home-internas.jpg);
}

#meio {	width: 905px;
	height: auto;
	display: block;
	float: left;
}
/*---------------FORMATAÇÃO DO MENU----------------------------*/
#menu-superior {
	width: 905px;
	display: inline;
	height: 33px;
	float: right;
	text-align: center;
	background-image: url(../images/bg-menu.jpg);
	margin-top: 160px;
	color: #3d808a;
}

#menu-superior ul {
	width: 905px;
	margin: 0;
}
#menu-superior li {
	list-style-type: none;
	display: inline;
}
#menu-superior a {
	text-decoration: none;
	padding: 3px 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#3d808a;
	font-size:12px;

}
#menu-superior a:hover {
	color: #003399;
	text-decoration: underline;
}
/*---------------FIM DA FORMATAÇÃO DO MENU----------------------*/

/* ---------------------- Menu Lateral --------------------------- */

#menu-lateral {
	width: 199px;
	float: left;
	display: block;
	height: 584px;
	background-image: url(../images/lateral-esquerda.jpg);
	text-align: right;
}


#menu-lateral ul{
	list-style-type: none;
	display: block;
	width: 199px;
	padding: 0;

}
#menu-lateral li a{
	font: 12px verdana;
	text-decoration: none;
	color: #3d808a;
	display: block;
	margin: 10px 0;
	width: auto;
	margin-right: 10px;
}
#menu-lateral li a:hover {
	color: #003399;
	text-decoration: underline;
}
/* ----------------------Fim de Menu Lateral ---------------------- */


#meio-conteudo {
	width: 509px;
	height: auto;
	display: block;
	float: left;
}
#meio-conteudo-internas {
	width: 700px;
	height: auto;
	display: block;
	float: left;
}
#meio-conteudo-internas h4 {
	font: bold 12px verdana;
	color: #3d808a;
	margin-left: 100px;
}

#meio-conteudo-internas-historia {
	width: 700px;
	height: auto;
	display: block;
	float: left;
}

#meio-conteudo-internas h2, #meio-conteudo-internas-historia h2 {
	font: bold 15px verdana;
	margin: 40px 0 10px 10px;
	color: #005059;
}
#meio-conteudo-internas p {
	font: 9px verdana;
	color: #000;
	border-top: 1px solid #ccc;
	padding: 5px;
	text-align: justify;

}

#meio-conteudo-internas-historia p {
	font: 11px verdana;
	color: #000;
	padding: 10px;
	text-align: justify;
}
#meio-conteudo-internas-historia a {
	text-decoration: none;
	color: #005059;
}
#meio-conteudo-internas-historia a:hover {
	text-decoration: underline;
	color: #03C;
}

#box-superior {
	width: 509px;
	height: auto;
	display: block;
	float: left;
	margin: 25px 0;
}
#box-superior h2 {}
#box-superior p {
	font: 11px verdana;
	color: #005059;
	margin: 10px;
}
#box-superior span {}

.box-imagem-home h2 {
	font: bold 12px verdana;
	color: #005059;
	margin-top: 10px;
}
.box-imagem-home {
	width: 509px;
	height: auto;
	display: block;
	float: left;
	margin: 25px 0 0 0;
}
.box-imagem-home img {
	float: left;
	margin: 10px;
}
.box-imagem-home p {
	font: 11px verdana;
	color: #636363;
	margin: 10px;

}
.box-imagem-home p a {
	text-decoration:none;
	color: #3d808a;

}
.box-imagem-home p a:hover {
	text-decoration: underline;
	color: #003399;

}

#lateral-direita {
	width: 197px;
	height: auto;
	display: block;
	float: left;
	background-image: url(../images/lateral-direita.jpg);
	background-repeat: no-repeat;
}
#lateral-direita-unidades {
	width: 197px;
	height: auto;
	display: block;
	float: right;
	background-repeat: no-repeat;
}

#rodape {
	width: 905px;
	height: 71px;
	display: block;
	float: left;
	background-image: url(../images/rodape.jpg);
}


.unidades {
	width: 172px;
	height: auto;
	display: block;
	float: left;
	margin-bottom: 20px;
}
.unidades-dir {
	width: 172px;
	height: auto;
	display: block;
	float: right;
	margin-bottom: 20px;
}

.unidades img, .unidades-dir img {
	margin: 5px;
	border: 1px solid #fff;

}
.unidades h2 {
	font: bold 12px verdana;
	text-align: center;
	color: #F00;
}
.unidades p {
	font: 9px verdana;
	text-align: right;
	color: #636363;
}

#box-vacinas-rodape {
	width: 671px;
	height: 200px;
	display: block;
	float: right;
	background-image: url(../images/bg-vacinas.jpg);
	margin-right: 20px;
	margin-top: 25px;
}
#box-vacinas-rodape h2 {
	font: bold 12px verdana;
	color: #636363;
	margin: 10px 0 0 10px;
}
#box-vacinas-rodape p {
	font: 12px verdana;
	margin: 0 10px 20px 10px;
	color: #3d808a;
	;
}
#box-vacinas-rodape p a {
	text-decoration:none;
	color: #3d808a;

}
#box-vacinas-rodape p a:hover {
	text-decoration: underline;
	color: #003399;
}


/*------------------MEDICOS----------*/
.medicos {
	width: 180px;
	height: 300px;
	display: block;
	float: left;
	margin: 20px 0 20px 40px;
	border: 1px solid #ccc;
}

.medicos2 {
	width: 180px;
	height: 370px;
	display: block;
	float: left;
	margin: 20px 0 20px 40px;
	border: 1px solid #ccc;
}
.medicos h3, .medicos2 h3 {
	font: 10px verdana;
	background-color: #B3CFD7;
	padding: 5px 10px 0 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
	height: 40px;
}
.medicos img, .medicos2 img {
	margin-left: 13px;
}
.medicos p, .medicos2 p {
	font: bold 7px verdana;
}
.medicos span, .medicos2 span {
	color: #900;
}

#endereco-esquerda {
	width: 190px;
	height: 200px;
	float: left;
	display: block;
}
#endereco-esquerda h2 {
	font: bold 12px verdana;
	text-align: right;
	color: #f00;
	margin-top: 30px;
}
#endereco-esquerda p {
	font: 9px verdana;
	color: #636363;
}


#caixa-texto-vacinas {
	width: 671px;
	height: 186px;
	display: block;
	float: right;
	background-image: url(../images/bg-vacinas.jpg);
	margin-right: 20px;
	margin-top: 10px;
	font: 12px verdana;

}
.caixa-texto-vacinas p a {
	text-decoration:none;
	color: #3d808a;

}
.caixa-texto-vacinas p a:hover {
	text-decoration: underline;
	color: #003399;

}

.vacinas-infantil {
	width: 200px;
	height: auto;
	display: block;
	float: left;
	margin-left: 100px;

}

.artigos-publico {
	width: 600px;
	height: auto;
	display: block;
	float: left;
	margin-left: 50px;

}


.doencas {
	width: 200px;
	height: auto;
	display: block;
	float: left;
	margin-left: 20px;
}

.vacinas-adulto {
	width: 200px;
	height: auto;
	display: block;
	float: left;
	margin-left: 100px;
}
#mapa {
	width: 500px;
	height: 400px;
	display: block;
	float: left;
}
#fotos-unidades {
	width: 697px;
	height: auto;
	display: block;
	float: left;
	padding-left: 3px;
	padding-top: 20px;
}
#fotos-unidades img {
	margin-left: -2px;

}
#fotos-unidades p {
	font: bold 10px verdana;
	color: #666;
	margin-bottom: 20px;
}
.box-topicos {
	margin-bottom: 10px;


}
.box-topicos a{
	text-decoration: none;
	color: #3d808a;
}
.box-topicos a:hover{
	text-decoration: underline;
	color: #039;
}


.box-topicos-calendario {
	margin-bottom: 10px;
	width: 200px;
	height: 20px;
	border-left: 5px solid #0089B5;
	padding-left: 5px;
	padding-top: 3px;
	float: left;


}
.box-topicos-calendario a{
	text-decoration: none;
	color: #3d808a;
}
.box-topicos-calendario a:hover{
	text-decoration: underline;
	color: #039;
}

