/*
Theme Name: MD webdesign responsive theme
Author: Martin Domes
Version: 2014.09
Author URI: http://www.mdwebdesign.cz
(c) všechna práva vyhrazena
*/

/* základ */
* {
	margin: 0;
	padding: 0;
}
body {
	min-width: 320px; /* neměnit */
	min-height: 300px;
	background: #fff url(obr/poz-carousel.jpg) center 145px no-repeat;
	color: #444;
	font-family: 'Ubuntu', sans-serif;
	font-size: 15px;
	line-height: 1.4;
}

/* ---- obaly ---- */
#obal {
	width:100%; 
	margin: 0 auto;
/*	outline: 1px solid red; */
}
#zahlavi-obal {
	height: 130px;
	width:100%;
/*	outline: 1px solid red; */
}
#obsah-obal {
	margin: 0 auto;
	max-width: 990px;
/*	outline: 1px solid red; */
}
div#carousel-obal {
	max-width: 950px;
	margin: 20px auto 0;
	padding: 30px 20px 0px 20px;
/*	outline: 1px solid blue; */
}
#zapati-obal {
	border-top: 1px solid #dfdfdf; 
	background-color: #fbfbfb;
/*	outline: 1px solid red; */
}
#spodek-obal {
	background: #ececec url(obr/poz-spodek.png) top repeat-x;
/*	outline: 1px solid red; */
}

/* ---- záhlaví ------ */
header {
	position: relative;
	max-width: 990px;
	margin: 0 auto;
/*	outline: 1px solid red; */
}
header article {
	width: 100%;
	height: 120px;
	float: left;
	clear: both;
}
header p {
	margin: 0;
	padding: 0;
}
header a.logo {
	display: block;
	width: 182px;
	height: 91px;
	position: absolute;
	top: 15px;
	left: 20px;
	background: url(obr/logo.png) no-repeat;
}
#slogan {
	position: absolute;
	top: 23px;
	left: 270px;
	padding: 21px 0 21px 60px;
	color: #666;
	font-size: 20px;
	border-left: 1px solid #bcbbbb;
}
#slogan strong {
	color: #a0b528;
	font-weight: normal;
}
#telefon {
	position: absolute;
	top: 23px;
	right: 20px;
	width: 196px;
	height: 53px;
	padding: 17px 30px 0 0;
	text-align: right;
	background: url(obr/telefon.png) no-repeat;
}
#telefon a {
	color: #706f6f;
	font-size: 22px;
	font-weight: bold;
	text-decoration: none;
}
#telefon a:hover {
	text-decoration: underline;
}

header a span {
	display: none;   
}
/* ------- navigace - hlavní menu ---------- */
nav {
	position: relative;
	width: 100% !important;
	float: left;
	background: #a0b528 url(obr/poz-nav.png) top repeat-x;
}
nav ul {
	position: relative;
	max-width: 990px;
	margin: 0 auto;
	z-index:999;
	list-style: none;
}
nav ul li {
	width: 19%;
	height: 100%; 
	float: left;
	background: #a0b528 url(obr/poz-nav-oddelovac.png) right center no-repeat; /* oddělovač vpravo */
	cursor: default;
}
nav ul li a {
	display: block;
	padding: 10px 0;
	background-image: url(obr/poz-nav.png);
	background-repeat: repeat-x;
	background-position: top;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-size: 17px;
}
nav ul li:hover {
	background-color: #8ca01c;
}
nav ul li.current-menu-item, nav ul li.current-page-ancestor, nav ul li.current_page_parent {
}
nav ul li.current-menu-item a, nav ul li.current-page-ancestor a, nav ul li.current_page_parent a {
	background-color: #8ca01c;
}
/* oprava posledního tlačítka */
nav ul li:last-child {
	background-image: none; /* oddělovač na konci ne */
}
/* ve vyhledávání nechceme žádnou položku menu zvýrazněnou */
body.search nav ul li.current_page_parent a {
	background: inherit;
}
/* homepage - ikona domečku */
nav ul li:first-child {
	width: 5%;
}
nav ul li:first-child a {
	background-image: url(obr/poz-nav.png), url(obr/domecek.png), url(obr/poz-nav-oddelovac.png);
	background-position: top, center, right center;
	background-repeat: repeat-x,  no-repeat, no-repeat;
	text-indent: -9999px;
}

