﻿/*-----------------------------------------------------------------------------
Nome do Projeto ( Baú do Carro )

versão               : 1.1  // Sempre que houver modificação, por favor alterar a versao da folha
autor                : SV Projetos e Sistemas
email                : comercial@sv.com.br;
website		     : http://www.sv.com.br/
data de criacao      : 20/06/2008
Ultima modificação   : n/a
Autor da Modificação : n/a
 
!- Legenda de comentários 
-----------------------------------
 :LIXO     - Maneira ruim de contornar um problema
 :ALTERAR  - Alterar no fim do desenvolvimento do projeto
 :BUG      - Problema no código

-----------------------------------------------------------------------------*/

/* =Geral
-----------------------------------------------------------------------------*/
* {
	margin:0px;
	padding:0px;
}

img, fieldset {
	border:none;
}

body {
	font:12px "Trebuchet MS", Arial, Verdana;
	color:#666;
	background:url(../img/bg_interna.jpg) repeat-x;
}

hr {
	border:none; 
	border-bottom:1px dashed #CCC;
	height:1px;
}

strong {color:#4e6c3d;}

h1 {}
h2 {}
p {	margin-bottom:10px; }

a         { color:#003770; text-decoration:none; }
/*a:hover   { color:#7CA668; text-decoration:none;}*/

/* =Estrutura
-----------------------------------------------------------------------------*/
#container_home {
	margin:auto;
	width:100%;
	background:url(../img/bg_home.jpg) repeat-x;
}

#container {
	margin:auto;
	width:100%;
	background:url(../img/bg_rodape.jpg) bottom repeat-x;
	
}

#geral {
	margin:0 auto;
	width:770px;
	*width:769px;
	_width:770px;
}

#topo {
	width:769px;
	height:109px;
	background:url(../img/bg_topo.jpg) no-repeat;
	}

#logo {
	width:232px;
	height:55px;
	float:left;
	background:url(../img/logo.jpg) no-repeat;
	margin:30px 50px 0 30px;
	_margin:30px 50px 0 15px;
	}
#logo a {
	width:232px;
	height:55px;	
	display:block;
	text-indent:-5000px;
	cursor:pointer;
	}
	
#data {
	float:right;
	margin-top:15px;
	text-align:right;
	color:#999999;
	font-size:11px;
	padding-right:10px;
	}
	
/* =Menu
-----------------------------------------------------------------------------*/

#menu {	
	float:right;
	width:470px;
	*width:480px;
	background:url(../img/separador_menu.gif) left no-repeat;
	}
	
#menu ul {list-style:none; margin:0px;}
#menu ul li {display:inline;}

#menu ul li.primeiro a { width:109px; height:13px; background:url(../img/menu/multi-imagem_pet.gif) bottom center no-repeat; margin:0 16px 0 16px;  text-indent:-5000px; float:left; font-size:7px;}
#menu ul li.primeiro a:hover {background:url(../img/menu/multi-imagem_pet.gif) top center no-repeat; }

#menu ul li.segundo a { width:49px; height:13px; background:url(../img/menu/o_exame.gif) bottom center no-repeat; text-indent:-5000px; margin:0 16px 0 16px; float:left; font-size:7px;}
#menu ul li.segundo a:hover {background:url(../img/menu/o_exame.gif) top center no-repeat; }

#menu ul li.terceiro a { width:110px; height:13px; background:url(../img/menu/pre-agendamento.gif) bottom center no-repeat; text-indent:-5000px; margin:0 16px 0 16px; float:left; font-size:7px;}
#menu ul li.terceiro a:hover {background:url(../img/menu/pre-agendamento.gif) top center no-repeat; }

#menu ul li.ultimo a { width:62px; height:13px; background:url(../img/menu/links_uteis.gif) bottom center no-repeat; text-indent:-5000px; margin:0 0px 0 16px; float:left; font-size:7px;}
#menu ul li.ultimo a:hover {background:url(../img/menu/links_uteis.gif) top center no-repeat; }

