/* Web PLASTIKA a.s. www.plastika.cz */
/* Copyright 2005 - 2019 Jiří Bureš */
body {
	color: #333;
	background-color: #FFF;
	font: normal 92%/110% 'Open Sans', Trebuchet, "Geneva CE", lucida, sans-serif;
	text-align: left;
	text-decoration: none;
	border: none;
	margin: 20px 0 1em; }

body,
#hlavni,
#logo,
#obsah ul,
ul#menu {
	padding: 0; }

address,
cite,
.refs {
	font-style: normal; }

q {
	font-style: italic; }

#navidrob,
footer,
#servis,
.refs,
.update {
	font-size: 85%; }

b,
dt,
legend,
q,
strong,
table.tbl caption,
ul#menu,
#obsah h2.novinky,
#navitop,
#navidrob,
#servis form input#hledat,
#hledani form input#hledat {
	font-weight: 600; }
ul#menu a[href*="index.htm"],
ul#menu a[href*="profil.htm"] {
	font-weight: 700; }

#navitop,
#navidrob,
#menu {
	text-transform: uppercase;
	letter-spacing: .1em; }
#servis form input#hledat,
#hledani form input#hledat {
	font-family: 'Open Sans';
	letter-spacing: .1em; }

#foto a span,
#lng a span,
#obsah div.hr hr,
.print-only {
	display: none; }


/* POZICOVÁNÍ */
#lng,
#logo span {
	position: absolute; }
#kontejner,
#obsah {
	position: relative; }
dl.tn dt,
#global,
#header,
#hlavni,
footer {
	clear: both; }

#kontejner {
	width: 900px;
	margin: 0 auto;
	/* background: url('images/bg-hlavni.png') repeat-y top left; */ }
#header {
	background: url(images/bg-header.png) repeat-x #007AC1;
	border-bottom: 1px solid #007AC1;
	border-radius: 20px 2px 2px 2px;
	height: 85px; }
#logo {
	float: left;
	height: 85px; }
#logo span {
	color: #FFF;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: .1em;
	width: 400px;
	height: 28px;
	left: 280px;
	top: 38px;
	padding-top: 2px;
	z-index: 100; }
#lng {
	top: 10px;
	right: 10px; }
#lng a {
	margin: 0 4px; }

#global {
	margin-top: 10px;
	/* border-top: 6px solid #E6F2F9; */ }

#navitop,
#navidrob {
	width: 100%;
	height: 2.5em;
	line-height: 2.5em;
	color: #FFF; }
#navitop {
	/* background: url('images/bg-navitop.png') #1A87C7 repeat-x top left; */
	background-color: #1A87C7; }
#navidrob {
	background-color: #4DA2D4; }

#hlavni {
	width: 900px;
	margin: 0;
	/* border-top: 1px solid #4DA2D4; */ }

#obsah {
	width: 600px;
	float: right;
	background-color: transparent; /* #FFF; */
	margin: 0;
	line-height: 160%; }

#servis {
	width: 260px;
	margin: 25px 525px 0 0;
	padding-bottom: 1em;
	color: #0054A6;
	background-color: #CCE4F3; }

footer {
	color: #FFF;
	background: url('images/bg-pata.png') #007AC1 repeat-x top left;
	margin: 0;
	padding-left: 1em;
	height: 4em;
	line-height: 4em; }
footer span.copyright {
	float: left; }
footer span.odkazy {
	float: right;
	text-align: right;
	padding-right: 1em; }


/* Stíny */
#global,
#header,
#servis,
footer,
img.obr,
.fx img,
#lng img,
#foto img,
div.tn img,
table.tbl,
table.tbl caption {
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); }

#global,
#servis,
footer {
	border-radius: 3px; }
#navitop {
	border-radius: 3px 3px 0 0; }
#navidrob {
	border-radius: 0 0 3px 3px; }

/* Další styly */
#obsah h1,
#obsah h2,
#obsah h3 {
	color: #0054A6;
	font-weight: normal;
	letter-spacing: .07em;
	margin-top: 1.2em;
	margin-bottom: .2em;
	line-height: 120%; }

#obsah h1 {
	font-size: 260%; }
#obsah h2 {
	font-size: 220%; }
#obsah h3 {
	font-size: 160%; }

#obsah h2.novinky {
	font-size: 120%;
	margin-top: 2em;
	margin-bottom: -.5em;
	padding-top: .5em;
	border-top: 1px solid #CCE4F3; }
#obsah h2.novinky span {
	font-size: 80%;
	font-weight: normal;
	padding-right: 1em; }

#obsah div.hr {
	width: 99%;
	height: 1px;
	margin: 1.5em 0 1em 0;
	background-color: #CCE4F3; }

#obsah ul {
	list-style-type: none;
	margin: .6em 0 0; }

