body
{
  margin:0;
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
  text-align: center;
  padding: 0;
  font-size: 0.75em;
  background:#fff;
  color:#646464;
}
* {
  padding: 0;
  margin: 0;
  border: 0px none;
}
.invisible {
  position:absolute;
  top:-2000px;
  left:0;
  width:1px;
  height:1px;
  overflow:hidden;
}
.clear {
  clear:both;
  font-size:0px;
  line-height:0px;
  height:0px;
  overflow:hidden;
  display:block;
}
.divclear {
  clear:both;
}
.right {
  text-align:right;
}
.center {
  text-align:center;
}
.underline {
  text-decoration: underline;
}
input, select, textarea {
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size:1em;
  padding:2px 3px;
}

h1{font-size:2.0em}
h2{font-size:1.7em}
h3{font-size:1.4em}
h4{font-size:1.1em}
h5{font-size:0.8em}
h6{font-size:0.5em}

ul {
  padding: 10px 20px 10px 30px;
}
ul li{
  list-style-type: disc;
  line-height: 1.5em;
}

/*Page*/
#page {
  width:891px;
  padding:0 33px;
  padding:230px 33px 33px 33px;
  margin:0 auto;
  text-align:left;
  position:relative;
}
/*Page*/

/*Header*/
#header {
  height:212px;
  background:url(../files/images/layout/bg-header.jpg) left top no-repeat;
  margin-bottom:17px;
  position:absolute;
  left:33px;
  top:0px;
  width:891px;
}

/*Main-menu*/
#main-menu {
  width:205px;
  text-align:center;
  padding: 16px 0;
  border-bottom: 1px solid #584e96;
}
#main-menu ul li{
  display: inline;
  list-style-type:none;
  padding: 0 3px;
}
#main-menu ul li a{
  color:#fff;
  font-size: .85em;
  text-decoration:none;
  text-transform: uppercase;
}
#main-menu ul li.act a, #main-menu ul li a:hover{
  color:#fcb415;
}
/*Main-menu*/

/*Logo*/
#logo-box {
  position:absolute;
  top:88px;
  left:40px;
}
a.logo{
  color:#ffffff;
  font-weight:bold;
  font-size:1.5em;
  display:block;
  cursor:pointer;
  text-decoration:none;
  position:relative;
  overflow:hidden;
  width:123px;
  height:64px;
}
a.logo span{
  display:block;
  position:absolute; left:0; top:0; z-index:1;
  background:url(../files/images/layout/logo.png) top left no-repeat;
  width:123px;
  height:64px;
}
/*Logo*/

#monitor {
  position:absolute;
  top:0;
  right:0;
  width:500px;
  height:170px;
  overflow:hidden;
}
/*Header*/


/*Main*/
#main {
  width:891px;
  overflow:hidden;
  font-size:0.95em;
}

/*Columns*/
#left-column {
  float:left;
  overflow:hidden;
  width:205px;
  background-color: #f6f6f6;
  color: #493f88;
}
#right-column {
  float:right;
  overflow:hidden;
  margin-left:17px;
  width:669px;
}
/*Columns*/

/*Left-column*/
#left-column h2, #left-column h5 {
  height:41px;
  background:url(../files/images/layout/bg-lc-h2-2010.png) left top no-repeat #afb4ba;
  color:#fff;
  text-align:center;
  text-transform: uppercase;
  font-size:1.25em;
  line-height:34px;
}

#left-column h3 {
  color:#fff;
  background-color: #493f88;
  text-align:center;
  text-transform: uppercase;
  font-size:1.25em;
  line-height:34px;
}
#left-column h4 {
  display: table-cell;
  width: 205px;
  height: 59px;
  vertical-align: middle;
  padding: 0 5px 0 59px;
  color: #000;
  overflow: hidden;
  #width: 141px;
  #padding-top: 19px;
  #height: 40px;
}
#left-column h4#programy {
  background:url(../files/images/layout/lblok-h4-programy-205x59.png) left top no-repeat #efefef;
  #padding-top: 12px;
  #height: 47px;
}
#left-column h4#poradte {
  background:url(../files/images/layout/lblok-h4-poradte-205x59.png) left top no-repeat #efefef;
}
#left-column h4#kvalita {
  background:url(../files/images/layout/lblok-h4-kvalita-205x59.png) left top no-repeat #efefef;
}
#left-column h4#sidlo {
  background:url(../files/images/layout/lblok-h4-sidlo-205x59.png) left top no-repeat #efefef;
}
#left-column ul {
  padding: 10px 20px 10px 30px;
}
#left-column ul li{
  list-style-type: disc;
  line-height: 1.5em;
}

