@font-face {
    font-family: 'cinzelregular';
    src: url('https://webservis.ecn.cz/static/fonts/Cinzel-Regular-webfont.eot');
    src: url('https://webservis.ecn.cz/static/fonts/Cinzel-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://webservis.ecn.cz/static/fonts/Cinzel-Regular-webfont.woff') format('woff'),
         url('https://webservis.ecn.cz/static/fonts/Cinzel-Regular-webfont.ttf') format('truetype'),
         url('https://webservis.ecn.cz/static/fonts/Cinzel-Regular-webfont.svg#cinzelregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*definice fontu*/
body, input, select, textarea, #rozvlacne h3 em {
	font-family: Arial, Helvetica, sans-serif;
}
h2, h3, .serif {
	font-family: Georgia, "Times New Roman", Times, serif;
}
h4, .sansserif, big, #menu, #foot, .block .abstract , td.no-border p, .cena-mult {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
h1, .block h2, h2.title {
	font-family: cinzelregular;
}
/**/
body {
    font-size: 80%;
    color: #000000;
    margin: 0;
    padding: 0;
    text-align: center;
	background-color: #ebe8dd;
	position: relative;
}
.layout {
    width: 840px;
    margin: 0 auto;
    padding: 0 0 0;
	text-align: left;
	position: relative;
}
/* tags */
img {
	border: none;
	vertical-align: middle;
}
table {
	border-collapse: collapse;
}
td, th {
	vertical-align: top;
}
a {
	text-decoration: none;
}
h1 {
font-size: 1.4em;
font-weight: normal;
margin: 0;
padding: 30px 34px 0 0;
color: #645A55;
text-transform: uppercase;
float: right;
}
h2 {
	font-size: 1.8em;
	color: #149FBE;
	font-weight: normal;
	margin: 1.8em 0 0.5em 0;
}
h3 {
	font-size: 1.3em;
	color: #149FBE;
	font-weight: normal;
	margin: 1.8em 0 0.5em 0;
}
h4 {
	margin: 1em 0 0.3em 0;
	background-color: #EBE8DD;
	color: #796C66;
	letter-spacing: 1px;
	font-weight: normal;
	padding: 4px 11px;
	border-top: solid 1px #D9D6CC;
	border-bottom: solid 1px #D9D6CC;
	font-size: 1em;
	font-weight: 600;
}
h5 {
	font-size: 1em;
	border-top: solid 1px #D9D6CC;
	margin: 0.8em 0 1em;
	padding-top: 0.9em;
	color: #149FBE;
}
p {
	margin-bottom: 1.5em;
}
.serif {
	color: #796C66;
	letter-spacing: 1px;
}
.blue {
	color: #149FBE;
}
big {
	color: #000;
	font-size: 1.1em;
	line-height: 1;
	font-weight: 600;
}
small {
font-size: 0.8em;
color: #000;
}
input, select, textarea {
	font-size: 1em;
	border: 1px solid #BEBDBD;
	margin: 0 0 0 0;
	padding: 1px 7px;
}
input[type=button], input[type=submit], input[type=reset], .button {
	border: none;
	background: #1089a4  no-repeat right;
	color: #FFF !important;
	cursor: pointer;
	padding: 2px 12px 3px;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px;
	font-size: 11px;
	letter-spacing: 1px;
	margin-bottom: 0;
}
input[type=reset]{
	background: #A8A8A8;
}
input[type=radio]{
	vertical-align: middle;
	margin: 0 0 1px 0;
}
input.big, .button.big {
font-size: 1.1em;
padding: 7px 12px;
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, .button:hover {
	background-color: #A29691;
	border: none !important;
}
.down {
	padding-right: 25px;
	background-image: url(img/ico-down.png);
}
.up {
	padding-right: 25px;
	background-image: url(img/ico-up.png);
}
.no {
	display: none;
}
input[type=checkbox] {
	border: none;
	margin: 0 2px 0 0;
}
#head {
	padding: 0;
	clear: both;
	background-color: #fff;
	height: 118px;
	border-bottom: 1px solid #A29691;
	position: relative;
}
#head .logo {
	padding-top: 21px;
}
/* menu */
#menu {
	font-size: 0.9em;
	font-weight: 600;
}
#menu ul {
	margin: 0 0 0 1px;
	padding: 0;
	list-style-type: none;
	text-transform: uppercase;
}
#menu ul li {
	margin: 0;
	padding: 0;
	display: inline;
}
#menu li a {
	display: block;
	float: left;
	padding: 10px 0 0 0;
	height: 29px;
	margin: 0;
	text-decoration: none;
	text-align: center;
	color: #000000;
	background: url(img/bg-menu-li.png) repeat-y top left;
	text-align: center;
}
#menu ul > li:first-child a {
	color: #A2948F;
	font-size: 11px;
	letter-spacing: 1px;
	padding: 11px 0 0;
	width: 307px;
	text-align: left;
	border-bottom: 9px solid #A29691;
	background-image: none;
	height: 19px;
}
#menu a:hover, #menu li.active a  {
	background: url(img/bg-menu.png) no-repeat bottom left;
}
#menu li:nth-child(2) a:hover, #menu li:nth-child(2).active a  {
	background: url(img/bg-menu-first.png) no-repeat bottom left;
}
#menu ul > li:first-child a:hover {
	background-image: none;
}
#menu li.home a {
	width: 51px;
}
#menu li.demo a {
	width: 94px;
}
#menu li.cenik a {
	width: 48px;
}
#menu li.objednavka a {
	width: 96px;
}
#menu li.bulletin a {
	width: 69px;
}
#menu li.uzivatele a {
	width: 110px;
}
#menu li.kontakt a {
	width: 63px;
	text-align: right;
}
/* rozcestnik */
#rozcestnik{
	padding-top: 25px;
	height: 226px;
	background: url(img/bg-rozc.gif) bottom repeat-x;
	border-bottom: solid white 10px;
}
#rozcestnik .block {
	width: 226px;
	height: 226px;
	float: left;
	margin-left: 45px;
}
#rozcestnik #block-profi-text, #rozcestnik #block-profi {
margin-left: 37px;
}
#rozcestnik .block.profi {
background: url(img/img-profi-verze.jpg);
}
#rozcestnik .block.skoly {
background: url(img/img-sleva-skoly.jpg);
}
#rozcestnik .block.studenti {
background: url(img/img-sleva-studenti.jpg);
}
.block h2, h2.title  {
background-color: #1089A4;
color: #FFF;
font-size: 1.9em;
text-transform: uppercase;
padding: 6px 10px 0 10px;
margin: 0;
height: 50px;
margin-top: 112px;
line-height: 1;
}
h2.title  {
margin-top: 0;
}
.block .abstract {
background: url(img/bg-dark.png);
padding: 5px 10px;
color: #FFF;
height: 48px;
font-weight: normal;
}
.block .sansserif {
font-size: 1.3em;
}
.block .sansserif strong {
font-weight: 600;
}
/* block hover */
#rozcestnik .block.hometext {
background-color: #1089A4;
}
.block.hometext .info-tex {
height: 102px;
padding: 10px 20px 0;
text-align: right;
}
.block.hometext .info-tex p {
margin: 0;
padding: 10px 0 0;
}
.block.hometext .info-tex .sansserif {
color: white;
padding-right: 5px
}
.block.hometext h2  {
margin-top: 112px;
margin-top: 0;
}
.block.hometext .abstract {
background-image: none;
padding: 23px 0 0;
}
.block.hometext .abstract a {
display: inline-block;
color: white;
text-transform: uppercase;
width: 133px;
text-align: center;
padding: 5px 0;
}
.block.hometext .abstract > a:first-child {
width: 92px;
border-right: 1px solid #8CB5C9;
}
.block.hometext .abstract a:hover {
background-color: #0b6072;
}
/* titulek */
#title {
	min-height: 72px;
}
#title img{ margin-top: -15px;
z-index: 100;
}
/* main */
#main {
	background-color: #fff;
}
#main .layout {
	padding: 30px 0 20px;
	border-bottom: 1px solid #FFF;
}
#main a {
	color: #149FBE;
}
#main a:hover {
	border-bottom: 1px solid;
}
.text-block {
	display: table;
}
.left-block,  .right-block {
	vertical-align: top;
}
.left-block {
	width: 262px;
	padding-right: 45px;
	text-align: right;
	float: left;
}
.right-block {
	padding-right: 34px;
	width: 499px;
	float: left;
	margin-bottom: 30px;
}
.left-block h2:first-child {
margin-top: 0;
}
.right-block p:first-child {
margin-top: 0.58em;
}
#main table {
	width: 100%;
} 
#main table th, #main table td {
	border: solid 1px #D9D6CC;
	padding: 4px;
}
#main table th {
	background-color: #EBE8DD;
	color: #796C66;
	letter-spacing: 1px;
	font-weight: normal;
	text-align: left;
}
#main table .sansserif {
	line-height: 1;
	font-weight: 600;
}
#main table.no-border td {
	border: none;
	width: 50%;
	padding: 4px 0 4px 10px;
}
#main table.no-border tr > td:first-child {
	padding: 4px 10px 4px 0;
}
#main table th img {
	position: absolute;
	top: -1px;
	left: -6px;
}
#main ul, #main ol {
	padding: 0;
	margin: 1em 0 1em 0;
	list-style-type: none;
}
#main table ul, #main table ol {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#main ul li {
	padding: 0 0 3px 11px;
	margin: 0;
	background: url(img/li.gif) no-repeat 0 6px;
}
#main ol li {
	padding: 0 0 3px 15px;
	margin: 0;
}
#main .left-block ul li {
padding: 0 11px 3px 11px;
background: url(img/li.gif) no-repeat right 6px;
}
.kontakt em {
display: inline-block;
width: 50px;
color: #8F8078;
font-size: 11px;
text-transform: uppercase;
font-weight: bold;
font-style: normal;
border-right: 1px solid #ADA19B;
margin-right: 5px;
}
#strucne h5 em {
	font-weight: normal;
	color: black;
}
#strucne h5:first-letter {
color: #796C66;
}
#rozvlacne h3 em {
	font-weight: normal;
	color: black;
	font-size: 0.7em;
}
#rozvlacne h3:first-letter {
color: #796C66;
}
.cti {
float: right;
margin: 8px 15px 0 0;
}
#main ol.bull .strucne, #main ol.bull .rozvlacne {
margin-top: 7px;
}
#main #rozvlacne ol {
	list-style-type: decimal;
	margin: 1em 2.5em;
}
#main #rozvlacne li {
	padding: 0 0 3px 0;
}
/* cenik */
#main table.cenik tr > th:first-child {
width: 306px;
padding: 0;
background-color: #A29691;
color: #fff;
}
#main table.cenik td p {
font-size: 1.5em;
}
#main table.cenik tr > th:first-child p {
font-size: 1.1em;
}
#main table.cenik td, #main table.cenik th, #main table.white td {
border-color: #FFFFFF;
}
#main table.white td {
padding: 10px;
}
#main table.cenik td {
text-align: center;
padding:0;
vertical-align: middle;
}
#main table.cenik td.bun {
width: 167px;
}
#main table.cenik th p {
padding: 4px 10px;
}
#main table .no-border {
border: none;
}
td.no-border.no-padd {
padding: 0 !important;
}
.cenik th strong {
display: block;
text-align: right;
padding: 5px 10px 5px 0;
}
#main table .no-border p, #main table.cenik .no-border p {
margin: 4px 0 8px 51px;
text-align: left;
color: #149FBE;
font-size: 10px;
text-transform: uppercase;
font-weight: 600;
}
td.akt1 {
background: url(img/1x.png) no-repeat 0 0;
}
td.akt6 {
background: url(img/6x.png) no-repeat 0 0;
}
td.akt12 {
background: url(img/12x.png) no-repeat 0 0;
}
td.color1 {
background-color: #A29691;
color: #fff;
}
td.color2 {
background-color: #EBE8DD;
}
td.color3 {
background-color: #C7C6C2;
}
td.color4 {
background-color: #92BAC4;
}
#main form table.cenik td {
width: inherit;
padding: 11px 0 10px 15px;
text-align: left;
}
#main form table.cenik i {
background-color: #000;
color: #FFF;
width: 15px;
height: 15px;
display: inline-block;
-webkit-border-radius: 50%; 
-moz-border-radius: 50%; 
border-radius: 50%;
font-weight: bold;
text-align: center;
}
.info-box {
	padding:5px; 
	font-size: 15px; 
	text-align:center;
	margin: 0;
	border: solid 1px #D9D6CC; 
	width:100%;
}
.info-box h3 {
	margin-top: 0.8em;
}
.info-box i {
-webkit-border-horizontal-spacing: 0px;
-webkit-border-vertical-spacing: 0px;
font-size: 12.8px;
background-color: #000;
color: #FFF;
width: 15px;
height: 15px;
display: inline-block;
-webkit-border-radius: 50%; 
-moz-border-radius: 50%; 
border-radius: 50%;
font-weight: bold;
text-align: center;
}
.mult {
color: #149FBE;
font-size: 10px;
text-transform: uppercase;
font-weight: 600;
}
.cena-mult {
font-size: 1.1em;
padding: 1px 7px;
font-weight: 600;
}
/* paticka */
#foot .layout {
background: url(img/ico-symbol.png) no-repeat 22px 20px;
padding: 27px 0;
font-size: 0.9em;
color: #5A5452;
font-weight: normal;
}
#foot p {
	padding: 0 0 0 60px;
	margin: 0 0 1em;
}
#foot strong {
	font-size: 1.1em;
	color: #796C66;
}
#foot a {
	color: #5A5452;
}