/* -- navigace - submenu -- */
nav ul ul {
	display: none;
	position: absolute;
	left: 0px;
	top: 2.85em;
	float: left;
	width: 100% !important; 
	max-width: 990px !important;
	background: #8ca01c !important; 
}
nav ul li.current-menu-item ul, nav ul li.current_page_parent ul,  
nav ul li.current-menu-ancestor ul, nav ul li.current-menu-parent ul,
body.parent-pageid-9 nav ul ul,
body.parent-pageid-385 nav ul ul {
	display: block !important;
}
nav ul ul li, header nav ul ul li:first-child {
	float: left !important;
	width: auto !important;
}
nav ul ul li a {
	height: auto;
	padding: 8px 30px;
	text-align: left;
	text-indent: 0 !important;
	font-size: 95% !important;
	background: #8ca01c url(obr/poz-nav-oddelovac.png) right center no-repeat !important; 
}
nav ul ul li:first-child a, header nav ul ul li.current-menu-item a {
	background: #8ca01c url(obr/poz-nav-oddelovac.png) right center no-repeat !important; 
	border-top: none;
}
nav ul ul li:last-child a {
	background-image: none !important;
}

nav ul ul li a:hover {
	text-decoration: underline;
}
nav ul ul li.current-menu-item a, header nav ul ul li.current-menu-parent a,
nav ul ul.sub-menu li.current-page-ancestor {
	text-decoration: underline !important; 
}

/* ----- obsah - layout ----- */
section.obsah {
	min-height: 500px;
	margin-top: 50px;
	padding: 15px 20px 20px !important;
	background: rgba(255,255,255,1); 
	border-radius: 5px;
}
body.home section.obsah {
	margin-top: 0;
	padding-top: 0;
	background: none;
}
body.page-template-page-sablona2-php section.obsah {
	padding-left: 170px !important;
}
body.page-id-9 section.obsah, body.parent-pageid-9 section.obsah,
body.parent-pageid-385 section.obsah {
	margin-top: 5.2em !important;
}
body.error404 section.obsah {
	width: 80% !important;
}
div.one_half {
	float: left;
	margin-top: 0;
	width: 48%;
/*	outline: 1px dotted black; */
}
div.one_half.last_column {
	float: right;
}
h3 + div.one_half, h3 + div.one_half + div.one_half {
	margin-top: 15px !important;
}

/* --- aktuálně  --- */
article#aktualne {
	position: relative;
	width: 100%;
	display: none;
/*	outline: 1px solid red;  */
}
article#aktualne div {
	padding-left: 140px;
	max-width: 70%;
	margin-bottom: 25px;
	float: left;
/*	outline: 1px solid red; */
}
article#aktualne h2 span  {
	display: block;
	color: #626262;
	font-size: 80%;
}
article#aktualne img  {
	position: absolute;
	top: -30px;
	left: 0;
	z-index: 10000;
}
article#aktualne form {
	float: right;
	width: 30%;	
	padding-top: 20px;
	text-align: right;
}
article#aktualne form input[type="text"] {
	width: 80% !important;
	text-align: center;
}
article#aktualne p.tlac {
	float: right;
	margin-top: 0;
	width: 88% !important;
}
article#aktualne p.tlac input[type="submit"]{
	width: 100% !important;
}

/* --- rozcestník, bloky --- */
article#bloky {
	width: 100%;
	margin-top: 20px;
	float: left;
	clear: both;
	background: #fbfbfb;
	border: 1px solid #dfdfdf;
	border-bottom: 3px solid #dfdfdf;
	border-radius: 10px;
/*	outline: 1px solid red; */
}
article#bloky section {
	padding: 1.5% 1% 1% 1%;
	float: left;
	text-align: center;
