/* =========== */
/* = Generic = */
/* =========== */
* {
	margin:0;
	padding:0;
}

a:link {
	color:#D40202;
}
a:visited {
	color:#E56767;
}
a:hover {
	text-decoration:none;
}
a img {
	border:0;
}

body {
	color:#333;
	font:0.9em/1em Arial,Helvetica,Verdana,sans-serif;
	background: #fff url('../images/bg_wrapper.jpg') fixed repeat-x 0 0;
	
}

h1,h2,h3,
h4,h5,h6 {
	font-size:1em;
	margin:0 0 0.3em;
	line-height:1.45em;
	font-weight:normal;
}

p,ol,ul,dl,
table,
blockquote {
	margin:0 0 15px;
	line-height:1.45em;
}

blockquote {
	margin:15px;
	font-style:italic;
}

hr {
	border:0;
	margin:15px 0;
	float:none;
	clear:both;
}

ol,ul {
	list-style-position:outside;
	margin-left:1.7em;
}
table {
	width:100%;
	border-spacing:0px;
	border:2px solid #ccc;
	background-color: #fff;
}
table p {
	margin:0;
}
table caption {
	line-height:1em;
	text-align:center;
	font-weight:bold;
	background-color: #eee;
	padding:7px 0;
	font-size:1.15em;
}
table th {
	font-size:1.1em;
	background-color: #eaeaea;
	text-align:center;
	font-weight:bold;
}
table th,
table td {
	padding:10px;
	border:1px solid #ccc;
	border-left:0;
	border-top:0;
}
tr:nth-child(odd) {
	background-color: #F8F8F8;
}


/**************************************************
 **************************************************
 * CLASSES-GENERIC
 **************************************************
 **************************************************/
/* ============== */
/* = Font-sizes = */
/* ============== */
.small {
	font-size:0.9em;
}
.smaller { 
	font-size:0.8em;
}
.large {
	font-size:1.1em;
}
.larger {
	font-size:1.2em;
}

/* ========= */
/* = Align = */
/* ========= */
.left {
	text-align:left;
}
span.left,
img.left {
	float:left;
}
.right {
	text-align:right;
}
span.right,
img.right {
	float:right;
}
.center {
	clear:both;
	text-align:center;
}
span.center,
img.center,
a.center {
	display:block;
}
img.center{
	margin:0 auto;
}


/* ========== */
/* = Colors = */
/* ========== */
.red {
	color:red;
}
.green {
	color:green;
}
.blue {
	color:blue;
}
.magenta {
	color:magenta;
}
.orange {
	color:orange;
}
.teal {
	color:teal;
}
.cayenne {
	color:#580000;
}
.candaloupe {
	color:#FFCC64;
}
.yellow {
	color:#FFCC00;
}

/* ========== */
/* = Status = */
/* ========== */
.error,
.highlight,
.success  {
	padding:10px;
}

.active {
	font-weight:bold;
}
.error {
	background-color: #FFCC33;
}
.highlight {
	background-color:#FFFFCC;
}
.success {
	background-color: #99CC66;
	color:#fff;
}
/* ============== */
/* = Data types = */
/* ============== */
.heading {
	font-size:1.4em;
}
.heading a:link,
.heading a:visited {
	text-decoration:none;
}
.heading a:hover {
	text-decoration:underline;
}

.title {
	font-size:1.1em;
}
.title a:link,
.title a:visited {
	text-decoration:underline;
}
.title a:hover {
	text-decoration:none;
}


.description,
.date,
.meta,
.more,
.copyright {
	color:#666;
	font-size:0.9em;
}

.description a:link,
.description a:visited,
.date a:link,
.date a:visited,
.meta a:link,
.meta a:visited {
	 
	text-decoration:underline;
}

span.image {
	line-height:1em !important;
}
span.image img {
	border:1px solid black;
	padding:1px;
}




/**************************************************
 **************************************************
 * SECTIONS
 **************************************************
 **************************************************/
.section, .inner {
	position:relative;
}
.section > .inner,
.section > form > .inner {
	padding:15px;
}

/* ============== */
/* = Navigation = */
/* ============== */
.navigation,
.navigation ul,
.navigation ol {
	z-index:1;
	line-height:1em;
}

.navigation ul,
.navigation ol {
	list-style:none;
	margin:0;
	padding:0;
}

.navigation li {
	z-index:1;
	position:relative;
}


.navigation li .date {
	display:block;
	margin:3px 0;
}

.navigation li.active > a {
	text-decoration:none !important;
}

/* ======== */
/* = Logo = */
/* ======== */
#logo {
	line-height:1em;
	font-size:2em;
	margin:20px 0 0 20px;
}