/* message-boxes */
#aa-message-box {
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 100;
}
#aa-message-box div.aa-text-box {
    display: inline-block;
    width: 567px;
    margin: 144px 25%;
    box-shadow: 2px 2px 42px #000;
    border: solid 1px #7c7c7c;
    padding: 30px;
    text-align: left;
    position: relative;
    background-color: white;
}
#aa-message-box div.aa-text-box span.aa-cancel {
    position: absolute;
    height: 22px;
    width: 22px;
    right: -8px;
    top: -5px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAztJREFUeNqUlU1PGkEYx2dZJBgsiEsXmzbVpNp2KRpLbBrBlx6E9EI9GEw8mCY99CPU+AmkH6A92A9AKDXSiz20F3vQNsZEWEQKJxWrpAgGjRwq0ueZMGSBhcYnGWeclx87//nPM9zHUIioxYzPp4XKBqUfigjFXBk6gfIHyi8oiXK5XFJbr20CdXV0dExOT08P2O12SbBYrPC/gGOFQiGby+WOI9vb8eXl5RjHcd8AvtESDEArVI65ublXk263p7293Vi/wGg0WrD09vba3R6PZ3V1VQK4CYY24QdO2DyOSYFQvV7/emFhwSvZbE/INSIaja77Fxe/XF5evgN4Hvs0inGHEtrW1kY0Gk1TmFarJTqdjrYHBwedb+bnn0PzKRvXME1x+wyKC55NTBCX00l4nleFjo2OkvGxsSp8aGjINTs7+xJkoXANQHWdnZ1u1BQ7EDQxPk6gj3R3dxPnyEgNnEEtFgsxm80UznYGmrtBTg/Aeey57/V6H7GDKpVK5CCdroKUcCWUxd7+Prm6uqJtdA44yQ7Nh9Srjx2OAeVWE4kErcFrVTjKgmBBEKrztiMRkkqlamQCez6Aqg/BYldXl7Vex3q41Vo7RQ2KcVMUb+O3oBQG0OWG2skjfCceV7OXKhTDYDCgp00I5kF8vpmlrKLY0I9fr+YWejE4Dpn0z1mxWCw0s5TyoJTgZlassM4QfHB0dLT3P2gEti/HYjXwUZerAZ7JZNBSvxGckqPRXTaAE9WgyWSSaq6EiyATwpU3FJLTDlRJ7Elglrq4uDhlPs7n8w1Q5YEq4TiX+fj8/PwkFAoheJeHJFQOBAJ/4YIIkiRRbx1nMkQHuSJ9eFgDZZHNZinsFKBRWa72A/TTbjwehESUpmkT4BtwtU33+vruYkJhPm0VzOcstra21j6HwwGA/qzPbpuY+mRZ/kGuGQh96/f7oblePSvfzAxtQF0MBoPx72trKXCFtqen5w6kTn0rIGoaXllZ+bC09B6h8LWFhkRf95KMwG2cfDE1JQ0PDw+YTCYBMtktHINn6TCfy2XhK2PhcDgByf0r237NRWnxmPKVh9RWeUhZsjiuPKgochKgZbX1/wQYAMVwXGv2fbWLAAAAAElFTkSuQmCC)
}
#aa-message-box div.aa-text-box span.aa-cancel:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA1dJREFUeNqclUlME1EYx//tlCrtQIECBZEtUQMUjCLKetAECBcTDybqSeWgiR4wcYsHojcxUSIaIMTlIJhIJC7RhEUTJbIGlERZqidUNLRQsQsg6/i9oTNp6RQjL/nmvb7vzW++fu//vqcazIBiS/8EDXVpZFvJosnCPS472QTZZzKLIAhLSu9rAkDzDRwKT0YjI5tHakwQTPTbyHxTi5i0LmK804XhOhsGVSrVa4J3rwkmoIm6zHOxKD0YgWJejdDVL4RrEMksZSPSD9GaejtSCW4gVx99wC6tU0mpYFCdGidqkrA/S4/d+I/W7UbXqVE0LwioJvgUm1N7+TO9oRxvgCpIGxCm1vHgDBHiOJdH3u1ElNAwW/ZLOWV/X4bSC0n33yLh1nOoNwQrQhNrm5FY1ybDC0KQX2bCUUqLDNdGanClxwwHpUUYzgoWZkcGBKm5OprFOeYT/dm8MP3hneyfGeoXhjK1oq8zDZOUznIWG4t427EomKWNWp6bhaO1UY6Ozy9B/M0nYuRSpLqdBbLf8aIewsK8OGbKISWl0zCFo8fei5twOIJ2Wlo8M9ABYX4OfE7hyl9K2ALd9j0IO1BK0HwZOn7tDOwPq3zSpFVjsekXPjK5RZs0osx82uS9CrE3lV0Ve31OkY9fCcpaXBDiqIthqdBTXkKUdp7BbTWX/eatN84rQlkL5cA0bVCLiVaBCyQpPrfIb16fV6yoFvFgrChNxR4u9zKcgSTlvVHyhtLH4gNI0cNyMfD3b3P4+i/o+PWzsFZd8oEnVL/0g4/NY4y6nywF3GYtzJl6mEUoLUysa/WD2h9U+qslLhm6HblwND8ina4UuWdTeNM7jacsYgurUu4l/JZ0PDv83g/qvaHekbO1ko4dS7DX2DBEwxGOnZgqKxb0ahh36UVxw93ZAi40HM62xz7Q1Tr/YxmAtfKCPF9rQ1P/NBrpQI55V7eSO8koZwUF62jtLrSfHkUFQVtWV7c+Vvp63OhZL5SGXX712BM1O9ZZrEodMaKE5xC2FpDltGESLZSCBgalaJ2KYK8P5NJpLDwehdR9ocgwamCM0iCW+WwL+GGj66ndicG7E7BQcX9FwF6/g7LGZcp5LtI0z0Uq1ZNxz4VqIfvCSqfS+38FGACPl17uiQcsCwAAAABJRU5ErkJggg==)
}
.aa-text-box .left-block {
width: 196px;
padding-right: 30px;
}
.aa-text-box .right-block {
width: 313px;
padding: 0;
margin: 0;
}