/************************************************/
/*   Layout	   : Ítalo Araújo					*/
/*   Front-end : Luiz Tiago	/ Djalma Araújo		*/
/*   Empresa   : Prática Design					*/
/************************************************/

@charset "utf-8";
@import url(reset.css);

/* TAG's */

body {
background: #A7D7D9 url(../img/bg.gif);
margin-top: 10px;
margin-bottom:10px;

}

hr {
display: none;
}

a {
color: black;
}

a:hover {
color: #006138;
text-decoration: none;
}

h3{
color: #006138;
padding:8px 0;
font-size:16px;
}
small{
color: #006138;
font-size:11px;
padding-left:2px;
padding-bottom:15px;
display:block;
}

/* ID's */

#container {
width: 760px;
margin:0 auto;
position: relative;
background: #fff;
}

#topo {
width: 736px;
background: url(../img/bg_topo.gif) no-repeat;
padding: 12px;
height: 268px;
overflow: hidden;
}

#menu {
clear: both;
position: absolute;
width: 219px;
height: 239px;
background: url(../img/bg_menu.gif) no-repeat;
margin-top: -55px;
margin-left: 2px;
}

#menu ul {
list-style: none;
margin-left: 12px;
margin-top: 39px;
_margin-top: 40px;
}
#menu li a {
display: block;
background-image: url(../img/bg_limenu.gif);
background-position: 0 -0px;
height: 20px;
width: 174px;
text-transform: uppercase;
text-decoration: none;
color: #006138;
padding-top: 4px;
padding-left: 20px;
_margin-top: -1px;
}
#menu li a:hover {
background-color: #E6F0EB;
}

#miolo {
width: 732px;
padding-left: 16px;
}

#colLat {
padding-top: 202px;
float: left;
}

#box_faleconosco {
background: url(../img/box_faleconosco.gif);
}

#box_localizacao {
background: url(../img/box_localizacao.gif);
margin-top: 18px;
}

#conteudo,#interna {
float: left;
width: 497px;
padding: 15px 0 0 15px;
overflow: hidden;
}

#conteudo {
background: url(../img/bg_conteudo.gif) no-repeat;
}

#interna {
background: url(../img/bg_interna.gif) no-repeat;
}

#interna p {
padding-bottom: 7px;
padding-top: 7px;
}

#conteudo li, #interna li {
background: url(../img/li.gif) no-repeat 0 5px;
padding-left:15px;
}

#estrutura {
width: 234px;
float: left;
padding: 10px;
}

#convenios {
width: 220px;
float: left;
background: url(../img/box_pq.gif) no-repeat;
height: 121px;
padding: 10px;
}

#infoequipe {
clear: both;
width: 476px;
height: 118px;
background: url(../img/box_infoequipe.jpg) no-repeat -1px 7px;
padding: 10px;
padding-top: 17px;
}

#informacoes {
float:left;
width: 230px;
}

#equipe {
float:left;
width: 225px;
padding-left: 20px;
}

#convenios h2, #estrutura h2, #equipe h2, #informacoes h2 {
margin-bottom: 10px;
}

#rodape {
width: 760px;
height: 55px;
background: url(../img/bg_rodape.gif) no-repeat left bottom;
padding-top: 15px;
clear: both;
}

#rodape p { color: white; text-align: center; padding-top: 6px; }

/* CLASS's */

.clearLeft {clear:left}

.marca {
display: none;
}

.boxColLat {
width: 197px;
height: 90px;
padding: 10px;
}

.boxColLat h2 {
margin-bottom: 10px;
}

.mais {
background: url(../img/ico_mais.gif) no-repeat 0 3px;
padding-left: 10px;
margin-top: 15px;
}

.tit {
text-indent: -4000px;
overflow: hidden;
height: 17px;
background-repeat: no-repeat;
}

#interna .tit {
margin-left: 25px;
padding-top: 5px;
background-position: 0 5px;
padding-bottom: 20px;
}

