@charset "utf-8";
/* CSS Document */

body{ margin:0 0 0 0; background:url(../imagens/bg.jpg); background-size:cover; }
#topo{ width:100%; height:150px; background:url(../imagens/top2.jpg); background-size:cover; }
#linetopo{ width:100%; height:3px; background:#b12d27; }
#logo{ width:846px; height:114px; margin:0 auto; padding-top:20px; }
#conteudo{ width:846px; height:auto; min-height:400px; margin:0 auto; padding-bottom:10px; }
#menu{width:846px; height:42px; margin:0 auto; margin-top:5px; }
.home{
	width:77px; 
	height:41px; 
	background:url(../imagens/menu/0.png);
	float:left;
}
.quem {
	width:169px;
	height:41px;
	background-image:url(../imagens/menu/1_1.png);
	float:left;
	margin-left:-22px;
}
.quem span.hover{
	width:169px; 
	height:41px;
	background-image:url(../imagens/menu/1_2.png);
	float:left;
}
.quemactive{
	width:169px; 
	height:41px;
	background-image:url(../imagens/menu/1_2.png);
	float:left;
	margin-left:-22px;
}
.nossa {
	width:170px;
	height:41px;
	background-image:url(../imagens/menu/2_1.png);
	float:left;
	margin-left:-22px;
}
.nossa span.hover{
	width:170px; 
	height:41px;
	background-image:url(../imagens/menu/2_2.png);
	float:left;
}
.nossaactive{
	width:170px; 
	height:41px;
	background-image:url(../imagens/menu/2_2.png);
	float:left;
	margin-left:-22px;
}
.saude {
	width:191px;
	height:41px;
	background-image:url(../imagens/menu/3_1.png);
	float:left;
	margin-left:-22px;
}
.saude span.hover{
	width:191px; 
	height:41px;
	background-image:url(../imagens/menu/3_2.png);
	float:left;
}
.saudeactive{
	width:191px; 
	height:41px;
	background-image:url(../imagens/menu/3_2.png);
	float:left;
	margin-left:-22px;
}
.ofertas {
	width:216px;
	height:41px;
	background-image:url(../imagens/menu/4_1.png);
	float:left;
	margin-left:-22px;
}
.ofertas span.hover{
	width:216px; 
	height:41px;
	background-image:url(../imagens/menu/4_2.png);
	float:left;
}
.ofertasactive{
	width:216px; 
	height:41px;
	background-image:url(../imagens/menu/4_2.png);
	float:left;
	margin-left:-22px;
}
.contato {
	width:133px;
	height:41px;
	background-image:url(../imagens/menu/5_1.png);
	float:left;
	margin-left:-22px;
}
.contato span.hover{
	width:133px; 
	height:41px;
	background-image:url(../imagens/menu/5_2.png);
	float:left;
}
.contatoactive{
	width:133px; 
	height:41px;
	background-image:url(../imagens/menu/5_2.png);
	float:left;
	margin-left:-22px;
}
#banner{
    width:846px;
	height:234px;
	margin:0 auto;
	margin-top:20px;
}
#menulat{
	width:265px;
	height:236px;
	float:left;
}
.farmacia {
	width:265px;
	height:37px;
	background-image:url(../imagens/imagens/menlat_01.png);
	float:left;
	cursor:pointer;
}
.farmacia span.hover{
	width:265px;
	height:37px;
	background-image:url(../imagens/imagens/menlat2_01.png);
	float:left;
}
.farmaciaactive{
	width:265px;
	height:37px;
	background-image:url(../imagens/imagens/menlat2_01.png);
	float:left;
}
.convenios {
	width:265px;
	height:40px;
	background-image:url(../imagens/imagens/menlat_02.png);
	float:left;
	cursor:pointer;
}
.convenios span.hover{
	width:265px;
	height:40px;
	background-image:url(../imagens/imagens/menlat2_02.png);
	float:left;
}
.conveniosactive{
	width:265px;
	height:40px;
	background-image:url(../imagens/imagens/menlat2_02.png);
	float:left;
}
.manipulacao {
	width:265px;
	height:39px;
	background-image:url(../imagens/imagens/menlat_03.png);
	float:left;
	cursor:pointer;
}
.manipulacao span.hover{
	width:265px;
	height:39px;
	background-image:url(../imagens/imagens/menlat2_03.png);
	float:left;
}
.manipulacaoactive{
	width:265px;
	height:39px;
	background-image:url(../imagens/imagens/menlat2_03.png);
	float:left;
}

