/** BASIC */

body {margin: 0px;padding: 0px; background: #353535 url('/images/bg-top.jpg') repeat-x;}
.clear { clear: both; }

body, input {font-family: tahoma, sans-serif; font-size: 12px; color: #e9e9e9; }

img {border: 0;}
a {color: #ea0203; text-decoration: underline;}
a:hover {text-decoration: none;}
h1 { font-size: 20px; padding; 0; margin: 0 0 20px 20px; }
h2 { font-size: 15px; padding; 0; margin: 10px 0 15px 0px; color: #cacaca; }


#all {	margin: auto;	width: 778px;	text-align: left; }

#menu { position: absolute; padding: 51px 0 0 530px; z-index: 10; }
#menu ul { padding: 0px; margin: 0px; }
#menu li { list-style-type: none; float: left; margin: 0; padding: 0 5px 0 0; }
#menu a { font-weight: bold; font-size: 12px; text-decoration: none;	display: block; text-align: center;	margin: 0; padding: 9px 0 0 0;	height: 25px;  width: 120px; color: #fff;  }
#menu .menu1 a { background: url('/images/menu1.gif') no-repeat 0px 0px; }
#menu .menu2 a { background: url('/images/menu2.gif') no-repeat 0px 0px; }
#menu a:hover { text-decoration: underline; }

#button { position: absolute; width: 80px; height: 100px; margin: 115px 0 0 285px; font-size: 11px; font-weight: bold; }
#button a { text-decoration: none; color: #fff; }

#top { width: 778px; height: 328px; background: url('/images/top.jpg') no-repeat; }
#top #logo { position: absolute; width: 374px; height: 69px; padding: 163px 0 0 405px; }

#nadpisy { background: url('/images/bg-nadpisy.jpg') no-repeat; height: 31px;  }
#nadpisy #nadpis-leva { float: left; width: 240px; font-size: 14px; font-weight: bold; color: #fff; padding: 0 0px 0 15px;  }
#nadpisy #nadpis-leva span { color: #c20102; display: block; padding-left: 70px; font-size: 16px;}
#nadpisy #nadpis-prava { float: left;  width: 518px;  }

#content { background: url('/images/bg-content.jpg') repeat-y; }
#content #leva { float: left; width: 230px; font-size: 12px; color: #b9b9b9; padding: 10px 15px 0 15px; text-align: justify; }
#content #leva .wtext { color: #fff; }
#content #prava { float: left;  width: 500px; padding: 0 0px 0 18px; }

#footer { clear: both; background: url('/images/bg-footer.jpg') no-repeat; padding: 30px 0 30px 0;  }
#footer #copyright { float: left; font-size: 11px; color: #858585; padding-left: 280px; text-align: center; }
#footer #copyright a { color: #666; }

/** BOX - online */
.box-online { clear: both; height: 15px; width: 220px; background: #444; padding: 3px 0 3px 10px; margin-top: 5px; }
.box-online a { color: #fff; }
span.zlutak { color: #ffff00; ;  }
span.zelenak { color: #00ff00; font-weight: bold; position: absolute; margin-left: 160px; }


/** BOX */
.divi-first { clear: both; height: 8px; width: 500px; background: url('/images/divider.jpg') 30px 0px no-repeat; padding: 0px 0 30px 0;  }
.divi { clear: both; height: 8px; width: 500px; background: url('/images/divider.jpg') 30px 30px no-repeat; padding: 30px 0 30px 0;  }

/** BANNER */
.banner { clear: both; color: #fff; text-align: left;}
img.banner { clear: both; margin: 0 0 3px 3px; border: #999 1px solid; padding: 2px;}

.spt-text { font-size: 11px; color: #a9a9a9; padding-top: 20px; margin-top: 20px; border-top: #444 1px solid; }
.spt-text ol { padding: 10px 0 10px 20px; margin: 0;}
.spt-text ol li { padding-bottom: 5px;}
.spt-text2 { font-size: 12px; color: #a9a9a9; text-align: justify; }
.spt-text2 h4 { padding: 0 0 10px 0; margin: 0; font-size: 14px; }

.box { }
.box a { color: #fff;}
.box .img { float: left; width: 240px; text-align: left; }
.box .img .img1 { padding: 1px; border: #e9e9e9 1px solid; width: 220px; height: 160px; }
.box .img .img2 { float: left; padding: 1px; margin: 6px 7px 0 0; border: #e9e9e9 1px solid; width: 66px; height: 44px; overflow: hidden; }
.box .text { float: left; width: 260px; line-height: 160%; text-align: justify; }
.cislo { padding: 15px 0 5px 0px; }
.cislo img { margin-top: 3px; }
.cislo h3 { float: left; font-size: 12px; font-weight: bold; padding: 0; margin: 0;}
.vytoc { font-weight: bold;}
.tel-cislo { color: #fff; font-size: 33px; font-weight: bold; line-height: 22px; letter-spacing: 1px; padding-top: 10px; }
.kod-info { float: left; font-size: 12px; padding: 13px 10px 0 105px; }
.kod { float: left; line-height: 40px; color: #fcff00; font-size: 40px; font-weight: bold; font-style: italic; letter-spacing: -1px; }

.cislo2 { padding: 15px 0 0 40px; }
.vytoc2 { font-weight: bold;}
.tel-cislo2 { color: #fff; font-size: 53px; font-weight: bold; line-height: 22px; letter-spacing: 3px; padding-top: 20px; }
.kod-info2 { float: left; font-size: 12px; padding: 13px 10px 0 200px; }
.kod2 { float: left;  color: #fcff00; font-size: 60px; font-weight: bold; font-style: italic; letter-spacing: -1px; }

.sms { padding: 35px 0 0 200px; }
.sms-tvar { color: #fff; font-size: 15px; font-weight: bold; line-height: 22px; letter-spacing: 1px; padding-top: 3px; }
.sms-info { float: left; font-size: 12px; padding: 3px 10px 0 75px; }
.sms-cislo { color: #fcff00; font-size: 18px; font-weight: bold; font-style: italic; letter-spacing: -1px; padding: 3px 0 0 0;}