/*
============================
General
============================
*/

* {
	font-family: Tahoma, Verdana, Arial;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	border: none;
	font-size: 10pt;
	letter-spacing: 1px;
	color: #666666;
}

.small {
	font-size: 9px;
}

#main a {
	border-bottom: dashed 1px #444444;
	text-decoration: none;
}

#main a:hover {
	color: #479E42;
	border-bottom: solid 1px #479E42;
	text-decoration: none;
}

table {
	width: 100%;
}

img {
	border: none;
}

input, textarea {
	border: solid 1px #BBBBBB;
}

input.submitButton {
	padding: 3px;
	background: #DDDDDD;
	border: solid 1px #BBBBBB;
	cursor: pointer;
}

ul {
	list-style-position: outside;
	padding-left: 20px;
}

body {
	padding-top: 10px;
	background: #E9E9CF url("images/background.jpg") top repeat-x;
}

#main {
	padding: 20px;
	background: white url('images/top.jpg') top no-repeat; /* White rounded top */
	padding-top: 50px; /* rounded top height (45px) + space */
	margin-right: auto;
	margin-left: auto;
	width: 985px; /* 1025 - 2*padding */
}

.clearingBothDiv {
	clear: both;
	width: 0;
	height: 0;
}

.messages, .successMessages {
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 10px;
	background: #D0FFBA;
}

.errorMessages {
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 10px;
	background: #FFB5BB;
}

#phpsessionid {
	display: none;
}

.invisible {
	display: none;
}

.strong {
	font-weight: bold;
}

/*
============================
Home Flash
============================
*/


body#home {
	background: #FFFFFF url("images/background_cinza.jpg") top repeat-x;
}

#mainHome {
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	width: 800px;
}


#logoHome {
	text-align: center;
}

#contactHome {
	text-align: center;
}

#contactHome p {
	font-size: 12pt;
}

#contactHome p a img {
	margin: 0;
}

/* 
============================
Header
============================
*/

#header {
	height: 225px;
}

#header1 {
	float: left;
	width: 470px;
	padding-top: 50px;
	text-align: center;
}

#header1 a, #header1 a:hover {
	border: none;
}

#header2 {
	float: right;
	width: 470px;
	margin-right: 0px;
}
#header > #header2 {
	margin-right: 8px;
}

/* 
============================
Menu 
============================
*/


#menu {
	background: #FFFFFF url('images/back_menu.jpg') repeat-x;
	width: 978px;
}

#main .menuItem, #main .menuItemSelected {
	float: left;
	width: 163px;
	background: #7C7878 url('images/menu_linha.jpg') repeat-x;
}

#main .menuItem a, #main .menuItemSelected a {
	display: block;
	width: 161px; /*  = .menuItem width - 2 */
	height: 32px; /* = 40 - padding-top */
	background: #7C7878 url('images/back_menu.jpg') left repeat-x;
	color: #ffffff;
	font-size: 13pt;
	letter-spacing: 2px;
	padding-top: 8px; /* to be vertically aligned */
	text-align: center;
	border: none;
}

#main .menuItem a:hover {
	color: #9FE283; /* Light green */
	border: none;
}

#main .menuItemSelected a {
	background: #7C7878 url('images/back_menu_selected.jpg') left repeat-x;
}

#main .menuItemSelected a:hover {
	/* was appearing in IE */
	color: #ffffff;
	border: none;
}



/* 
============================
Content 
============================
*/


#main > #content {
	/* Only for real browsers, IE already has a bottom margin from menu */
	margin-top: 20px;
}

#column1 {
	float: left;
	width: 210px;
}

#column2 {
	float: left;
	width: 500px;
	margin-left: 30px;
}

#column3 {
	float: right;
	width: 210px;
	margin-right: 5px;
	padding-top: 48px;
}

.submenu {
	background: #E9E9CF url('images/submenu_top.jpg') top repeat-x;
	padding: 10px;
	margin-bottom: 20px;
}

.submenu .title {
	margin-top: 10px;
	color: #000000;
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 12pt;
}

#main .submenuItem a, #main .submenuItemSelected a{
	display: block;
	margin-top: 5px;
	border-bottom: solid 1px white;
	font-size: 10pt;
	font-weight: bold;
	background: url('images/arrow2.png') top left no-repeat;
	padding-left: 22px;
	padding-bottom: 5px;
}

#main .submenuItemSelected a {
	background: url('images/arrow.png') top left no-repeat;
	padding-left: 22px;
	color: #3EA53A;
}