.genericos {
	width:265px;
	height:41px;
	background-image:url(../imagens/imagens/menlat_04.png);
	float:left;
	cursor:pointer;
}
.genericos span.hover{
	width:265px;
	height:41px;
	background-image:url(../imagens/imagens/menlat2_04.png);
	float:left;
}
.genericosactive{
	width:265px;
	height:41px;
	background-image:url(../imagens/imagens/menlat2_04.png);
	float:left;
}
.entrega {
	width:265px;
	height:36px;
	background-image:url(../imagens/imagens/menlat_05.png);
	float:left;
	cursor:pointer;
}
.entrega span.hover{
	width:265px;
	height:36px;
	background-image:url(../imagens/imagens/menlat2_05.png);
	float:left;
}
.entregaactive{
	width:265px;
	height:36px;
	background-image:url(../imagens/imagens/menlat2_05.png);
	float:left;
}
.farmaceutico {
	width:265px;
	height:43px;
	background-image:url(../imagens/imagens/menlat_06.png);
	float:left;
	cursor:pointer;
}
.farmaceutico span.hover{
	width:265px;
	height:43px;
	background-image:url(../imagens/imagens/menlat2_06.png);
	float:left;
}
.farmaceuticoactive{
	width:265px;
	height:43px;
	background-image:url(../imagens/imagens/menlat2_06.png);
	float:left;
}

#imabanner{
	width:603px;
	height:234px;
	position:absolute;
	z-index:-1;
	margin-left:243px;
	margin-top:1px;
}
#imabanner\ {
	width:603px;
	height:234px;
	position:absolute;
	z-index:-1;
	margin-left:-22px;
	margin-top:1px;
	}
#ofertas{
	width:100%;
	height:248px;
	background:url(../imagens/bgofert.png) center;
	background-size:cover;
	margin-top:20px;
}
.circle{
	width:167px;
	height:167px;
	border-radius:50%;
	margin-top:15px;
	float:left;
	margin-left:30px;
}
.of1{
width:89px;
height:80px;
border-radius:50%;
background:url(../imagens/bgof.png);
position:absolute;
z-index:2;
margin-top:15px;
margin-left:30px;
visibility:hidden;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:35px;
padding:40px;
padding-top:50px;
}
.of1\ {
width:89px;
height:98px;
background:url(../imagens/bgof.png);
position:absolute;
z-index:2;
margin-top:15px;
margin-left:30px;
visibility:hidden;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:35px;
padding:40px;
padding-top:30px;
margin-left:-758px;
}
.of2{
width:89px;
height:80px;
border-radius:50%;
background:url(../imagens/bgof.png);
position:absolute;
z-index:2;
margin-top:15px;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:35px;
padding:40px;
padding-top:50px;
margin-left:227px;
visibility:hidden;
}
.of2\ {
width:89px;
height:98px;
background:url(../imagens/bgof.png);
position:absolute;
z-index:2;
margin-top:15px;
visibility:hidden;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:35px;
padding:40px;
padding-top:30px;
margin-left:-561px;
}
.of3{
width:89px;
height:80px;
border-radius:50%;
background:url(../imagens/bgof.png);
position:absolute;
z-index:2;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:35px;
padding:40px;
padding-top:50px;
margin-top:15px;
margin-left:424px;
visibility:hidden;
}
.of3\ {
width:89px;
height:98px;
background:url(../imagens/bgof.png);
position:absolute;
z-index:2;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:35px;
padding:40px;
padding-top:30px;
margin-left:-364px;
margin-top:15px;
visibility:hidden;
}
.of4{
width:89px;
height:80px;
border-radius:50%;
background:url(../imagens/bgof.png);
position:absolute;
z-index:2;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:35px;
padding:40px;
padding-top:50px;
margin-top:15px;
margin-left:620px;
visibility:hidden;
}
.of4\ {
width:89px;
height:98px;
background:url(../imagens/bgof.png);
position:absolute;
z-index:2;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:35px;
padding:40px;
padding-top:30px;
margin-top:15px;
margin-left:-167px;
visibility:hidden;
}


