/* - - - - - - - - - - - - - - - - - - - - -

Title : SC Morunul SRL July 2006 design
Author : Gerhard Lazu
URL : http://www.gerhardlazu.com/

Created : 1st July 2006
Last Modified : 26th February 2010

1. CSS
2. IDS
3. CLASSES
4. TEXT FORMATTING
5. HEADINGS
6. PARAGRAPHS
7. LINKS
8. LISTS
9. IMAGES
10. FORMS
11. TABLES

- - - - - - - - - - - - - - - - - - - - - */



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 1. CSS */

* {
	margin: 0;
	padding: 0;
}

html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	font: 12px "Lucida Grande", Verdana, sans-serif;
	color: #555;
	background-color: #fff;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 2. IDS */

#wrapper {
	width: 720px;
	margin: 0 auto;
/*	border: 1px solid #f00; */
}

#navigation {
	height: 30px;
/*	margin: 0 0 -10px 0; */
	padding: 30px 20px 0 20px;
}

#visual {
	height: 160px;
	color: #555;
	background: #fff url(images/site/header_image.jpg) no-repeat;
}

#content {
	padding: 10px 20px 10px 10px;
}

#footer {
/*	position: fixed;
	left: 0;
	bottom: 0; */
	width: 100%;
	height: 30px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	color: #aaa;
	text-align: center;
	background: #fff url(images/site/footer_bg.jpg) repeat-x;
/*	border: 1px solid #000; */
}

#footer div {
	width: 720px;
	margin: 0 auto;
	padding: 0 20px;
	text-align: left;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 3. CLASSES */

.highlight_green,
.highlight_red {
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-weight: 700;
	background-color: #fff;
}
.highlight_green {
	color: #6ec461;
}
.highlight_red {
	color: #c00;
}

.small {
	font-size: 80%;
}

.left {
	float: left;
}

.right {
	float: right;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 4. TEXT FORMATTING */

code, pre {
	font: 10px Monaco, "Courier New", Courier, serif !important;
	font: 12px Monaco, "Courier New", Courier, serif;
	color: #c00;
	background-color: #fff;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 5. HEADINGS */

h1, h2, h3 {
	font-family: "Lucida Grande", Verdana, sans-serif;
	color: #3b3b3b;
	line-height: 1.5;
	background-color: #fff;
}
h1 {
	font-size: 180%;
}
h2 {
	padding: 20px 0 5px 0;
	font-size: 140%;
}

h3 {
	padding: 10px 0 5px 0;
	font-size: 120%;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 6. PARAGRAPHS */

p {
	padding: 10px 0;
	line-height: 1.5;
}

form p {
	padding: 5px 0;
}

p#backtotop {
	padding: 20px 0 0 0;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 7. LINKS */

a {
	font-weight: 700;
	color: #69f;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
a.active,
#navigation a.active { 
	color: #000;
}

#visual a {
	display: block;
	width: 99%;
	height: 99%;
	background: none;
}

#navigation li a {
	padding: 5px 30px 0 0;
	font-size: 120%;
	color: #69f;
	text-decoration: none;
	background-color: #fff;
}
#navigation li a:hover {
	color: #000;
	background-color: #fff;
}

ul.galerie li a {
	display: block;
	padding: 5px 5px 0 5px !important;
	padding: 5px;
	border: 1px solid #ddd;
}
ul.galerie li a:hover {
	border: 1px solid #3b3b3b;
}

#paging li a {
	display: inline;
	padding: 0.3em 0.5em;
	border: 1px solid #eee;
}
#paging li a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #6680a5;
}


h1 a,
h2 a,
h3 a {
	color: #6680a5;
	background-color: #fff;
}
h1 a:hover,
h2 a:hover,
h3 a:hover {
	color: #000;
	background-color: #fff;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 8. LISTS */

ul,
ol {
}

li {
	list-style-type: none;
	line-height: 1.5;
}

#navigation ul {
	margin: 0 0 0 0;
}
#navigation ul li {
	display: inline;
}

#content ul {
	padding: 0 0 0 10px;
}
#content li {
	margin: 0 0 0 20px;
	padding: 4px 0 4px 25px;
	background: url(images/site/yes.gif) no-repeat 0 0.4em;
}

ul.galerie {
	margin: 0 0 0 -10px !important;
	margin: 0 0 0 -50px;
	padding: 0;
}
ul.galerie li {
	float: left;
	padding: 5px 0 5px 0 !important;
	padding: 5px 10px 5px 0;
	background: none !important;
}

ul#contact {
	padding: 0 0 10px 0;
}
ul#contact li {
	background: url(images/site/no.gif) no-repeat 0 0.4em;
}

#paging ul {
	margin: 1em 0 0 0 !important;
	margin: 2em 0 0 0;
}
#paging ul li {
	display: inline;
	padding: 0.2em;
	background: none;
}
#paging ul li.not_linked {
	margin: 0 0.2em;
	padding: 0.3em 0.5em;
	font-weight: 700;
	border: 1px solid #ccc;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 9. IMAGES */

img {
	border: none;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 10. FORMS */



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 11. TABLES */

table {
	width: 100%;
}

table caption {
	padding: 0.5em 0 1em 1em; 
	font-size: 90%;
	font-weight: 700;
	text-align: left;
}

td,
th {
	margin: 2px;
	padding: 5px;
	text-align: center;
	border: 1px solid #ddd;
}

thead th {
	font-size: 110%;
	color: #f79738;
	background-color: #fff;
}

tr.even td,
tr.even th {
	color: #555;
	background-color: #ffc;
}