/*	outline: 1px solid blue; */
}
article#bloky.dva section { width: 50%; }
article#bloky.tri section { width: 31.33333333333333%; }
article#bloky.ctyri section { width: 23%; }
article#bloky.pet section { width: 18%; }
article#bloky section img {
	height: auto;
	max-width: 96% !important;
	margin: 0 auto;
	border: none !important;
	opacity:0.9;
}
article#bloky a:hover img {
	opacity: 1;
}
article#bloky h2 {
	margin-top: 0px ;
	padding: 0 20px;
	color: #444;
	font-size: 140%;
}
article#bloky section a {
	text-decoration: none !important;
}
article#bloky section a:hover h2 {
	color: #a3b829 !important;
}
article#bloky section a + p {
	padding: 10px 0;
	font-size: 100%;
}
article#bloky p.tlac {
	float: none;
	margin: 0  0 -5px 0!important;
}


/* --- sloupce --- */
article#sloupce {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 20px;
/*	outline: 1px solid red; */
}
article#sloupce section {
	width: 66%;
	float: left;
}
article#sloupce section + section {
	width: 30.5%;
	padding-left: 2.5%;
	float: right;
	border-left: 1px solid #b7b7b7;
}
/* sloupce ve sloupcích */
article#sloupce section ol {
	list-style: none;
	margin-left: 0;
}
article#sloupce section ol li {
	float: left;
	width: 24%;
	padding-left: 6%;
	padding-right: 3%;
	background: url(obr/1.png) 0 0 no-repeat;
/*	outline: 1px solid blue; */
}
article#sloupce section ol li + li {
	background-image: url(obr/2.png);
}
article#sloupce section ol li:last-child {
	background-image: url(obr/3.png);
}

/* obsah sloupců */
article#sloupce section h2 {
	margin-top: 0;
	margin-bottom: 15px;
	padding: 10px 0 10px 55px;
	background: url(obr/ikona-novinky.png) left center no-repeat;
	color: #444;
}
article#sloupce section:first-child h2 {
	background-image: url(obr/ikona-duvody.png);
}

/* blog na titulce */
article.novinka img {
	float: left;
	margin-right: 8px;
}
article.novinka time {
	font-size: 90%;
}
article.novinka h3 {
	padding-left: 78px;
	margin-top: 5px;
}
article#sloupce section p.tlac {
	float: left;
	clear: both;
}

/* ----- zápatí ---- */
footer {
	max-width: 950px;
	padding: 0px 20px 10px 20px;
	margin: 0 auto;
	clear: both !important;
/*	outline: 1px solid red; */

}
footer article {
	float: left;
	padding: 0%;
/*	outline: 1px solid red;   */
}
/* tři sloupce */
footer.tri article { 
	width: 30%; 
	margin-right: 2%; 
}
footer.tri article + article { 
	width: 18%; 
	margin-right: 2%; 
}
footer.tri article + article + article  { 
	width: 48%; 
	padding-top: 0;
	margin-right: 0; 
}

/* obsah patičky */
footer article h2 {
	padding: 5px 0 5px 0px;
	font-size: 120%;
}
footer article.doprava {
	text-align: right;
}
footer ul {
	margin-left: 16px;
}
footer a {
	color: inherit;
}
footer input[type="text"], footer input[type="email"], footer form textarea {
	background: #fff;
	max-width: 150px;
	padding: 4px 6px;
}
footer form p {
	float: left;
	clear: none !important;
	margin-top: 0 !important;
}
footer form textarea {
	float: right;
	max-width: 190px !important;
	height: 100px !important;
}
footer article + article a {
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	margin-right: 10px;
}
footer article + article a span {
	display: none;
}
footer a#fb {
	background: url(obr/ikona-fb.png) no-repeat;
}
footer a#youtube {
	background: url(obr/ikona-google-plus.png) no-repeat;
}
footer a#instagram {
	background: url(obr/ikona-instagram.png) no-repeat;
}
footer article + article + article p {
	float: none !important;
}
footer article + article + article a {
	display: inline !important;
	float: none;
	width: auto;
	height: auto;
}
footer p#tel a {
	padding-right: 20px;
	background: url(obr/ikona-telefon.png) right center no-repeat;
}
footer p#email a {
	padding-right: 30px;
	background: url(obr/ikona-email.png) right center no-repeat;
}