/*Left-column*/

/*Right-column*/
/*Top-line*/
#top-line {
  height:34px;
  overflow:hidden;
  border-bottom:8px solid #493f88;
  width:669px;
  margin-bottom:12px;
}
#top-line ul {
  padding: 0;
}
#top-line ul li {
  float:left;
  list-style-type:none;
}
#main #top-line ul li a{
  display:block;
  float:left;
  color:#493f88;
  height:34px;
  background:#d8d8d8;
  text-decoration:none;
  text-transform: uppercase;
  font-weight:bold;
  padding-left:19px;
  font-size:1.2em;
  line-height:34px;
  width:200px;
}
#main #top-line ul li a:hover, #main #top-line ul li.act a{
  color:#fcb415;
  background:#493f88;
}
#main #top-line ul li a#tl-1{
  width:203px;
  border-right:2px solid #ffffff;
}
#main #top-line ul li a#tl-2{
  width:203px;
  border-right:2px solid #ffffff;
}
#main #top-line ul li a#tl-3{
  width:201px;
  background:url(../files/images/layout/bg-tl-3-2010.png) left top no-repeat;
  border-right:1px solid #ffffff;
}
#main #top-line ul li.act a#tl-3, #main #top-line ul li a#tl-3:hover{
  background-position:-279px 0px;
}
/*Top-line*/

/*Content*/
#right-column a{
  color:#493f88;
}
#right-column a:hover{
  color:#fcb415;
}
#right-column h1, #right-column h3, #right-column h4, #right-column h5, #right-column h6 {
  margin: 0 10px;
}
#right-column h1 a, #right-column h2 a, #right-column h3 a, #right-column h4 a, #right-column h5 a, #right-column h6 a {
  color: #000;
  text-decoration: none;
}
#right-column h1 {
  padding: 10px 0;
}
#right-column p {
  line-height:1.5em;
  padding:10px;
}
#right-column h1, #right-column h3 {
  color: #493f88;
  border-bottom: 1px dotted #b1b1b1;
}
#right-column h2 {
  height: 59px;
  line-height: 59px;
  padding: 0 10px;
  color: #000;
  background:url(../files/images/layout/bg-h2.png) left top repeat #efefef;
}
#right-column h3 {
  padding: 10px 0;
}
#right-column h4 {
  text-transform: uppercase;
  margin: 10px;
}
#right-column p.ikony {
  text-align: right;
  top: -47px;
  height: 0px;
  position: relative;
  padding: 0;
}
#right-column p.ikony img {
  margin-left: 5px;
}


/* footers */
#footer {
  margin-top: 17px;
}
#footer ul {
  padding: 0;
}
#footer1 {
  background-color: #493f88;
  color: #fff;
  padding: 20px 30px;
}
#podrobneji {
  float: left;
  width: 176px;
  overflow: hidden;
  margin-right: 72px;
}
#doporucujeme {
  float: left;
  width: 326px;
  overflow: hidden;
  margin-right: 57px;
}
#pro-klienty {
  float: right;
  overflow: hidden;
  width: 190px;
}
#doporucujeme ul {
  float: left;
  width: 157px;
  padding-right: 15px;
}
#footer1 li {
  list-style-type:none;
  padding: 0;
  line-height: 30px;
}
#footer h3 {
  color: #fff;
  text-transform: uppercase;
  padding-bottom: 10px;
  border-bottom: 1px solid #584e96;
  margin-bottom: 10px;
  font-size: 1.2em;
  font-weight:bold;
}
#footer1 a {
  color: #fff;
  text-decoration: none;
}
#footer1 a:hover {
  color: #ddd;
}
#footer2 {
  padding: 7px 0;
  color: #afb4ba;
}
#footer2 span {
  padding: 0 20px;
}
#footer2 a {
  color: #afb4ba;
}
#footer2 a:hover {
  color: #493f88;
}
/* footers */


