@charset "utf-8";
/*  CSS EMEFARMA RIO
	Desenvolvido por Agencia Saliva - www.agenciasaliva.com.br
*/

/* --------------------------------------------------------------------------------------------------------------- **/

body {
	background-color:#0551c9;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000;
}
h1, h2, h3, h4, h5 {
	display:block;
}
h1 { font-size:2.4em;
}
h2 {
	font-size:1.0em;
	font-weight:bold;
	color:#FFF;
}
h3 {
	font-size:0.9em;
}
h4 {
	font-size:0.8em;
}
h5 {
	font-size:1em;
	font-weight:bold;
}
input {
	padding:3px;
}
p {
	padding:8px 0;
	line-height:18px;
}
em {
	font-style:italic;
}
strong {
	font-weight:bold
}
a {
	color: #6187b1;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
address {
	color:#47693a;
	font-size:12px;
	font-weight:800;
}
/** **/
.escondido {
	display:none;
}
.clear {
	clear:both;
}
.noright {
	margin-right:0 !important;
}
.noleft {
	margin-left:0 !important;
}
.notop {
	margin-top:0 !important;
}
.nobottom {
	margin-bottom:0 !important;
}
.nomargin {
	margin:0 !important;
}
.noborder {
	border:0px !important;
}
.noback {
	background:inherit !important;
}
.fleft {
	float:left;
}
.fright {
	float:right;
}
.mbottom-15 {
	margin-bottom:15px;
}
.mtop-15 {
	margin-top:15px;
}
.mright-15 {
	margin-right:15px;
}
.mleft-15 {
	margin-left:15px;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.text-center {
	text-align:center;
}
.text-justify {
	text-align:justify;
}

/* ----------------- ESTRUTURA ----------------- **/

.bg-home {
	background:url(../img/bg2.jpg) no-repeat top center;
}
.bg-interna {
	background:url(../img/bg-internas.jpg) no-repeat top center;
}
#topo {
	position:relative;
	width:960px;
	margin:0 auto 10px auto;
	height:424px;
}
.topo-interna {
	height:240px !important;
}
#topo h1 {
	position:absolute;
	left:20px;
	top:50px;
}
#menu-superior {
	position:absolute;
	right:0px;
	top:12px;
}
#img-topo {
	position:absolute;
	right:50px;
	bottom:46px;
}
#menu-superior li {
	float:left;
	border-right:#4388b6 solid 1px;
	padding:0 10px;
}
#menu-superior li a {
	color:#4388b6;
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
}
#menu-superior li a:hover {
	text-decoration:none;
	color:#3474a8;
}
#menu-principal {
	position:absolute;
	background:url(../img/bg-menu.png) center top no-repeat;
	width:960px;
	height:51px;
	bottom:0px;
}
#menu-principal li {
	float:left;
}
#menu-principal li a {
	color:#6e8ea1;
	font-weight:bold;
	font-size:1.2em;
}
#menu-principal li a:hover {
	text-decoration:none;
	color:#4b637d;
}
.ativo {
	color:#b8cad0 !important;
}
.menu1, .menu2, .menu3, .menu4, .menu5 {
	position:absolute;
	bottom:18px;
}
.menu1 { left:85px; }
.menu2 { left:280px; }
.menu3 { left:445px; }
.menu4 { left:610px; }
.menu5 { left:770px; }

#conteudo, #conteudo-topo {
	position:relative;
	width:960px;
	margin:0 auto;
}
#rodape {
	position:relative;
	width:960px;
	margin:10px auto;
	text-align:center;
	color:#FFF;
	height:50px;
}
#infos-rodape {
	position:absolute;
	left:0x;
	top:0px;
}
#rodape p {
	font-size:0.9em;
	padding:3px 0 !important;
	text-align: left;
}
#rodape a {
	color:#FFF;
	text-decoration: underline;
}
.titulo-int {
	font-size:1.0em !important;
	color:#4b637d !important;
	margin-bottom:20px;
}
#rodape ul {
	position:absolute;
	top:0px;
	right:30px;
}
#rodape ul li {
	float:left;
	margin-right:7px;
}