/* copyright */
section#spodek {
	max-width: 950px;
	margin: 0px auto;
	padding: 20px 20px 80px 20px;
	clear: both;
}
section#spodek p {
	width: 49%;
	float: left;
	text-align: left;
}
section#spodek p + p {
	float: right;
	text-align: right;
}
section#spodek a {
	color: #444;
}
footer a:hover, section#spodek a:hover {
	text-decoration: none;
}

/* ---- obsah - text --- */
/* nadpisy */
h1, h2, h3 {
	line-height: 1.15;
}
h1 {
	margin-bottom: 15px;
	color: #000;
	font-size: 250%;
}
h2 {
	margin-top: 20px;
	margin-bottom: 8px;
	color: #b4422c;
	font-size: 160%;
}
.one_half h2:first-child {
	margin-top: 0;
}
h3 {
	margin-top: 16px;
	margin-bottom: 6px;
	color: #666;	
	font-size: 125%;
}
body.page-id-9 div + h3 {
	margin-top: 5px;
}

h4 {
	font-size: 100%;
	margin-top: 10px;
	margin-bottom:5px;
	color: #888;
}
/* odstavce */
p {
	margin-bottom: 10px;
}
h1 + p {
	font-size: 120%;
	margin-bottom: 20px;
}
/* citace, speciální odstavce */
blockquote {
	padding: 0px 15px;
	margin-bottom: 20px;
	border-left: 10px solid #666;
	color: #666;
}
sup {
	font-size: 60% !important;
}
/* seznamy */
section.obsah ul {
	margin-left: 20px;
	margin-bottom: 10px;
	list-style: square;
	line-height: 1.4;
	list-style-image: url(obr/odrazka.png);	
}
section.obsah ol {
	margin-left: 25px;
	margin-bottom: 10px;
	line-height: 1.4;
}
section.obsah ul li, section.obsah ol li {
	margin-bottom: 5px;
}
p + ul, p + ol {
	margin-top: -5px;
}
/* odkazy */
section.obsah a {
	color: #000;
}
section.obsah h2 a {
	color: inherit;
	text-decoration: none;
}
section.obsah a:hover {
	color: #acbe2d;
	text-decoration: none;
}
section.obsah h2 a:hover {
	text-decoration: underline;
}
/* obrázky */
h2 + div { /* fotogalerie */
	margin-top: 30px;
}
.obsah img {
	border-radius: 4px; 
}
a img {
	max-width: 100%;
	height: auto;
	border: 2px solid #b4422c !important;
}
a:hover img {
	border-color: #acbe2d !important;
}
body.page-id-172 img {
	border-radius: 0;
}
body.page-id-385 div.wp-caption {
	float: left !important;
	clear: none !important;
	margin: 15px 4.05% 0px;
	min-height: 220px;
}
body.page-id-9 div.wp-caption {
	margin-bottom: 25px;
}
div.gallery {
	clear: both;
	margin-bottom: 20px;
}
.one_half > div.gallery {
}
h3 + div.wp-caption {
	margin: 15px auto 30px !important;
}
div.wp-caption p.wp-caption-text {
	text-align: center;
}
div.wp-caption p.wp-caption-text strong {
	display: block;
	font-size: 115%;
	width: 98% !important;
}

