/*
Theme Name: Akcio 2
Theme URI: http://akcio.cz/
Description: Universal theme for Akcio static sites
Version: 1.0
Author: Vitaly Kolesnik
Author URI: http://dextera.biz/
*/

/* defaults */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	background: #dedede url('i/bg.png') top left repeat-x; /* gray light */
	text-align: center;
	}
a:link, a:visited {
	color: black; 
	}
a:hover {
	color: #646464; /* gray */
	}
h1, h2, h3, h4, h5, h6 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}
p, ul, ol {
	margin: 0;
	padding: 0;
	}
img	{
	border: 0;
	}
	.pic {
		border: 1px solid #646464; /* gray */
		}
	.nob {
		border: none;
		}
.visual-240 {
	width: 242px;
	margin: 0 8px 10px 0;
	float: left;
	}
.clear {
	clear: both;
	}
	div.clear {
		height: 1px;
		}
.clever {
	clear: both;
	}
	div.clever {
		height: 15px;
		}
.center {
	text-align: center;
	}
sup, sub {
	line-height: 0;
	font-size: 7px;
	color: #646464; /* gray */
	}
	#lead sup {
		font-size: 11px;
		color: white;
		}
	.page sup {
		font-size: 11px;
		color: black;
		}
.nowrap {
	white-space: nowrap;
	}

.l {
	font-size: 16px;
	line-height: 26px;
	}
.m {
	font-size: 13px;
	line-height: 17px;
	}
.s {
	font-size: 11px;
	line-height: 15px;
	}
.xs {
	font-size: 9px;
	line-height: 13px;
	}

/* layout */

#ecumene {
	width: 880px;
	margin: 0px auto;
	padding: 0 20px 20px 20px;
	background: #646464; /* gray */
	text-align: left;
	}

#hat {
	width: 800px;
	height: 160px;
	padding: 10px 40px 0 40px;
	margin: 0 0 2px 0;
	background: #fff;
	}
	#lang {
		float: left;
		width: 300px;
		height: 20px;
		color: #646464; /* gray */
		margin: 0 0 25px 0;
		}
	#location {
		float: right;
		width: 200px;
		height: 20px;
		color: #646464; /* gray */
		margin: 0 0 25px 0;
		}
	#title {
		line-height: 47px;
		text-align: center;
		}
		#title h1 {
			font-weight: normal;
			font-size: 41px;
			line-height: 47px;
			}
		#title h2 {
			margin: 10px 0 0 0;
			font-weight: normal;
			font-size: 19px;
			line-height: 19px;
			color: #646464; /* gray */
			}
		#title a:link, #title a:visited {
			color: #000; 
			text-decoration: none;
			}
		#title a:hover {
			color: #000; 
			background-color: #fff;
			text-decoration: none;
			}
ul#menu {
	width: 880px;
	height: 40px;
	padding: 10px 0 0 0;
	margin: 0 0 20px 0;
	list-style-type: none;
	font-size: 21px;
	line-height: 27px;
	color: #646464; /* gray */
	background: #e9e9e9; /* lightest gray */
	text-align: center;
	}
	ul#menu li {
		display: inline;
		padding: 0 20px;
		}
	ul#menu a {
		text-decoration: none;
		}
	.current_page_item a:link, .current_page_item a:visited {
		color: #646464; /* gray */
		}
	.current_page_item a:hover {
		background-color: #000; 
		}
		
#splash {
	width: 880px;
	padding: 0 0 20px 0;
	}
	#picture {
		width: 540px;
		float: left;
		margin: 0 40px 20px 0;
		}
	#lead {
		font-size: 17px;
		line-height: 27px;
		color: #fff;
		padding: 35px 20px 0 0;
		}