.subMenu {position:absolute; margin:162px 0 10px -110px; _margin:162px 0 10px 557px; *margin:150px 0 10px -557px; width:580px; }
.subMenu a { color:#577899; font-size:11px; font-weight:bold; padding:0px 5px 0px 5px; border-right:1px solid #577899; }
.subMenu a:hover { color:#7CA668; font-size:11px; font-weight:bold; padding:0px 5px 0px 5px; border-right:1px solid #577899; }

.subMenuNivel {position:absolute; margin:182px 0 10px -110px; _margin:182px 0 10px 557px; *margin:172px 0 10px -557px; background:#F3F5F8; padding:3px; width:580px; }
.subMenuNivel a { color:#577899; font-size:11px; padding:0px 3px 0px 3px; border-right:1px solid #FEC51C;  letter-spacing:-0.2px;}

/* =Home
-----------------------------------------------------------------------------*/
#banner_home {
	height:230px;
	_margin-bottom:-5px;
	*margin-bottom:-5px;
	}

#conteudo_home {
	background:url(../img/bg_conteudo.jpg) repeat-x ;
	margin-bottom:15px;
	}
	
#destaque_home {
	width:340px;
	float:left;
	}	
#destaque_home .texto {
	padding:12px;
	}
#destaque_home .texto h2.pet-ct {
	background:url(../img/tit_pet-ct.gif) no-repeat;
	width:96px;
	height:20px;
	margin-bottom:15px;
	}

.endereco {
	background:url(../img/endereco_home.gif) no-repeat;
	width:312px;
	height:58px;
	text-indent:-5000px;
	margin-top:-10px;
	}
	
.horario_atendimento 
{
	margin-top:-8px;
	color:#666666;
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:12px;
	margin-left:12px;
	width:300px;
    border-top:1px dotted;
	border-bottom:1px dotted;
	padding-top:8px;
	}	

#img_home {
	float:left;
	width:170px;
	height:215px;
	margin-top:-1px;
	*margin-top:4px;
	_margin-top:0px;
	}
	
#box_exame {
	width:234px;
	
	float:left;
	margin-top:0px;
	*margin-top:5px;
	_margin-top:0px;
	}
#box_exame .foto_exame {
	float:left;
	margin:0px 8px 5px 0px;
	}
#box_exame h2 {
	background:url(../img/tit_exame.gif) no-repeat bottom;
	width:87px;
	height:32px;
	text-indent:-5000px;
	margin-left:135px;
	*margin-left:135px;
	_margin-left:135px;
	}
#box_exame p {
	padding:12px;
	}

.clique_aqui {
	margin:11px 0 0 103px;
	*margin:11px 0 0 103px;
	_margin-top:-100px;
	_margin-left:8px;
	
	}


.texto_exame
{
	width:296px; 
	_width:256px;
	height:143px;
	margin-top:-1px;
}


/* =Estrutura das Internas
-----------------------------------------------------------------------------*/	

#banner_interna {
	width:770px;
	height:121px;
	background:url(../img/banner_o_exame.jpg) no-repeat;
}

#conteudo  {
	background:url(../img/bg_conteudo_interna.jpg) repeat-x top;
	margin-bottom:15px;
	min-height:280px;
	padding:12px;
	
	}

#menu_lateral
{
	width:160px;
	height:min-height;
	float:left;
	margin-top:-12px;
	margin-right:20px;
		
	}
.menu_lateral_interno
{
	font-size:12px;
	background-image:url("../img/menu/bg_menu_link.gif");
	
		
	}

.menu_lateral_interno_cinza
{
	font-size:12px;
	background-image:url("../img/menu/bg_interno_menu_link.gif");
	
		
	}

.menu_lateral_interno_cinza_grande
{
	font-size:12px;
	background-image:url("../img/menu/bg_interno_g_menu_link.gif");
	
	}	

.menu_lateral_interno_cinza_grande span
{
	margin-left:14px;
	color:#6c6c6c;
	/*font-weight:bold; */
	}	

