/* 2015-09-17 Jan Tic: .text .stylZelene  ma google font Petit Formal Script */
/* 2015-09-18 Jan Tic: ve slozce 12 tabulka s rameckem */

/* Globalni styly */

* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}

html {
	height: 100%;
}

head {
	display: none;
}

body {
	background: #ffffff;
	font-family: sans-serif;
	font-size: 17px; /*14px;*/
	line-height: 24px; /*20px;*/
	overflow-y: scroll;
	height: 100%;
}

a {
	color: #5db134;
    text-decoration: none;
}

form table {
	width: 100%;
}

form tr.nadpis td {
	font-weight: bold;
}

form td.popis {
	width: 33%;
	padding: 0px 10px 0px 0px;
}

form tr.odesli input {
	margin: 10px 10px 10px 0px;
	padding: 10px 20px 10px 20px;
}

input, textarea, select {
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}

input, select, label {
	vertical-align: middle;
}

input[type=submit] {
    background: url(Xhtml5/Submit.png) repeat-x scroll center top #000000;
    color: #dddddd;
    padding: 1px 5px 1px 5px;
    border: none;
    border-radius: 10px;
    font-size: 16px;
    font-weight: bold;
}

*::-webkit-input-placeholder {
	color: #aaaaaa;
	text-transform: uppercase;
	font-size: 12px;
}

*:-moz-placeholder {
	color: #aaaaaa;
	text-transform: uppercase;
	font-size: 12px;
}

*::-moz-placeholder {
	color: #aaaaaa;
	text-transform: uppercase;
	font-size: 12px;
}

*:-ms-input-placeholder {
	color: #aaaaaa;
	text-transform: uppercase;
	font-size: 12px;
}


/* Ytext */

.stylZelene {
	color: #5db134;
	font-family: "Petit Formal Script";
}

.prilohaL {
	display: block;
	float: left;
	margin: 0px 10px 0px 0px;
}

.prilohaP {
	display: block;
	float: right;
	margin: 0px 0px 0px 10px;
}

.stylBunkaStred .priloha {
	float: none;
	margin: 0px auto 0px auto;
}

.priloha .text {
	display: block;
	text-align: center;
	font-size: 12px;
}

table {
	clear: both;
}

table.zakladniTabulka td {
	background: #f0f0eb;
	padding: 0px 3px 0px 3px;
	font-size: 12px;
}

table.sloupcovaSazba {
	width: 100%;
}

table.sloupcovaSazba td {
	padding: 0px 10px 0px 0px;
	vertical-align: top;
}

.tabulkaSRameckem .text table {
    border-collapse: collapse;
}

.tabulkaSRameckem .text table tr:nth-child(odd) td {
    background: #5db134;
    color: #ffffff;
}

.tabulkaSRameckem .text table tr:nth-child(odd) td p:only-child {
    margin-bottom: 0px;
} 

.tabulkaSRameckem .text table tr:nth-child(even) td {
    background: #cbded4;
}

hr {
	border-bottom: 1px solid #777777;
}

h1, h2, p, ul, ol, table, hr {
	margin: 0px 0px 10px 0px;
}

h1 {
	line-height: 30px;
	font-size: 18px;
	font-weight: bold;
	color: #5db134;
}

h2 {
	text-transform: uppercase;
	font-weight: bold;
}

ul {
    padding-left: 20px;
}

ol {
    padding-left: 20px;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.stylVerzalky {
	text-transform: uppercase;
}

.stylBunkaVpravo {
	text-align: right;
}

.stylBunkaStred {
	text-align: center;
}

.stylPoznamka,
table td.stylPoznamka {
	font-size: 11px;
}

.stylVelke {
	font-size: 20px;
}

.stylCervene {
	color: #cc0000;
}

td > .priloha:only-child,
td > p:only-child > .priloha:only-child {
	float: none;
	margin: 8px auto 0px auto;
}



/* panelTelo */

.panelTelo {
	width: 1232px;
	margin: 0px auto 0px auto;
	color: #777777;
	min-height: 200px;
	min-height: calc(100% - 653px);
}

.panelTelo:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}



