/*----- tesla -----*/
body {
	margin: 0 auto;
	padding: 0;
	background: url(../imgs/fundo.jpg) repeat-x top left;
	background-color: #BBDBE6;
}
.medicos {
	width: 128px;
	height: 128px;
	margin: 0 0 0 50px;
	padding: 0;
	background: url(../imgs/medicos.png) no-repeat top;
	}
	.pacientes {
	width: 128px;
	height: 128px;
	margin: 0 0 0 50px;
	padding: 0;
	background: url(../imgs/pacientes.png) no-repeat top;
	} 
.menuFonte {
color: #204270;
font-weight: bold;
font-size: 13px;
/*text-shadow: 2px -2px 3px #c3c3c3;*/
}

* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	outline: none;
}

img {
	border: 0;
}

.clear {
	clear: both;
}

/*--- Geral ---*/
.geral {
	margin: 0 auto;
	width: 944px;
}

/*-fontes-*/
p, a, input, label, li , span{
	font: normal 11px tahoma;
	color: #333333;
}

p {
	display: block;
	line-height: 15px;
}

@font-face {
	font-family: 'CalibriRegular';
	src: url('../fonts/calibri-webfont.eot');
	src: local('?'), url('../fonts/calibri-webfont.woff') format('woff'), url('../fonts/calibri-webfont.ttf') format('truetype'), url('../fonts/calibri-webfont.svg#webfontYEE3qYfD') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1 {
	display: block;
	font: normal 20px tahoma;
	color: #91B6CE;
	margin: 0px 0 0 20px;
}

.txt {
	margin: 15px 15px 0 15px;
}
/*---- Topo ----*/
#topo {
	background: url(../imgs/fundo-topo2.png) no-repeat top left;
	float: left;
	width: 100%;
	height: 149px;
	margin: 0;
}

#topo .logar {
	float: right;
	width: 160px;
}

#topo .logar p {
	color: #587EA4;
	margin: 7px 0 0 5px;
	float: left;
}

#topo .logar a {
	float: left;
	width: 21px;
	height: 21px;
	overflow: hidden;
	margin: 4px 0 0 10px;
}

#topo .logar a img {
	float: left;
	margin: 0;
}

#topo .logar a:hover img {
	float: left;
	margin: -21px 0 0 0;
}

#topo .logar form {
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
	display: none;
}

#topo .logar form input[type=text], #topo .logar form input[type=password] {
	border: 0;
	background: #fff;
	border-top: 1px solid #C5C5C5;
	border-left: 1px solid #C5C5C5;
	float: left;
	width: 140px;
	height: 13px;
	color: #587EA4;
	padding: 5px 6px;
	margin: 3px 0 0 0;
}

#topo .logar form input[type=submit] {
	border: 0;
	background: url(../imgs/bt-enviar.png) no-repeat top left;
	float: right;
	width: 75px;
	height: 25px;
	color: #587EA4;
	margin: 5px 5px 0 0;
	cursor: pointer;
}

#topo .logar form input[type=submit]:hover {
	background-position: bottom left;
}

#topo .logo {
	float: left;
	width: 365px;
	height: 102px;
	margin: 30px 0 0 290px;
}

/*--- Menu ---*/
#menu {
	background: url(../imgs/fundo-menu.jpg) repeat-x top left;
	float: left;
	width: 100%;
	height: 49px;
}

#menu ul {
	float: left;
	width: 100%;
	height: 47px;
	margin: 1px 0 0 0;
	list-style: none;
	
}

#menu ul li {
	float: left;
	width: 157px;
	height: 47px;
	margin: 0;
	background:url(../imgs/barra-menu.png) no-repeat right;
}
	#menu ul li.intranet {
	background:none;
}

#menu ul li a {
	float: left;
	width: 157px;
	/*height: 15px;*/
	text-align: center;
	font: normal 13px 'CalibriRegular';
	color: #333333;
	padding: 16px 0;
}