.menu_lateral_interno_cinza span
{
	margin-left:14px;
	color:#6c6c6c;
	/*font-weight:bold; */
	}		
	
.menu_lateral_interno_top
{
	font-size:12px;
	background-image:url("../img/menu/bg_top_menu_link.gif");
	}
	
.menu_lateral_interno span
{
	margin-left:14px;
	color:#003770;
	font-weight:bolder; 
	}

.tit_paginas
{
	margin-left:10px;
	margin-top:4px;
	margin-bottom:0px;
	
	
	}
	
.pag_pre_agendamento
{
	width:584px;
	height:min-height;
	margin-left:174px;
	
	
	}

.form_pre_agendamento
{
	
	}
		

#conteudo h2 {}	
#conteudo .img1 {margin:0px 25px 25px 0px; _margin:-13px 25px 25px 0px;}
#conteudo .img2 {margin:0px 25px 25px -25px; _margin:-13px 25px 25px -25px;}
h2.oExame {
	background:url(../img/tit_o_exame.gif) no-repeat;
	width:103px;
	height:20px;
	margin-left:12px;
	margin-bottom:17px;
	float:left;
}
h2.linksUteis {
	background:url(../img/tit_links_uteis.gif) no-repeat;
	width:127px;
	height:20px;
	margin-left:12px;
	margin-bottom:17px;
}

h2.preAgendamento {
	background:url(../img/tit_pre_agendamento.gif) no-repeat;
	width:127px;
	height:20px;
	margin-left:12px;
	margin-bottom:17px;
}
h2.mipet {
	background:url(../img/tit_multiimagem_pet.gif) no-repeat;
	width:127px;
	height:20px;
	margin-left:12px;
	margin-bottom:17px;
	float:left;
}
.texto {padding-top:20px; padding-left:5px; }


/* =Formulários
-----------------------------------------------------------------------------*/
.formulario label    { display:block; font:bold 12px "Trebuchet MS", Arial, Verdana; color:#666; }
.formulario .campo   { background:#FCFCF9; border:1px solid #E3E5E0; width:40%;  padding:2px; margin-bottom:5px; font:11px "Trebuchet MS", Arial, Verdana; color:#666; }
.formulario .uf   { background:#FCFCF9; border:1px solid #E3E5E0; width:100px;  padding:2px; margin-bottom:5px; font:11px "Trebuchet MS", Arial, Verdana; color:#666; }
.formulario .campo:hover { border:1px solid #EA3C7B; }
.formulario .campo:focus { background:#FFF0F4; border:1px solid #EA3C7B; }
.formulario .botao   { background:url(../img/bg-btn-grd.jpg) repeat-x; border:1px solid #B92B59; padding:2px; font:bold 12px "Trebuchet MS", Arial, Verdana; color:#FFF; margin:10px 0px 0px 0px; cursor:pointer; text-decoration:none; text-transform:uppercase;  float:left; }
.formulario textarea { height:80px; }


/* =Box de Mensagems
-----------------------------------------------------------------------------*/
.erro      { width:250px; margin:20px auto; background-color:#FFF0F4; border:1px solid red; display:block; clear:both; padding-bottom:10px; padding-top:10px; text-align:center; height:30px; font: bold 15px "Trebuchet MS", Arial; color:#414141; }
.sucesso      { width:200px; margin:20px auto; background-color:#FCFCF9; border:1px solid blue; display:block; clear:both; padding-bottom:10px; padding-top:10px; text-align:center; height:30px; font: bold 15px "Trebuchet MS", Arial; color:#414141; }
.informacao { width:90%; margin:20px auto; display:block; clear:both; padding:10px 10px 10px 80px; height:60px; font: bold 15px "Trebuchet MS", Arial; color:#414141; }


/* =Rodape
-----------------------------------------------------------------------------*/
#rodape {height:30px; margin:41px;_margin:31px; text-align:center; color:#002468; font-size:11px; }
#rodape a { color:#597999; text-decoration:none;}