/* tlačítko */
p.tlac {
	margin-top: 20px;
	padding-bottom: 20px;
}
p.tlac a, p.tlac input, input[type="button"].ninja-forms-field, p.form-submit input[type="submit"] {
	padding: 8px 30px 7px 15px;
	background: #bd4a31 url(obr/poz-tlac.png) right center no-repeat; 
	color: #fff !important;
	border: none;
	border-bottom: 2px solid #792918;
	border-radius: 5px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Ubuntu, sans-serif;
	font-weight: 400;
	font-size: 93% !important;
}
p.tlac a:hover, p.tlac input:hover,input[type="button"].ninja-forms-field:hover, p.form-submit input[type="submit"]:hover {
	background-color:  #a0b528;
	border-color: #8ca01c;
	color: #fff;
	cursor: pointer;
}
p.tlac.nastred {
	text-align: center;
	margin: 20px auto 0px !important;
}
div.tlacitka { /* pro vycetrování jedno nebo dvou tlačítek vedle sebe */
	float: left;
	clear: both;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: center;
}
div.tlacitka + hr {
	padding-top: 25px;
}
div + div.tlacitka {
	margin-top: 30px;
}
div.tlacitka p {
	float: none;
	clear: none;
	display: inline;
	margin: 0 10px;
}
/* doplňující třídy */
.nevidet {
	display: none !important;
}
hr {
/* nemazat */
	width: 100%;
	clear: both;
	margin-top: 10px;
	margin-bottom: 20px;
	background: none;
	border: none;
	border-bottom: 1px solid #ccc;
}
div.tlacitka + hr, div.gallery + hr {
	margin-top: 25px;
}
.cistic {
	clear: both !important;
}
/* ----- třídy WP ---- */
.alignleft {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
.alignright {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}
.aligncenter{
	margin: 0px auto 10px !important;
	float: none;
	
}
.alignnone {
	margin-bottom: 10px;
	clear: both;
}

/* --- tabulky --- */
h2 + table {
	margin-top: 20px;
}
table {
	margin-bottom: 20px;
	border-bottom: 1px solid #bbb;
}
th, td {
	padding: 5px 15px;
	text-align: left;
	background: #fff;
}
th {
	background: #888;
	color: #fff;
	min-width: 95px;
}
tr:nth-child(odd) td {
	background: #f1f1f1;
}
td img {
	padding: 3px 0 0 0 !important;
	margin: 0 !important;
}

/* --------- formuláře obecně ----------- */
form {
}
input, select, option, textarea {
	padding: 6px 12px;
	color: #545454;
	font-size: 1em;
}
input[type="text"], input[type="email"], textarea, select {
	border-radius: 5px;
	border: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	background: #f8f8f8;
}

/* --------- ninja forms - formuláře ----------- */
div.nf-form-cont {
	max-width: 350px;
	margin: 0 auto;
}
div.nf-form-cont div.nf-field-container {
	margin: 0 0 10px 0 !important;
}
div.nf-form-cont div.nf-field-container div.field-wrap {
}
div.nf-form-cont div.field-wrap div.nf-field-element {
	width: 100%;
}
div.nf-form-cont div.nf-field-label {
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}
div.nf-form-cont div.field-wrap div.nf-field-element textarea{
	height: 140px;
}
div.nf-form-cont input[value="Odeslat"] {
	margin-top: -20px;
	width: 100%;
}
/* kontaktní */
/*
div#nf-form-2-cont.nf-form-cont {
	max-width: 100%;
	margin: 0;
}
div#nf-form-2-cont.nf-form-cont div.nf-field-label {
	width: 20%;
	padding: 0;
	text-align: left;
	
}
div#nf-form-2-cont.nf-form-cont div.field-wrap div.nf-field-element {
	width: 80%;
}
/* chybové hlášky */
div.nf-form-fields-required {
	display: none;
}
div.nf-error-msg {
	width: 200px;
	top: 4.8ex;
	left: 340px;
	z-index: 999;
	position: absolute !important;
	padding: 5px 5px 5px 30px !important;
	background: url(obr/chyba2.png) no-repeat center left;
	color: #fff;
}
div.nf-error-field-errors {
	width: auto;
	position: static !important;
	padding-left: 0;
	background: none;
	color: red;
	text-align: center;
}
/* chybové hlášky - kontaktní */
/*
div#nf-form-2-cont div.nf-error-field-errors {
	margin-left: 20%;
}
div#nf-form-2-cont div.nf-error-msg {
	top: 0ex;
}

/* --- sociální tlačítka --- */
div.social {
	clear: both; 
	padding-top: 15px; 
	text-align: center;
}
div.social h3 {
	display: inline-block;
	padding: 10px 10px 0 10px;
	border-top: 1px solid #ccc;
}
div.bottomcontainerBox {
	width: 250px;
	margin: 0 auto !important;
	float: none !important;
}
div + div.bottomcontainerBox {
	margin-top: 40px;
	outline: 1px solid red;
}
body.page-id-290 div.social,
body.page-id-284 div.social {
	display: none;
}
/*
body.page-template-page-sablona2-php div.social {
	text-align: left;
}
body.page-template-page-sablona2-php div.bottomcontainerBox {
	margin: 0 0 0 30px !important;
}


/* --- landing page --- */
body.page-template-page-landingpage-php section.obsah div#obal-vnitrni {
/*	max-width: 500px;
	margin: 10px auto; */
}
body.page-template-page-landingpage-php #zahlavi-obal article {
}
body.page-template-page-landingpage-php nav {
	display: none;
}
body.page-template-page-landingpage-php section.obsah {
	border-top: 5px solid #a0b528; 
}