div.hr { display: block; clear: left; height: 1px; overflow: hidden; padding-top: 15px; border-bottom: 1px solid #169A5E; margin-bottom: 15px; }
div.hrd { display: block; clear: left; height: 1px; overflow: hidden; padding-top: 15px; border-bottom: 1px dashed #169A5E; margin-bottom: 15px; }

.dnone { display: none; }

.destaque { color: #169A5E; font-weight: bold; }

.tit_faleconosco { background-image: url(../img/tit_faleconosco.gif) }
.tit_localizacao { background-image: url(../img/tit_localizacao.gif) }
.tit_sobre_cpo_oncologia { background-image: url(../img/tit_sobre_cpo_oncologia.gif) }
.tit_estrutura { background-image: url(../img/tit_estrutura.gif) }
.tit_convenios { background-image: url(../img/tit_convenios.gif) }
.tit_informacoes { background-image: url(../img/tit_informacoes_ao_paciente.gif) }
.tit_equipe { background-image: url(../img/tit_equipe.gif) }
.tt_quemsomos { background-image: url(../img/tt_quemsomos.gif) }
.tt_equipeclinica { background-image: url(../img/tt_equipeclinica.gif) }
.tt_estrutura { background-image: url(../img/tt_estrutura.gif) }
.tt_noticias { background-image: url(../img/tt_noticias.gif) }
.tt_convenios { background-image: url(../img/tt_convenios.gif) }
.tt_informacoes { background-image: url(../img/tt_informacoes.gif) }
.tt_localizacao { background-image: url(../img/tt_localizacao.gif) }
.tt_visita { background-image: url(../img/tt_visita.gif) }
.tt_faleconosco { background-image: url(../img/tt_faleconosco.gif) }

/* ----- Sobre o CPO Oncologia ----- */
#sobre_cpo_oncologia h2 {padding-bottom:7px}
#sobre_cpo_oncologia .mais {float:left; margin-top:10px}

.int_estrutura {
background: url(../img/int_estrutura.gif) no-repeat;
width: 458px;
height: 28px;
padding-left: 40px;
font-size: 11px;
color: #169A5E;
padding-top: 7px;
clear: both;
}

.int_informacoes {
background: url(../img/int_informacoes.gif) no-repeat;
width: 468px;
height: 28px;
padding-left: 30px;
font-size: 11px;
color: #169A5E;
padding-top: 7px;
clear: both;
margin-top: 10px;
}

.ft_estrutura {
background: url(../img/ft_estrutura.gif) no-repeat;
padding: 5px;
margin: 5px;
float: left;
margin-bottom: 10px;
}

.fleft { float: left }
img.fleft { margin-right: 10px; }

.fright { float: right }
img.fright { margin-left: 10px; }

.foto {
background: url(../img/bg_foto.gif) no-repeat;
padding: 7px 14px 7px 7px;
}

.email {
background: url(../img/ico_email.gif) no-repeat 0 10px;
padding-left: 20px;
}

.nome {
background: url(../img/ico_seta.gif) no-repeat 0 3px;
padding-left: 15px;
font-size: 16px;
font-weight: bold;
color: #169A5E;
margin-top: 7px;
}

#interna li {
margin-top: 5px;
margin-bottom: 5px;
}

.campo {
width: 320px;
border: 1px solid #BAD8CB;
padding: 3px;
height: 15px;
}

.textarea {
height: 60px;
overflow-y: auto;
}

.botao {
background: #169A5E;
width: 70px;
color: white;
border: none;
height: 25px;
}

.center {
text-align: center;
}





/****************************/
.caixa3 {
	margin: 0px;
	padding: 5px;
	width: 550px;
	margin-bottom: 10px;
}
.caixa3 p {
	clear: both;
	margin: 0;
	padding: 0;
}
img {
border: 0;
}
.vazio {
width: 200px;
}
.miniatura {
margin: 5px;
float: left;
margin-right: 8px;
height: 110px;
}
.miniatura img{
	border:1px solid #169A5E;
	padding:3px;
}

#dev { width:760px; text-align:right; margin:4px auto; padding:0 10px 0 0; }

/* ----- Lista da Equipe ----- */
.listaEquipe .nome {
	background-position:0 10px;
	padding-left:20px
}

/* ----- Lista dos Convênios ----- */
#interna .listaConvenios li {
	background:#f9f9f9 url(../img/li.gif) no-repeat 0 10px;
	padding:5px 5px 5px 15px;
	margin-left:25px;
	float:left;
	width:203px
}

/* ----- Fale Conosco ----- */
.faleConosco span {float:left; padding-top:5px}
.faleConosco span .campoRadio {float:left}
.faleConosco span label {float:left; margin:-2px 10px 0 5px; *margin-top:2px}