﻿/*
Theme Name: Obec Jankov
Theme URI: http://www.obecjankov.cz/
Webdesign and CSS code by Excelent Web || http://www.exweb.cz
*/

/* -- Body -- */
body * {
	margin: 0; padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: Calibri, Helvetica,Tahoma,Verdana, sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;
	color: #000;
	text-align: center;
}

body * {
	margin: 0; padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
    font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif;
}

a, a:active { color: blue; text-decoration: underline; }
a:hover { color: red; }

a[href*="mailto:"] {
    background: url("images/link-mail.gif") no-repeat scroll right center transparent;
    padding-right: 15px !important;
}

.hidden {
	overflow: hidden;
	width: 10px;
	position: absolute;
	left: 0;
	top: -1000px;
}

.clear {
	width: 100%;
	clear: both;
}

.center { text-align: center; }
.center_m {	margin: auto; }
.right { text-align: right; }

#content h1 {
	font-size: 2em;
	margin: 0 0 30px 20px;
	line-height: 1.2em;
}

#content p {
	font-size: 1.2em;
	text-indent: 1em;
}

.button, input[type=submit], .paginator .current, .no_next {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 1.25em;
	padding: 0.2em 1em 0.275em;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover, input[type=submit]:hover {
	text-decoration: none;
}
.button:active, input[type=submit]:active {
	position: relative;
	top: 1px;
}



/* --- Strankovani --- */
.paginator {
	margin: 10px 0 10px;
	text-align: center;

}

.paginator .button {
	padding: .15em .9em .15em;
	font-size: 1.25em;
}

.paginator .step {
	padding: 0.15em .5em .15em;
	margin: 0 .2em 0;
}

.paginator .current {
	padding: .2em .5em .25em;
	margin: 0 .2em 0;
	color: #000;
	cursor: default;
}

.paginator .no_next, .paginator .current, .paginator .button, #uredni-deska d-head th {
		background-color: #dddddd !important;
}
.paginator .button:hover {
		background-color: #fff;
}

/* --- Flash message --- */
.flash {
    text-align: left;
    padding: .5em .8em .5em 40px;
    margin: 0 auto .5em;
    clear: both;
    max-width:  46.923em; /* 610/13 */
    *max-width: 45.750em; /* 610/13.3333 - for IE */
	font-size: 1.25em;
}

.flash.error {
    border: thin solid #8b0000;
    background: #ffc0cb;
}

.flash.notice, .flash.info {
    border: thin solid #ccc;
    background: #ddd url(images/icon_info.gif) 15px center no-repeat;
}

.flash.warning {
    border: thin solid #b8860b;
    background: #ff0;
}

/* -- All -- */
#all {
	width:974px;
	margin:0 auto;
	padding:0;
	text-align: left;
	position: relative;
}

/* -- Hlavicka -- */
#header {
	width: 100%;
	height: 100px !important;
	background: none !important;

}

#logo {
	margin: 50px 0 0 50px;
	float: left;
}

#logo h1 {
	font-size: 2.7em;
	font-weight: bold;
	text-decoration: underline;
}

/* --- Pristupnost --- */
#pristupnost {
	float: right;
	margin: 10px 0 0 0;
	font-size: 1.1em;
	font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif;
}

#pristupnost li {
	display: inline;
}

/* -- Main -- */
#main {
	width: 100%;
	border: 0px solid red;
	padding: 0 0 50px 0;
}
#bg_main {
	width: 100%;
	height: 20px;
}

#content {
	width: 700px;
	float: left;
}

#right_panel {
	width: 239px;
	float: right;
}

/* -- Right panel -- */
#menu {
	background-color: #dddddd;
	padding-top: 5px;
}

#menu .header {
	width: 100%;
	height: 38px;
	margin: 5px;
	text-align: center;;
}

#menu ul {
	list-style: none outside none;
	/*border-top: 1px dashed #F1AB9A;*/
	margin: 0 0 0 0;
}

#menu .current { background-color: #000; color: #fff; }

#menu li {
	border-bottom: 1px solid white;
	/*font-family: sans-serif;*/
}

/*
#menu ul div {
	padding: 0 5px 0 8px;
	background: url(images/menu_sipka.gif) right center no-repeat;
}*/

#menu .noborder { border: 0; }
#menu ul li a {
	width: 100%;
	font-size: 1.25em;
	line-height: 2em;
	display: block;
	text-decoration: none;
	padding-left: 10px;
}

#menu ul div:hover {
	background-color: white;
}

#menu ul li ul {
	margin: 0;
	padding: 0 0 0 18px;
	border-top: 1px solid white;
}

#kontakt {
	background-color: #dddddd;
	margin: 20px 0 0 0;
	padding: 10px 5px 5px 5px;
}
#kontakt .header {
	width: 100%;
	height: 38px;
	text-align: center;
}

#kontakt p {
	margin: 7px 0 18px 10px;
	font-size: 1.25em;
}

/* --- Clanky - kategorie --- */
.article h2 {
    font-size: 1.5em;
}

.article .datum {
	float: right;
	overflow: hidden;
	font-size: 1.15em;
}

/* --- Kniha navstev --- */
#guestbook form {
	font: 1em normal Calibri,Arial,sans-serif;
	margin: 40px 0 40px 0;
}

#guestbook label {
    display: inline-block;
    padding-right: 8px;
    text-align: right;
    width: 180px;
}

#guestbook input[type=text], #guestbook textarea {
	background-color: #F7F7F7;
    border: medium none;
    border-radius: 4px;
    box-shadow: 1px 1px 1px #BBBBBB inset, 0 0 1px #CCCCCC inset;
    color: #555555;
    font: 1.1em Calibri,Arial,sans-serif;
    outline: medium none;
    padding: 5px 8px;
    resize: none;
    width: 350px;
}