#logo a {
	 
	text-decoration:none;
	outline:none;
}

#logo a span {
	position:absolute;
	top:0;
	left:0;
	visibility:hidden;	
}


/* ============= */
/* = Breacrumb = */
/* ============= */
#breadcrumb {
	font-size:0.8em;
}

#breadcrumb .heading,
#breadcrumb ul,
#breadcrumb ol,
#breadcrumb li {
	font-size:inherit;
	display:inline;
	margin:0;
	line-height:1em;
}
#breadcrumb li {
	margin-right:3px;
}
#breadcrumb,
#breadcrumb a {
	 color:#999;
}

#breadcrumb a:link,
#breadcrumb a:visited {
	text-decoration:underline !important;
}

#breadcrumb a:hover {
	text-decoration:none !important;
}

#breadcrumb li.current_page a,
#breadcrumb li.last a {
	text-decoration:none !important;
}

/* ========= */
/* = Index = */
/* ========= */
.index .title,
.index .title a {
	color:#1D8DF7;
}
.index .item {
	border-bottom:1px solid #ccc;
	padding:10px 0 0 0;
	clear:both;
	overflow:hidden;
}
.index .last,
.index .item:last-child {
	margin-bottom:20px;
	border-width: 0;
}
.index .item a {
	
}

.index .image {
	float:right;
	margin:0 0 10px 10px;
}

.index .heading,
.index .heading a {
	color:#D40202;
}

/* ======== */
/* = Text = */
/* ======== */
.text {
	 
	line-height:1.4em;
}
.text h3,
.text h4,
.text h5,
.text h6 {
	 
}

.text h3 {
	font-size:1.35em;
	 
}

.text h4 {
	font-size:1.25em;
	 
}

.text h5 {
	font-size:1.1em;
	 
}

.text h6 {
	font-size:1.05em;
	 
}

.text ol,
.text ul {
}

.text li {
	margin:5px 0;
}

.text .heading {
	color:#D40202;
	font-size:1.8em;
}

.text .description {
	font-size:1.25em;
	line-height:1.2em;
	margin-bottom:1em;
	color:#666;
	font-style:italic;
}

.text span.image {
	float:right;
	margin:0 0 10px 10px;
}
/* =========== */
/* = Banners = */
/* =========== */
.bnnrs {
	text-align:center;
}
.bnnrs .item {
	 
	margin:15px 0 ;
}


/**************************************************
 **************************************************
 * MODULES
 **************************************************
 **************************************************/

#contact .grid-row {
	margin:5px 0 ;
}
#contact .grid-item {
	padding:3px;
}
#contact input.grid-item,
#contact textarea.grid-item {
	border:1px solid black;
}
#contact span.highlight {
	padding:2px;
}

/**************************************************
 **************************************************
 * CONTENT-AREAS
 **************************************************
 **************************************************/


/* =========== */
/* = Wrapper = */
/* =========== */
#wrapper {
	padding:15px;	
}
.wrapper-inner {
	background-color: #fff;
	width:960px;
	margin:15px auto;
	border:1px solid #DEDFE8;
	border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}


/* ===================== */
/* = Global Navigation = */
/* ===================== */
#navigation_global {
	margin-top:25px;
}
#navigation_global .inner {
	padding:0;
	background:#197EDC url('../images/bg_gloval_navigation.jpg') repeat-x  center top;
	
}
#navigation_global li.active {

}

#navigation_global li:hover ul,
#navigation_global li:hover ol {
	display:block;
}


#navigation_global li {
	float:left;
	margin:1px 0;
	
}

#navigation_global a {
	background: url('../images/bg_global_navigation_item.jpg') no-repeat right top;
	color:#fff;
	display:block;
	padding:12px 25px;
}
#navigation_global,
#footer .navigation {
	z-index:1;
	font-family: Verdana;
	font-size:0.9em;
}
/* ========== */
/* = Header = */
/* ========== */
.header-inner {
	background: url('../images/bg_header.jpg') no-repeat right top ;	
}


/* ======== */
/* = Body = */
/* ======== */
#body {
	background: url('../images/bg_content.jpg') repeat-x center top ;
	
}
/* =========== */
/* = Primary = */
/* =========== */
#primary {
	float:left;
	width:65%;
}
#primary .section + .section .inner {
	padding-top:0;
}
#primary .text,
#primary .index .description {
	color:#000;
}
/* ============= */
/* = Secondary = */
/* ============= */
#secondary  {
	font-size:0.9em;
	float:right;
	width:35%;
}
#secondary .navigation {
	line-height:1em;
}
#secondary .navigation .heading {
	line-height:inherit;
}
#secondary .navigation ol,
#secondary .navigation ul {
	line-height:1.2em;
}
#secondary .navigation li {
	padding:5px 0;
	margin:2px 0;
}