#main {
	width: 800px;
	padding: 20px 40px 30px 40px;
	background: #fff;
	clear: both;
	}
	.page {
		float: left;
		width: 502px;
		margin: 0 38px 0 0;
		}
		.page h2 {
			font-size: 27px;
			line-height: 37px;
			font-weight: normal;
			margin: 0 0 10px 0;
			}
		.page h2.section {
			font-size: 17px;
			line-height: 27px;
			background-color: #e9e9e9; /* lightest gray */
			margin: 15px 0 10px 0;
			}
		.page h3 {
			font-size: 21px;
			line-height: 31px;
			font-weight: normal;
			margin: 10px 0 10px 0;
			}
		.page h4 {
			font-size: 17px;
			line-height: 21px;
			font-weight: normal;
			margin: 10px 0 10px 0;
			}
		.page h5 {
			font-size: 13px;
			line-height: 17px;
			font-weight: bold;
			margin: 10px 0 10px 0;
			}
		.page h6 {
			font-size: 11px;
			line-height: 15px;
			font-weight: bold;
			margin: 10px 0 10px 0;
			}
		.page ul {
			font-size: 14px;
			line-height: 22px;
			list-style-type: none;
			margin: 0 0 10px 0;
			}
			.page ul li {
				padding-left: 14px;
				background: url('i/li.png') 4px left no-repeat; 
				}
		.page ol {
			font-size: 14px;
			line-height: 22px;
			margin: 0 0 10px 20px;
			}
		.page p {
			font-size: 14px;
			line-height: 22px;
			margin: 0 0 10px 0;
			}
		.page p.caption {
			font-size: 13px;
			line-height: 17px;
			margin: 10px 0 20px;
			color: #646464; /* gray */
			}
		.page div.caption {
			font-size: 11px;
			line-height: 17px;
			margin: 10px 0 20px;
			color: #646464; /* gray */
			}
		.page .l, .page .m,  .page s, .page .xs {
			margin: 0 0 10px 0;
			}
	.page.wide {
		width: 800px;
		}
	.index {
		float: left;
		width: 502px;
		margin: 0 38px 0 0;
		}
		.index h3 {
			font-size: 21px;
			line-height: 31px;
			font-weight: normal;
			margin: 10px 0 10px 0;
			}
		.index h4 {
			font-size: 17px;
			line-height: 21px;
			font-weight: normal;
			margin: 10px 0 10px 0;
			}
		.index h5 {
			font-size: 13px;
			line-height: 17px;
			font-weight: bold;
			margin: 10px 0 10px 0;
			}
		.index h6 {
			font-size: 11px;
			line-height: 15px;
			font-weight: bold;
			margin: 10px 0 10px 0;
			}
		.index ul {
			font-size: 14px;
			line-height: 22px;
			list-style-image: url('i/li.png');
			margin: 0 0 10px 0;
			}
			.index ul li {
				padding-left: 14px;
				background: url('i/li.png') 4px left no-repeat; 
				}
		.index ol {
			font-size: 14px;
			line-height: 22px;
			margin: 0 0 10px 20px;
			}
		.index p {
			font-size: 14px;
			line-height: 22px;
			margin: 0 0 10px 0;
			}
		.index p.caption {
			font-size: 13px;
			line-height: 17px;
			margin: 10px 0 20px;
			color: #646464; /* gray */
			}
		.index .l, .index .m,  .index s, .index .xs {
			margin: 0 0 10px 0;
			}
	.single {
		float: left;
		width: 502px;
		margin: 0 38px 0 0;
		}
		.single h2 {
			font-size: 27px;
			line-height: 37px;
			font-weight: normal;
			margin: 0 0 10px 0;
			}
		.single h3 {
			font-size: 21px;
			line-height: 31px;
			font-weight: normal;
			margin: 10px 0 10px 0;
			}
		.single ul {
			font-size: 14px;
			line-height: 22px;
			list-style-image: url('i/li.png');
			margin: 0 0 10px 20px;
			}
			.single ul li {
				padding-left: 14px;
				background: url('i/li.png') 4px left no-repeat; 
				}
		.single ol {
			font-size: 14px;
			line-height: 22px;
			margin: 0 0 10px 20px;
			}
		.single p {
			font-size: 14px;
			line-height: 22px;
			margin: 0 0 10px 0;
			}
		.single .image {
			clear: both;
			float: left;
			width: 500px;
			margin: 0 20px 20px 0;
			}
		.single .data {
			float: left;
			width: 210px;
			margin: 0 20px 10px 0;
			padding: 10px 7px 10px 13px;
			border: 1px solid #f60; /* orange */
			}
			.single .key {
				float: left;
				width: 130px;
				color: #646464; /* gray */
				clear: both;
				line-height: 17px;
				}
			.single .value {
				width: 80px;
				float: left;
				line-height: 17px;
				}
		.single .content {
			float: left;
			width: 250px;
			}
		.single .info {
			width: 100%;
			clear: both;
			}
	#gallery a:hover {
		background-color: none;
		}
	#context {
		width: 260px;
		float: left;
		}
		#context p {
			font-size: 11px;
			line-height: 15px;
			margin: 0 0 5px 0;
			}
		#context h3 {
			font-size: 21px;
			line-height: 31px;
			font-weight: normal;
			margin: 10px 0 10px 0;
			}
		#context h4 {
			font-size: 15px;
			line-height: 21px;
			font-weight: normal;
			margin: 7px 0 7px 0;
			}
		#context ul {
			list-style-type: none;
			margin: 0 0 10px 0;
			line-height: 17px;
			}
			#context ul li {
 				padding-left: 14px;
				background: url('i/li-small.png') 2px left no-repeat; 
				}
		#context ul#submenu {
			padding: 10px 15px;
			margin: 10px 0 20px 0;
			list-style-type: none;
			border: 1px solid #646464; /* gray */
			}
			#context ul#submenu li {
				padding: 5px 0;
				font-size: 15px;
				line-height: 21px;
				background: none;
				}
			#context ul#submenu a {
				text-decoration: none;
				}
		.submenu {
			padding: 10px 15px;
			margin: 10px 0 20px 0;
			border: 1px solid #646464; /* gray */
			}

