html,body {
	margin:0;
	padding:0;
	color:#FFF;
	text-align:center;
	font-family: Helvetica, Arial, Trebuchet MS, sans-serif;
	font-size:0.9em;
	background:transparent url('../i/bg_body.png') no-repeat center top;
	}
/* general text styles */
a:link, a:visited {
	color:#FF9933;
	text-decoration:underline;
	}
a:hover {
	color:#65EDED;
	text-decoration:none;
	}
a:active {
	color:#FF9933;
	text-decoration:underline;
	}
h1 {
	font-size:1.45em;
	font-weight:normal;
	color:#C70B0B;
	padding:0;
	margin:0 0 15px 0;
	clear:both;
	}
h2 {
	font-size:1.0em;
	font-weight:normal;
	padding:4px 25px 4px 5px;
	margin:0;
	color:#FFF;
	display:inline;
	background:transparent url('../i/bg_title.png') no-repeat bottom right;
	}
h3 {
	color:#EEE;
	font-size:1.2em;
	font-weight:normal;
	border-bottom:1px dotted #EEE;
	}
h3 a:link, h3 a:visited {
	color:#323D43;
}
h4 {
	font-size:1em;
	font-weight:normal;
	padding:0;
	margin:0;
	}
hr {
	clear:both;
	border:0;
	color:#303942;
	border-top:1px dotted #6B737C;
	margin:0 0 25px 0;
}
a.more, p.more a {
	display:block;
	float:right;
	clear:both;
	background:#6B737C;
	color:#FFF;
	font-size:0.8em;
	text-align:right;
	padding:2px 5px;
	margin:0 0 -22px 0;
}
/* general layout styles */
#sitecontainer {
	text-align:left;
	width:960px;
	margin:auto;
	}
#header {
	margin:0;
	padding:0;
	text-align:center;
	}
#header #logo {
	float:left;
	display:block;
	margin:30px 0 0 15px;
	width:121px;
	height:135px;
	background:transparent url('../i/logo-AquaClaro.gif') no-repeat top left;
	}
#header #logo h1 {
	visibility:hidden;
	}
#header #quicklinks {
	float:right;
	height:18px;
	margin:0 25px 0 0;
	padding:0;
	font-size:0.85em;
	}
#header #quicklinks a {
	display:block;
	float:left;
	text-decoration:none;
	border-right:1px solid #848480;
	color:#303942;
	padding:2px 10px 0 10px;
	margin:0;
	}
#header #quicklinks a.last {
	border:none;
	}
#header #langswitch {
	float:right;
	height:18px;
	margin:0 24px 2px 0;
	padding:0;
	}
#header #langswitch a {
	display:block;
	float:left;
	font-size:0.85em;
	text-decoration:none;
	color:#303942;
	margin:0;
	padding:2px 0 0 0; 
	width:16px;
	height:16px;
	}
#header #langswitch a.active {
	background:#303942;
	color:#FFF;
}
#header #langswitch a:hover {
	background:#303942;
	color:#FFF;
}
#header #topanimation {
	float:right;
	clear:right;
	height:168px;
	margin:0 0 12px 0;
}
#bodycontainer {
	margin:0;
	padding:0;
	position:relative;
	width:960px;
	}
#leftcontainer {
	float:left;
	color:#303942;
	width:140px;
	padding:75px 0 0 0;
	}
#leftcontainer em {
	display:block;
	clear:both;
	text-align:right;
	padding:5px 10px 5px 0;
	color:#37A8A8;
	}
#bodycontainer .breadcrumb {
	float:left;
	margin:0;
	color:#FFF;
	font-size:0.8em;
	text-transform:lowercase;
	}
#bodycontainer .utils {
	float:right;
	margin:0;
	font-size:0.8em;
	color:#FFF;
	}
#bodycontainer .breadcrumb a, #bodycontainer .utils a {
	color:#FFF;
	text-decoration:none;
	}
#content {
	float:left;
	margin:0;
	padding:50px 40px 30px 40px;
	width:740px;
	text-align:left;
	background:#303942 url('../i/bg_content.png') repeat-x top left;
	border-bottom:2px solid #76828E;
	}
#content p {
	line-height:1.4em;
	}
#content ul {
	margin:10px 0 0 0;
	padding:0 0 0 25px;
	list-style:url('../i/li.gif');
	}
#content li { 
	padding:0 0 6px 0;
	margin:0;
	}
#content li.depth2{margin-left:20px}
#content li.depth3{margin-left:40px}
#content li.depth4{margin-left:60px}

#content .homebox {
	float:left;
	clear:both;
	margin:4px 0 0 0;
	padding:10px 0 10px 0;
	border-top:1px solid #6B737C;
	border-bottom:1px solid #6B737C;
	}
#content .toplink { 
	display:block;
	clear:both;
	float:right;
	}
#footer {
	clear:both;
	float:right;
	width:820px;
	margin:0;
	padding:8px 0;
	font-size:0.85em;
	color:#303942;
	}
#footer .left {
	display:block;
	float:left;
	}
#footer .right {
	display:block;
	float:right;
	text-align:right;
	}
#footer a:link {
	color:#303942;
	text-decoration:none;
	}
