* {margin: 0; padding: 0;}

body {
	background-color: #0093DD;
	color: #222;
	font: normal 62.5% Tahoma, sans-serif;
	padding: 2% 0;
}

a {color: #663B2B; text-decoration: none;}
a:hover {color: #0093DD;}

.footer a {color: #FFFFFF; text-decoration: none;}
.footer a:hover {color: #000000;}
img {border: none;}

h1,h2,h3 {color: #fff; padding: 2px 5px 2px 8px;}

h1 {font: normal 1.6em Times,serif; text-transform: uppercase;}
h2 {font: normal 1.5em Times, serif; text-transform: uppercase;}
h3 {font: bold 1.2em Time, serif;}

.link {text-align: right; font: normal 0.8em Verdana, sans-serif; }
.link a {color: #0093DD; text-decoration: none;}
.link a:hover {color: #663B2B; text-decoration: none;}

#wrapper {
	background: #FFFFFF;
	margin-top: 20px;
	margin: 0 auto;
	width: 762px;
}

#container {
	background: #fff;
	border-top: 6px solid #FFFFFF;
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 auto;
	width: 750px;
}

.header {
	background: #fff; height: 220px;
	border-bottom: 6px solid #FFFFFF;
	width: 750px;
	height: 220px;
}

.navigation {
	background: #fff url(f_casadoleme/nav.gif) repeat-x; height: 21px;
	border-bottom: 6px solid #FFFFFF;
}
.navigation a {
	background: #FFF url(f_casadoleme/nav.gif) repeat-x;
	border-right: 1px solid #FFFFFF;
	color: #FFFFFF;
	float: left;
	font: normal 1em Tahoma,sans-serif;
	padding: 0 14px;
	line-height: 21px;
	text-align: center;
	text-decoration: none;
}
.navigation a:hover,.navigation a#active {background-position: left bottom; color: #663B2B;}

.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}

.main {
	with: 100%;
	height: 100%;
	}

.col3 {height: 100%;}
.col3 .barleft {width: 246px; background: #F2F2F2; margin-right: 6px; height: 100%;}
.col3 .barright {width: 498px; background: #FFFFFF;}
.col3 .barright_c {width: 490px; background: #FFFFFF;}
.col3 .barright3 {width: 246px;}
.col3 .barcenter {width: 246px; margin-right: 6px;}
.col3 .barfull {width: 750px;}
 
	
.barleft {float: left;}
.barright {float: right;}
.barright_c {float: right;}
.barright3 {float: right;}
.barcenter {float: left;}

.barleft h1, .barfull h1 {background: #663B2B;}
.barcenter h1, .barright h1, .barright3 h1, .barright_c h1 {background: #0093DD;}
.barfull h2 {background: #663B2B; text-align:center;}
.content {padding: 5px;}
.content2 {padding: 6px; text-align: justify;}
.destak {background: #f2f2f2 ; height: 100px;}


.footer {
	border-top: 6px solid #FFFFFF;
	border-bottom: 6px solid #FFFFFF;
	height: 20px;
	background: #0093DD;
	text-align: center;
	}