#guestbook textarea { height: 150px; }

#guestbook th, #guestbook td { padding: 0 0 8px 0; }

#guestbook .required { color: #E84C4C; }

/* --- Navstevni kniha --- */
.post {
	width: 80%;
	padding: 10px;
	margin: auto;
}

.post_lichy { background-color: #eee; }
.post .header {
	font-size: 1.5em;
	font-weight: bold;
	font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif;
	text-indent: 0em !important;
}

.post .header span {
	float: right;
	font-size: 0.9em !important;
}

.post .text {
	margin-top: 5px;
	font-size: 1.2em !important;
	text-indent: 0em !important;
}

/* --- Clanek (stranka) --- */
.article img, .border_image {
	padding: 5px 9px 9px 5px;
	margin: 20px;
	background: url(images/image.png) right bottom no-repeat;
}

.article .nadpis {
	float: left;
}

.article p {
	font-size: 1.25em;
	line-height: 1.5em;
	text-indent: 1em;
	margin: 10px 0 0 0;
}

.article .no_indent {
	text-indent: 0em;
}

.article h2, .article .datum {
	margin: 18px 0 8px 0;
}

.article h3 {
	margin: 15px 0 6px 0;
	font-size: 1.15em;
}

.article h4 {
	margin: 15px 0 6px 0;
	font-size: 1.1em;
}

.article ul {
	margin-left: 20px;
	list-style-type: none;
	font-size: 1.2em;
}

.article ul li {
	background: url(images/odrazka.png) left .6em no-repeat;
	line-height:1.4em;
	padding-left: 12px;
	margin: 3px 0 3px 0;
}

.article ul li li, .article ol li li {
	font-size: .92em;
}

.article ol {
	margin-left: 30px;
	font-size: 1.1em;
}


.article ol li {
	line-height:1.4em;
	margin: 3px 0 3px 0;
}

/* --- Article section --- */
#article_section .img {
	float: left;
}

#article_section .article {
	margin-bottom: 30px;
}


/* ---- Fotogalerie --- */
.border_image { margin: 8px; }


/* --- Admin on page --- */
.admin_edit {
	text-align: right;
}
.article .admin_edit {
	float: right;
	margin-left: 10px;
}

/* --- Hlavni strana --- */
.box {
	background-color: #dddddd;
	width: 610px;
	height: 180px;
	margin: 0 0 20px 40px;
	padding: 15px;
	/*border: 1px solid #d7d7d7;*/

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(border-radius.htc);
}

.box .datum { font-size: 0.9em; margin-bottom: 5px; }
.box div { height: 95px }

.box h2 {
	/*text-transform: uppercase;*/
	font-size: 1.4em;
	margin-bottom: 5px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
}
.box p {font-size: 1.1em }

.aktuality {
	font-size: 1.7em;
	margin: 40px 0 20px 20px;
}

.no-border {
	background-image: none !important;
	padding: 0 !important;
	margin: 0 !important;
}


/* --- Uredni deska --- */
#uredni-deska, .table {
	width: 98%;
	margin: 10px 10px 10px 20px;
	border-collapse: collapse;
	border: 1px solid #000;
}

.table {
	width: auto;
}

#uredni-deska td, .table td, #uredni-deska th, .table th {
	padding: 4px;
}

#uredni-deska .d-head th, .table thead th {
	font-size: 1.1em;
	color: white;
	background: #000 left top repeat-x;
}

#uredni-deska .obsah td, .table tbody td {
	font-size: 1.1em;
	border-bottom: 1px solid #000;
	background-color: white;
}

#uredni-deska .obsah:hover td, .table .obsah:hover td {
	background-color: #fef4f2;
}

/* ---- Mapa stranek --- */
#sitemap { font-size: 1.25em; }
#sitemap li li { margin-left: 20px; }
#sitemap, #sitemap ul {	list-style-type: none; }

#sitemap li {
	background: url(images/odrazka.png) left .6em no-repeat;
	line-height:1.5em;
	padding-left: 12px;
	margin: 3px 0 3px 0;
}


/* --- Fotogalerie --- */
.album { margin-bottom: 30px; }
.album h2 {	margin-bottom: 16px; }
.album img { margin-right: 15px; }

#fancybox-title-over {
	font-size: 1.3em
}

/* --- Chyby 4xxx a 5xx --- */
#error_page p {
	margin-bottom: 0.8em;
}


/** Dodelavky **/
.minibox {
		width: 270px;
    height: 30px;
    margin-bottom: 15px;
		font-size: 1.4em;
		float: left;
}

.article img, .border_image {
	background-color: #dddddd !important;
	padding: 5px;
	background-image: none;
}

#logo {
	margin-top: 30px;
}

#navigace .title {
	float: left;
	margin-right: 5px;
}

#content h1 {
	margin-top: 20px;
}

#subpage ul {
	margin-left: 30px;
}

#subpage li {
	font-size: 1.1em;
}

#menu .current:hover {
	color: red;
}

/** paticka **/
#footer p, #footer ul {
	padding: 15px 10px 15px 10px;
	font-size: 1.1em;
}

#footer .copyright {
	float: left;
}

#footer ul {
	float: right !important;
	overflow: hidden;
}

#footer li {
    display: inline;
    list-style-type: none;
		padding-left: 5px;
		margin-left: 5px;
}


/** Cookies - EU */
/* Cookie */
.eu-cookies {
    color: #DDD;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 4px 10px;
    background-color: #444;
    z-index: 2000;
    text-align: center;
}

.eu-cookies button {
    margin: 0 20px;
    background: #45AE52;
    border: none;
    color: #fff;
    padding: 4px 12px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 700;
}

.eu-cookies a {
    color: #fff;
}