/* ------ BLOG ----- */
.blog .obsah, .category .obsah, .single .obsah, .search .obsah, .archive .obsah {
	position: relative;
	max-width: 950px;
	padding-right: 270px !important;
}

/* panel + widgety */
aside {
	position: absolute;
	top: 70px;
	right: 20px;
	width: 200px;
	padding: 15px;
	border: 1px solid #ccc;	
	border-radius: 5px;
	background: #f6f6f6;
}
section.widget {
	margin-bottom: 20px;
/*	outline: 1px dotted #3F0 */
}
aside .widget h3 {
	margin-top: 0;
}
aside .widget ul {
	margin-left: 20px;
	list-style: square;
}
aside a:hover {
	text-decoration: none;
	color: #ab3505;
}

/* rubriky */
ul li.cat-item {
	list-style: none;
	margin: 0 !important;
	margin-left: -20px !important;
}
ul li.cat-item a {
	display: block;
	background: #f9f9f9 !important;
	border: 1px solid #aaa;
	border-top: none;
	padding: 5px 15px;
	text-decoration: none;
	color: #777;
}
ul li.cat-item:first-child a {
	border-top: 1px solid #aaa;
}
ul li.cat-item a:hover {
	background: #aaa !important;
	color: #fff;
	text-decoration: none;
}
ul li.current-cat a {
	background: #aaa !important;
	color: #fff !important;
	font-weight: bold;
}
/* odkazy v panelu */
aside ul li a {
	text-decoration: none;
}
aside ul li a:hover {
	text-decoration: underline;
}

/* hledání v panelu */
aside .widget input[type="text"] {
	width: 130px;
	color: #777;
	border: 1px solid #ccc;
	border-radius: 0;
	font-size: 100%;
}
aside .widget input[type="submit"] {
	height: 33px;
	margin-left: 3px;
	border: none;
	background: #8ccd89;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	position: relative;
	top: -1px;
}
aside .widget input[type="submit"]:hover {
	background: #5bb757;
}

/* článek */
article.clanek {
	clear: both;
	min-height: 175px;
}
p.metadata {
	margin-top: -3px;
	margin-bottom: 10px;
	font-size: 90% !important;
	color: #656565;
}
p.metadata a {
	color: #656565;
}
body.single p.metadata {
	margin-top: 0px;
	margin-bottom: 20px;
}

