/*
	5 Inline CSS Main Stylesheet
*/



/*	| Globals
	---------------------------------- */
	
html, body {
	background: #efefef;
	height: 100%;
	margin: 0;
	padding: 0;
	}
body {
	background: url(../images/main_bg.gif) left top repeat-x;
	color: #333;
	font: normal 75%/95% Verdana, Arial, Helvetica, sans-serif;
	}
html>body {
	font-size: 12px;
	}

/* -- Reset -- */
div,dl,dt,dd,ul,ol,lu,pre,form,fieldset,blockquote,th,td,h1,h2,h3,h4,h5,p,hr {
	margin: 0;
	padding: 0;
	}

/* -- Images -- */
img { border: 0; }
.imglt {
	clear: left;
	float: left;
	margin: 0 0.5em 0.5em 0;
	}
.imgrt {
	clear: right;
	float: right;
	margin: 0 0 0.5em 0.5em;
	}


/* -- Text Elements -- */
p { 
	font-size: 1em;
	line-height: 1.5em;
	margin: 0 0 1.5em 0; 
	}
a, a.link { color: #444; outline: none; text-decoration: none;	}
a:hover, a.over { color: #5d970b; border: 0; text-decoration: underline; }
.clear {
	clear: both;
	display: block;
	width: 100%;
	}
.txtct { text-align: center; }
.txtrt { text-align: right; }


/* -- Headings -- */
h1, h2, h3, h4, h5 {
	color: #4b4b4b;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -0.03em;
	}
h1 {
	font-size: 2em;
	line-height: 0.75em;
	margin: 0.75em 0 0.35em 0;
	padding: 0 0 0.4em 0;
	}
h2 {
	font-size: 1.667em;
	line-height: 0.9em;
	margin: 0.9em 0 0.5em 0;
	padding: 0 0 0.4em 0;
	}
h3 {
	font-size: 1.5em;
	line-height: 1em;
	margin: 1.5em 0 0.5em 0;
	}
h4 {
	font-size: 1.167em;
	line-height: 1.286em;
	margin: 1.986em 0 0.586em 0;
	}
h5 {
	font-size: 1em;
	line-height: 1.5em;
	margin: 1.5em 0 1.5em 0;
	}

/* -- Lists -- */
ul li, ol li { line-height: 1.5em; margin: 0 0 1.5em 1em; }
ol li { margin-left: 1.5em; }
ul li b, ol li b { color: #4b4b4b; }

/* -- Lines -- */
.hr {
	background: #fefefe;
	border: 0;
	border-top: 1px solid #d9d9d9;
	clear: both;
	color: #fefefe;
	padding: 0px;
	margin: 1.5em 0;
	}



/*	| Structure
	---------------------------------- */
	
#header, #content, #footer_wrapper {
	clear: both;
	margin: 0 auto;
	width: 760px;
	}
#wrapper {
	clear: both;
	float: left;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin-bottom: -100px;
	width: 100%;
	}
#content {
	margin: -55px auto 85px auto !important;
	margin: 0 auto 80px auto;
	padding: 0;
	}
*+html #content { margin: 0px auto 80px auto !important; }

/* -- Columns -- */
.column {
	margin: 20px 0 0 0;
	position: relative;
	padding: 0px 18px 10px 18px;
	background-color: #CCCCCC;
	}
.col500 {
	background: url(../images/column_500_bg.gif) left top repeat-y;
	clear: left;
	float: left;
	width: 464px;
	}
	.col500 .top, .col500 .bottom {
		display: block;
		position: absolute;
		left: 0;
		width: 500px;
		}
	.col500 .top { background: url(../images/column_500_top.gif) left bottom no-repeat; height: 5px; top: 0 !important; top: -7px; }
	.col500 .bottom { background: url(../images/column_500_bottom.gif) left top no-repeat; bottom: 0 !important; bottom: -8px; height: 6px; }