#secondary .navigation li a {
	text-decoration:underline;
}

/* ============ */
/* = Tertiary = */
/* ============ */
#tertiary  {
	clear:both;
	font-size:0.85em;
}

/* ========== */
/* = Footer = */
/* ========== */
#footer {
	left:0;
	position:absolute;
	width:100%;	 
	font-size:0.85em;
}
#footer,
#footer .copyright,
#footer .navigation a {
	color:#999
}
#footer .navigation-inner {
	padding:0;
	margin:15px 0 ;
}
#footer .navigation li {
	display:inline;
	margin:0 10px;
}

#footer .navigation a {

	text-decoration:underline;
}
#footer .copyright {
	margin-left:10px;
}

/* ========= */
/* = Flags = */
/* ========= */
#flags {
	position:absolute;
	top:-20px;
	right:0;
}
#flags a {
	display:block;
	float:left;
	width:16px;
	height:11px;
	text-indent:-999em;
	outline:0;
	margin:0 0 0 10px;
}
#flags .greek {
	background: url('../images/flags.jpg') no-repeat -16px 0;	
}
#flags .english {
	background: url('../images/flags.jpg') no-repeat 0 0;	
}
#flags .russian {
	background: url('../images/flags.jpg') no-repeat -32px 0;		
}
/* ========== */
/* = Hiding = */
/* ========== */
.header .navigation .heading,
.footer .navigation .heading,
.search .heading,
.bnnrs .heading,
.hide {
	position:absolute;
	left:-9999em;
}

/* ============ */
/* = Clearing = */
/* ============ */
.section:after,
.inner:after,
.content:after,
.navigation ol:after,
.navigation ul:after{
	clear:both;display:block;line-height:0;height:0;content:" ";	
}
.clear {clear:both;}
span.clear{line-height:0;height:0;font-size:0;overflow:hidden;}

/* =========== */
/* = Credits = */
/* =========== */
#credits,
#credits a {
	display:block;
	width:52px;
	height:41px;
}

#credits {
	margin:0;
	padding:0;
	line-height:1em;
	position:absolute;
	right:0;
	bottom:-50px;	
}

#credits a {
	text-indent:-9999em;
	outline:none;
	background: url('http://meelocms.com/admin/octavodia_logo.png') no-repeat top left;
}

/* ========= */
/* = Print = */
/* ========= */
@media print {
	html {
		padding:0;
		margin:0;
	}
	body {
		font-size:0.75em;
		padding:0;
		margin:0;
		color:#000;
	}
	a:link, a:visited {
		color: #000099;
		background: transparent;
		font-weight: bold;
		text-decoration: underline;
	}

	h1, h2, h3, h4, h5, h6 { page-break-after:avoid; page-break-inside:avoid; }
	img { page-break-inside:avoid; page-break-after:avoid; }
	table,tr,td,th, p, blockquote, pre, ul, ol, dl { page-break-inside:avoid; }
	ul, ol, dl  { page-break-before:avoid; }
		
	
	#wrapper {
		padding:0;
		margin:0;
	}
	.wrapper-inner {
		margin:0;
		padding:0;
		width:auto;
	}
	#logo a span {
		position:static;
		display:block;
		font-size:11pt;
		font-weight:normal;
		visibility:visible;
		text-align:left;
		color:#000;
	}
	#breadcrumb .heading {
		display:none;
	}
	#breadcrumb ol:before {
		content:'Navigate to this page:';
	}
	#footer,
	#breadcrumb {
		font-size:0.9em;
		border-top:3px solid #ccc;
		border-bottom:3px solid #ccc;
	}
	#breadcrumb ol,
	#breadcrumb ul,
	#breadcrumb li {
		display:block;
		float:none;
		margin:5px;
	}
	#breadcrumb a {
		font-weight:normal;
	}
	#credits,
	#credits a {
		width:auto;
		height:auto;
		position:static;
	}
	#credits a {
		text-indent:0;
	}
	.text {
		text-align:justify;
		background-color:#fff ;

	}
	.index a:link:after, .index a:visited:after {
		display:block;
	}
	.breadcrumb a:link:after, .breadcrumb a:visited:after,
	.index a:link:after, .index a:visited:after,
	.text a:link:after, .text a:visited:after {
		content: " (" attr(href) ") ";
		font-size: 80%;
		color:#666 !important;
		padding:3px;
		background-color: #fff;
	}
	.index .item,
	.grid-size-10 {
		overflow:visible;
	}
	/* ======== */
	/* = Hide = */
	/* ======== */
	#search,
	#secondary,#tertiary,
	#header .navigation,
	.bnnrs {
		display:none;
	}
}