/* formulare */
.odeslano {
  color: #493f88;
  padding: 10px 0;
}

/* napis nam, poptavka */
#napiste {
  padding: 5px;
}
#napiste div, span.moje-input, #poptavka div.pole {
  display: inline-block;
  width: 193px;
  border: 1px solid #d8d8d8;
  margin-bottom: 5px;
}
#napiste input, #napiste textarea, #email, #poptavka input, #poptavka textarea {
  display: inline-block;
  width: 185px;
  height: 25px;
  line-height: 25px;
  border: 1px solid #fff;
  background-color: #ececec;
}
#napiste textarea, #poptavka textarea {
  height: 75px;
  line-height: 1.3em;
}
#napiste input.button, .moje-submit, #poptavka input.button {
  background: url(../files/images/layout/bg-submit.png) left top repeat-x;
  color: #fff;
  width: 193px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: normal;
}
#napiste input.button:hover, .moje-submit:hover, #poptavka input.button:hover {
  color: #584e96;
  cursor: pointer;
}
#napiste .error {
  color: red;
  margin-bottom: 5px;
}

/* pro klienty */
#prohlaseni {
  text-align: right;
}
#prihlaseni table {
  width: 190px;
  border-collapse: collapse;
}
#prihlaseni td {
  padding: 3px 0;
}
#prihlaseni .label {
  width: 45px;
}
#prihlaseni .input {
  text-align: right;
}
#prihlaseni input {
  width: 130px;
  height: 12px;
  line-height: 12px;
  border: 1px solid #fff;
  background-color: #ececec;
}
#prihlaseni .obal {
  border: 0px solid #d8d8d8;
}
#prihlaseni input.button {
  background: url(../files/images/layout/bg-submit.png) left bottom repeat-x;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  line-height: normal;
  color: #fff;
  width: 190px;
  height: 20px;
  text-transform: uppercase;
  font-weight: bold;
  border: 1px solid white;
  background-color: #ECECEC;
  padding: 0;
  font-size: .9em;
}
#prihlaseni input.button:hover {
  color: #584e96;
  cursor: pointer;
}
/* formulare */


/* firmy */
#firmy {
  background: url(../files/images/layout/bg-firmy.png) left top repeat-y;
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  margin-top: -12px;
  margin-bottom: 12px;
}
.firma {
  position: relative;
  overflow: hidden;
  width: 222px;
  height: 203px;
  float: left;
}
#right-column .firma h3 {
  margin: 0 10px;
  padding: 20px 0;
  font-size: 1.2em;
  white-space: nowrap;
}
.firma ul {
  position: absolute;
  padding: 0;
  bottom: 0;
  left: 0;
  width: 141px;
  height: 37px;
}
.firma li{
  list-style-type: none;
  padding-left: 10px;
  line-height: 1.5em;
}
.firma ul a {
  text-decoration: none;
}
#firma1, #firma2 {
  margin-right: 1px;
}
#right-column .firma h4 {
  position: absolute;
  margin: 0;
  padding: 0;
  bottom: 0;
  right: 0;
  width: 141px;
  height: 37px;
  line-height: 37px;
  text-align: center;
  color: #fff;
  font-size: 1.4em;
  font-weight: bold;
  background: url(../files/images/layout/bg-firmy-cena.png) left top no-repeat;
}
.firma h4 strong, .firma h4 b {
  font-size: 1.6em;
}
/* firmy */


/* kontakt */
.kontakt {
  position: relative;
  padding: 10px 10px 0px 0;
  margin-bottom: 10px;
}
.kontakt a {
  float: right;
  border-left: 1px solid #c8c8c8;
  padding-left: 10px;
}
.kontakt .fotogalerie {
  position: absolute;
  width: 400px;
  height: 73px;
  overflow: hidden;
  bottom: 0;
  left: 10px;
}
.kontakt .fotogalerie a {
  float: none;
  border: 0;
  padding: 0;
}
.kontakt .fotogalerie img {
  float: left;
  margin: 0 2px 0 0;
  padding: 0;
  border: 0;
  width: 95px;
  height: 73px;
}
/* kontakt */


