/* konkrétní styly vzhledu systému */
body#vstup {background:url('../images/index/baba.png') top center fixed no-repeat; padding: 0; margin: 0; font: 85%/200% "MS Sans Serif", sans-serif, arial, "Arial CE"; text-align: center;}
body {padding: 0; margin: 0; font: 85%/150% "MS Sans Serif", sans-serif, arial, "Arial CE"; text-align: center;}
a {color: #0073C3;text-decoration: none;}
a#casak {color: #D9D9D9;text-decoration: none;}
a:hover {color: #FF8B00;}
a#casak:hover {color: #FFFFFF;}
div#ok {float:left; padding-left: 20px;}
img#ok {float:left;}
form {padding: 0; margin: 0;}
p {margin: 10px 0 10px 0;}
h1 {font-size: 190%; line-height: 140%; color: #FF9933; padding: 0; margin: 0px 0 10px 0;}
h2 {font-size: 120%; color: #0073C3; padding: 0 0 0 0; margin: 5px 0 5px 0; width:auto;}
h2#eli {font-size: 120%; color: #0073C3; padding: 0 0 0 0; margin: 5px 0 5px 10px; width:auto;}
h2#bavime {font-size: 120%; color: #3498DB; padding: 0 0 0 0; margin: 10px 0 15px 0; width:auto;}
h2#cas {font-size: 120%; color: #FFFFFF; padding: 15px 0 15px 0; width:auto;}
h2#postup {font-size: 120%; color: #FFFFFF; padding: 0 0 0 0; margin: 15px 0 5px 0; width:auto;}
h3 {font-size: 110%; color: #666; padding: 0; margin: 15px 0 5px 0;}
h4 {font-size: 100%; margin: 0; padding: 5px 0 0 0;}
ul#navod, ol#navod {padding: 0 0 0 0; margin: 15px 0 0 15px;}
ul#navod2, ol#navod2 {padding: 0 0 0 0; margin: 5px 0 0 15px;}
ul, ol {padding: 0 0 0 30px; margin: 5px 0 15px 20px;}
ol {padding-top: 10px;}
ol li {padding: 0; margin: 2px 0 2px 0;}
li {line-height: 150%;}
dl {line-height: 120%; padding: 10px 0 15px 0;}
dt {left: 0; float: left; padding: 0 0 0 40px; border: 0; font-style: italic;}
dd {padding: 0; margin: 0 0 0.5em 120px; border: 0;}
table {font-size: 90%; color: #333333; border-collapse: collapse; line-height: 150%;
//margin-top: 10px;
}
textarea {font-family: Arial;font-size: 100%; height: 135px; width:535px; padding:1px 0 1px 0;margin:0 0 0 0;}
textarea#vstup {font-family: Arial;font-size: 100%; height: 135px; width:350px; padding:1px 0 1px 0;margin:0 0 0 0;}
textarea#vstupELI {font-family: Arial;font-size: 100%; height: 150px; width:350px; padding:1px 0 1px 0;margin:0 0 0 0;}
textarea#bad {font-family: Arial;font-size: 100%; height: 100px; width:600px; padding:1px 0 1px 0;margin:0 0 0 0;}
textarea#skype {font-family: Arial;font-size: 100%; height: 55px; width:950px; padding:1px 0 1px 0;margin:0 0 0 0; background: #DBDBDB;}
select {width: 184px; height: 19px; overflow: hidden; background: #ddd; border: 1px solid #AFAFAF; margin: 5px 0 2px 0; font-size: 100%;}
select#rok {width: 60px;}
select#stavLong {width: 245px;}
select#aktUcetni {width: 150px;margin-bottom: 10px;}
select#aktUcetniAuto {width: auto;}
div#podpis {float:right; font-size: 80%; margin: 10px 0px 0px 5px; line-height: 130%;}
div#casopis {float:left; width: 970px; margin: 5px 0px;}
div#casopis1 {float:left; line-height: 80%; font-size: 110%; width: 970px; margin: 5px 0px;}

img#casopis2 {float:left; width: 215px; height: 100px; margin: 0 15px 10px 5px;}

img#eol {float:left; width: 800px;}
img#hdp {float:left; width: 800px; margin-top: 15px;}
img#postup {width: 900px; margin-top: 10px;}

img#index {float:left; width: 300px; height: 170px; margin: 0 20px 0px 0px;}
img#legenda{width:15px; height:15px; margin: 0 0 -4px 0; padding:0 0 0 5px;}
img#navod{margin: 0 0 0 0; padding:10px 0 10px 5px;}

div#a {float:left; text-align:justify; line-height: 150%; width: 940px; margin: 10px 10px 10px 5px; font-size: .9em;}
div#a1 {float:left; text-align:justify; line-height: 150%; width: 940px; margin: 10px 10px 10px 5px;}
div#a2 {float:left; text-align:justify; line-height: 150%; width: 940px; margin: 10px 10px 10px 5px; font-size: .9em; }

div#a b {font-size: 120%;}
div#b {float:left; text-align:justify; line-height: 140%; width: 450px; margin: 0 0px 0px 5px;}
div#a ul{text-align:justify; line-height: 140%; margin: 0px 0px 0px 0px;}
div#strankovani {top: 470px; left: 0px; margin: 0px 0px 0px 5px;}

table#dochazka {width: 450px; margin: 10px 0px 0px 5px;border-collapse: collapse; background-color: #FFFFFF; border-radius: 10px;}
table#rss {width: 960px; margin: 10px 0px 0px 5px; border-collapse: collapse; background-color: #FFFFFF; border-radius: 10px;}
table#obj {width: 450px; font-size: 100%;}
table#kalendar {width: 450px; margin: 10px 0px 0px 5px;border-collapse: collapse; background-color: #FFFFFF; border-radius: 10px;}
strong#casopisOprava {color: #FF0000}
strong {text-align: left; font-size: 1.4em;color: #FFFFFF;}

th {padding: 1px 20px 1px 2px; text-align: left; background-color: #A7D152;}
th#protokol {padding: 1px 20px 1px 2px; text-align: left; background-color: #A7D152; width: 40%;}
th#zde {padding: 1px 1px 1px 2px; text-align: center; background-color:  #A7D152;}
th#stred {padding: 1px 10px 1px 2px; text-align: center; background-color:  #A7D152; }


tr#oznac:hover
{background-color:#CFCFCF; color: #000000;}
tr#ok:hover, tr#okok:hover
{background-color:#CFCFCF; color: #004A00;}
tr#bad:hover, tr#ne:hover, tr#cop:hover
{background-color:#CFCFCF; color: #AA0000;}

tr#ok {color: #009D00}
tr#okok {color: #3E653E}
tr#bad {color: #FF0000}
tr#ne {color: #FFAA00}
tr#cop {color: #0000FF}
tr#oznac {color: #545454}

table#ucto
{font-size: 90%; color: #333333; border-collapse: collapse; line-height: 150%; overflow:hidden; border-radius:10px; margin: 0 0 20px 0; padding:0 0 0 0;}
table#ucto th, table#ucto td
{padding:3px 7px 3px 7px;}

table#ucto tr
{border-bottom:0px solid #999;background-color:#F5F5F5;}
table#ucto tr.lichy
{background-color:#FCFCFC;}
table#ucto tr.nefa
{background-color:#FFFFE0;}
table#ucto tr:hover{background-color:#FFFFAF;}

td {vertical-align: top; padding: 4px 15px 0px 2px;}
td#stred {vertical-align: top; padding: 4px 10px 0px 2px; text-align: center;}
td#stredVysoky {vertical-align: middle; padding: 1px 10px 0px 2px; text-align: center; height: 20px;}
td#ok {background-color: #D8FFD8;text-align: center;}

#horni_navigace
{float:left; width:auto; height:24px;}
#horni_navigace img
{width:20px; height:20px; margin: 0 0 0 0; padding:0 0 0 0;}
#horni_navigace img#e
{width:15px; height:15px; margin: 3px 0 0 0; padding:0 0 0 0;}
#horni_navigace img#f
{width:17px; height:17px; margin: 2px 0 0 0; padding:0 0 0 0;}
#horni_navigace #menu_logo
{float:left; width:24px; height:24px; margin:0 0 0 0;}
#horni_navigace #menu_logo a :hover
{margin:0 0 0 0; background-color: #A7D152;}


#dolni_navigace
{float:left; width:auto; height:24px;}
#dolni_navigace img
{width:20px; height:20px; margin: 0 0 0 0; padding:0 0 0 0;}
#dolni_navigace #menu_logo
{float:left; width:24px; height:24px; margin:0 0 0 0;}
#dolni_navigace #menu_logo a :hover
{margin:0 0 0 0; background-color: #A00E49;}

input {font-size: 100%; margin:0 0 2px 0px;}
input#tlacitko {font-size: 100%; margin: 15px 0 20px 0px;}
input#tlacitko2 {font-size: 100%; margin: 2px 0 2px 0px;}
input#licence, input#emailicence {width: 180px;}
input#obr {width: 180px; background-color:#EDFFED}
input#kod {width: 182px; border: 1px solid #7A7A7A; background-color:#FFE0E2;}
input#reseni  {width: 50px; background:#FFE0E2;}
input#reseniRajce  {width: 150px; background:#CFEDFF;}
input#reseni3  {width: 150px; background:#CFEDFF;}
input#fond  {width: 57px;}
input#tip  {width: 545px;}
input#nazevReseni {width: 545px;}
input#reg  {width: 300px;}
input#souradnice  {width: 22px;}
input#casak  {width: 400px;}

legend {position: absolute; margin: -15px 0; top: -.5em; right: 20px; font-size: 90%; color: #233C49; font-weight: bold;}
fieldset 
{position: relative; text-align: left; border: 0; color: #233C49; padding: 10px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: 90%; background-color: #e6e6e6; border-radius: 0px;}

#skypeKomprese {line-height: 170%; font-size: 90%; text-align:left; padding:0 0px 0 5px;}
#skypeKomprese img {margin: 0 0 -3px 5px;}

#kompreseOper {line-height: 160%;text-align:justify; padding:0px 0px 10px 50px;}
#kompreseOper a {color: #747474; text-decoration: none;}
#kompreseOper a:hover {color: #ff9933;}

#vtipalek {margin: 0px;}

#komprese {line-height: 140%;text-align:justify; margin: 10px;}
#komprese p {margin: 0 0 5px 0;}
#komprese img#konzultace {margin: 5px 5px 0 0;}
#komprese img#obraz {width:15px; height:15px; margin: 0 5px -4px 0;}
#komprese img#x {margin: 0 0 0 0;}
#komprese img {margin: 10px 0 10px 0;}
#komprese img#cas {margin: 10px 0 10px 0; border-radius: 5px;}
#komprese a {color: #0073C3; text-decoration: none;}
#komprese a:hover {color: #FF8B00;}

#OLD {line-height: 120%;text-align:justify; padding:20px 20px 0 10px; color:#FF0000;font-size: 80%;}
#OLD p {margin: 0 0 5px 0;}
#OLD img#konzultace {margin: 5px 5px 0 0;}
#OLD img {margin: 10px 0 10px 0;}
#OLD a {color: #0000FF; text-decoration: none;}
#OLD a:hover {color: #ff9933;}

#obal {margin:10 auto; text-align:justify;}
#obal fieldset {background:#FFFFFF;border-radius: 0px;}

#containeruvod0, #container0 {width: 100%; min-height: 600px; background: url("../images/index/pozadiNew.png") top center repeat-x;}
#containeruvod, #container {width: 990px; margin-left: auto; margin-right: auto; text-align: left; color: #666;}

#containeruvodVstup, #container {width: 800px; margin-left: auto; margin-right: auto; text-align: left; color: #666;}

#containeruvod1, #container {width: 1200px; margin-left: auto; margin-right: auto; text-align: left; color: #666;}
#container-okno {text-align: left; margin: 0; padding: 0 20px 20px 20px; font: 80%/150%;}

#hlavicka0 {width: 990px; height: 78px; padding: 0; margin: 0; border: 0;}
#hlavicka {float: left; padding: 3px 0 0 0;}
#hlavicka #logo {position: relative; width: 150px; height: 70px; overflow: hidden; margin: 0 0 0 0px; padding: 0; font-size: 200%;}
#hlavicka #logo span {display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; margin: 0; padding: 0; background: url("../images/index/logoHome.png") 0 0 no-repeat; cursor: pointer;}
#hlavicka #logo span#zpravo {display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; margin: 0; padding: 0; background: url("../images/index/logoZpravo.png") 0 0 no-repeat; cursor: pointer;}

#menu0 {position: relative; width: 850px; height: 40px; left: 50%; margin: -40px 0 0 -340px;}
#menu0Vstup {position: relative; width: 800px; height: 40px; left: 50%; margin: -40px 0 0 -240px;}

#menu1 {position: relative; width: 800px; height: 40px; left: 50%; margin: -40px 0 0 -350px;}
#menu {display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; margin: 0; padding: 0;}
#menu ul {margin: 0; padding: 0;}
#menu ul li {float: left; margin: 0; padding: 0; list-style-type: none;}
#menu ul li a {float: left; display: block; height: 25px; padding: 5px 0 0 25px; margin: 0; font-size: 90%; color: #fff; text-align: center; text-transform: uppercase; font-weight: bold; text-decoration: none; text-shadow: 0 0.2em 1em #fff;}
#menu ul li a:hover {color: #A7D152; background-color: #000; text-shadow: 0 0.2em 1em #A7D152;}
#menu .aktivni {color: #A7D152; text-shadow: 0 0.2em 1em #A7D152;}

#soubor {border-color: black; width: 190px;}

#paticka0 {clear: both; width: 100%; height: 150px; padding: 0; margin: 0; color: #666; background: linear-gradient(#e7e7e7, #c6c6c6); background: -moz-linear-gradient(#e7e7e7, #c6c6c6); background: -webkit-linear-gradient(#e7e7e7, #c6c6c6); border-top: 3px solid #c6c6c6;}
#paticka {width: 990px; margin-left: auto; margin-right: auto; font-size: 95%; text-align: center; padding: 10px 0 0 0;}
#paticka ul {margin: 10px 0 10px 80px; padding: 0;}
#paticka ul li {float: left; margin: 0 10px 0 10px; padding: 0px;}
#paticka p {clear: both; width: 100%; margin: 10px; padding: 0;}
#paticka img {border: 0;}
#paticka a {text-decoration: none;}
#paticka .logopat {margin: 10px 10px 0 10px;}

#copyright {padding: 0px 0 0 0; font-size: 75%; text-align: left; color: #666; text-align: center;}
#copyright a {padding: 0; color: #666; text-decoration: none; padding: 0 5px 0 5px;}

div#vstup {float:left; width:780px; background: rgba(167,209,82,1); height:240px; padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; line-height:130%; }
div#vstupMaxthon {float:left; width:780px; height:240px; padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; line-height:130%; }

div#eKomunikace
{margin:0 0 0 0; padding:0 0 0 0; float:left; width:900px; text-align:left;}

div#fileBAD
{margin:10px 0 0 50px; padding:5px 15px 5px 15px; float:left; width:auto; text-align:left; font-weight: bold; background:#FFF0B9;}

div#leva
{margin:5px 0 0 5px;padding:0 0 0 0;float:left; width:200px;text-align:left;}

div#prava
{margin:5px 0 0 0;padding:0 0 0 0;float:left;text-align:left;width:360px;}

div#stred
{margin:5px 0 0 0;padding:0 0 0 0;float:left;width:200px;text-align:left;}

div#kat
{margin:5px 0 0 0;padding:0 0 0 20px;float:left;width:220px;text-align:left;}
div#vypis
{margin:5px 0 0 0;padding:0 0 20px 20px;float:left;width:960px;text-align:left;}

div#tema
{float:left;text-align:left; background:#F7F7F7; margin:0 0 20px 0; width:970px}

div#opravaCasak
{float:left;text-align:left;margin:0 0 20px 0; width:970px}

div#novinkyEKO
{margin:5px 0 0 0;padding:0 0 0 0;float:left;width:480px;text-align:left;}
div#novinkyCAS3
{margin:5px 0 0 0;padding:0 0 0 0;float:left;width:480px;text-align:left;}

div#novinkyEKO fieldset#novinky
{padding:0 0 10px 10px;margin:0 0 10px 0;background:#F7F7F7;border-radius:10px;}
div#novinkyCAS3 fieldset#novinky
{padding:0 0 10px 10px;margin:0 0 10px 0;background:#A7D152;border-radius:5px;}

div#ucto
{margin:5px 15px 0 0;padding:0 0 0 0;float:left;width:auto;text-align:left;}
div#ucto fieldset#filtr
{padding:10px 10px 10px 10px;margin:0 0 10px 0;background:#F7F7F7;border-radius:10px;}
div#ucto fieldset#ctrl
{padding:10px 10px 10px 10px;margin:0 0 10px 0;background:#FFEDED;border-radius:10px;}

div#novinkyEKO fieldset#kalendar
{padding:0px 10px 20px 10px;margin:0 0 10px 0;background:#F7F7F7;border-radius:10px;}

div#novinkyEOL
{margin:5px 0 0 10px;padding:0 0 0 0;float:left;width:480px;text-align:left;}
div#novinkyCASvtip
{margin:5px 0 0 10px;padding:0 0 0 0;float:left;width:480px;text-align:left;}

div#novinkyCAS2
{margin:5px 0 0 10px;padding:0 0 0 0;float:left;width:480px;text-align:left;}

div#novinkyEOL fieldset#novinky
{padding:0 0 10px 10px;margin:0 0 10px 0;background:#F7F7F7;border-radius:10px;}
div#novinkyCASvtip fieldset#novinky
{padding:0 0 10px 10px;margin:0 0 10px 0;background:#F7F7F7;border-radius:10px;}

div#novinkyCAS2 fieldset#novinky
{padding:0 0 10px 10px;margin:0 0 10px 0;background:#A7D152;border-radius:5px;}

div#novinkyCASvtip fieldset#vtip
{padding:0 0 0 0;margin:0 0 0 0;background:#FFFFFF;border-radius:10px;}

div#skype
{margin:5px 0 0 10px;padding:0 0 0 0;float:left;width:200px;text-align:left;}
div#skype fieldset#skype
{padding:0 0 10px 10px;margin:0 0 10px 0;background:#F5FFEB; border-radius:10px;}

div#novinkyHOT
{padding:0 0 0 0;float:left;width:970px;text-align:left;}
div#novinkyHOT fieldset#novinky
{padding:0 0 0 10px;margin:0 0 10px 0;background:#F7F7F7;border-radius:10px;}

div#novinkyINeli
{padding:10px 0 0 10px;float:left;text-align:justify;}

div#novinkyIN
{padding:5px 0 0 0;float:left;width:970px;text-align:justify;}

div#novinkyINvstup
{padding:5px 0 0 0;float:left;width:800px;text-align:justify;}

div#novinkyIN p
{text-align:justify; margin: 10px 10px 10px 10px;}

div#novinkyIN fieldset#novinky
{padding:0 0 10px 10px;margin:0 0 10px 0;background:#F7F7F7;border-radius:10px;line-height: 150%;}
div#novinkyIN fieldset#errkom
{padding:0 0 0px 0px;margin:0 0 0px 0;background:#FFFFFF;border-radius:10px;line-height: 150%;}

fieldset#postup
{background:#3498DB;;border-radius:0px; margin:0 0 0 0;}
h3#postup
{margin:0 0 0 0;}

div#novinkySEZ
{padding:0 0 0 0;float:left;width:970px;text-align:left;}
div#novinkyCAS
{padding:0 0 0 0;float:left;width:970px;text-align:left;}

div#kalVlevo
{padding:0 0 0 0;float:left;width:300px; height:180px;text-align:left;}

div#novinkySEZ fieldset#novinky
{padding:0 0 10px 10px;margin:0 0 5px 0;//background:#F7F7F7;
border-radius:10px;}
div#novinkyCAS fieldset#novinky
{padding:0 0 10px 10px;margin:0 0 5px 0;background:#3498DB;border-radius:5px;}

div#novinkySEZ fieldset#kalendar
{padding:10px 10px 10px 10px; margin:0 0 5px 0;background:#F7F7F7;border-radius:10px;}

div#tlacitko
{padding:0 0 0 0;float:left;text-align:left;}

div#okHlaska
{font-size: 100%; text-align:left; margin:0px 0px 20px 0px; padding: 10px 0px 24px 20px; color:black; background: rgba(167,209,82,1); line-height: 140%; border-radius:3px; }

div#noticeIn
{float:center; font-size: 100%; line-height: 120%; text-align:left; padding:0px 5px 0 0px; color:red;}

div#notice
{float:left; font-size: 110%; line-height: 120%; text-align:justify; padding:0px 10px 10px 10px; height: 745px;}

div#legenda
{//float:left;
font-size: 80%; line-height: 120%; text-align:left; margin-bottom: 10px;
//padding:0px 0px 10px 10px;
//width: 950px}

div#napoveda
{float:left; font-size: 80%; color: #C4C4C4; line-height: 80%; text-align:justify; padding:5px 10px 0 10px;}

/* styl specificky pro aktualni jazyk */
.reset{
	clear:both;
	line-height:0px;
	font-size:0px
}

/* modern styl ekonomonline */
 section {
	position: relative;
	color: #fff;
	text-align: center;
}

.color {
	background: #3498DB;
}

section::before, section::after {
	position: absolute;
	content: '';
	pointer-events: none;
}

.ss-style-halfcircle::before,
.ss-style-halfcircle::after {
	left: 50%;
	z-index: 10;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: inherit;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.ss-style-halfcircle::before {
	top: -25px;
}

.ss-style-halfcircle::after {
	bottom: -25px;
}

footer {
  background: #FFFFFF;
  color: #777;
  padding: 20px 10px 10px 10px;
}

.row {
  margin: 0 auto;
  max-width: 62.5em;
  width: 100%;
}

footer #footer-links {
  text-align: left;
}
footer #footer-links span {
  font-size: 2em;
}

footer #footer-links ul {
  font-size: 1Opx;
  float: left;
  margin-left: 0;
  list-style-type: none;
}

footer #footer-links ul li {
  margin: 10px 0;
}

footer #footer-links h5 {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  color: #777;
  margin-bottom: 25px;
}