#menu ul li a:hover, #menu ul li .ativo {
	background: url(../imgs/menu-ativo.png) repeat bottom right;
}
 a:hover{
	text-decoration: underline;
}
/*--- Conteudo ---*/
#conteudo {
	background: url(../imgs/fundo-conteudo.jpg) repeat-x top left;
	float: left;
	width: 100%;
	min-height: 100px;
	padding-bottom: 05px;
}
.coluna1{
	float: left;
	margin: 10px 10px 40px 40px;
	width: 215px;
	height:175px;
	
}
.coluna2{
	float: right;
	margin: 10px 40px 0px 0px;
	width: 215px;
	height:175px;
	
}

.coluna1-exame{
	float: left;
	margin: 10px 10px 40px 40px;
	width: 230px;
	height:230px;
	
}
.coluna2-exame{
	float: right;
	margin: 10px 40px 0px 0px;
	width: 230px;
	height:230px;
	
}

.col-metade {
	float: left;
	width: 304px;
	margin: 15px 0 0 15px;
}

.box-home {
	background: url(../imgs/fundo-box-home.png) no-repeat top left;
	float: left;
	width: 313px;
	height: 209px;
	margin: 05px 0 0 1px;
	position: relative;
}

.box-home img {
	display: block;
	margin: 20px 0 0 40px;
}

.box-home p {
	margin: 10px 40px 0 40px;
	color: #236882;
}

.box-home .bt-vejamais {
	background: url(../imgs/bt-vejamais.png) no-repeat top left;
	width: 81px;
	height: 17px;
	padding: 11px 0 0 0;
	text-align: center;
	color: #236882;
	position: absolute;
	bottom: 5px;
	left: 110px;
}

/*--- borda interna ---*/
.box-interna {
	background: url(../imgs/fundo-interna.jpg) repeat-x top left;
	background-color: #fff;
	float: left;
	width: 655px;
	min-height: 500px;
	border-top: 4px solid #9FBECD;
	border-left: 4px solid #9FBECD;
	margin: -40px 0 0 140px;
	padding-bottom: 40px;
	position: relative;
	z-index: 15;
}

.box-interna .cabecario {
	background: url(../imgs/img-interna.png) no-repeat top right;
	float: right;
	width: 100%;
	height: 79px;
	margin: 30px 0 0 0;
}

.box-interna .cabecario p {
	font-size: 14px;
	color: #91B6CE;
	margin: 0 0 0 20px;
}

.box-interna .cabecario img {
	float: left;
	margin: -20px 10px 0 0;
}
/*------- Slide Java -------*/
#slide {
	float: left;
	width: 100%;
	height: 330px;
	overflow: hidden;
}

#slideshow {
	width: 100%;
	height: 100%;
	margin: 0;
	padding:0;
	float: left;
	position: relative;
}

#slideshow a {
	float: left;
	width: 100%;
	max-height: 330px;
	overflow: hidden;
}

#slideshow a .box-texto {
	position: absolute;
	top: 100px;
	left: 30px;
	width: 225px;
}

#slideshow a .box-texto .titulo {
	float: left;
	width: 100%;
}

#slideshow a .box-texto .txt {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 10px 0 0 15px;
	line-height: 20px;
}

.foto-interna {
	float: left;
	width: 100%;
	min-height: 200px;
	position: relative;
}

.foto-interna .img {
	float: left;
	max-height: 100%;
	max-height: 100%;
}
.foto-interna .box-texto {
	position: absolute;
	top: 40px;
	left: 30px;
	width: 225px;
	z-index: 10;
}

.foto-interna .box-texto .titulo {
	float: left;
	width: 100%;
}

.foto-interna .box-texto .txt {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 10px 0 0 15px;
	line-height: 20px;
}

/*--- Form contato ---*/
.form-contato {
	float: left;
	width: 305px;
	margin: 20px 0 0 20px;
}

input[type=text], textarea {
	border: 0;
	border-bottom: 1px solid #95BAD0;
	background-color: #ECF8FF;
	display: block;
	margin: 5px 0 0 0;
	padding: 4px 5px;
	font: normal 11px tahoma;
}