#obsah ul li {
	background-image: url('images/li-obsah.gif');
	background-repeat: no-repeat;
	background-position: 0 .4em;
	margin-top: .3em;
	padding-left: 12px; }


#motto {
	font-weight: normal;
	font-size: 140%;
	letter-spacing: .05em;
	line-height: 140%;
	color: #4DA2D4; }

#motto p {
	margin: .5em 0; }

blockquote {
	background: url(images/bg-uvozovky.png) #FFF no-repeat left top;
	padding: 15px 0 0 35px;
	margin: 0 0 1em 1em; }

dt {
	margin-top: .5em; }

img {
	border: none; }

sub,
sup {
	vertical-align:baseline;
	position:relative; }
sub {
	top:0.2em; }
sup {
	bottom:0.2em; }

#servis form,
#servis address {
	margin-top: 1.8em;
	padding: 0 0 1em 2em;
	line-height: 150%; }
#servis form { /* border: 1px solid red; */
	width: 240px;
	margin: 0 auto 2px;
	padding: 0;
	border-bottom: 1px solid #9CCCE8; }

/* Klasy */
.c {
	text-align: center; }
img.obr,
#foto img,
div.tn img {
	border: 1px solid #4DA2D4; }
table img {
	margin-top: 3px; }
.r {
	text-align: right; }
.refs {
	line-height: 130%;
	text-align: center;
	margin-top: .5em;
	margin-bottom: 1.5em }

dl.tn dt img {
	float: left;
	margin: 5px 1em 1em 0;
	border-radius: 10%;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
#lng img {
	transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
dl.tn dt img:hover,
.fx img:hover,
#lng img:hover {
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); }

dl.tn dt {
	font-size: 110%;
	font-weight: normal;
	margin-bottom: .3em }

dd {
	margin-left: 28px; }

/* Náhledy fotek ve fotogalerii */
div.fx,
div.gx {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between; }
div.gx div {
	width: 300px; }
div.tn {
	width: 180px;
	border: none;
	margin: 10px 0;
	padding: 0;
	background-color: transparent;
	text-align: center;
	font-size: 80%;
	letter-spacing: 0.05em;
	min-height: 160px; }
div.tn img {
	margin-bottom: 0;
	background: transparent; }

.update {
	color: #4DA2D4;
	text-align: right;
	margin: 2.5em 1em .5em 0; }

/* Ikony typů souborů */
dt.idoc,
dt.ivid {
	padding-left: 28px;
	background-repeat: no-repeat;
	background-position: 0 50%; }

dt.idoc { background-image: url('images/i-doc.png'); }
dt.ivid { background-image: url('images/i-vid.png'); }

/* Odkazy */
a {
	color: #FF4600; }
#global a,
#obsah a,
#servis a,
footer a,
ul#menu li a {
	text-decoration: none; }
#navitop a:first-child,
#navidrob a:first-child {
	margin-left: 9px; }
#navitop a {
	color: #CCE4F3;
	padding: 0 .5em; }
#navidrob a,
footer a {
	color: #FFF;
	padding: 0 .5em; }
#obsah a {
	border-bottom: 1px solid #ffab91; }
#foto a,
#obsah a[rel],
#obsah a[href*="images/"],
#obsah a[href*="google.com"] { /* Odkazy na obrázku bez podtržení - CSS Attribute Selector */
	border-bottom: none; }

#servis a {
	color: #0054A6;
	border-bottom: 1px solid #9ccce8; }
#servis #menu a,
#servis .nb {
	border-bottom: none; }

footer a {
	border-bottom: 1px solid #1398e7;
	margin: 0 .5em;
	padding: 0; }
a.fb:before {
	content: url('images/i-fb.png'); }
a.tisk:before {
	content: url('images/i-tisk.png'); }

/* Tabulky */
table.tbl {
	background-color: #CCE4F3;
	border-collapse: collapse; }
table.tblist {
	background-color: #FFF;
	border-collapse: collapse; }