/* perex */
body.blog p.metadata + p, body.archive p.metadata + p{
	font-size: 95%;
	padding-left: 170px;
}
body.blog p.metadata + p strong, body.archive p.metadata + p strong {
	font-weight: normal !important;
}
body.single-post img.wp-post-image + p {
	font-size: 120%;
	min-height: 100px !important;
	color: #555;
}
/* náhledový obrázek */
img.wp-post-image {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	border-radius: 10px;
}
/* stránkování */
.obsah ul.strankovani {
	width: 100%;
	clear: both;
	padding-top: 20px;
	margin: 0;
	text-align: center;
	list-style: none;
/*	outline: 1px solid yellow; */
}
.obsah ul.strankovani li.starsi {
	float: right !important;
	font-weight: bold;
}
.obsah ul.strankovani li.novejsi {
	float: left !important;
	font-weight: bold;
}
/* komentáře */
.komentare {
	clear: both;
	margin-top: 30px;
	padding-top: 5px;
	border-top: 1px solid silver;
}
.comment-author img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.comment-body {
	clear: both;
}
.komentare label {
	display: block;
	float: left;
	width: 120px;
	padding-top: 0.2em;
}
.komentare input, .komentare textarea {
	padding: 5px;
}
.komentare input[type="text"] {
	width: 350px;
}
.komentare textarea {
	width: 81%;
	height: 100px;
}
.komentare .comment-meta {
	font-weight: bold;
}
.komentare ol.seznam-komentaru {
	margin-top: 15px;
	margin-left: 0;
}
.komentare ol.seznam-komentaru li {
	padding: 10px;
	margin-top: 10px;
	margin-left: 0;
	list-style: none;
}
.komentare ol.seznam-komentaru li:nth-child(odd) {
	background: #f6f6f6;
}
.komentare ol.seznam-komentaru li li {
	background: #fff !important;
}
.komentare #respond {
	margin-top: 20px;
	clear: both;
}
.komentare #respond  h3 {
	margin-bottom: 10px;
}
.komentare .strankovani{
	width: 100%;
	margin: 20px 0 0 0; 
	height: 25px;
}
.komentare .strankovani li {
	list-style: none;
	margin: 0 5px;
}
.obsah ul.strankovani li.predchozi {
	float: left;
}
.obsah ul.strankovani li.novejsi {
	float: right;
}
.komentare .comment-notes, .komentare .form-allowed-tags {
	width: auto;
	font-size: 90%;
	color: #777;
}
.komentare .form-allowed-tags {
	display: none;
}
.komentare p.form-submit {
	margin-left: 120px !important;
}

/* --- responzivní design */
@media all and (min-width: 993px) and (max-width: 1024px) {
	.cycloneslider-template-default .cycloneslider-prev, .cycloneslider-template-default .cycloneslider-next {
		display: none !important;
	}
}
@media all and (min-width: 768px) and (max-width: 992px) { /* tablety */
	/* nezobrazit*/
	.cycloneslider-template-default .cycloneslider-prev, .cycloneslider-template-default .cycloneslider-next {
		display: none !important;
	}
	/* bez pozadí */
	body, #obsah-obal, #carousel {
		background-image: none;
	}
	/* záhlaví */
	#slogan {
		font-size: 110%; 
	}
  	nav ul li a {
		font-size: 95%;	
	}
  	nav ul ul {
		top: 2.63em;
	}

	nav ul ul.sub-menu {
	}
	/* carousel */ 
	.cycloneslider-template-default .cycloneslider-caption { 
		font-size: 90%;
	}
	.cycloneslider-template-default p.tlac a { 
		font-size: 100% !important;
	}
	.cycloneslider-template-default .cycloneslider-pager span {
		width: 20px !important;
		height: 20px !important;
	}
	.cycloneslider-template-default .cycloneslider-pager span.cycle-pager-active {
	}
	/* aktuálně */
	article#aktualne {
	}
	/* sloupce */
	article.novinka {
		width: 90%;
		float: none;
	}
	/* zápatí */
	footer form textarea, footer form input[type="text"], footer form input[type="email"] {
		float: none;
		max-width: 240px !important;
		max-height: 50px !important;
		margin-bottom: 5px;
	}
	footer p.tlac {
		clear: both !important;
		margin-bottom: -15px !important;
	}
	#spodek {
		font-size: 90%;
	}
	/* obsah */
	p.tlac a {
		font-size: 80% !important;
	}
	body.page-id-9 h3 + .one_half, body.page-id-9 h3 + .one_half + .one_half {
		width: auto;
		float: none !important;
		clear: both;
	}
	body.page-id-9 h3 + .one_half .wp-caption, body.page-id-9 h3 + .one_half + .one_half .wp-caption {
		margin: 0 auto;
	}

	/* blog*/
	.komentare textarea {
		width: 97%;
	}
	.komentare p.form-submit {
		margin-left: 0px !important;
	}
}