input[type=text] {
	height: 14px;
}

.input-g {
	width: 295px;
}

.input-p1 {
	width: 90px;
}

.input-p2 {
	width: 185px;
}

textarea {
	width: 295px;
	height: 90px;
	overflow: hidden;
}

.form-contato label {
	display: block;
	color: #666666;
	margin: 10px 0 0 4px;
}

.form-contato .col-tel {
	float: left;
	width: 100px;
	margin-right: 10px;
}

.form-contato .col-email {
	float: left;
	width: 195px;
}

.form-contato input[type=submit] {
	background: #8AB3CA;
	border: 0;
	float: right;
	width: 75px;
	height: 25px;
	margin: 10px 0 0 0;
	color: #fff;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

/*--- Sobre nos ---*/
.col-texto {
	float: left;
	width: 305px;
	margin: 0 0 0 15px;
}

.col-texto p {
	margin: 15px 0 0 0;
	line-height: 16px;
}

.col-img {
	
}

.album2 {
	float: right;
	margin: 15px 15px 0 0;
	width: 305px;
	height: 202px;
	overflow: hidden;
	position: relative;	
}

.album2 #next {
	position:absolute;
	top: 70px;
	right: 0;
	z-index: 50;
}

.album2 #prev {
	position:absolute;
	top: 70px;
	left: 0;
	z-index: 50;
}

.album2 .slide-fotos {
	width: 100%;
	height: 100%;
}

/*--- Exames sanfona ---*/ 
#sanfona {
	float: left;
	width: 100%;
	margin: 35px 0 0 15px;
}

#sanfona a.unidade{ 
	background: url(../imgs/fundo-sanfona.png) no-repeat top left;
	width: 304px;
	height: 25px;
	padding: 5px 0 0 0;
	margin: 5px 0 0 0;
	text-align: center;
	font-weight: bold;
	display:block; 
	position: relative;
}
#naosanfona { 
	background: url(../imgs/fundo-sanfona.png) no-repeat top left;
	width: 304px;
	height: 25px;
	padding: 5px 0 0 0;
	margin: 5px 0 0 0;
	text-align: center;
	font-weight: bold;
	display:block; 
	position: relative;
}
#sanfona a span { 
	background: url(../imgs/seta2.png) no-repeat top right;
	position: absolute;
	top: 7px;
	right: 10px;
	width: 6px;
	height: 13px;
}
#sanfona a:hover span, #sanfona a.selected span{
	background: url(../imgs/seta1.png) no-repeat top right;
	width: 13px;
	height: 6px;
	top: 11px;
}
.login{
	margin: 0 0 0 150px;
	
}
#sanfona .descricao {
	background: url(../imgs/fundo-sanfona2.png) no-repeat top left;
	background-color: #A2C3D5;
	display: block;
	width: 625px;
	padding: 35px 0;
	border-bottom: 1px solid #626A6F;
	border-right: 1px solid #626A6F;
}

#sanfona .descricao_convenios {
	background: url(../imgs/fundo-sanfona2.png) no-repeat top left;
	background-color: #A2C3D5;
	display: block;
	width: 625px;
	padding: 35px 0;
	border-bottom: 1px solid #626A6F;
	border-right: 1px solid #626A6F;
}
	ul.sanfona { margin:0 0 0 40px;}
    ul.sanfona li  {
	width:100px;
	height:100px;
	background:#fff;
	text-align:center;
	float:left;
	list-style-type:none;
	margin:0 10px 10px 0;
	border:1px solid #fff;
}
	 ul.sanfona li:hover  { border:1px solid #333; cursor:pointer;}
	 ul.sanfona li a { width:100px; height:100px;}
#sanfona .descricao_medicos {
	background: url(../imgs/fundo-sanfona2.png) no-repeat top left;
	background-color: #A2C3D5;
	display: block;
	width: 625px;
	height: 90px;
	padding: 35px 0;
	margin: 10px 10px 0 0;
	border-bottom: 1px solid #626A6F;
	border-right: 1px solid #626A6F;
}