#solicite-dir {
	position:fixed;
	top:50%;
	right:0px;
}
#solicite-dir a {
	background:url(../img/solicite-dir.png) left top no-repeat;
	display:block;
	width:46px;
	height:204px;
	text-indent:-9999px;
}
#solicite-dir a:hover {
	background:url(../img/solicite-dir2.png) left top no-repeat;
}
#abas { position:fixed; top:50%; right:0; margin-top:-221px;  width: 46px; height:442px; background:url(../img/abas.png) no-repeat; }
#abas a { text-indent:-9999px; display:block; }
#abas a.farmaco { height:232px; }
#abas a.representantes { height:175px; }


/* ----------------- HOME ----------------- **/

.home {
	background:url(../img/bg-conteudo2.png) left top no-repeat;
	width:940px;
	height:450px;
}
.interna {
	background: #FFF url(../img/rodape-conteudo.gif) no-repeat bottom left;
	padding-bottom:38px;
	width:965px;
}
.col-esq {
	width:283px;
}
.col-meio {
	width:334px;
}
.col-dir {
	position:absolute;
	width:283px;
	right:13px;
	top:50px;
}
.home h2 {
	color:#91a0b1;
	font-size:1.4em;
}
#atendimento {
	position:relative;
	height:190px;
}
#atendimento h2 {
	position:absolute;
	left:0px;
	top:5px;
}
.encarte-h {
	position:absolute;
	right:30px;
	top:40px;
	border:4px solid #ddd;
}
.text-encarte {
	position:absolute;
	top:20px;
}
.link-encarte {
	position:absolute;
	bottom:50px;
}
a.tire-suas-duvidas {
	background:url(../img/tire-suas-duvidas-sprite.png) left top no-repeat;
	height:41px;
	width:172px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	bottom:20px;
	z-index:10px;
}
a.tire-suas-duvidas:hover {
	background-position:0 -40px;
}
.absolute {
	position:absolute;
}
.icon-online {
	top:40px;
	left:0px;
}
.text-online {
	font-size:0.9em;
	top:80px;
	width:200px;
	color:#6187b1;
	line-height:16px;
}
.atendente {
	right:4px;
	bottom:0px;
	z-index:5px;
}
#fornecedores {
	position:relative;
	height:200px;
}
#fornecedores h2 {
	position:absolute;
	left:0px;
	top:10px;
}
.online-h {
	position:absolute;
	top:53px;
	left:6px;
}
.div-a {
	position:absolute;
	top:60px;
	left:135px;
}
.duvidas-h {
	position:absolute;
	top:53px;
	right:30px;
}
.veja-mais-fornecedores {
	position:absolute;
	bottom:32px;
	left:25px;
	font-size:0.85em;
	top:160px;
}
.col-meio {
	position:absolute;
	left:300px;
	top:20px;
}
#destaque {
	position:relative;
	height:360px;
	padding:45px 20px 0 25px;
	overflow:hidden;
}
#destaque h2 {
	position:absolute;
	left:15px;
	top:0;
}
.destaques {
	width:289px;
	overflow:hidden;
	height:360px;
	position:relative;
}
.destaques ul {
	width:9999em;
	height:360px;
	position:absolute;
}
.destaques li {
	float:left;
	width:289px;
}
.foto-destaque img {
	/*position:absolute;
	left:19px;
	top:50px;*/
	border:6px #e4e7eb solid;
	display:block;
}
.tit-destaque {
	/*position:absolute;*/
	color:#6187b1;
	font-size:1.2em;
	font-weight:bold;
	/*top:250px;
	left:30px;*/
	width:280px;
}
.chamada-destaque {
	/*position:absolute;
	top:300px;
	left:30px;*/
	width:280px;
	color:#9c9c9c;
	font-size:0.9em !important;
	line-height:15px;
}
/*.btn-destaque {
	position:absolute;
	top:380px;
	left:30px;
}
#destaque a {
	background:url(../img/btn-destaque.jpg) left top no-repeat;
	width:98px;
	height:28px;
	text-indent:-9999px;
}
#destaque a:hover {
	background-position:-98px 0;
}*/
.col-esq {
	position:absolute;
	left:30px;
	top:55px;
	width:250px;
}
#noticias-home {
	height:235px;
}
#noticias-home ul {
	margin-top:15px;
}
#noticias-home ul li {
	border-bottom:1px dotted #CCC;
	padding-bottom:15px;
}
#noticias-home p.retranca {
	color:#6187b1;
	font-weight:bold;
	font-size: 0.8em;
	margin-bottom: 0;
	padding-bottom: 0;
}
#noticias-home a {
	color:#9c9c9c;
	font-size:0.9em;
}
#estrutura-home {
	position:relative;
}
.emezinho {
	position:absolute;
	right:0px;
	top:-10px;
}
.text-estrutura {
	width:140px;
	color:#6187b1;
	font-size:0.9em;
	margin-top:20px;
}
#estrutura-home a, #atendimento a {
	color:#b1bac4;
}
.sac {
	padding-top:50px;
}
.sac li {
	width:122px;
	height:122px;
	float:left;
	display:block;
	background:url(../img/bg_chamadas-sac.png) no-repeat;
}
.sac li:hover {
	background-position:-122px 0;
}
.parcas {
	width:220px;
	height:127px;
	overflow:hidden;
	position:relative;
	padding-top:60px;
	background:url(../img/bg_parceiros.png) no-repeat 0 45px;
	margin-left:20px;
}
.parcas ul {
	width:9999em;
	height:127px;
	position:absolute;
}
.parcas ul li {
	width:181px;
	float:left;
	margin-left:20px;
}
.evento-destaque {
	padding-top:30px;
}
.evento-destaque .date {
	margin-right:10px;
	text-align:center;
	float:left;
	color:#7395ba;
}
.evento-destaque .date span {
	display:block;
	font-size:1.4em;
	font-weight:bold;
	color:#FFF;
	background:#6187b1;
	padding:5px;
	margin-bottom:3px;
}
.evento-destaque .chamada {
	float:left;
	width:200px;
}
.evento-destaque .chamada p a { color:#666 !important; }
.evento-destaque .chamada p {
	font-size:0.9em;
	line-height:14px;
	color
}
.evento-destaque .chamada h3 {
	font-size:1.1em;
	font-weight:bold;
	color:#7395ba;
}
/*** SLIDESHOW COLUNA DIREITA ***/
.forn-col {
	/* background:url(../img/col-back-fornecedores.jpg) left top no-repeat; */
	width:189px;
	height:124px;
}
.forn-slide {
	margin:13px 0 0 16px;
}
.forn-slide li {
	border:none !important;
}
#slideshow {
    position:relative;
    width:189px;
    height:124px;
	margin:0 auto;
}
#slideshow img {
    position:absolute;
    top:15px;
    /* left:16px; */
    z-index:8;
    opacity:0;
}
#slideshow img.active {
    z-index:10;
    opacity:1.0;
}
#slideshow img.last-active {
    z-index:9;
}