#main .submenuItem a:hover {
	color: #3EA53A;
	border-bottom: solid 1px white; /* must be repeated for IE */
}

#main .submenuItemSelected a:hover {
	border-bottom: solid 1px white; /* must be repeated for IE */
}

h1 {
	font-size: 18pt;
	color: #2f6d40;
	font-weight: bold;
	margin-bottom: 20px;
}

h2 {
	display: block;
	background: #7C7878 url('images/h1_back.jpg') repeat-x;
	height: 22px; /* 26px - padding-top */
	padding-left: 10px;
	padding-top: 4px;;
	font-size: 10pt;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 2px;
	margin-top: 20px;
	margin-bottom: 20px;
}

h3 {
	font-size: 10pt;
	color: #3EA53A;
	margin-bottom: 10px;
	font-weight: bold;
}

p {
	margin-bottom: 20px;
	font-size: 10pt;
	letter-spacing: 1px;
}

p img {
	margin: 15px;
}

p img.left {
	float: left;
	margin-left: 0px;
}

p img.right {
	float: right;
	margin-right: 0px;
}

.subtitle {
	padding: 10px;
	background: #D0FFBA;
}

.box1 {
	margin-top: 10px;
	padding: 10px;
	background-color: #E9E9CF;
	border: solid 4px #DDC298;
}

.box1 h1 {
	margin-bottom: 20px;
}

.box1 p {
	color: #222222;
}

/* 
============================
Clínica 
============================
*/

#main p.lightbox a {
	border: none;
}

p.lightbox img {
	margin: 10px;
}


/* 
============================
Maternidade 
============================
*/

#logoMaternidade {
	margin-top: 20px;
}

#main div.lightbox a {
	border: none;
	text-decoration: none;
}

div.photo {
	float: left;
	margin: 10px;
}

ul#babyList {
	padding: 10px 0 0 0;
	margin: 0;
}

#main li.babyListItem, #main li.babyListItemSelected {
	list-style: none;
	padding: 0;
	margin: 0;
}

#main li.babyListItem a, #main li.babyListItemSelected a, #main li.babyListItem a:hover, #main li.babyListItemSelected a:hover {
	display: block;
	padding: 5px 0 5px 5px;
	margin: 0;
	text-decoration: none;
	border: none;
}

li.babyListItemSelected {
	background-color: #9FE283;
}

input.input {
	background-color: #fbfbda;
	width: 180px;
	height: 20px;
}

textarea.babyEmailInput {
	width: 500px;
}

/* 
============================
Medicos 
============================
*/

ul.CVlist li {
	margin-bottom: 5px;
	font-size: 10pt;
	letter-spacing: 1px;
}

.docPhoto {
	margin-bottom: 10px;
}

table.medicos {
	width: 100%;
	margin-bottom: 20px;
	border-spacing: 3px;
}

table.medicos td {
	background: #e3ffdf;
	padding: 5px;
}


/* 
============================
Estetica 
============================
*/

h1.estetica {
	color: #b82171;
}

#photos {
	margin-top: 20px;
}

#main a.estetica {
	color: #b82171;
	border-bottom: solid 1px #b82171;
}
#main a.estetica:hover {
	border-bottom: solid 1px #b82171;
}

#logoEstetica {
	margin-top: 20px;
	margin-bottom: 20px;
}

#janeEquipe {
	text-align: center;
	margin-bottom: 20px;
}

#contato {
	text-align: center;
}

.bigger {
	font-size: 12pt;
}

.sloganEstetica {
	text-align: center; 
	font-weight: bold;
	color: #b82171;
	font-size: 12pt;
}

/* 
============================
Contato 
============================
*/


#contactFormTable {
	border: none;
}

#contactFormTable td{
	border: none;
}

#contactFormTable td.label{
	width: 180px;
	text-align: right;
	vertical-align: top;
	padding-right: 10px;
}

table#phones td {
	text-align: left;
}

table#phones td.number {
	text-align: center;
}

.contactInput{
	width: 290px;
}

.antispamInput {
	width: 30px;
}


/* 
============================
Footer 
============================
*/

#footer {
	text-align: center;
	background: #E9E9CF url('images/bottom.jpg') top no-repeat; /* White rounded bottom */
	padding-top: 50px; /* rounded top height (45px) + space */
	padding-bottom: 50px;
	margin-right: auto;
	margin-left: auto;
	width: 1025px;
	font-size: 10pt;
	color: #888888;
}