﻿/* Copyright 2015 AKURU. All rights reserved. */

/* Texts. */

.caption {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.copyright {
	text-align: right;
	font-size: 10px;
}

/* Links. */

a {
	font-weight: bold;
	text-decoration: none;
	color: #e60012;
}

a:hover {
	text-decoration: underline;
}

.littleLink {
	font-size: 10px;
}

/* Lists. */

li {
	margin-bottom: 10px;
}

/* Images. */

.picture {
	width: 40%;
	display: block;
	margin: auto;
}

.rightBar {
	float: right;
	width: 25%;
	margin-left: 20px;
}

.rightBarPicture {
	width: 100%;
	display: block;
	margin-bottom: 10px;
}

.leftPicture {
	height: 75px;
	float: left;
	width: 20%;
	display: block;
	margin: 20px 20px 10px 20px;
}

.centralPicture {
	height: 75px;
	width: 15%;
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

.rightPicture {
	height: 75px;
	float: right;
	width: 20%;
	display: block;
	margin: 20px 20px 10px 20px;
}

.leftBanner {
	float: left;
	display: block;
}

.rightBanner {
	float: right;
	display: block;
	margin-right: 10%;
}

.enableJavaScript {}

#map_canvas {
	display: block;
	margin-bottom: 20px;
}

.galleria {
	width: 600px;
	height: 600px;
	background: #000;
	display: block;
	margin-left: 15px;
	margin-bottom: 20px;
}

/* Email image */

img.email {
	vertical-align: middle;
}

/* Tables. */

.table {
	text-align: center;
	margin-left:auto; 
    	margin-right:auto;
}

.tableRow {}

.tableHeader {
	font-size: 14px;
	font-variant: small-caps;
	background-color: #6694e3;
	color: white;
	margin: 2px;
	padding: 6px;
}

.tableItem {
	background-color: #d3d3d3;
	margin: 2px;
	padding: 6px;
}

/* Body. */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 10px 20px;
	background-color: #dddde0;
}

/* Window. */

#window {
	border: #000 1px solid;
	background-color: #fff;
	padding: 7px;
	width: 99%;
}

/* Page title. */

#header {
	background-color: white;
	color: #e60012;
	text-align: center;
	font-weight: bold;
	font-size: 48px;
	padding: 5px 0 5px 5px;
	width: 99%;
}

/* Page body. */

#pageBody { 
	margin-top: 5px;
	width: 100%;
}

/* Sidebar. */

#sidebar {
	float: left;
	background-color: white;
	color: #e60012;
	width: 18%;
}

#sidebar a {
	color: #e60012;
}

#sidebar ul {
	list-style: none;
	padding-top: 5px;
	/* Hack for correct indentation (the following three lines). */
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}

#sidebar li {
	padding: 0 0 5px 5px;
	font-size: x-large;
	font-weight: bold;
}

#sidebar li a {
	font-weight: normal:
}

/* Content. */

#content {
	float: right;
	padding-right: 3%;
	font-size: large;
	text-align: justify;
	width: 77%;
}

.myImgBanner {
	width: 90%;
	height: 300px;
}

.myTitle {
	width: 70%;
	text-align: center;
	background-color: #e60012;
	color: white;
	margin-left: 2%;
	padding-left: 3%;
	padding-right: 3%;
}

.myBanner {
	display: inline-block;
	font-size: xx-large;
	background-color: white;
	color: black;
	border-style: solid;
	border-color: #e60012;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 2%;
	padding-left: 3%;
	padding-right: 3%;
}

.nothing {
	height: 0px;
}

.myList {
	display: inline-block;	
	background-color: white;
	color: black;
	border-style: solid;
	border-color: #e60012;
	margin-left: 2%;
	margin-right: 20%;
	padding-top: 1%;
	padding-right: 3%;
}

.myListElement {
	font-size: x-large;
	background-color: white;
	color: black;
}

.myText {
	font-size: x-large;
	background-color: white;
	color: #EB750E;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-left: 2%;
}

.myGoToTopPage {
	text-align: right;
	margin-right: 20%;	
	clear: both;
}

/* Previous and Next Links. */
div.previousNextLinks {
	width: 90%;
	margin-top: 10px;
}

div.previousNextLinks span.previousLink {
	float: left;
	text-align: left;
	width: 49.5%;
}

div.previousNextLinks span.nextLink {
	float: right;
    	text-align: right;
	width: 49.5%;
}

/* Footer. */

#footer {
	clear: both;
	text-align: center;
	margin-top: 5px;
	padding-top: 5px;
	border-top: #000 1px solid; 
	width: 100%;
}