/* panelHlavicka */

.panelHlavicka {
	background: #1e1e1e url(Ortovin/Menu.png) scroll repeat-x left top;
}

.panelHlavicka header {
	position: relative;
	left: 0px;
	top: 0px;
	width: 1232px;
	height: 350px;
	margin: 0px auto 0px auto;
	background: #1e1e1e url(Ortovin/Hlavicka1232.png) scroll no-repeat left top;
}



/* panelHlavicka .hlavniMenu */

.panelHlavicka .hlavniMenu .tlacitkoOtevriMenu {
	display: none;
}

.panelHlavicka .hlavniMenu {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	line-height: 50px;
	width: 100%;
}

.panelHlavicka .hlavniMenu ul {
	display: block;
	margin: 0px;
	padding: 0px;
}

.panelHlavicka .hlavniMenu ul:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelHlavicka .hlavniMenu li {
	display: block;
	float: left;
	font-size: 16px;
}

.panelHlavicka .hlavniMenu li a {
	display: block;
	margin: 0px 1px 0px 0px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	color: #ffffff;
}

.panelHlavicka .hlavniMenu li a:hover {
	color: #5db134;
}



/* .panelHlavicka .pomocneMenu */

.panelHlavicka .pomocneMenu {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

.panelHlavicka .pomocneMenu:before {
    content: "\00a0";
}

.panelHlavicka .pomocneMenu > * {
	color: #cccccc;
	text-decoration: none;
}

.panelHlavicka .pomocneMenu > *:hover {
	color: #ffffff;
}

.panelHlavicka .pomocneMenu > *:after {
    content: "\00a0\00a0|\00a0\00a0";
}

.panelHlavicka .pomocneMenu > *:last-child:after {
    content: "";
}



/* .panelHlavicka .logo */

.panelHlavicka .logo {
	display: block;
	position: absolute;
	left: 118px;
	top: 134px;
	width: 505px;
	height: 165px;
	background: transparent url(Ortovin/Logo.png) scroll no-repeat left center;
}


/* .panelHlavicka .komponentaKosik */

.panelHlavicka .komponentaKosik {
	position: absolute;
	right: 0px;
	top: 32px;
	width: 150px;
	height: 31px;
	line-height: 36px;
	text-align: right;
	background: #8d8d8d url(Xhtml5/Kosik.png) scroll no-repeat 5px center;
	color: #ffffff;
	cursor: pointer;
	padding: 5px 5px 0px 0px;
	font-size: 11px;
	line-height: 13px;
	font-family: Verdana, Geneva, sans-serif;
}

.panelHlavicka .komponentaKosik:hover {
	background-color: #717171;
}

.panelHlavicka .komponentaKosik span {
	display: block;
}

.panelHlavicka .komponentaKosik.prazdnyKosik span {
	margin-top: 6px;
}


/* .panelHlavicka .komponentaHledat */

.panelHlavicka .komponentaHledat {
	position: absolute;
	left: 160px;
	top: 32px;
	width: 250px;
	height: 36px;
	line-height: 36px;
	text-align: center;
}

.komponentaHledat .odesli input {
	background: transparent url(Xhtml5/Lupa.png) scroll no-repeat center center;
	width: 16px;
	height: 16px;
	border-radius: 0px;
	text-indent: -9999px;
	position: relative;
	left: 3px;
	top: 1px;
}



/* komponentaFormular */

.komponentaFormular iframe {
	width: 350px !important;
	height: 450px !important;
	overflow: hidden !important;
}

body.komponentaFormularStranka {
    overflow-y: auto;
    background: #ffffff;
}

body.komponentaFormularStranka textarea {
	width: 200px;
	max-width: 200px;
	height: 130px;
	max-height: 130px;
}


/* .panelPomocny */

.panelPomocny {
	float: right;
	width: 250px;
	min-height: 500px;
	margin: 0px 0px 0px 10px;
	background: #dddddd;
}

.panelPomocny > * {
	margin: 10px;
}

.panelPomocny p {
	text-align: center;
}


/* .panelNavigace */

.panelNavigace {
	float: left;
	width: 250px;
	margin: 0px 0px 80px 0px;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}

.panelNavigace ul {
	margin: 0px;
	padding: 0px;
}

.panelNavigace li {
	list-style-type: none;
}



/* .panelNavigace ul */

.panelNavigace ul .polozka {
	display: block;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 1px 0px;
	background: #ffffff;
	color: #666666;
	font-size: 12px;
	line-height: 30px;
	text-decoration: none;
	text-transform: uppercase;
}

.panelNavigace ul .vybrana .polozka {
	background: #8c8c8c;
	color: #ffffff;
}

.panelNavigace ul .vybrana ul .polozka {
	background: #ffffff;
	color: #666666;
}

.panelNavigace ul .polozka:hover,
.panelNavigace ul .vybrana .polozka:hover {
	background: #8c8c8c;
	color: #ffffff;
}

.panelNavigace ul .polozka .pocetPolozek,
.panelNavigace ul .polozka img {
	display: none;
}

.panelNavigace ul ul ul .polozka {
	padding-left: 25px;
}

.panelNavigace ul ul ul ul .polozka {padding-left: 40px;}



/* .panelNavigace .rychlaNavigace */

.panelNavigace .hloubka1 .rychlaNavigace .roleta,
.panelNavigace .hloubka1 .rychlaNavigace .roleta menu,
.panelNavigace .hloubka1 .rychlaNavigace .roleta ul,
.panelNavigace .hloubka1 .rychlaNavigace .roleta li,
.panelNavigace .hloubka1 .rychlaNavigace .roleta a,
.panelNavigace .hloubka1 .rychlaNavigace .roleta span,
.panelNavigace .hloubka1 .rychlaNavigace .roleta img,
.panelNavigace .hloubka1 .rychlaNavigace .roleta .polozka,
.komponentaHledat .rychlaNavigace .roleta,
.komponentaHledat .rychlaNavigace .roleta div,
.komponentaHledat .rychlaNavigace .roleta .polozka
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: auto;
	height: auto;
	font-size: 12px;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
	list-style: none;
	text-align: left;
	color: #666666;
	background: none;
}