#footer a:hover {
	color:#303942;
	text-decoration:underline;
	}
#footer a.credits {
	font-size:0.9em;
	color:#CCC;
	text-decoration:none;
	}

/* left navigation */
#leftnav {
	float:left;
	margin:0 0 10px 0;
	padding:0;
	/*overflow:hidden;*/
	}
#leftnav ul {
	margin:0;
	padding:0;
	font-size:1.1em;
	list-style:none;
	}
#leftnav li {
	text-decoration:none;
	text-align:right;
	padding:0;
	margin:0;
	}
#leftnav li a {
	display:block;
	text-decoration:none;
	padding:6px 10px 6px 0;
	margin:0;
	width:130px;
	color:#303942;
	border-bottom:1px solid #A9B0B8;
	}
#leftnav li.depth2 a {
	font-size:0.85em;
	padding:3px 20px 3px 0;
	width:120px;
	background:#EEE;
	}
#leftnav li.depth3 a {
	font-size:0.75em;
	padding:2px 30px 2px 0;
	width:110px;
	background:#DDD;
	}
#leftnav li.depth4 a {
	font-size:0.7em;
	padding:1px 40px 1px 0;
	width:100px;
	}
#leftnav li a:hover {
	background:#303942 url('../i/li_nav2.gif') no-repeat center right;
	color:#FFF;
	}
#leftnav li a:active, #leftnav li a.active {
	color:#FFF;
	background:#303942 url('../i/li_nav.gif') no-repeat center right;
	}

/* form styles */
#content form ul {
	list-style:none;
	list-style-image:none;
	}
#content form li {
	list-style:none;
	list-style-image:none;
	}
form li.cols2 {
	float:left;
	width:343px;
	}
input {
	padding:2px;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#FFF;
	border:1px solid #6C747D;
	background:#465462;
	}
textarea {
	padding:2px;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	color:#FFF;
	border:1px solid #6C747D;
	background:#465462;
	}
input.btn {
	padding:3px 10px;
	margin:5px 0 5px 145px;
	font-weight:bold;
	background:#2B3239;
	border:2px solid #465462;
	color:#FFF;
	}
label {
	display:block;
	float:left;
	padding:1px 5px 0 0;
	width:115px;
	text-align:right;
	}
fieldset {
	border:1px solid #6C747D;
	padding:10px;
	margin:0 0 10px 0;
	clear:both;
	}
legend {
	color:#6C747D;
	}
.confmessage {
	display:block;
	padding:4px 10px;
	border:1px solid #65EDED;
	}
.errmessage {
	display:block;
	padding:4px 10px;
	border:1px solid #FF9933;
	}
.f_error {
	border:1px dotted #FF9933;
	margin:2px 0;
	}
.f_errortext {
	display:block;
	clear:both;
	color:#FF9933;
	margin:0 0 0 5px;
	}

/* sizes */
.size1 { width:30px; }
.size2 { width:95px; }
.size3 { width:150px; }
.size4 { width:250px; }
.size5 { width:350px; }
.size6 { width:500px; }

/* M O D U L E   S T Y L E S */

/* module: news styles */
#module_news.newslist .newsitem {
	padding:0 0 8px 0;
	margin:0;
	}
#module_news.newslist em.date {
	float:right;
	color:#76828E;
	font-size:0.85em;
	font-style:normal;
	padding:0 0 0 5px;
	margin:0;
	}
#module_news.newslist h4 {
	font-weight:normal;
	padding:0 0 5px 0;
	margin:0;
	line-height:10px;
	}
#module_news.newslist p.teaser {
	display:inline;
	font-size:0.85em;
	}
	
#module_news.newsdetail .newsitem {
	padding:5px 0 8px 0;
	margin:0;
	border-bottom:1px dotted #76828E;
	line-height:17px;
	letter-spacing:1px;
	}
#module_news.newsdetail h4 {
	width:580px;
	font-size:1em;
	padding:0;
	margin:0;
	}
#module_news.newsdetail em.date {
	float:right;
	width:80px;
	font-size:0.9em;
	font-style:normal;
	padding:0;
	margin:0;
	}
#module_news.newsdetail p.teaser {
	font-style:italic;
	}
#module_news.newsdetail .newsitem {
	margin:0 0 10px 0;
	}
	
/* module: productlister */
#module_productlister {
	display:block;
	clear:both;
	width:232px;
}
#module_productlister .productitem {
	width:116px;
	margin:0 0 6px 0;
	float:right;
}
#module_productlister img {
	width:114px;
	}
#module_productlister a.imgspace {
	display:block;
	clear:both;
	margin:0 0 4px 0;
	padding:0;
	width:114px;
	height:57px;
	background:#FFF;
	overflow:hidden;
}
#module_productlister small {
	display:block;
	clear:both;
	}
	
/* fckeditor styles */
html.fckeditor {
	background:#FFF;
	}
body.fckeditor {
	text-align:left;
	margin:0 auto;
	padding:20px 10px 20px 10px;
	width:635px;
	background:#303942;
	border-bottom:2px solid #76828E;
	}
body.fckeditor a[href] {
	color:#FB5709 !important;
	text-decoration:underline;
	}