body{font-size:62.5%;background:#e4e4e4 url(img/bgbody.jpg) left top repeat-x;font-family:Tahoma,Arial,Helvetica,sans-serif;}
*{margin:0;padding:0;}
#mother .bgtop {background:#e4e4e4 url(img/bgtop.jpg) center top no-repeat;height:100px;}
#mother {margin-left:auto;margin-right:auto;width:900px;background:#fff }
.logo img{border:none;margin:6px 45px;}
.logo h1 {display:none;}
.toplink {float:right;padding:17px 10px;font-size:110%;}
.toplink span {color:#2a785a;}
.toplink a {color:#2a785a;display:inline;margin:0px 5px 0 5px;text-align:right;}
.lang {float:right;padding:15px 8px;margin:0;color:#2a785a;}
.lang #form label {vertical-align:middle;}
.lang #form select {border:1px solid #ccc;vertical-align:middle;}
.lang #form #jumpMenu {font-size:110%;width:90px;}
/*menuN*/
#mcls-aktualni-informace span,
#mcls-nase-firma span, 
#mcls-nase-reseni span, 
#mcls-nase-reference span, 
#mcls-nas-servis span, 
#mcls-kontaktni-informace span {display: none;overflow: hidden;text-indent: -10000px;}
/*.sf-menu #mcls-aktualni-informace .main span, .sf-menu #mcls-nase-reseni .main span  
{display:block;background:#ccc;text-indent:0;}
*/
#menu {width:100%; height: 44px;background: url( 'img/button.gif' ) 0px -88px no-repeat;}
#menu li {list-style-type:none;float:left}

#mcls-aktualni-informace a,
#mcls-nase-firma a,
#mcls-nase-reseni a,
#mcls-nase-reference a,
#mcls-nas-servis a,
#mcls-kontaktni-informace a  {position: absolute;display:inline;height: 44px; line-height: 50px; /* svisle centrovani */ text-align: center; /* vodorovne centrovani */ }

#mcls-aktualni-informace a { background:url("img/button01.gif") no-repeat; width:193px; } 
#mcls-aktualni-informace .selected-menu a {background-position: 0px -132px;}
#mcls-aktualni-informace a:hover { background-position: 0px -88px;}

#mcls-nase-firma a  {background:url('img/button02.gif') no-repeat;margin-left:193px;width: 116px;} 
#mcls-nase-firma a:hover { background-position: 0px -88px;}
#mcls-nase-firma .selected-menu a {background-position: 0px -132px;}

#mcls-nase-reseni a  {width: 122px;background:url('img/button03.gif') no-repeat;margin-left:309px;} 
#mcls-nase-reseni a:hover  {background-position: 0px -88px;}
#mcls-nase-reseni .selected-menu a {background-position: 0px -132px;}

#mcls-nase-reference a  {width: 150px;background:url('img/button04.gif') no-repeat;margin-left:431px;} 
#mcls-nase-reference a:hover {background-position: 0px -88px;}
#mcls-nase-reference .selected-menu a {background-position: 0px -132px;}

#mcls-nas-servis a  {width: 117px;background:url('img/button05.gif') no-repeat; margin-left:581px;} 
#mcls-nas-servis a:hover  {background-position: 0px -88px;}
#mcls-nas-servis .selected-menu a {background-position: 0px -132px;}
#mcls-kontaktni-informace a {width:202px;background:url('img/button06.gif') no-repeat;margin-left:698px;} 
#mcls-kontaktni-informace a:hover {background-position: 0px -88px;}
#mcls-kontaktni-informace .selected-menu a {background-position: 0px -132px;}

/*konec menu*/

.news-html  {background:#ffffff !important;}
.clearfix {background:url(img/bgclear.jpg) 12px 0  repeat-y;}
.clearfix:after {content:".";display:block;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}

.nav h2 {color:#00b679;font-weight:bold;margin-bottom:10px;}
/*typo*/

#main {margin-left:10px;margin-right:10px;}
#mainright {width:605px;float:left;margin-left:15px;}
#web-html{font-size:110%;color:#363638;line-height:140%;padding:15px 15px 20px 15px;}
#web-html ul {margin:5px 0;}
#web-html ul h4{font-size:110%}
#web-html li {margin-bottom:0px;margin:3px 15px;}
#web-html h1 {color:#00b679;font-size:140%;font-weight:normal;position:relative;margin:5 0 15px 0px;}
#web-html h2 {color:#00b679;font-size:130%;font-weight:bold;margin-top:10px;}
#web-html h3 {color:#00b679;font-size:130%;;font-weight:bold;margin-top:10px;text-transform:uppercase;border-left:2px solid #00b679;background:url(img/h3bg.jpg) repeat-y;padding:5px 5px 5px 20px} 
#web-html h4 {color:#00b679;font-size:100%;font-weight:bold;margin-top:10px;}
#web-html h5 {color:#00b679;font-size:100%;margin-top:10px;}
#web-html #annotation {line-height:140%;padding:8px;margin:0px 0 20px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#web-html blockquote {margin:0 15px;}
#web-html p {margin-bottom:10px;margin-top:5px}
#web-html img {margin:0 0 8px 8px;border:8px solid #038357;}
#web-html a {color:#2b7d5e;font-weight:bold;border:none;text-decoration:underline;}
/*#web-html table {width:100%;}*/
/*#web-html table img {float:left}*/
#web-html .contact .hlrow {background:#f2f2f2;border:1px solid #ddd}
#web-html .tcont td, th {background:#f2f2f2;border:1px solid #ddd;width:707px;margin:5px 0 5px 0;padding:5px 0;}
#web-html table {border-collapse:collapse;font-size:100%;text-align:left}
#web-html .hlrow {background:#f2f2f2;}
#web-html table td,#web-html table th{vertical-align:middle; background:#f2f2f2;border:1px solid #ddd}
#web-html table p {margin:0 !important;}
#web-html table h3 {margin:5px 0 5px 0 !important;} 
#web-html td{padding:5px;}
#web-html th {padding:5px;}
#web-html table img {border:1px solid #ddd}

#web-html table #contact,td,th,.hlrow,p {background:none !important;border:none !important;padding:0 !important;margin:0 !important}
/*#web-html table #contact tbody, td, th {padding-bottom:5px !important;}*/

#web-html hr {display:none;}
#web-html .navigator {color:#6b6b6b;font-size:110%;margin:0 0 15px 0;}
#web-html .navigator a {color:#6b6b6b;font-size:100%;font-weight:normal;}
.mainleft {float:left;width:262px;background:#fff;}

.box {color:#000;font-size:110%;line-height:140%;background:url(img/bgbox.gif) left bottom no-repeat;margin:10px 0px;}
.box a {color:#2b7d5e;}
.box h3 {color:#D9221D;font-weight:bold;margin:0px;padding:10px;;font-size:100%;text-indent:-10000px;}
.box img {margin:30px 0px  10px 6px;border:1px solid #ddd}
.clanek span {font-weight:bold;}
.clanek span a {text-decoration:none;}
.clanek .link a {font-weight:normal;text-decoration:underline;margin:10px 0;padding-left:160px;}
.clanek p {margin-bottom:5px;}

.boxin {border:1px solid #ccc;}
.boxin address {font-style:normal}
.boxin .vice a {padding-left:160px;}
.boxin address img {vertical-align:middle;text-align:center;margin:4px 10px 6px 0}
.box1 {background:#fff url(img/box1.gif) 0 0 no-repeat;}
.box2 {background:#fff url(img/box2.gif) 0 0 no-repeat;}
.box3 {background:#fff url(img/box3.gif) 0 0 no-repeat;}

.boxin {padding:10px}
.boxin ul {list-style-type:none}
.boxin li a {list-style-type:none;display:block;border-bottom:1px dashed #ddd;padding:5px 5px 5px 15px;background:url(img/sipka.gif) left center no-repeat;font-weight:bold}
.boxin li a:hover,.boxin li.selected-menu a {text-decoration:none;color:#000}
.boxin li a.last {border-bottom:none}

#header {clear:both;width:900px;}
#flash {width:880px;height:201px;padding:10px 10px 0 10px;background:url("img/bgflash2.jpg") 10px 10px no-repeat;}

#foot {background:#eee url(img/bgfoot.jpg) 0 0 repeat-x;height:70px;}
#footer {clear:both;font-size:110%;color:#fff;width:900px;margin:0 auto 0}
#footer span {float:left;color:#fff;line-height:140%;margin:25px 0px 10px 20px;}
#footer .foot {float:right;margin-right:20px;text-align:right;}
#footer a{color:#fff;text-decoration:none;}
/*form1 style*/
 #form1 legend {background:#EFEFEF;border:1px solid #666;font-size:100%;font-weight:bold;}
#form1 fieldset {border:1px solid #666}
#form1 #fld-1-1,#fld-1-2,#fld-1-3,#fld-1-4 {border:1px solid #666;margin:0px 0 5px 0}
#form1 .formbtn {margin:15px 160px;}
#form1 #sbtn-1, #rbtn-1 {border:1px solid #666;background:#EFEFEF;padding:1px;}

.search p {margin:10px 0}
.search {margin-bottom:20px;padding-left:10px;}
.search form {margin-top:10px;}
.search input {vertical-align:middle;}
.search  .stxt {color:#333;height:17px;border:1px solid #ccc;width:140px;background: url(img/srchtext.gif) 0 0 no-repeat;font-size:110%;padding-top:0px;padding-left:4px}
.search  span {float:left;color:#333;font-size:100%;padding-right:8px;margin-top:10px;}

.maintop {margin-left:auto;margin-right:auto;width:900px;}
.maintop a {color:#fefefe;float:right;font-size:110%;text-decoration:none;}
.maintop img {border:none;margin:0 15px 10px 0}
.maintop a:hover {text-decoration:none;}
.maintop span a {color:#fefefe;float:left;color:#333;margin:10px 0px 10px 10px;text-decoration:underline;}

.subpageitem {border:1px solid #ddd;height:112px;margin-bottom:10px;padding:10px;background:url(img/subbg.gif) left bottom repeat-x;}
.img-left img {border:2px solid #ddd !important;margin:0 10px 0 0 !important}


#web-html .forms li {margin:0 0 5px 0}
#web-html .forms label {width:150px;}
#web-html legend {margin-bottom:5px;}

#form5 li {float:left;width:270px;border:1px solid #ddd;background:#E4E4E4;padding:1px;}
#form5 li .checkbox, .radio {border:1px solid #ddd;background:#E4E4E4;margin:1px}
#form5 li label {display:block;margin:0 5px 0px 0}
#form5 .textinput {width:100px}
#form5 .formbtn {margin:5px 0;padding:0}
#form5 .textinput {border:1px solid #9F9F9F;}
#form5 .select {}

#form4 li {float:left;width:270px;}
#form4 .textinput {width:100px}
#form4 .formbtn {margin:5px 0;padding:0}

#form2 li {float:left;width:270px;border:1px solid #ddd;background:#E4E4E4;padding:1px;}
#form2 li .checkbox, .radio {border:1px solid #ddd;background:#E4E4E4;margin:1px}
#form2 li label {display:block;margin:0 5px 0px 0}
#form2 .textinput {width:100px}
#form2 .formbtn {margin:5px 0;padding:0}
#form2 .textinput {border:1px solid #9F9F9F;}


