﻿/* css reset http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/  */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}
.texto_descricao ul{padding:0 0 0 15px;}
li a{overflow:hidden}

.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns].clearfix{display:block}* html .clearfix{height:1%}

/* classes reutilizaveis */
.imgrpl{display:block;font-size:1px;text-indent:-9999px;}
.show{display:block;}
.hide{display:none;}
.hidden{visibility:hidden;}
.nb{border:none;background:transparent;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.cb{clear: both;}
.selfix{vertical-align: 0 !important;vertical-align: -2px;}
.radfix{width:13px !important;height:13px !important;width:15px;height:15px;vertical-align: -2px;border:none;background:none;padding:0;margin:0;}

/* seletores */
body {font: normal 11px 'Verdana',Arial,Helvetica,sans-serif;color: #646464}

body { background: #ffffff url(../img/bg/body.gif) repeat-x top center }

/* forms  */
/*input,select,textarea{border: 1px solid #000;background: #fff;color: #000;}*/
textarea{overflow:auto;}

/* links */
a{text-decoration:none; outline:none;}
a:hover{text-decoration:underline;}



/* estrutura */
div#container {width: 780px;margin: 0 auto;}

div#header {height: 130px;width: 780px;position: relative;}

div#header h1#logo{width: 165px;}

div#header h1#logo a {
	display: block;
	background: url(../img/logo.jpg) no-repeat;
	height: 84px
}

div#header iframe{
	position:absolute;
	top:0;
	right:0;
	}

/* services */
div.services {
	left: 180px;
	top: 1px;
	width: 408px;
}

div.services p.cliente {
	background: url(../img/txt/servicos.gif) no-repeat;
	height: 28px;
	margin: 10px
}

div.services a.ajuda {
	position: absolute;
	top: 10px;
	right: 185px;
	display: block;
	background: url(../img/bt/bt_ajuda.jpg) no-repeat;
	width: 58px;
	height: 26px;
}

/*user*/
div#user {
	position: absolute;
	width: 404px;
	top: 50px;
	left: 12px;
}

div.combo_sistema {
	background: url(../img/fake/combo_sistema.gif) no-repeat;
	width: 190px;
	height: 19px;
}

div.combo_acesso_rapido {
	background: url(../img/fake/combo_acesso_rapido.gif) no-repeat;
	width: 120px;
	height: 19px;
	margin: 15px 0 0 0
}

div#user fieldset {
	position: absolute;
	top: 0;
	right: 10px;
	width: 155px
}

div#user fieldset div {padding: 0 0 3px 0}

div#user fieldset div a {color: #FFF;font-size: 10px;}

div#user fieldset div input.field {
	font-size: 10px;
	color: #FFF;
	background: #325285;
	border: 1px solid #a9b6c7
}

div#user fieldset div input.bt { vertical-align: top; }

/* suporte ao cliente */
div.suporte {
	position: absolute;
	top: 37px;
	right: 10px;
	
}

div.suporte a.bt {
	display: block;
	background: url(../img/bt/bt_suporte_cliente.jpg) no-repeat;
	width: 119px;
	height: 27px;
}

/* menu */
div#menu_nav {
	position: absolute;
	width: 700px;
	top: 100px
}

div#menu_nav ul li { float: left; }

div#menu_nav ul li a {
	display: block;
	height: 23px;
	text-indent: -9999px
}

li.farma a {
	background: url(../img/mn/farma.gif) no-repeat;
	height: 30px !important;
	width: 131px
}

li.saude_e_odonto a {
	background: url(../img/mn/saude_e_odonto.gif) no-repeat;
	height: 30px !important;
	width: 131px
}

li.farma ul, li.saude_e_odonto ul{
	display:none;
	}

li.a_orizon a {background: url(../img/mn/a_orizon.gif) no-repeat;width: 107px}

li.downloads a {background: url(../img/mn/downloads.gif) no-repeat;width: 139px}

li.conexao_orizon a {background: url(../img/mn/conexao_orizon.gif) no-repeat;width: 115px}

/* content */
div#content {
	margin: 20px 0 0 0;
	min-height: 400px;
	_height: 400px
}

/* sidebar */
div#sidebar {float: left;width: 182px; display:inline}

/* main */
div#main {float: right;width: 595px; display:inline; overflow:hidden; }


/* footer */
div#footer {padding: 0 0 50px 0;background: #fff;}

div#footer a {color: #A0A0A0}

div#footer p {
	text-align: center;
	background: #EBEBEB;
	padding: 10px;
	margin: 5px 0 0 0;
	color: #A0A0A0
}

div#footer span.site_seguro {
	display: block;
	background: url(../img/ico/selo.gif) no-repeat;
	width: 74px;
	height: 37px;
}

/* destaque_flash */
div.destaque_flash { display: block; }

/* destaque_imagem */
div.destaque_imagem { 
	position: relative;
	display: block; 
	height: 300px 
}

div.destaque_imagem .saiba_mais a{
	position: absolute;
	bottom: 20px;
	right: 247px;
	width: 100px;
	height: 20px;
	text-indent: -9999px
}

/* tools */
div.tools {display: block;padding: 5px}

div.tools div { float: right; margin: 0 0 0 10px; font-size: 10px}

div.tools div input { vertical-align: middle; }

div.tools div a {margin: 0 5px}

/* destaque_produto_home */
div.destaque_produto_home {margin: 10px 0}

div.destaque_produto_home dl, div.destaque_produto_home div {
	display: block;
	float: left;
	width: 260px;
}

div.destaque_produto_home dl dd {margin: 10px 0}

div.destaque_produto_home dl dd p {color:#949494;font-size:10px;}

div.destaque_produto_home dl dd a.link { 
	display: block;
	background: url(../img/bullets/seta_azul.gif) no-repeat 0 2px;
	color: #377dd5;
	padding-left: 10px
}

/* destaque chamada */
div.destaque_chamada {display: block;}

div.destaque_chamada a { 
	width: 388px;
	display: block;
	float: left;
	text-align: center;
}

/* botoes sidebar */
a.conheca_orizon {
	display: block;
	height: 116px
}

a.lista_lpm {
	display: block;
	background: url(../img/ico/cross_06.jpg) no-repeat;
	height: 75px
}

a.rede_credenciada {
	display: block;
	background: url(../img/ico/cross_03.jpg) no-repeat;
	height: 75px
}

a.farmacia_credenciada {
	display: block;
	background: url(../img/ico/cross_04.jpg) no-repeat;
	height: 75px
}

a.seja_cliente_prestador {
	display:block;
	background:url(../img/ico/cross_07.jpg) no-repeat;
	height:71px;
}

/* texto descrição */
div.texto_descricao {margin-left:10px; font-size:11px}

div.texto_descricao p {color: #000;	padding-bottom: 10px}

div.texto_descricao ul {
	display: block;
	margin: 20px
}

div.texto_descricao ul li {
	list-style-type: disc ;
	color: #000
}

/* barra de titulos */
div.bar_tit {
	background: url(../img/bg/fundo_conteudo.jpg) no-repeat bottom;
	width: 595px;
	height: 68px;
}

div.bar_tit h2 {
	background: url(../img/bullets/bullet_titulo.jpg) no-repeat 0 11px;
	color:#F5A700;
	display:block;
	font-size:20px;
	margin-left:30px;
	margin-top:10px;
	padding-left:18px;
}

/* margins e paddings */
.mt50 {margin-top: 50px}

/* back */
div.back { width: 585px; margin:30px 0 0 182px; clear:both; display:block; } 