/* ----------------- EMPRESA ----------------- **/

#coluna-esq {
	background:url(../img/sombra-col-int.jpg) right top no-repeat;
	float:left;
	width:220px;
	margin:0 17px 0 13px;
	padding-top:30px;
}
#coluna-esq li {
	width:189px;
	height:124px;
	margin:0 25px 15px auto;
	border:1px solid #d9d9d9;
}
#conteudo-internas {
	float:left;
	width:692px;
	/*margin-top:30px;*/
}
#conteudo-internas h2 {
	color:#666;
	font-size:1.2em;
	margin-bottom:10px;
	background-color:#f0f3f7;
	border-bottom:1px solid #c5d2e0;
	height:23px;
	padding:7px 0 0 10px;
}
.tit-noticia-esq {
	color:#929292 !important;
	font-size:1.2em;
	margin-bottom:10px;
	background-color:#f0f3f7;
	border-bottom:1px solid #c5d2e0;
	width:186px;
	height:23px;
	padding:7px 0 0 10px;
}
#conteudo-internas h3 {
	color:#6e8ea1;
	font-size:1.3em;
	font-weight:bold;
	margin:9px 0 0 0;
}
#conteudo-internas p {
	font-size:0.9em;
	color:#333;
	padding:5px 0 !important;
}
.foto-empresa {
	float:left;
	margin:10px 15px 0 0;
}
.empresa-contatos {
	background:#e4e4e4;
	border:1px solid #c2c2c2;
	margin:20px 0;
}
.empresa-contatos p {
	text-align:center;
	padding:15px 0 0 0 !important;
	font-weight:bold;
	font-size:1.0em;
}
.localizacao {
	margin:20px 0;
}
#video {
	text-align:center;
	padding-bottom:20px;
	margin:10px 0;
	background:url(../img/sombra-video.jpg) no-repeat center bottom;
}