@media all and (max-width: 767px) { /* mobily */
	/* nezobrazit*/
	.cycloneslider-template-default .cycloneslider-prev, .cycloneslider-template-default .cycloneslider-next,
	.cycloneslider-template-default img, #slogan, header nav {
		display: none !important;
	}
	/* bez pozadí */
	body, #zahlavi-obal, #obsah-obal, #zapati-obal {
		background-image: none;
	}
	/* body */
	body {
		background: #fff;
		min-width: 449px !important;
	}
	/* navigace */
	div#wprmenu_bar {
		z-index: 99999 !important;
	}
	/* záhlaví */
	#zahlavi-obal, header article {
	}
	header article p a.logo {
	}
	/* carousel */
	div#carousel-obal {
		margin-top: 0;
		padding-top: 0px;
		font-size: 90%;
	}
	.cycloneslider-template-default .cycloneslider-slides{
		min-height: 200px !important;
	}
	.cycloneslider-template-default h2.cycloneslider-caption-title,
	.cycloneslider-template-default .cycloneslider-caption-description {    
		max-width: 100% !important;
	}
	.cycloneslider-template-default .cycloneslider-pager{
		float: right;
		left: auto !important;
		right: 0px !important;
		bottom: 0px !important;
	}
	.cycloneslider-template-default .cycloneslider-pager span {
		width: 25px !important;
		height: 25px !important;
	}
	/* aktuálně */
	article#aktualne img {
		top: 0;
	} 
	article#aktualne form {
		width: 90%;
		margin: 0px auto;
		float: none !important;
	} 

	/* bloky, sloupce, zápatí */
	article#sloupce section, article#sloupce section.vedlesebe article,
	footer article, section#spodek p {
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
		border-left: none !important;
	}
	article#bloky section  {
		width: 96% !important;
		padding: 2% !important;
	}
	article#bloky section img {
		width: 50% !important;	
	}
	article#sloupce section ol li {
		width: 90%;
		padding-left: 40px;
		padding-bottom: 20px;
		float: none;
	}
	article#sloupce section article.novinka {
		clear: both;
	}
	article#sloupce section article.novinka img {
		float: left !important;
		margin-right: 15px;
	}

	footer article, section#spodek p {
		text-align: left !important;
	}
	footer form textarea, footer form input[type="text"], footer form input[type="email"] {
		float: none;
		width: 80% !important;
		max-width: 80% !important;
		max-height: 100px !important;
		margin-bottom: 5px;
	}
	footer p.tlac {
		clear: both !important;
		margin-bottom: -15px !important;
	}
	footer.dva article + article.doprava h2 {
		padding: 5px 5px 5px 35px;
		background-position: left center;
	}
    /* obsah */
	body.page section.obsah, 
	body.blog section.obsah, body.archive section.obsah, body.single section.obsah {
		width: auto;
		margin-top: 5px !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
		border-radius: 0;
	}
	.one_half {
		width: 100% !important;
		float: none !important;
	}
	.one_half h2:first-child {
		margin-top: 30px !important;
	}
	h1 + p img {
		display: block !important;
		width: 90%;
		height: auto;
		margin: 0px 0 20px !important;
		float: none !important;
		clear: both !important;
	}
	section.obsah img {
		display: block;
		max-width: 100%;
		float: none !important;
		clear: both;
		margin-left: 0;
		margin-right: 0;
	}
	
	/* blog */
	aside {
		position: static;
		width: 94%;
		margin-top: 20px;
	}
	article.clanek img {
		float: left !important;
		margin-right: 20px;
	}
	.komentare textarea {
		width: 97%;
	}
	.komentare p.form-submit {
		margin-left: 0px !important;
		padding-bottom: 20px;
	}
	/* formuláře */
	form.ninja-forms-form#ninja_forms_form_2 label {
		width: 80px !important;
	}
	form.ninja-forms-form#ninja_forms_form_2 input[type="submit"] {
		margin-left: 86px !important;
	}

}