.panelNavigace .hloubka1 .rychlaNavigace,
.komponentaHledat .rychlaNavigace {
	position: relative;
	top: 0px;
	left: 0px;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta,
.komponentaHledat .rychlaNavigace .roleta  {
	position: absolute;
	top: 0px;
	left: 250px;
	width: 730px;
	overflow: hidden;
	border: 1px solid #cccccc;
	background: #ffffff;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}

.komponentaHledat .rychlaNavigace .roleta {
    left: 21px;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta .hloubka1:after,
.komponentaHledat .rychlaNavigace .roleta .hledejZboziVeSlozkachVnitrek:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta .hloubka1 li {
	float: left;
	width: 240px;
	height: 100px;
	overflow: hidden;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta .hloubka2 li {
	width: auto;
	height: auto;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta .hloubka1 .polozka {
	font-size: 15px;
	padding: 5px 5px 0px 5px;
	white-space: nowrap;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta .hloubka1 img {
	display: inline;
	vertical-align: middle;
	width: 32px;
	height: 32px;
	margin: 0px 5px 0px 0px;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta .hloubka2 .polozka,
.komponentaHledat .rychlaNavigace .roleta .hledejZboziVeSlozkachVnitrek .polozka {
	font-size: 12px;
	padding: 0px 5px 0px 5px;
	white-space: nowrap;
	color: #999999;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta .hloubka2 .polozka:after {
    content: ",";
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta .hloubka2 img {
	display: none;
}


/* .panelObsah */

.panelObsah {
	position: relative;
	left: 0px;
	top: 0px;
	padding: 0px;
}

.panelObsah h1 {
	padding: 5px 40px 5px 40px;
}

.panelObsah:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelObsah a:hover {
    text-decoration: underline;
}


/* .panelObsah .pomocnaNavigace */

.panelObsah .pomocnaNavigace .drobeckova {
	padding: 0px 40px 0px 40px;
    line-height: 40px;
}
.panelObsah .editor {
	padding: 0px 40px 0px 40px;
}

.panelObsah .pomocnaNavigace .podslozky {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
    height: 40px;
    background: #5db134;
    border-top: 1px solid #ffffff;
    overflow: hidden;
}

.panelObsah .pomocnaNavigace .podslozky:empty {
	height: 10px;
}

.panelObsah .pomocnaNavigace .podslozky ul {
	margin: 0px;
	padding: 0px;
	display: block;
	list-style-type: none;
}

.panelObsah .pomocnaNavigace .podslozky li {
	margin: 0px;
	padding: 0px;
    width: 33%;
	float: left;
}

.panelObsah .pomocnaNavigace .podslozky li:first-child {
    width: 34%;
}

.panelObsah .pomocnaNavigace .podslozky li:nth-child(1):nth-last-child(4),
.panelObsah .pomocnaNavigace .podslozky li:nth-child(2):nth-last-child(3),
.panelObsah .pomocnaNavigace .podslozky li:nth-child(3):nth-last-child(2),
.panelObsah .pomocnaNavigace .podslozky li:nth-child(4):nth-last-child(1) {
	width: 25%;
}

.panelObsah .pomocnaNavigace .podslozky a {
	display: block;
    background: #5db134;
    color: #ffffff;
    text-transform: uppercese;
    padding: 0px 0px 0px 40px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    border-left: 1px solid #ffffff;
}

.panelObsah .pomocnaNavigace .podslozky a:hover {
    background: #2a2a2a;
    text-decoration: none;
}


/* .panelObsah .komponentaSlozkyDiskuze */

.panelObsah .komponentaSlozkyDiskuze ul,
.panelObsah .komponentaSlozkyDiskuze li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.panelObsah .komponentaSlozkyDiskuze .diskuzniPolozka {
    border: 1px #dddddd solid;
    margin-bottom: 5px;
    position: relative;
    top: 0px;
    left: 0px;
}

.panelObsah .komponentaSlozkyDiskuze .diskuzniPolozka .diskuzniPolozka {
    margin: 5px;
}

.panelObsah .komponentaSlozkyDiskuze .diskuzniPolozka:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelObsah .komponentaSlozkyDiskuze .diskuzniPolozka div {
    display: none;
}

.panelObsah .komponentaSlozkyDiskuze .diskuzniPolozka h2 {
    background: #dddddd;
    color: #000000;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    padding-left: 3px;
    font-weight: normal;
}

.panelObsah .komponentaSlozkyDiskuze .diskuzniPolozka .datum {
    display: block;
    color: #000000;
    font-size: 12px;
    width: 100px;
    height: 18px;
    line-height: 18px;
    position: absolute;
    top: 1px;
    right: 5px;
    text-align: right;
}

.panelObsah .komponentaSlozkyDiskuze .diskuzniPolozka p {
    padding: 3px;
}


/* .panelObsah .formularFiltry */

.panelObsah .formularFiltry {
	margin: 0px 0px 10px 0px;
	font-size: 12px;
}

.panelObsah .formularFiltry:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelObsah .formularFiltry .polozka {
	display: block;
	float: left;
}

.panelObsah .formularFiltry .polozka:after {
    content: "\00a0\00a0\00a0\00a0";
}

.panelObsah .formularFiltry .polozka.hledej {
	display: none;
}

.panelObsah .formularFiltry .odesli {
	display: none;
}


/* .panelObsah .formularFiltrCena */

.panelObsah .formularFiltrCena {
	font-size: 12px;
}

.panelObsah .formularFiltrCena:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelObsah .formularFiltrCena .polozka {
	display: block;
	float: left;
	width: 137px;
	background: #f0f0eb;
	padding: 1px 1px 1px 5px;
	margin: 0px 1px 1px 0px;
}

.panelObsah .formularFiltrCena .polozka:after {
    content: "\00a0\00a0\00a0\00a0";
}


/* .panelObsah .formularRazeni */

.panelObsah .formularRazeni {
	margin: 0px 0px 10px 0px;
	font-size: 12px;
}

.panelObsah .formularRazeni:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelObsah .formularRazeni .polozka {
	display: block;
	float: left;
	width: 137px;
	background: #f0f0eb;
	padding: 1px 1px 1px 5px;
	margin: 0px 1px 1px 0px;
}

.panelObsah .formularRazeni .polozka:after {
    content: "\00a0\00a0\00a0\00a0";
}


/* .panelObsah .komponentaZobrazeni */

.panelObsah .komponentaZobrazeni {
	margin: 0px 0px 10px 0px;
	display: none;
}


/* .panelObsah .prepinacStranek */

.panelObsah .prepinacStranek {
	margin: 0px 0px 10px 0px;
	font-size: 11px;
}

.panelObsah .prepinacStranek:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelObsah .prepinacStranek a,
.panelObsah .prepinacStranek span {
	display: block;
	width: 16px;
	float: left;
	text-align: center;
	margin: 0px 1px 1px 0px;
	padding: 0px 2px 0px 2px;
	border-radius: 3px;
}

.panelObsah .prepinacStranek a {
	background: none repeat scroll 0 0 #f0f0eb;
    color: #999999;
}

.panelObsah .prepinacStranek .vybrana,
.panelObsah .prepinacStranek a:hover {
    background: url(Xhtml5/Submit.png) repeat-x scroll center top #000000;
	color: #ffffff;
	text-decoration: none;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}


/* .panelObsah .zbozi */

.panelObsah .zbozi {
	display: none;
	margin-left: -10px;
	width: 740px;
}

.panelObsah .zbozi:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelObsah .zbozi .polozka {
	float: left;
	position: relative;
	left: 0px;
	top: 0px;
	width: 165px;
	height: 260px;
	padding: 10px;
	font-size: 12px;
	line-height: 13px;
	background: #ffffff url(Xhtml5/zboziPolozka.png) scroll no-repeat left top;
}

.panelObsah .zbozi .polozka .nahled {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 165px !important;
	height: 165px !important;
	
}

.panelObsah .zbozi .polozka .stav {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 165px;
	height: 165px;
}

.panelObsah .zbozi .polozka .stav .neprobihaAkce {
	display: none;
}

.panelObsah .zbozi .polozka .nazevAText {
	position: absolute;
	left: 10px;
	top: 175px;
	width: 165px;
	height: 50px;
	overflow: hidden;
}

.panelObsah .zbozi .polozka .nazevAText h2 {
	margin: 0px;
}

.panelObsah .zbozi .polozka .nazevAText p {
	margin: 0px;
	color: #aaaaaa;
}

.panelObsah .zbozi .polozka .nazevAText .kodZbozi {
	display: none;
}

.panelObsah .zbozi .polozka .ceny {
	position: absolute;
	left: 10px;
	top: 225px;
	width: 165px;
	height: 20px;
	overflow: hidden;
	font-size: 17px;
	line-height: 20px;
}

.panelObsah .zbozi .polozka .ceny .cenaBez {display: none;}

.panelObsah .zbozi .polozka .ceny .popis {display: none;}

.panelObsah .zbozi .polozka .ceny .cenaPuvodni {display: none;}

.panelObsah .zbozi .polozka .parametry {display: none;}

.panelObsah .zbozi .polozka .vlozDoKosikuDetail {
	position: absolute;
	left: 10px;
	top: 245px;
	width: 165px;
	height: 20px;
	overflow: hidden;
}

.panelObsah .zbozi .polozka .vlozDoKosikuDetail .mnozstvi {
	display: inline;
}

.panelObsah .zbozi .polozka .vlozDoKosikuDetail .vyberVariantu {
	display: none;
}

.panelObsah .zbozi .polozka .vlozDoKosikuDetail .mnozstvi input {
	width: 25px;
	text-align: center;
	vertical-align: middle;
}

.panelObsah .zbozi .polozka .vlozDoKosikuDetail .vlozDoKosiku {
	margin-right: 20px;
}


/* .strankaZbozi */

.strankaZbozi .vyberVariantyRadio label {
	margin: 0px 10px 0px 5px;
}

.strankaZbozi .formularKoupit .cenaVcetne {
	font-size: 20px;
	line-height: 24px;
}

.strankaZbozi .formularKoupit .info {
	color: #000000;
	font-size: 20px;
}


/* .panelObsah .kosik */

.panelObsah .kosik table {
	width: 100%;
}

.panelObsah .kosik .nadpis {
	font-weight: bold;
}

.panelObsah .kosik td {
	background: #f0f0eb;
	padding: 0px 3px 0px 3px;
	font-size: 12px;
}

.panelObsah .kosik .objednej td {
	background: transparent;
}

.panelObsah .kosik .mnozstvi .text {
	width: 25px;
	text-align: center;
}

.panelObsah .kosik .mnozstvi {
	text-align: center;
}

.panelObsah .kosik .zaMnozstviBez,
.panelObsah .kosik .zaMnozstviVcetne {
	text-align: right;
	white-space: nowrap;
}

.panelObsah .kosik .celkem {
	font-weight: bold;
}

.panelObsah .kosik .celkem .mnozstvi input {
	color: #5db134;
	background: transparent;
	padding: 0px;
	box-shadow: none;
	cursor: pointer;
	font-size: 12px;
}

.panelObsah .kosik .celkem .mnozstvi input:hover {
	text-decoration: underline;
}

.panelObsah .kosik .objednej input {
	margin: 10px 10px 10px 0px;
	padding: 10px 20px 10px 20px;
}

/* komponentaKalendar */
.panelPomocny .komponentaKalendar {
    background: #ffffff;
    margin: 1px;
}
.panelPomocny .komponentaKalendar table {
    width: 100%;
    padding: 0px;
    margin: 0px;
}
.komponentaKalendar td {
    padding: 3px;
    text-align: right;
    color: #555555;
}
.komponentaKalendar td.nazevMesice {
    text-align: center;
}
.komponentaKalendar .jinyMesic {
    color: #aaaaaa;
}
.komponentaKalendar .maAkci {
    color: #5db134;
    cursor: pointer;
}
.komponentaKalendar .maAkci:hover {
    text-decoration: underline;
}
.komponentaKalendar .dnes {
    outline: 1px solid #aaaaaa;
}
.komponentaKalendar .komponentaKalendarTlacitko {
    color: #5db134;
    cursor: pointer;
}
.komponentaKalendar .komponentaKalendarTlacitko:hover {
    text-decoration: underline;
}
.komponentaKalendar .komponentaKalendarPolozka {
    background: #f0f0eb; 
    margin-bottom: 10px;
    padding: 5px; 
}
.komponentaKalendar h2 {
    padding: 5px;
}
.komponentaKalendar .komponentaKalendarPolozka h3 {
    font-weight: bold;
    text-align: left;     
}                                                           
.komponentaKalendar .komponentaKalendarPolozka p {
    margin-bottom: 0px;
    text-align: left;
}
.komponentaKalendar .komponentaKalendarPolozka p a {
    display: block;
}


/* panelPaticka */

.panelPaticka {
	width: 100%;
	margin: 0px auto 0px auto;
	height: 303px;
	clear: both;
	background: #ffffff url(Ortovin/Paticka.png) scroll repeat-x left bottom;
	font-size: 15px;
	line-height: 20px;
}

.panelPaticka .kontakty {
	width: 1232px;
	margin: 0px auto 0px auto;
	color: #ffffff;
	border-top: 10px solid #5db134;
}

.panelPaticka .kontakty .adresa {
	float: right;
	height: 240px;
	width: 33%;
	overflow: hidden;
	box-sizing: border-box;
	padding: 20px;
}

.panelPaticka .kontakty .mapa {
	float: left;
	height: 240px;
	width: 33%;
	overflow: hidden;
}

.panelPaticka .kontakty .mapa a {
	display: block;
	height: 240px;
	width: 100%;
	background: transparent url(Ortovin/Mapa.png) scroll no-repeat center center;
}

.panelPaticka .kontakty .upresneni {
	float: left;
	height: 240px;
	width: 33%;
	overflow: hidden;
	box-sizing: border-box;
	padding: 20px;
}

.panelPaticka .odkazy {
	text-align: center;
	line-height: 50px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}

.panelPaticka a {
	color: #cccccc;
	text-decoration: none;
	white-space: nowrap;
}

.panelPaticka a:hover {
	color: #ffffff;
}

.panelPaticka a:after {
    content: "\00a0\00a0|\00a0\00a0";
}

.panelPaticka a:last-child:after {
    content: "";
}



/* Tiskarna */

@media only print {

.panelNavigace,
.panelHlavicka,
.panelPaticka {
	display: none;
}

.panelTelo {
	width: auto;
}

.panelObsah {
	float: none;
	width: auto;
}

body {
	font-family: sans-serif;
	font-size: 12pt;
	line-height: 20pt;
	background: #ffffff;
	color: #000000;
}

}



/* 1. WIDTH < 1280px ... Odstran panelPomocny */

@media
only screen and (max-width:1280px),
only screen and (max-device-width:1280px) {

.panelHlavicka header {
	width: 1000px;
	background-position: -41px 0px;
}

.panelHlavicka .logo {
	left: 100px;
}

.panelTelo {
	width: 1000px;
}

.panelPaticka .kontakty {
	width: 1000px;
}

.panelPomocny {
	display: none;
}

}



/* 2. WIDTH < 1040px ... Zmensi panelObsah na 75% */

@media
only screen and (max-width:1040px),
only screen and (max-device-width:1040px) {

.panelTelo,
.panelHlavicka header {
	width: 815px;
	background-position: -190px 0px;
}

.panelPaticka .kontakty {
	width: 815px;
}

.panelHlavicka .logo {
	left: 20px;
}

.panelHlavicka .hlavniMenu li a {
	font-size: 13px;
	padding: 10px 10px 10px 10px;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta {
	display: none !important;
}

.panelObsah .pomocnaNavigace .podslozky a
{
	font-size: 13px;
	padding-left: 20px;
}

}



/* 3. WIDTH < 855px ... Zmensi panelObsah na 50% */

@media
only screen and (max-width:855px),
only screen and (max-device-width:855px) {

.panelTelo,
.panelHlavicka header {
	width: 630px;
	background-position: -350px 0px;
}

.panelPaticka .kontakty {
	width: 630px;
}

.panelHlavicka .logo {
	background-image: url(Ortovin/Logo333.png);
}

form td.popis {
	width: 50%;
}

table.sloupcovaSazba,
table.sloupcovaSazba tr,
table.sloupcovaSazba td {
	display: block;
	width: 100%;
	position: relative;
	left: 0px;
	top: 0px;
}

table.sloupcovaSazba td {
	float: left;
}

table.sloupcovaSazba colgroup,
table.sloupcovaSazba col {
	display: none;
}

.panelObsah .kosik .kod,
.panelObsah .kosik .zaMnozstviBez,
.panelObsah .kosik .celkem .mnozstvi {
	display: none;
}

textarea {
	width: 180px;
}

.panelObsah .pomocnaNavigace .podslozky a
{
	padding-left: 10px;
}

}



/* 4. WIDTH < 680px ... Odstran panelNavigace */

@media
only screen and (max-width:680px),
only screen and (max-device-width:680px) {

.panelObsah .pomocnaNavigace .podslozky {
	height: auto !important;
}

.panelObsah .pomocnaNavigace .podslozky li {
    width: 100% !important;
	float: none;
	border-bottom: 1px solid #ffffff;
}

.panelObsah .pomocnaNavigace .podslozky li a {
	max-width: 280px;
	margin: 0px auto 0px auto;
	padding: 0px;
	border-left: none;
	font-size: 16px;
}

.panelObsah .pomocnaNavigace .podslozky li a:hover {
	background: #5db134;
	font-weight: bold;
}

.panelObsah .pomocnaNavigace .podslozky {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
    height: 40px;
    background: #5db134;
    border-top: 1px solid #ffffff;
    overflow: hidden;
}

.panelHlavicka {
	margin: 0px auto 0px auto;
	width: 75%;
	min-width: 370px;
	background: #1e1e1e;
}

.panelHlavicka .hlavniMenu .tlacitkoOtevriMenu {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 70px;
	line-height: 70px;
}

.panelHlavicka .hlavniMenu input.tlacitkoOtevriMenu {
}

.panelHlavicka .hlavniMenu label.tlacitkoOtevriMenu {
	color: #ffffff;
	background: #1e1e1e;
	text-transform: uppercase;
	text-align: center;
	font-size: 20px;
	border-bottom: 1px solid #cccccc;
}

.panelHlavicka .hlavniMenu label.tlacitkoOtevriMenu:before {
	font-family: monospace;
	content: "\00a0\00a0\00a0";
    text-decoration: overline line-through underline;
	margin-right: 15px;
}

.panelHlavicka .hlavniMenu :checked ~ label:before {
}

.panelHlavicka .hlavniMenu ul {
	display: none;
}

.panelHlavicka .hlavniMenu :checked ~ ul {
	display: block;
	color: #ffffff;
	background: #1e1e1e;
	margin: 70px 0px 0px 0px;
}

.panelHlavicka .hlavniMenu :checked ~ ul li {
	display: block;
	float: none;
	height: 46px;
	line-height: 46px;
	border-bottom: 1px solid #cccccc;
}

.panelHlavicka .hlavniMenu :checked ~ ul li a {
	display: block;
	float: none;
	height: 46px;
	max-width: 280px;
	margin: 0px auto 0px auto;
	line-height: 46px;
	padding: 0px;
	font-size: 16px;
}

.panelHlavicka .hlavniMenu :checked ~ ul li a:hover {
	font-weight: bold;
}

.panelPaticka {
	width: 75%;
}

.panelTelo {
	width: 75%;
	min-width: 320px;
	min-height: 0px;
}

.panelHlavicka {
	min-width: 320px;
}

.panelHlavicka header {
	width: 100%;
	background: #1e1e1e url(Ortovin/Hlavicka680.png) scroll no-repeat center top;
}

.panelHlavicka .logo {
	left: 0px;
	right: 0px;
	top: 85px;
	width: 298px;
	height: 78px;
    margin: 0px auto 0px auto;
	background-image: url(Ortovin/Logo298.png);
}

.panelNavigace {
	float: none;
	display: block;
	margin: 20px auto 0px auto;
	width: 370px;
}

.panelHlavicka .komponentaHledat {
	display: none;
}

.panelPaticka {
	background: #ffffff;
}

.panelPaticka .kontakty {
	width: 100%;
	background: #3b3b3a;
}

.panelPaticka .kontakty .adresa,
.panelPaticka .kontakty .mapa,
.panelPaticka .kontakty .upresneni {
	width: 100%;
	height: auto;
	background: #3b3b3a;
}

.panelPaticka .odkazy {
	line-height: 25px;
	background: #000000;
}

}



/* 5. WIDTH < 520px ... */

@media
only screen and (max-width:520px),
only screen and (max-device-width:520px) {

.panelHlavicka, .panelTelo, .panelPaticka {
	width: 100%;
}

}



/* 6. WIDTH < 420px ... */

@media
only screen and (max-width:420px),
only screen and (max-device-width:420px) {

.panelHlavicka, .panelTelo, .panelPaticka {
	width: 100%;
}

}



/* animace */

.panelObsah {
    animation-name: otevreniStranky;
	animation-duration: 0.8s;
    animation-timing-function: linear;
}

@keyframes otevreniStranky {
    from {
		opacity: 0;
	}
    to {
		opacity: 1;
	}
}