/* sidlo */
.akce, .bez_akce {
  background: url(../files/images/layout/bg-akce.png) left top repeat-x #f6f6f6;
  margin: 10px 0;
  padding-bottom: 10px;
}
.bez_akce {
  background-image: none;
  background-color: transparent;
}
#right-column .akce h4 {
  height: 55px;
  line-height: 55px;
  margin: 0;
  padding: 0 20px;
  color: #fff;
  background: url(../files/images/layout/bg-akce-sidlo.png) left top no-repeat;
}
.akce ol, .bez_akce ol {
  padding: 10px;
  margin: 0;
}
.akce li, .bez_akce li {
  list-style-type:none;
  margin: 0 20px;
  float:left;
  display: block;
  width: 276px;
}
.akce ol li strong, .bez_akce ol li strong {
  display: inline-block;
  width: 276px;
  border: 1px solid #c8c8c8;
  background-color: #fff;
  color: #493f88;
  text-align: center;
  margin-bottom: 10px;
  padding: 20px 0;
}
.akce ol li em, .bez_akce ol li em {
  font-style: normal;
  font-size: 1.5em;
}
#right-column .akce ol li a, #right-column .bez_akce ol li a {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  text-align: center;
  width: 276px;
  border: 1px solid #c8c8c8;
  background: url(../files/images/layout/bg-akce-sidlo-odkaz.png) left top repeat-x;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
}
#right-column .akce ol li a:hover, #right-column .bez_akce ol li a:hover {
  color: #fcb415;
  cursor: pointer;
}
/* sidlo */

/* formular moje */
#form-moje {
  margin-bottom: 20px;
}

/*#form-moje input {
  font-family:  Verdana, Arial, Tahoma, Helvetica, sans-serif;
  border:1px solid #493f88;
  padding:2px;
  font-size:0.95em;
  color:#493f88;
}*/

#form-moje label {
  color: #493F88;
  display: inline-block;
  padding: 10px 0 10px 0;
  font-size: 1.2em;
  font-weight: bold;
}

#form-moje h3 {
  font-size: 1.2em;
  margin: 20px 0;
}

#form-moje #odeslat {
  padding: 5px 20px;
  font-weight: bold;
  text-transform:  uppercase;
}

#form-moje .polozka:hover {
  cursor: pointer;
  color: #fcb415;
}

.success {
  font-size: 1.3em;
  font-weight: bold;
}


/* poptavka */
#poptavka {
  margin-left: 10px;
}
div.doleva {
  float: left;
  margin-right: 30px;
}
#poptavka div.pole, div.dokumenty {
  width: 258px;
}
#poptavka input, #poptavka textarea {
  width: 250px;
}
#poptavka div.dokumenty input {
  width: 20px;
  height: auto;
}
#poptavka span.polozka {
  display: inline-block;
  margin-bottom: 10px;
}
#poptavka div.dokumenty span {
  line-height: 5px;
}
#poptavka textarea {
  height: 250px;
}
#poptavka input.moje-submit {
  width: 258px;
  line-height: normal;
}
#poptavka #button {
  margin-top: 20px;
}
#poptavka .success {
  padding-left: 0;
}

#poptavka .error {
  padding: 10px 0;
  color: red;
}

/* napis nam, poptavka 
#napiste {
  padding: 5px;
}
#napiste div, span.moje-input, #poptavka div.pole {
  display: inline-block;
  width: 193px;
  border: 1px solid #d8d8d8;
  margin-bottom: 5px;
}
#napiste input, #napiste textarea, #email, #poptavka input, #poptavka textarea {
  display: inline-block;
  width: 185px;
  height: 25px;
  line-height: 25px;
  border: 1px solid #fff;
  background-color: #ececec;
}
#napiste textarea, #poptavka textarea {
  height: 75px;
  line-height: 1.3em;
}
#napiste input.button, .moje-submit, #poptavka input.button {
  background: url(../files/images/layout/bg-submit.png) left top repeat-x;
  color: #fff;
  width: 193px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: normal;
}
#napiste input.button:hover, .moje-submit:hover, #poptavka input.button:hover {
  color: #584e96;
  cursor: pointer;
}
#napiste .error {
  color: red;
  margin-bottom: 5px;
}*/

#google_translate_element {
  margin: 10px 0 10px 10px;
}