.col420 {
	background: url(../images/column_420_bg.gif) left top repeat-y;
	clear: left;
	float: left;
	width: 384px;
	}
	.col420 .top, .col420 .bottom {
		display: block;
		position: absolute;
		left: 0;
		width: 420px;
		}
	.col420 .top { background: url(../images/column_420_top.gif) left bottom no-repeat; height: 5px; top: 0 !important; top: -7px; }
	.col420 .bottom { background: url(../images/column_420_bottom.gif) left top no-repeat; bottom: 0 !important; bottom: -8px; height: 6px; }
.col240 {
	background: url(../images/column_240_bg.gif) right top repeat-y;
	clear: right;
	float: right;
	width: 204px;
	}
	.col240 .top, .col240 .bottom {
		display: block;
		position: absolute;
		right: 0;
		width: 240px;
		}
	.col240 .top { background: url(../../galeria/images/column_240_top.gif) right bottom no-repeat; height: 5px; top: 0 !important; top: -7px; }
	.col240 .bottom { background: url(../../galeria/images/column_240_bottom.gif) right top no-repeat; bottom: 0 !important; bottom: -8px; height: 6px; }
.col320 {
	background: url(../../galeria/images/column_320_bg.gif) right top repeat-y;
	clear: right;
	float: right;
	width: 284px;
	}
	.col320 .top, .col320 .bottom {
		display: block;
		position: absolute;
		right: 0;
		width: 320px;
		}
	.col320 .top { background: url(../../galeria/images/column_320_top.gif) right bottom no-repeat; height: 5px; top: 0 !important; top: -7px; }
	.col320 .bottom { background: url(../../galeria/images/column_320_bottom.gif) right top no-repeat; bottom: 0 !important; bottom: -8px; height: 6px; }



/*	| Header
	---------------------------------- */
h1.logo {
	clear: left;
	display: block;
	float: left;
	height: 127px;
	margin: 0 0 -50px -85px;
	padding: 0;
	position: absolute;
	width: 52px;
	}
ul#navigation {
	clear: right;
	float: right;
	font: bold 14px Arial, Helvetica, sans-serif;
	list-style-type: none;
	margin: 40px 0 15px 0;
	}
	#navigation li {
		display: block;
		float: left;
		margin: 0 12px;
		z-index: 10;
		}
		#navigation li.last { margin: 0px 0px 0px 15px; }
		#navigation li.back { 
			border-bottom: 1px solid #bd1424;
			margin: 0px;
			position: absolute;
			z-index: 6;
			}
		#navigation li a {
			border: 0;
			color: #4d790d;
			position: relative;
			text-decoration: none;
			z-index: 11;
			}
		#navigation li a:hover, #navigation li a.current { color: #4d790d; }

#leader {
	height: 176px;
	position: relative;
	width: 760px;
	}
	#leader h2 {
		background: #efefef;
		border: 0;
		color: #535353;
		display: inline;
		left: 20px;
		padding: 0.3em 1em;
		position: absolute;
		top: 25px;
		filter:alpha(opacity=80);
		-moz-opacity:.80;
		opacity:.80;
		}
	#leader h3 {
		background: #f3f3f3;
		color: #444;
		display: inline;
		left: 20px;
		padding: 0.3em 1em;
		position: absolute;
		top: 60px;
		filter:alpha(opacity=70);
		-moz-opacity:.70;
		opacity:.70;
		}
.blog { background: url(../../galeria/images/header.blog.png) left top no-repeat; }
.contact { background: url(../../galeria/images/header.contact.png) left top no-repeat; }
.services { background: url(../../galeria/images/header.services.png) left top no-repeat; }



/*	| Content
	---------------------------------- */
.column p, .column li { font-size: 1em; }
.column a { border-bottom: 1px dotted #444; }
.column a:hover { border-bottom: 1px solid #4d790d; text-decoration: none; }
h1.title, .column h2 { border-bottom: 1px solid #eaeaea; }
h1.title { line-height: 1em; padding: 0 0 0.15em 0; }
.grey { color: #9a9a9a; }	


			
/*	| Footer
	---------------------------------- */
#footer {
	color: #666;
	font: normal 11px/18px Arial, Helvetica, sans-serif;
	letter-spacing: 0.04em;
	margin-top: 15px;
	text-align: right;
	}