/* CSS Farmácia Sobam */

body{
	font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border:0;
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
*{
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	border: 0;
	vertical-align: middle;
	}

.form{
	border: solid 1px #CCD6AD;
	height:20px;
	color:#53513A;
	}

.form2 {
	border: solid 1px #CCD6AD;
	color:#53513A;
	}
	
/* TOPO */	
#topo{
	width:100%;
	height:200px;
	background-color:#FFFFFF;
	float:left;
	}

#topo div#top-left{
	width:auto;
	width:49%;
	height:200px;
	float:left;
	background:url(../img/bg-left.jpg) top right repeat-x #FFFFFF ;	
	}

#topo div#top-middle{
	width:920px;
	height:200px !important;
	height:200px;
	margin:0 auto;
	left: 50%;
	margin-left: -460px;
	position: absolute;
	overflow: hidden !important;
	overflow: visible;
	}

#top-middle div#logo{
	background:url(../img/bg-logo.jpg) center top no-repeat;
	width:384px;
	height:58px;
	float:left;	
	}
	
#top-middle div#logo h1{
	text-indent: -9000px;
	overflow: none;
	float: left;
	width: 384px;
	height: 126px;
	margin-top: 35px;
	margin-left: 2px !important;
	margin-left: 1px;
	background: url(../img/logo.gif) no-repeat center center;
	}

#top-middle div#personagem{
	width:186px;
	height:190px;
	float:left;
	background:url(../img/personagem.jpg) no-repeat top center #FFFFFF;
	}
	
#top-middle div#slogan{
	width:348px;
	height:200px;
	float:right;
	background:url(../img/bg-slogan.jpg) top left no-repeat;
	}

#top-middle div#slogan h2{
	text-indent: -9000px;
	overflow: none;
	float: left;
	width: 270px;
	height: 50px;
	margin-top: 35px;
	margin-left: 2px !important;
	margin-left: 1px;
	background: url(../img/slogan.gif) no-repeat center center;
	}

#top-middle div#slogan img{
	margin-top:15px;
	margin-right:30px;
	float:right;
	}

#top-middle div#slogan img#imghome{
	margin-top:75px;
	margin-right:30px;
	float:right;
	}

#topo div#top-right{
	width:auto;
	width:49%;
	height:200px;
	float:right;
	background:url(../img/bg-right.jpg) top left repeat-x #FFFFFF;
	}

/* Conteúdo */
#conteudo{
	width:100%;
	height:auto;
	min-height:500px;
	background:url(../img/bg.jpg) bottom center repeat-x;
	}

#conteudo div#borda{
	width:920px;
	min-height:550px;
	height:auto;
	margin: 0 auto;
	}
		
#borda p{
	font-style:oblique;
	color:#717260;
	font-size:13px;
	}

#menu{
	width:920px;
	float:left;
	height:45px;
	background:url(../img/bg-menu.gif) bottom center repeat-x;
	}
	
#menu a {
	display: block;
	text-indent: -9000px;
	height: 20px;
	float: left;
	display: inline;
	margin-right: 3px;
	}
	
#menu a#item1 { width: 93px; height:22px; background: url(../img/b_farmacia.gif) no-repeat; }
#menu a#item2 { width: 123px; height:22px; background: url(../img/b_medicamentos.gif) no-repeat; }
#menu a#item3 { width: 100px; height:22px; background: url(../img/b_cosmeticos.gif) no-repeat; }
#menu a#item4 { width: 99px; height:22px; background: url(../img/b_promocao.gif) no-repeat; }
#menu a#item5 { width: 98px; height:22px; background: url(../img/b_orcamento.gif) no-repeat; }
#menu a#item6 { width: 211px; height:22px; background: url(../img/b_convenio.gif) no-repeat; }
#menu a#item7 { width: 101px; height:22px; background: url(../img/b_downloads.gif) no-repeat; }
#menu a#item8 { width: 69px; height:22px; background: url(../img/b_contato.gif) no-repeat; }
#menu a:hover#item1, #menu a:hover#item2, #menu a:hover#item3, #menu a:hover#item4, #menu a:hover#item5, #menu a:hover#item6, #menu a:hover#item7, #menu a:hover#item8 {
height:25px; }

/* SPLASH */
#flash{
	float:left;
	width:670px;
	height:209px;
	padding-top:10px;
	}

#institu{
	float:right;
	width:237px;
	height:209px;
	text-align:center;
	padding-top:10px;
	}

#institu p{
	font-weight:bold;
	font-style:oblique;
	color:#9BA281;
	font-size:12px;
	}

/* HOME */
#convenio{
	width:300px;
	height:200px;
	float:left;
	margin-top:18px;

	}

#convenio h1{
	text-indent:-9000px;
	background:url(../img/t-convenio.gif) center center no-repeat;
	width:187px;
	height:27px;
	margin-left:30px;
	}
	
#dicas{
	width:300px;
	height:200px;
	float:left;
	margin-top:18px;
	padding-left: 20px;
	background:url(../img/b-dicas.jpg) center top no-repeat;
	}

#dicas h1{
	text-indent:-9000px;
	background:url(../img/t-dicas.gif) center top no-repeat;
	width:69px;
	height:25px;
	font-size:12px;
	margin-top:10px;
	margin-left:20px;	
	}	

#cadastro{
	width:290px;
	height:200px;
	float:right;
	margin-top:15px;
	padding-top:10px;
	text-align:center;
	}

#cadastro h1{
	text-indent:-9000px;
	background:url(../img/t-cadastro.gif) center center no-repeat;
	width:290px;
	height:50px;
	}
	