table.tbl th,
table.tbl caption {
	background-color: #B3D7EC; }
table.tbl td,
table.tbl th {
	border: 1px solid #FFF;
	padding: .6em .4em; }

table.tblist td,
table.tblist th {
	border-bottom: 1px solid #C0DEF0;
	padding: .6em .4em .4em;
	vertical-align: top; }

table.tbl caption { margin-bottom: 6px;
	border: 1px solid #FFF;
	padding: .4em;
	text-align: left;
	width: auto; }
table.tbl th {
	text-align: center;
	vertical-align: top; }
table.tbl th.prvni {
	text-align: left; }
table.tbl .bg {
	background-color: #C0DEF0; }

/* Formuláře */
fieldset,
legend {
	border: 1px solid #007AC1; }
fieldset {
	margin-bottom: 2em;
	padding: 1em; }
legend {
	border-bottom: none;
	padding: .3em 1.5em 0;
	color: #007AC1; }

#servis label {
	display: none; }
#servis form input#hledat,
#hledani form input#hledat {
	width: 200px;
	height: 36px;
	padding: 2px 0 0 10px;
	border: none;
	outline: none;
	color: #0054A6;
	background-color: transparent; }

#servis form input.fbutton,
#hledani form input.fbutton {
	position: relative;
	top: -1px;
	width: 24px;
	height: 24px;
	cursor: pointer;
	text-indent: -9999px;
	border: none;
	background: transparent url('images/bg-search-button.svg') no-repeat bottom right / 24px 48px;
	color: transparent;
	text-transform: capitalize;  /* Kvůli starším IE */ }
#servis form input.fbutton:hover,
#hledani form input.fbutton:hover {
	background: transparent url('images/bg-search-button.svg') no-repeat top right / 24px 48px; }

/* Kontextové menu */
ul#menu {
	width: 240px;
	list-style: none;
	border: none;
	/* border-top: 1px solid #FFF; */
	margin: 0 auto .5em;
	color: #0054A6;
	background-color: transparent; }
ul#menu li {
	margin: 0;
	border-bottom: 1px solid #FFF; }
ul#menu li a {
	display: block;
	white-space: nowrap;
	padding: 2px 1em;
	background-color: transparent;
	width: 100%;
	height: 2.4em;
	line-height: 2.4em }
ul#menu li a:before {
	content: "\00bb  ";
	font-weight: normal;
	color: #0D88FF; } /* "» " */
ul#menu li a[href*="index.htm"]:before,
ul#menu li a[href*="profil.htm"]:before {
	color: #FF4600; }

html>body ul#menu li a {
	width: auto; }
ul#menu li a:hover,
#navitop a:hover,
#navidrob a:hover {
	text-decoration: underline; }


/* Mobilizace */
@media screen and (max-device-width: 480px) and (orientation: portrait) {
/* * { border: 1px solid red; } */

body,
#kontejner,
#hlavni,
ul#menu,
#navigace,
#servis,
footer,
footer p {
	width: 100%;
	margin: 0;
	padding: 0; }

#header span,
#navidrob,
#navitop span,
#navitop a:first-child,
.tn img.obr,
footer span.copyright,
#servis form,
.update {
	display: none; }

ul#menu,
ul#menu li a {
	background-color: transparent; }

#kontejner,
#navigace,
#navitop {
	background-image: none; }


#kontejner {
	position: absolute; }
#header {
	border-bottom: 1px solid #00609a; }
#lng {
	margin: 0; }
#global {
	border-top: 1px solid #37a4e5;
	border-bottom: 1px solid #187ab4; }
#navitop { 
	font-size: 75%;
	font-weight: normal;
	letter-spacing: .05em;
	text-align: center;
	color: #FFF;
	background-color: #1A87C7;
	height: 5em;
	line-height: 5em; }

#hlavni {
	border-top: none; }

#obsah {
	float: none;
	margin: 0;
	padding: 0 1em 2em 1em;
	border: none;
	width: auto;
	background-color: #FFF;
	line-height: 160%; }
#obsah h1 {
	font-size: 170%; }
#obsah h2 {
	color: #0054A6;
	font-size: 140%; }

#navigace {
	border: 0;
	border-bottom: 1px solid #add4eb;
	background: #CCE4F3; }

#obsah li {
	margin-top: 1em; }

footer {
	margin: 0;
	padding-left: 1em;
	width: auto;
	height: 6em;
	line-height: 6em;
	font-size: 85%;
	clear: both; }
footer span.odkazy {
	float: none;
	text-align: left; }
footer a.tisk:before {
	content: normal; }

#lng a {
	padding: 0 2px 5px 2px; }

#navitop a {
	font-size: 80%;
	padding: 1em .8em .6em .8em;
	margin-left: .25em;
	white-space: nowrap;
	background: url('images/bg-navitop.png') #1A87C7 repeat-x top left;
	border: 1px solid #156ea3;
	border-radius: 1em;
	box-shadow: 0 1px 1px #AAA; }

#obsah img {
	max-width: 100%;
	height: auto; }

.tn dt,
.tn a {
	padding-top: 2em; }
dd,
.tn dd {
	margin-left: 0; }

ul#menu {
	border: none;
	border-bottom: 1px solid #FFF;
	color: #0054A6; }
ul#menu li {
	border: none;
	border-top: 1px solid #FFF; }
ul#menu li a {
	display: block;
	padding: 2px 1em;
	text-decoration: none;
	width: 100%;
	height: 4em;
	line-height: 4em; }

}