.missao-empresa {
	width:210px;
	float:left;
	margin-right:20px;
}
blockquote {
	font-size:1.8em;
	font-style:italic;
	color:#666;
	margin-bottom:10px;
}
#fotos-infra {
	margin-top:20px;
}
#fotos-infra li {
	display:inline-block;
	margin-right:10px;
}

/* ----------------- SERVIÇOS ----------------- **/

.box-servicos {
	color:#f3f3f3;
	border:1px solid #e0e0e0;
	padding:10px 20px;
}
.servicos {
	margin-bottom:20px;
}
#tabnav {
	margin: 0 auto;
	margin-top:20px;
}
 
#tabs, #tabs2 {
	height: 61px;
	position: relative;
	background:url(../img/bg-tabs.gif) repeat-x left bottom;
}
#tabs ul li, #tabs2 li {
	float:left;
	margin-right:3px;
}
#tabs ul li a, #tabs2 li a {
	background:#f0f3f7;
	width:170px;
	line-height:43px;
	display:block;
	text-align:center;
	font-size:1.1em;
	font-weight:bold;
	color:#6187b1;
	background:url(../img/sprite-abas.gif) no-repeat;
}
#tabs2 li {
	margin-right:5px;
}
#tabs ul li a:hover, #tabs2 li a:hover, #tabs2 li a.current, #tabs ul li a.current {
	text-decoration:none;
	color:#FFF;
	background-position:0 -43px;
}
.subtabs {
	clear:both;
	height:14px;
	margin-top:5px;
}
.subtabs li {
	float:left;
	margin-right:5px;
}
.subtabs li a {
	float:left;
	display:block;
	padding:5px 12px;
	background:#f0f3f7;
	color:#6187B1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius: 3px;
}
.subtabs li a:hover,
.subtabs li a.current {
	background:#6187B1;
	color:#FFF;
	text-decoration:none;
}
.pane .pane { clear:both; }
.pane .pane ul { clear:both; margin-top:20px; }
.pane .pane li {
	margin-bottom:8px;
	padding-left:12px;
	background:url(../img/subtabs-li.gif) no-repeat left center;
}
#content, #content2 {
	position: relative;
	padding: 20px;
	color:#6e8ea1 !important;
}
 
#content div p, #content2 div p {
	font-family: Trebuchet MS, Arial, Verdana;
	font-size: 1.0em;
}

/* ----------------- PRODUTOS ----------------- **/

.produtos {
	margin-bottom:20px;
}
.box-produtos {
	color:#f3f3f3;
	border:1px solid #e0e0e0;
	padding:10px 20px;
}

#produtos-infos li {
	width:210px;
	float:left;
	margin:30px 20px 30px 0;
}
#produtos-infos li h2 {
	font-size:1.0em ;
	height:20px;
}

/* ----------------- FORNECEDORES ----------------- **/

.form1 {
	float:left;
	width:300px;
	margin-right:20px;
	margin-bottom:20px;
}

.fornecedores {
	margin-bottom:20px;
}
.box-fornecedores {
	color:#f3f3f3;
	border:1px solid #e0e0e0;
	padding:10px 20px;
}

.tit2 {
	background-color:#6e8ea1;
	height:25px;
	color:#FFF !important;
	padding:10px 0 0 10px;
	font-size:1.2em !important;
}
.lab-letras li {
	float:left;
	margin:10px 30px 0 0;
	font-size:1.1em;
}

#resultado-fornecedores {
	margin-bottom:30px;
}
#resultado-fornecedores li {
	height:35px;
}
#resultado-fornecedores li a {
	font-size:1.0em;
	color:#999 !important;
	display:block;
	height:25px;
	padding:10px 0 0 10px;
	border-bottom:1px dotted #CCC;
}
#resultado-fornecedores li a:hover {
	background:#DDD;
	color:#FFF !important;
	text-decoration:none;
}


/* ----------------- NOTÍCIAS ----------------- **/