#meioofertas{
	width:846px;
	height:248px;
	margin:0 auto;
}
.bx{
	width:846px;
	background:#7db972;
	margin:0 auto;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#FFF;
font-size:13px;
text-align:justify;
}
.perguntf1{
	width:300px;
	height:30px;
	-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-right: 10px;
-moz-border-left: 10px;
border-radius: 10px;
border-radius: 10px;
border:none;
background:#FFF;
color:#6e6e6e;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.perguntf2{
	width:300px;
	height:100px;
	-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-right: 10px;
-moz-border-left: 10px;
border-radius: 10px;
border-radius: 10px;
border:none;
background:#FFF;
color:#6e6e6e;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.enviar{
	width:95px;
	height:21px;
	border:none;
	background:url(../imagens/enviar.png);
	cursor:pointer;
}
#bx1{
	width:844px;
	height:374px;
	position:absolute;
	background:url(../imagens/bx1.png);
	z-index:1;
}
#bx2{
	width:844px;
	height:374px;
	position:absolute;
	background:url(../imagens/bx2.png);
}
#bx3{
	width:844px;
	height:374px;
	position:absolute;
	background:url(../imagens/bx3.png);
}
#bx4{
	width:844px;
	height:374px;
	position:absolute;
	background:url(../imagens/bx4.png);
}
.bx1ab{
	width:135px;
	height:51px;
	position:absolute;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#A8000D;
}
.bx1ab2{
	width:135px;
	height:51px;
	position:absolute;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#A8000D;
}
.bx1ab\ {
	width:135px;
	height:51px;
	position:absolute;
	margin-left:-513px;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#A8000D;
}
.bx1ab2\ {
	width:135px;
	height:51px;
	position:absolute;
	margin-left:-810px;
	z-index:3;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#A8000D;
}
.bx2ab{
	width:135px;
	height:51px;
	position:absolute;
	margin-left:135px;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#898989;
}
.bx2ab2{
	width:135px;
	height:51px;
	position:absolute;
	margin-left:135px;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#898989;
}
.bx2ab\ {
	width:135px;
	height:51px;
	position:absolute;
	margin-left:-678px;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#898989;
}
.bx2ab2\ {
	width:135px;
	height:51px;
	position:absolute;
	margin-left:-381px;
	z-index:3;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#898989;
}
#rodape{
	width:100%;
	height:300px;
	background:url(../imagens/rod.jpg) bottom;
	background-size:auto;
}
#rodape a{
	color:#FFF;
	text-decoration:none;
}
#rodape a:hover{
	color:#e05748;
	text-decoration:none;
}
#mrodape{
	width:846px;
	height:300px;
	margin:0 auto;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; line-height:2; text-align:justify;
}
#historia{
	width:846px;
	min-height:400px;
	height:auto;
	background:#FFF;
	-webkit-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-right: 10px;
    -moz-border-left: 10px;
    border-radius: 10px;
    border-radius: 10px;
	color:#6e6e6e;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
}
#missao{
	width:846px;
	min-height:200px;
	height:auto;
	background:#FFF;
	margin-top:15px;
	-webkit-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-right: 10px;
    -moz-border-left: 10px;
    border-radius: 10px;
    border-radius: 10px;
	color:#6e6e6e;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
}
#bxlojas{
	width:810px;
	min-height:100px;
	height:auto;
	background:#FFF;
	padding:20px;
	-webkit-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-right: 10px;
    -moz-border-left: 10px;
    border-radius: 10px;
    border-radius: 10px;
	color:#6e6e6e;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
}
#bxdicas{
	width:810px;
	min-height:100px;
	height:auto;
	padding-left:20px;
	padding-right:20px;
	color:#6e6e6e;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
}
#folheto{
	width:846px;
	min-height:572px;
	height:auto;
	background:#FFF;
	-webkit-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-right: 10px;
    -moz-border-left: 10px;
    border-radius: 10px;
    border-radius: 10px;
	color:#6e6e6e;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
}
#magazine{
	width:800px;
	height:500px;
}
#magazine .turn-page{
	background-color:#ccc;
	background-size:100% 100%;
}