#footer {
	width: 800px;
	padding: 10px 40px 10px 40px;
	color: #b8b6b2; /* medium gray */
	clear: both;
	}
	#author {
		float: left;
		}
	#producer {
		float: right;
		}
	#footer a:link, #footer a:visited {
		color: white;
		font-weight: bold;
		}

/* forms */

form {
	margin: 0;
	padding: 0;
	}
input.textline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #646464; /* gray */
	background-color: #fff;
	color: black;
	padding: 2px;
	margin: 2px 0 7px 0;
	} 
	input#xs {
		width: 20px;
		background-color: #e9e9e9; /* lightest gray */
		}
	input#s {
		width: 90px;
		height: 11px;
		}
	input#order-textline {
		width: 100%;
		background-color: #e9e9e9; /* lightest gray */
		}
	input#contact {
		width: 260px;
		background-color: #e9e9e9; /* lightest gray */
		}
	input.contact { /* check */
		width: 260px;
		background-color: #e9e9e9; /* lightest gray */
		}
	input#comment {
		width: 150px;
		background-color: #e9e9e9; /* lightest gray */
		}
	input#order-textarea {
		width: 150px;
		background-color: #e9e9e9; /* lightest gray */
		}
	input#imgbutton {
		border: none;
		margin: 2px 0 0 2px;
		}
#ed_toolbar {
	margin: 14px 0 0 0;
	} 
.ed_button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 0 1px;
	margin-right: 4px;
	border: 1px solid #646464; /* gray */
	background-color: #fff;
	color: #646464; /* gray */
	}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 7px 0;
	padding: 2px;
	background-color: #e9e9e9; /* lightest gray */
	border: 1px solid #646464; /* gray */
	display: block;
	}
	textarea.small {
		border: 1px solid #646464; /* gray */
		width: 100%;
		height: 75px;
		}
	textarea.medium {
		border: 1px solid #646464; /* gray */
		width: 100%;
		height: 100px;
		}
	textarea.wide {
		border: 1px solid #646464; /* gray */
		width: 100%;
		height: 150px;
		}
	textarea.extrawide {
		width: 100%;
		height: 309px;
		}
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 7px 0 7px 0;
	padding: 2px;
	border: 1px solid #646464; /* gray */
	background-color: #fff;
	color: #646464; /* gray */
	}

/* tables */

table {
	margin: 0 0 10px 0;
	}
	div.s + table {
		margin: 10px 0;
		}
	div.s + h3 {
		margin: 20px 0 10px;
		}
td.day {
	width: 25%;
	border-bottom: 1px solid #646464; /* gray */
	padding: 5px 0;
	}
td.hours {
	width: 75%;
	border-bottom: 1px solid #646464; /* gray */
	padding: 5px 0 5px 5px;
	}
td.hours-4 {
	width: 20%;
	border-bottom: 1px solid #646464; /* gray */
	padding: 5px 0;
	}
table.classic {
	margin: 15px 0;
	}
	table.classic td {
		border-bottom: 1px solid #646464; /* gray */
		padding: 5px 0;
		}
	
td.foureven {
	width: 20%;
	}
td.threeven {
	width: 33%;
	}
td.threenarr {
	width: 15%;
	}
td.threewide {
	width: 70%;
	}
td#head {
	background-color: #e9e9e9; /* lightest gray */
	}

/* contact */

.msg {
	padding: 21px;
	margin: 21px 0;
	color: #000;
	background-color: #fff;
	font-size: 13px;
	line-height: 17px;
	}
	.msg#error {
		border: 1px solid red;
		}
	.msg#ok {
		border: 1px solid #646464; /* gray */
		}
.field-title, .wpcf7-quiz-label {
	font-size: 11px;
	color: black;
	}
.field-value {
	}

/* gallery */

.attachment-medium {
	border: 1px solid gray;
	margin-bottom: 10px;
	}


/* Default style - green */

a:link, a:visited {
	color: #4fa800; /* green deeper */
	}
a:hover {
	color: #fff; 
	background-color: #4fa800; /* green deeper */
	}