@charset "utf-8";

@import url(./reset.css);
@import url(./common.css);
@import url(./text.css);
@import url(./buttons.css);
@import url(./form.css);
@import url(../shadowbox/shadowbox.css);

/* BODY */
div { position: relative; }
html { height: 100%; }
body { 
	background: url(../img/background_site.png) no-repeat center;
	scrollbar-arrow-color: white;
	scrollbar-3dlight-color:white;
	scrollbar-highlight-color:white;
	scrollbar-face-color: #8295b0;
	scrollbar-shadow-color:white;
	scrollbar-darkshadow-color:white;
	scrollbar-track-color:white;	
}

/* HEADER */
a#switchVersion { color: #325b88; float: right; margin-right: 199px; margin-top: 5px; text-decoration:none; }
div#header { width: 800px; }
div#logotipo { width: 250px; height: 94px; margin: 18px 0px 0px 175px; 
}
/* CONTENT */
div#content { 
	width: 765px;
  height: 560px; 
  left: 50%; 
  top: 50%; 
  margin-top: -280px; 
  margin-left: -382px;
  position: absolute;  
}
div#wrapper {
	width: 600px;
	height: 395px;
	float: left;
	margin: 16px 0px 0px;
	background: url(../img/bg_content.png) no-repeat;	
}

div.conteudoEsq { width: 289px; height: 395px; float: left; }
div.conteudoDir { width: 311px; height: 395px; float: right; }
div.conteudoDir a:hover { text-decoration: none; }

div#wrapper ul { margin: 40px 0px 0px 45px; }
div#wrapper ul li { list-style: disc; }
div#wrapper ul li a { color: white; text-decoration: underline; }
div#wrapper ul li a:hover { text-decoration: none; }

div.contentLeftMenor { 
	width: 210px; 	
	height: 367px; 
	float: left; 
	margin-top: 28px; 
	margin-left: 25px;
}

div.contentLeftMenor p.ampliar { margin: -4px 0px 0px 45px; font-size: 10px; }
div.contentLeftMenor img { margin-top: 5px; }
div.contentLeftMenor img.miniaturas { margin-top: 10px; }
div.contentRightMaior { width: 365px; height: 395px; float: right; }
a.voltar { padding: 2px 0px 0px 12px;  width: 48px; height: 13px; background: white; color: #7f90ac; position: absolute; bottom: 20px; right: 16px; text-decoration: none; font-size: 12px; font-weight: bold; }
a.voltar:hover { text-decoration: none; }
a.voltar_en { padding: 2px 0px 0px 8px;  width: 48px; height: 13px; background: white; color: #7f90ac; position: absolute; bottom: 20px; right: 16px; text-decoration: none; font-size: 12px; font-weight: bold; }

div.FullContent { width: 576px; margin: 0px 0px 0px 25px; height: 375px; }

div#contentFaceRight { width: 195px; height: 310px; margin: 85px 0px 0px 38px; float: left; }
div#contentFaceLeft { width: 367px; height: 395px; float: right; }
div#contentFaceLeft a { color: white; position: absolute; bottom: 25px; right: 16px; text-decoration: none; }
div#contentFaceLeft a:hover { text-decoration: underline; }

div.conteudoEsq img.duvidas { margin-top: 15px; }
div.conteudoEsq img.img_contato { margin: 41px 0px 0px 0px; }

div.scrollBox { width: 365px; height: 335px; overflow-y: scroll; margin: 25px 20px 0px 0px; }
div.scrollBoxProtese { width: 595px; height: 335px; overflow-y: scroll; margin: 25px 20px 0px 0px; }

	
/* QUADRO FOTOS */
div.album { position: absolute; bottom: 0px; }
div.quadroFotos { 
	display: block;
	width: 600px;
	height: 62px;
	position: absolute;
	bottom: 10px;	
	overflow: hidden;		
}
div.scroll { display: block; overflow: hidden; }
div.scroll a { width: 74px; height: 58px; float: left; border: 2px solid white; margin-right: 15px; background-position: bottom; text-decoration: none; }
div.scroll a:hover { background-position: top; }


/* MENU */
div#menu { position: absolute; top: 150px; left: 611px; }
div#menu ul { line-height: 1.6em; margin-left: 15px; width: 174px; }
div#menu ul li { background: url(../img/bullet.gif) no-repeat left center ; background-position: 0px 8px; padding: 0px 0px 0px 10px; }
div#menu ul li.selected { background: url(../img/arrow.png) no-repeat left center; background-position: 0px 5px; padding: 0px 0px 0px 10px;  }
div#menu ul li a { text-decoration: none; color: #213e5d; }
div#menu ul li a:hover { text-decoration: underline; color: #7f91ac; }
div#menu ul li a.selected {  text-decoration: underline; color: #7f91ac; }

div#menu ul li ul { background: none; display: none; line-height: 1.6em; font-size: 11px; margin-bottom: 20px; }
div#menu ul li.selected ul { display: block; background: none; }


/* FOOTER */
div#footer { width: 600px; margin: 10px 0px 0px 25px; display: inline-block; }

/* OTHERS */