#sanfona .descricao ul {
	float: left;
	width: 275px;
	list-style: none;
	margin: 0 0 0 25px;	
}

#sanfona .descricao ul li {
	background: url(../imgs/barra.png) no-repeat bottom left;
	display: block;
	font-weight: bold;
	height: 17px;
	margin: 5px 0 0 0;
}
#sanfona .descricao p {
	background: url(../imgs/barra.png) no-repeat bottom left;
	margin: 5px 0 10px 10px;
}


#sanfona .descricao_convenios p {
	background: url(../imgs/barra.png) no-repeat bottom left;
	margin: 5px 0 20px 150px;
}

/*--- Lista medicos ---*/
.lista-medicos {
	float: left;
	margin: 50px 0 0 0px;
}

.lista-medicos button {
	width: 60px;
	height: 151px;
	border: 0;
	background: 0;
	float: left;
	margin: 15px 0 0 10px;
	cursor: pointer;
}

.lista-medicos .lista {
	float: left;
	width: 456px;
	height: 220px;
	margin: 0 20px 0 30px;
	overflow: hidden;
}

.lista-medicos .lista .todo {
	width: 20000px;
	position: relative;
}

.lista-medicos .lista .item {
	width: 455px;
	height: 185px;
	float: left;
	position: relative;
	
	background: url(../imgs/fundo-sanfona.jpg) repeat-x top left;
	background-color: #B3CEDD;
	border-bottom: 1px solid #626A6F;
	border-right: 1px solid #626A6F;
}

.lista-medicos .lista a {
	float: left;
	width: 134px;
	height: 174px;
	text-align: center;
	border-top: 1px solid #626A6F;
	border-left: 1px solid #626A6F;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin: 5px 15px 0 5px;
}
.lista-medicos .lista img {
	max-width: 134px;
	max-height: 174px;
}

.lista-medicos .lista .titulo {
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin: 15px 0 0 0;
}

.lista-medicos .lista p {
	display: block;
	margin: 10px 0 0 0;
}

.lista-medicos .lista .item .bt-ver {
	position: absolute;
	bottom: -35px;
	right: -15px;
	width: 130px;
	height: 30px;
	border: 0;
}

.nome {
	background: url(../imgs/fundo2.jpg) no-repeat top right;
	float: left;
	width: 464px;
	height: 50px;
	margin: 15px 0 0 190px;
}

.nome .titulo {
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0 0 15px;
}

.nome p {
	margin-left: 15px;
}

.img-perfil {
	float: left;
	width: 180px;
	margin: 0 15px 0 0;
}

.descricao-medico {
	float: left;
	width: 450px;
	margin: 15px 0 0 0;
}

.bt-ver-medicos {
	background: url(../imgs/fundo-sanfona.png) no-repeat top left;
	width: 304px;
	height: 25px;
	padding: 5px 0 0 0;
	margin: 25px 0 0 0;
	text-align: center;
	font-weight: bold;
	display: block;
}

/*--- localizacao ---*/
.mapa {
	float: left;
	width: 465px;
	height: 342px;
	margin: 15px 0 0 15px;
	overflow: hidden;
}
.unidades {
	background: url(../imgs/fundo-sanfona2.png) repeat-x top left;
	border-right: 1px solid #8EA1AC;
	border-bottom: 1px solid #8EA1AC;
	float: left;
	width: 164px;
	height: 308px;
	margin: 15px 0 0 0;
}

.unidades p {
	margin: 5px 0 0 15px;
}

.unidades .box {
	display: block;
	height: 90px;
	margin: 20px 0 0 0;
	padding-top: 10px;
	cursor: pointer;
}

.unidades .box .titulo {
	background: url(../imgs/barra.png) no-repeat left bottom;
	height: 20px;
	font-weight: bold;
}

.unidades .ativo {
	background: url(../imgs/mapa-ativo.png) no-repeat top left;
	border-right: 1px solid #8EA1AC;
	border-bottom: 1px solid #8EA1AC;
}

