@import url(reset.css);
/* Home Page  - Clínica Dentária Faro */


BODY {
	background: white;
}

/* General */

H1.introhead {
	font: 16px "BankGothic Md BT", Arial, sans-serif;
	color: white;
	margin: 10px 30px 8px 18px;
}
P.intro {
	font: 10px/14px Arial, sans-serif !important;/*"Arial Narrow", */
	color: white;
	margin: 0 30px 2px 18px;
}


.nofloat {clear: both;}


/* layout*/

#box_geral {
	width: 950px;
	margin: 5px auto;
	position: relative;
	background: white;
}

#topleft {
	width: 305px;
	height: 87px;
	float: left;
	background: white url(../img/flogo.png) no-repeat;
}
#topright {
	width: 645px;
	height: 87px;
	position: relative;
	float: left;
	background: white url(../img/righttiras.png) no-repeat;
	text-align: right;
}
	P.toplinks, P.toplinks2  {
		margin: 24px 4px 0 0;
		font: bold 12px "Arial Rounded MT Bold", Arial, sans-serif;
		color: #00A1A6;
	}
	P.toplinks2  {top: 18px;left: 400px;}
	P.toplinks A, P.toplinks2 A {color: #00A1A6; text-decoration: none;}
	P.toplinks A:hover, P.toplinks2 A:hover {color: #327798;}
	
/* Caixa Filosofia */
#filo_box {
	width: 305px;
	height: 184px;
	float: left;
	padding-top: 10px;
	background: white url(../img/introbg.png) no-repeat;
}
#header_box {
	width: 645px;
	height: 194px;
	float: left;
	background: white url(../img/header01.jpg) no-repeat;
}
#buttons_box {
	width: 950px;
	height: 242px;
	clear: both;
}
	.boxa, .boxb, .boxc, .boxd {
		width: 193px;
		height: 234px;
		float: left;
		text-align: center;
	}
	.boxa {background: white url(../img/3a.jpg) no-repeat;}
	.boxb {background: white url(../img/3b.jpg) no-repeat;}
	.boxc {background: white url(../img/3c.jpg) no-repeat;}
	.boxd {background: white url(../img/3d.jpg) no-repeat;}
	
	P.menutop, P.menubot {
		padding-top: 16px;
		font: 16px "BankGothic Md BT", "Lucida Sans", sans-serif;
		text-transform: uppercase;
	}
	P.menutop {
		/*margin-top: 20px;*/
	}
		P.menutop A {
			color: #666;
			text-decoration: none;
		}
		P.menubot A {
			color:#00A1A6; /* #00A1A6 */
			text-decoration: none;
		}
		P.menutop A:hover {
			color: #00A1A6;
			text-decoration: none;
		}
		P.menubot A:hover {
			color: white;
			text-decoration: none;
		}
	
	/* boxe XTRA */
		.boxe {
			width: 158px;
			/*height: 228px;*/
			float: left;
			margin-left: 18px;
			margin-top: 5px;
			text-align: center;
			/*background: green;*/
		}
			.boxe1 {
				height: 115px;
				background: white url(../img/e1.jpg) top left no-repeat;
			}
			.boxe2 {
				height: 114px;
				background: white url(../img/e2.jpg) no-repeat;
			}
			.boxe P {
				padding: 10px 10px 0 10px;
				font: 14px "BankGothic Md BT", "Lucida Sans", sans-serif;
			}
				.boxe P A { color:#327798; }


#footer { 
	width: 930px;
	padding: 15px 10px;
	clear: both;
	font: 11px "Arial Narrow", sans-serif;
	text-align: right;
	color: #00A1A6;
}
#footer P A {color: #00A1A6;}
.clicklink1 {width: 250px; height: 30px; position: absolute; top: 196px; left: 342px;}
.clicklink2 {width: 165px; height: 150px; position: absolute; top: 130px; left: 780px;}

.oktxt {/* caixa comentarios da home */
	width: 300px;
	margin-left: 10px;
	padding: 10px;
	font: 11px "BankGothic Md BT", Arial, sans-serif;
}
	.oktxt H5.tok {
		padding-bottom: 5px;
	}
	.oktxt UL.toklist {
		font-style: italic;
	}
		.oktxt UL.toklist LI {
			color: #01a2a5;
			margin: 5px 0 15px;
		}
	.oktxt P.getmore {
		padding-top: 5px;
	}