#trab{
	width:310px;
	height:130px;
	padding-top:10px;
	float:left;
	}

#trab p{
	margin-top:15px;
	}
	
#local{
	width:290px;
	height:130px;
	padding: 10px 0 0 20px;
	float:left;
	}

#local p{
	margin-top:9px;
	}

#contato{
	width:298px;
	height:130px;
	padding-top:10px;
	float:right;
	}

#contato h2{
	text-indent:-9000px;
	background:url(../img/t-contato.gif) center center no-repeat;
	width:290px;
	height:93px;
	margin-top:15px;
	}

/* FARMACIA */
#content-left{
	width:245px;
	height:auto;
	float:left;
	text-align:center;
	padding:10px 0 20px 0;
	margin-top:10px;
	}

#content-left div#convenio3{
	float:left;
	width:245px;
	height:166px;
	margin-bottom:25px;
	}
	
#content-left h1#farmacia{
	text-indent:-9000px;
	background:url(../img/t-farmacia.gif) center center no-repeat;
	width:245px;
	height:151px;
	}

#content-left h1#med2{
	text-indent:-9000px;
	background:url(../img/t-med2.gif) center center no-repeat;
	width:245px;
	height:151px;
	}

#content-left h1#contatos{
	text-indent:-9000px;
	background:url(../img/t-contato2.gif) center center no-repeat;
	width:245px;
	height:151px;
	}

#content-left h1#downloads{
	text-indent:-9000px;
	background:url(../img/t-downloads.gif) center center no-repeat;
	width:245px;
	height:151px;
	}

#content-left h1#orcamento{
	text-indent:-9000px;
	background:url(../img/t-orcamentos.gif) center center no-repeat;
	width:245px;
	height:151px;
	}

#content-left h1#convenio2{
	text-indent:-9000px;
	background:url(../img/t-convenio2.gif) center center no-repeat;
	width:245px;
	height:151px;
	}

#content-left h1#local2{
	text-indent:-9000px;
	background:url(../img/t-local2.gif) center center no-repeat;
	width:245px;
	height:151px;
	}
	
#content-left h1#promocoes{
	text-indent:-9000px;
	background:url(../img/t-promocoes.gif) center center no-repeat;
	width:245px;
	height:151px;
	}

#content-left h1#cosmeticos{
	text-indent:-9000px;
	background:url(../img/t-cosmeticos.gif) center center no-repeat;
	width:245px;
	height:151px;
	}

#content-left h1#trabalhe{
	text-indent:-9000px;
	background:url(../img/t-trab2.gif) center center no-repeat;
	width:245px;
	height:151px;
	}

#content-left h1#dicas2{
	text-indent:-9000px;
	background:url(../img/t-dicas2.gif) center center no-repeat;
	width:245px;
	height:151px;
	}
	
#content-left h2{
	text-indent:-9000px;
	background:url(../img/central.jpg) center center no-repeat;
	width:245px;
	margin-top:15px;
	height:87px;
	}

#main-content{
	font-family: Georgia, 'Trebuchet MS', Helvetica, sans-serif;
	width:650px;
	height:auto;
	float:right;
	padding:10px 10px 20px 0;
	margin-top:10px;
	}
	
#main-content p{
	font-style:normal;
	text-align:justify;
	color:#717260;
	}
	
#main-content h3{
	color:#717260;
	font-size:20px;
	font-style:oblique;	
	font-weight:normal;
	}

#main-content h3#laranja{
	color:#DB7F32;
	font-size:20px;
	font-style:oblique;	
	font-weight:normal;
	}

#main-content h1{
	color:#000033;
	font-size:28px;
	font-style:oblique;	
	font-weight:normal;
	}	
	
#main-content table{
	font-style:oblique;
	color:#717260;
	font-size:13px;
	}
	
#main-content table tr td.pontilhado{
	border-bottom: 2px solid #FF9900;
}

#main-content a{
	font-weight:bold;
	color:#717260;
	}

/* CONVÊNIO*/

#convenio3{
	width:245px;
	height:166px;
	float:left;
	margin-top:10px;
	}

#convenio3 h1{
	text-indent:-9000px;
	background:url(../img/t-convenio3.gif) center left no-repeat;
	width:188px;
	height:26px;
	margin-left:-60px;
	}
	
/* RODAPÉ */	
#rodape{
	width:100%;
	height:94px;
	background-color:#FFFFFF;
	float:left;
	}

#rodape div#rod-left{
	width:auto;
	width:49%;
	height:94px;
	float:left;
	background:url(../img/bg-r-left.jpg) top right repeat-x #213045 ;	
	}

#rodape div#rod-middle{
	width:920px;
	height:94px !important;
	height:94px;
	margin:0 auto;
	left: 50%;
	margin-left: -500px;
	position: absolute;
	overflow: hidden !important;
	overflow: visible;
	background:url(../img/bg-rodape.jpg) top center no-repeat #213045;
	color:#FFFFFF;
	}

#rod-middle div#endereco{
	float:left;
	width:520px;
	text-align:center;
	padding-top:20px;
	}

#rod-middle div#endereco p{
	margin-top:10px;}
	
#rod-middle div#agencia{
	float:right;
	width:400px;
	text-align:center;
	padding-top:40px;
	}

#rod-middle div#agencia img{
	margin-top:-5px;
	}

#rodape div#rod-right{
	width:auto;
	width:49%;
	height:94px;
	float:right;
	background:url(../img/bg-r-right.jpg) top left repeat-x #213045;
	}