.box-noticias {
	padding:10px;
	/* margin-bottom:20px; */
}
.bg-box-noticias {
	background:#f4f4f4;
	border-top:1px dotted #CCC;
}
.box-noticias h2 {
	font-size:1.2em !important;
}
.box-noticias h3 {
	font-size:1.1em !important;
}
.box-noticias small {
	color:#CCC;
	font-weight:bold;
	font-size:0.9em;;
	margin-bottom:5px;
	display:block;
}
#coluna-esq h2 {
	color:#5f778e;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:10px;
}
.col-noticias li {
	border:none !important;
	margin-top:20px;
	border-bottom:1px dotted #999 !important;
	height:auto !important;
	padding-bottom:10px;
}
.col-noticias li p {
	color:#747474;
	margin:0px !important;
	padding:0px !important;
}
.col-noticias li small {
	color:#5f778e;
	font-weight:bold;
	font-size:0.8em;
}
.retranca {
	font-weight: bold;
	color:#CCC;
	display: block;
	margin-bottom: 10px;
	font-size:0.9em;
}
.noticia-body p {
	color:#333 !important;
}

.paginacao-noticia {
	height:40px;
	margin-top: 20px;
}
.paginacao-noticia li {
	float:left;
}
.paginacao-noticia li a {
	border:1px solid #CCC;
	width:9px;
	margin-right:5px;
	padding:6px;
	display:block;
}
.paginacao-noticia li a:hover {
	background:#EEE;
	text-decoration:none;
}
a.voltar-noticias {
	background:url(../img/voltar.jpg) left top no-repeat;
	display:block;
	width:169px;
	height:38px;
	text-indent:-9999px;
	margin:20px 0 0 0;
}
a.voltar-noticias:hover {
	background:url(../img/voltar2.jpg) left top no-repeat;
}


/* ----------------- REPRESENTANTES ----------------- **/

#empresa-representantes {
	background:#e4e4e4;
	border:1px solid #c2c2c2;
	height:57px;
	margin:20px 0;
}
#empresa-representantes p {
	text-align:center;
	padding:10px 0 0 0 !important;
	font-weight:bold;
	font-size:1.0em;
}
.foto-representantes {
	float:right;
	margin-left:10px;
}

/* ----------------- LINKS ----------------- **/

#links li {
	margin-bottom:10px;
}

/* ----------------- FALE CONOSCO ----------------- **/

#fale-conosco {
	color:#909090;
}
#fale-conosco label input, #fale-conosco label select, #fale-conosco label textarea {
	display:block;
	margin:10px 0;
	width:300px;
}
.tel {
	width:100px !important;
}
a.enviar {
	background:url(../img/enviar2.jpg) left top no-repeat;
	width:87px;
	height:38px;
	display:block;
	text-indent:-9999px;
	margin:0 0 20px 0;
}
a.enviar:hover {
	background:url(../img/enviar.jpg) left top no-repeat;
}
#fale-conosco, #map {
	float:left;
}
#fale-conosco {
	margin-right:30px;
}
#map {
	border:1px solid #CCC;
}
#contato {
	float:left;
}
#contato .row {
	margin-bottom: 5px;
	color:#999;
}
#contato .row input {
	color:#999;
}
#contato .row label {
	width:80px;
	display:inline-block;
	text-align: left;
	margin-right: 5px;
	vertical-align: top;
	padding-top:3px;
}
#contato .row select {
	width:240px;
}
#contato .row textarea {
	font-family:Arial, Helvetica, sans-serif;
	width:234px;
	height:100px;
}
#contato .row span {
	font-size:0.9em;
	color:#CCC;
}
#contato .row input {
	width:234px;
}
#contato .row .alerta {
	background:#fcf9e2;
}
#contato .submit {
	float:right;
}
#mapa {
	float:right;
}
.mapa img {
	border:solid 3px #CCC;
}
#endereco {
	float:left;
	margin-left:40px;
}
#endereco h3 {
	margin-top:0;
}
#mapa {
	margin-bottom:20px;
}

/* ----------------- PARCEIROS ----------------- **/

#parceiros {
	margin-top:20px;
}
#parceiros li {
	display:inline-block;
	border:solid 3px #e4e4e4;
	margin:0 20px 20px 0;
}




/* ----------------- ENCARTES ----------------- **/

#encarte-do-mes {
	width:225px;
	height:312px;
	margin:0 auto;
	display:block;
}
#img-encarte-do-mes {
	background:url(../img/bg-encarte-do-mes.jpg);
	width:225px;
	height:312px;
}
#img-encarte-do-mes img {
	margin:10px 0 0 12px;
}
#encartes-anteriores {
	margin:20px 0 0 0;
	display:block;
}
#encartes-anteriores li {
	float:left;
	margin-right:15px;
}