/*--- estrutura ---*/
.album {
	float: left;
	width: 465px;
	height: 342px;
	margin: 15px 0 0 15px;
	overflow: hidden;
	position: relative;
}

.album #next {
	position:absolute;
	top: 130px;
	right: 0;
	z-index: 50;
}
.album #prox {
	position:absolute;
	top: 130px;
	right: 0;
	z-index: 50;
}

.album #prev {
	position:absolute;
	top: 130px;
	left: 0;
	z-index: 50;
}
.album #ant {
	position:absolute;
	top: 130px;
	left: 0;
	z-index: 50;
}

.album .slide-fotos {
	width: 100%;
	height: 100%;
}
.album .slide-fotos2 {
	width: 100%;
	height: 100%;
}

.locais {
	background: url(../imgs/fundo-sanfona.jpg) repeat-x top left;
	border-right: 1px solid #8EA1AC;
	border-bottom: 1px solid #8EA1AC;
	float: left;
	width: 164px;
	height: 308px;
	margin: 15px 0 0 0;
}

.locais p {
	margin: 15px 0 0 15px;
}

.locais a {
	background: url(../imgs/barra.png) no-repeat bottom left;
	display: block;
	margin: 7px 0 0 15px;
	height: 18px;
}

/*--- resultados exames ---*/
.bem-vindo {
	background: url(../imgs/fundo-exames1.jpg) no-repeat top left;
	float: left;
	width: 624px;
	height: 49px;
	margin: 15px 0 0 15px;
}

.bem-vindo p {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	display: block;
	margin: 15px 0 0 20px;
}

.bem-vindo p b {
	font-size: 13px;
}

.box-resultado {
	float: left;
	background: #D4EAF1;
	width: 624px;
	margin: 0 0 0 15px;
	padding-bottom: 15px;
}

.box-resultado .col-metade {
	margin: 0;
	width: 50%;
}

.box-resultado .bt { 
	background: url(../imgs/fundo-sanfona.png) no-repeat top left;
	width: 304px;
	height: 22px;
	padding: 8px 0 0 0;
	margin: 5px 0 0 5px;
	text-align: center;
	font-weight: bold;
	display:block; 
	position: relative;
}
.box-resultado .bt span { 
	background: url(../imgs/seta1.png) no-repeat top right;
	position: absolute;
	right: 10px;
	width: 13px;
	height: 6px;
	top: 11px;
}

.box-resultado .titulo {
	display: block;
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #fff;
	text-align: center;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

.box-resultado .txt1, .box-resultado .txt2 {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	display: block;
	margin: auto 15px;
	line-height: 17px;
}

.box-resultado .txt1 {
	margin-top: 50px;
}

.box-resultado .txt2 {
	margin-top: 10px;
}

.bt-encerrar {
	float:left;
	margin: 30px 0 0 170px;
	width: 312px;
	height: 50px;
}
/*---- Rodape -----*/
#rodape {
	background: url(../imgs/fundo-rodape.jpg) repeat-x top left;
	float: left;
	width: 100%;
	height: 180px;
}

#rodape .links {
	float: left;
	width: 100%;
	height: 38px;
}

#rodape .links ul {
	float: left;
	margin-left: 270px;
	list-style: none;
}

#rodape .links ul li {
	float: left;
	margin: 12px 0 0 0px;
}

#rodape .links ul li a {
	float: left;
	margin:0 10px;
}

#rodape .box {
	float: left;
	width: 600px;
	height: 180px;
	/*margin: 28px 0 0 10px;*/
}

#rodape .espaco {
	margin-left: 139px;
}

#rodape .box p {
	margin: 10px 0 0 5px;
}

#rodape .box .col { 
	float: left;
	width: 200px;
	margin: 10px 0 0 0;
}

#rodape .mil {
	float: right;
	width: 70px;
	margin: 90px 0 0 0;
}
.ui-widget .ui-widget{
	font-size: 0.7em !important;
}