﻿/* obecné styly */
@import url('cssreset.css');
/* reset css */
html, body {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
a:link {
	color: #000000;
	text-decoration: underline;
}
a:visited {
	color: #000000;
}
a:active {
	color: #000000;
}
a:hover {
	color: #808080;
}
.text-centr {
	text-align: center;
	text-indent: 0%;
}
.text-vlevo {
	text-align: left;
	text-indent: 0%;
}
.fialovy-text {
	color: #CC65D2;
}
.fialove-pozadi {
	background-color: #E2C0E4;
}
.fialovy-ramecek {
	margin: 1em auto 1em auto;
	border-radius: 1em;
	padding: 1em;
	border: thin solid #CC65D2;
	width: 20em;
	right: auto;
	left: auto;
}
.fialovy-ramecek2 {
	margin: 1em auto 1em auto;
	border-radius: 1em;
	padding: 1em;
	border: medium solid #CC65D2;
	width: 90%;
	right: auto;
	left: auto;
}
.tucny-text {
	font-weight: bold;
}
.velky-text {
	font-size: 2.5em;
}
.vetsi-text {
	font-size: 1.5em;
}
.vetsi-text120 {
	font-size: 1.2em;
}
.bezny-odstavec {
	text-align: left;
	padding: 0.1em 1em 0.3em 1em;
	text-indent: 1.5em;
	line-height: 1.4em;
}
.vetsi-okraj {
	padding: 1.5em 0.5em 1.5em 0.5em;
}
.podtrzeno {
	text-decoration: underline;
}
h1 {
	color: #CC65D2;
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 0.5em;
}
h2 {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-weight: bold;
	color: #CC65D2;
	font-size: 1.2em;
	margin-top: 1em;
}
h3 {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-weight: bold;
	font-size: 1.1em;
	margin-top: 1em;
}
#obal {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#obal .fotka {
	display: block;
	margin: 1em auto 1em auto;
	width: 500px;
	height: 411px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-image: url('dvere500.jpg');
}
@media (min-width: 600px) {
#obal {
	margin-right: auto;
	margin-left: auto;
	width: 600px;
	font-size: 1em;
}
#obal .fotka {
	display: block;
	margin: 1em auto 1em auto;
	width: 500px;
	height: 411px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-image: url('dvere500.jpg');
}
}
@media (min-width: 800px) {
#obal {
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	font-size: 1.1em;
}
#obal .fotka {
	display: block;
	margin: 1em auto 1em auto;
	width: 700px;
	height: 576px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-image: url('dvere700.jpg');
}
}
@media (min-width: 900px) {
#obal {
	margin-right: auto;
	margin-left: auto;
	width: 900px;
	font-size: 1.2em;
}
#obal .fotka {
	display: block;
	margin: 1em auto 1em auto;
	width: 800px;
	height: 658px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-image: url('dvere800.jpg');
}
}
@media (min-width: 1000px) {
#obal {
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
	font-size: 1.3em;
}
#obal .fotka {
	display: block;
	margin: 1em auto 1em auto;
	width: 900px;
	height: 740px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-image: url('dvere900.jpg');
}
}
@media (min-width: 1100px) {
#obal {
	margin-right: auto;
	margin-left: auto;
	width: 1100px;
	font-size: 1.4em;
}
#obal .fotka {
	display: block;
	margin: 1em auto 1em auto;
	width: 1000px;
	height: 823px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-image: url('dvere1000.jpg');
}
}
@media (min-width: 1300px) {
#obal {
	margin-right: auto;
	margin-left: auto;
	width: 1300px;
	font-size: 1.5em;
}
#obal .fotka {
	display: block;
	margin: 1em auto 1em auto;
	width: 1200px;
	height: 987px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-image: url('dvere1200.jpg');
}
}
@media (min-width: 2000px) {
#obal {
	margin-right: auto;
	margin-left: auto;
	width: 2000px;
	font-size: 2.2em;
}
#obal .fotka {
	display: block;
	margin: 1em auto 1em auto;
	width: 1900px;
	height: 1563px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-image: url('dvere1900.jpg');
}
}
#zahlavi {
	/*background-color: #CCFFFF;  */
	width: 100%;
	display: block;
	position: static;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	text-indent: 0%;
	font-size: 1.5em;
}
#obsah {
}
#pozor {
	/*background-color: #FFCCFF;  */
	text-align: center;
	text-indent: 0%;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}
#zmeny {
	/*background-color: #FFCCFF;  */
	text-align: center;
	text-indent: 0%;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}
#ord-doba {
	/*background-color: #99FF99;  */
	text-align: center;
	text-indent: 0%;
}
#ord-doba table, #pojistovny table {
	border: thin solid #FFFFFF;
	width: 100%;
	border-collapse: collapse;
	empty-cells: show;
	table-layout: auto;
	padding-top: 0.2px;
}
#ord-doba table th, #ord-doba table tr, #ord-doba table td, #pojistovny table th, #pojistovny table tr, #pojistovny table td {
	padding: 0.4em 0.2em 0.4em 0.2em;
	border: thin solid #FFFFFF;
}
#ord-doba .tabulka, #pojistovny .tabulka {
	width: 70%; /*background-color: #999966;  */;
	margin: 0% auto 0% auto;
}
#kde-najdete {
	/*background-color: #CC3300;  */
	text-align: center;
	text-indent: 0%;
}
#pojistovny {
	margin: 0% auto 0% auto;
/*background-color: #CC00FF;  */text-align: left;
	width: 100%;
}
#oambulanci {
}
#informace {
	/*background-color: #FFCCFF;  */
	text-align: center;
	text-indent: 0%;
}
#zapati {
	/*background-color: #C0C0C0;  */
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
}
#ord-doba th, #ord-doba td {
	padding: 0.4em 0.3em 0.4em 0.3em;
}
#zmeny p {
	padding: 0.1em 1em 0.3em 1em;
}
