﻿
/* === reset  browser === */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img { margin:0;padding:0; border:0;}
table {border-collapse:collapse; border-spacing:0;}
address,caption,code,em,th,td,h1,h2,h3,h4,h5,h6{font-style:normal; font-weight:normal;}
ol,ul { list-style-type: none;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content: none;}
a, :focus{ outline: none; }
/* ================= */ 

/* **** Blocks ***** */
/* ***************** */
body					{background: #f4f4f4 url(../imgs/bg_shadow.jpg) repeat-y center top;}

#container 				{ padding: 0;  margin:0;}

#wrapper 				{width:980px; margin: 0 auto; background:#FFFFFF;}
	#header 				{width:100%; height: 55px; display:block; padding: 5px 0 0 0;}
	#header_img 		{width:980px; height: 235px; overflow: hidden;}
	#mainMenu			{background:#4d99c4 url(../imgs/menu_bg.jpg) repeat-x left top; width:auto; height: 40px;/* ie6 precisa de altura definida */}
	#fullContent 		{width:auto; padding: 20px; display: block; height:auto;}
		#leftMenu		{width:200px; margin: 0 20px 20px 0; background-color: #ebf5fa; float:left;}
		#pageContent	{float:left; width: 715px;padding: 0 5px 0 0;}
	
	
#footer 			{padding: 10px 20px 60px 20px; margin: 15px 0 0 0; background: #ebf5fa;}

/* ******************** */

.leftwards {float:left;}
.rightwards {float:right;}
.clear{clear: both;}

/* ******************** */

#header h1#logo a { margin:0 0 0 25px; padding: 0; border:0; display:block; width:80px; height: 50px; text-indent: -5000px; background: #FFFFFF url(../imgs/pfizer_logo.jpg) no-repeat 0px 0px;}
#header #searchBox{ display: none;}
/*#header #searchBox{ width: 180px; height: 35px; display: block; margin: 0 0 0 auto; padding: 10px 5px 0 0;}
	#header #searchBox input{width: 135px; height: 1.5em; margin: 2px 5px 0 0;padding: 2px 3px 0 3px; border: #81c6ec 1px solid;}
	#header #searchBox a{margin:0; border:0; width: 25px; height: 25px; display:block; background: #FFFFFF url(../imgs/search_icon.jpg) no-repeat 0px 0px; }*/


/* *****  MAIN MENU ******* */

ul#menu {height: 40px; width: 667px; margin: 0 0 0 auto; padding: 0; display:block; list-style-type: none; color:#FFFFFF; }
	ul#menu li { float: left; margin: 0;padding: 0;}
	ul#menu li a{ text-indent: -9000px; height: 40px; display: block; padding:0;}
	ul#menu li.sobre a, ul#menu li.sobre a:visited{ background: #4d99c4 url(../imgs/menu_grid.png) -20px -10px no-repeat; width: 109px; }
	ul#menu li.suasaude a{ background: url(../imgs/menu_grid.png) -129px -10px no-repeat; width: 127px; }
	ul#menu li.i_d a{ background: url(../imgs/menu_grid.png) -256px -10px no-repeat; width: 64px;}
	ul#menu li.profissionais a{ background: url(../imgs/menu_grid.png) -320px -10px no-repeat; width: 202px;  display: block;}
	ul#menu li.imprensa a{ background: url(../imgs/menu_grid.png) -522px -10px no-repeat; width: 164px; }
	
	ul#menu li.sobre a:hover, ul#menu li.sobre a:focus { background-position: -20px -70px;}
	ul#menu li.suasaude a:hover, ul#menu li.suasaude a:focus{ background-position: -129px -130px;}	
	ul#menu li.i_d a:hover, ul#menu li.i_d a:focus{ background-position: -256px -190px;}
	ul#menu li.profissionais a:hover, ul#menu li.profissionais a:focus{ background-position: -320px -250px;}
	ul#menu li.imprensa a:hover, ul#menu li.imprensa a:focus {background-position: -522px -310px; width: 164px; }
	
	ul#menu li.sobre a#selected, ul#menu li.sobre a:active { background-position: -20px -70px;}
	ul#menu li.suasaude a#selected, ul#menu li.suasaude a:active{ background-position: -129px -130px;}	
	ul#menu li.i_d a#selected, ul#menu li.i_d a:active{ background-position: -256px -190px;}
	ul#menu li.profissionais a#selected, ul#menu li.profissionais a:active{ background-position: -320px -250px;}
	ul#menu li.imprensa a#selected, ul#menu li.imprensa a:active{ background-position: -522px -310px; width: 164px; }
	
	.noBg, .noBg a {background: #F0F;}
	ul#menu li ul#dropMenu li a{background: none; text-indent: 0;}
	ul#dropMenu li.last{border:0;}
	
/* ************************** */
/* ******* homepage ********* */

.vLine{border-left:#cce5f3 1px solid;}

#flash_container {width: 640px; height: 265px; margin: 0 0 20px 0; padding: 0; z-index: 1;}

.homeNews{width: 269px; display: block;  padding:0 0 0 15px; margin: 0 0 20px 15px;}
.homeNews h2{padding: 0 0 0 30px; background: #FFFFFF url(../imgs/homenews_icon.jpg) no-repeat left top;}
	ul#news{width: 100%; list-style-type: none;}
	ul#news li{list-style-type: none; display: block; height: 50px; padding: 15px 0 5px 0; margin: 0; border-bottom:#cce5f3 1px dashed;}
	ul#news li.last{border:0;}
	ul#news li img{ margin:0; padding: 0 10px 0 0;}
	.homeNews div.vejamais{display: block; margin:0;  padding: 5px 5px 0 5px; height: 20px; background-color: #ebf5fa; text-align: right;}
	.homeNews div.vejamais a{display: block; margin:0; height: 18px;}
	
ul#highlights {list-style: none; }
ul#highlights li {list-style: none; float:left; width: 460px; margin: 0 0 15px 0;}
ul#highlights li.box1 {padding:0 10px 0 0;background:#FFFFFF url(../imgs/highlight_separator.gif) repeat-y -1px top;}
ul#highlights li.box2 {padding:0 0 0 10px;}
ul#highlights li h4 {padding: 10px;}

/* ************************* */
/* ******** pages ********** */
ul#sitemap 					{margin: 10px 0 0 0; padding: 0 0 0 80px;}
ul#sitemap li				{margin: 5px 0 5px 10px; list-style-type: square;}
ul#sitemap ul  			{margin: 10px 0;}
ul#sitemap li ul li		{margin: 10px 20px; list-style-type: circle;}

.pageTitle					{height: 20px; background: #293e5c url(../imgs/darkblue_bg.jpg) repeat-x left top; padding: 4px 6px 4px 20px;}
.page_img 					{width: 715px; height: 250px; margin:0;}
#leftMenu ul				{margin: 10px 10px 10px 20px; padding: 0 0 0 15px;}
#leftMenu ul li			{padding: 5px 10px 5px 0; list-style-position: outside; list-style-image: url(../imgs/menu_arrow.gif);}

#pageContent h2 			{padding: 0 0 0 5px; margin: 5px 0 20px 0;}
#pageContent h3 			{margin:20px 0 15px 0;}
#pageContent h4 			{margin: 0 0 10px 0;}
#pageContent p 			{margin: 10px 0;}
#pageContent ul 			{padding: 0 20px 10px 40px; list-style-type: square;}
#pageContent ul#news		{padding: 0;}
#pageContent ul#news li a img {margin:0 5px; padding: 0 0 0 5px;}
#pageContent ul#news li	{height: 35px; padding: 5px 0 }
#pageContent ul#news li p{margin:0 0 5px 0;}

/* ************************** */
#footer .submenu 	{float:right; margin: 0; padding:0;}
	#footer ul		{padding:0; margin:0; margin: 0 0 0 auto;}
	#footer ul li	{float:left; margin: 0 0 0 5px; padding:0 5px 0 0; text-align: right; display:block; border-right: #007dc3 1px solid;}
	#footer li.last	{border:0;}
