HTML
{
    border-bottom: 0px;
    border-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 100%;
    border-top: 0px;
    border-right: 0px;
    padding-top: 0px;
}
BODY
{
    border-bottom: 0px;
    border-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 100%;
    border-top: 0px;
    border-right: 0px;
    padding-top: 0px;
}
FORM
{
    border-bottom: 0px;
    border-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 100%;
    border-top: 0px;
    border-right: 0px;
    padding-top: 0px;
}
FIELDSET
{
    border-bottom: 0px;
    border-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 100%;
    border-top: 0px;
    border-right: 0px;
    padding-top: 0px;
}
LABEL
{
    border-bottom: 0px;
    border-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 100%;
    border-top: 0px;
    border-right: 0px;
    padding-top: 0px;
}
LEGEND
{
    border-bottom: 0px;
    border-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 100%;
    border-top: 0px;
    border-right: 0px;
    padding-top: 0px;
}
OBJECT
{
    border-bottom: 0px;
    border-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 100%;
    border-top: 0px;
    border-right: 0px;
    padding-top: 0px;
}
HTML {
	HEIGHT: 100%
}
BODY
{
    font: 75%/1.4 "Arial CE" , arial, "Helvetica CE" , helvetica, sans-serif;
}
BODY.body
{
    /*height: 100%;*/
    text-align: center;
    background: #fff url('../../images/bg_body.jpg') no-repeat 50% 0px;
    color: #5a5a5a;
}
BODY.owin IMG
{
    border-bottom-color: #cccccc;
    border-top-color: #cccccc;
    border-right-color: #cccccc;
    border-left-color: #cccccc;
}

.nadpis 
{
    font-size: large;
    font-weight:bold;
}

.menu 
{
    font-size: 110%;
    font-weight:bold;
}

H1, .h1
{
    padding-bottom: 0px;
    line-height: normal;
    padding-left: 0px;
    padding-right: 0px;
    color: #00519e;
    padding-top: 0px;
    margin: 0px 0px 0.5em;
    clear: both;
    font-size: 140%;
}
H2
{
    padding-bottom: 0px;
    line-height: normal;
    padding-left: 0px;
    padding-right: 0px;
    color: #00519e;
    padding-top: 0px;
    margin: 0.5em 0px;
    font-size: 140%;
}
H3
{
    padding-bottom: 0px;
    line-height: normal;
    padding-left: 0px;
    padding-right: 0px;
    color: #00519e;
    padding-top: 0px;
    margin: 0.5em 0px;
    font-size: 120%;
}
H4
{
    padding-bottom: 0px;
    line-height: normal;
    padding-left: 0px;
    padding-right: 0px;
    color: #00519e;
    padding-top: 0px;
    margin: 0.5em 0px;
    font-size: 100%;
}
H5
{
    padding-bottom: 0px;
    line-height: normal;
    padding-left: 0px;
    padding-right: 0px;
    color: #00519e;
    padding-top: 0px;
}
H6
{
    padding-bottom: 0px;
    line-height: normal;
    padding-left: 0px;
    padding-right: 0px;
    color: #00519e;
    padding-top: 0px;
}

INPUT
{
    font: 100% "Arial CE" , arial, "Helvetica CE" , helvetica, sans-serif;
    vertical-align: middle;
}
SELECT
{
    font: 100% "Arial CE" , arial, "Helvetica CE" , helvetica, sans-serif;
    vertical-align: middle;
}
TEXTAREA
{
    font: 100% "Arial CE" , arial, "Helvetica CE" , helvetica, sans-serif;
    vertical-align: middle;
}
A
{
    outline-style: none;
    outline-color: invert;
    outline-width: medium;
    color: #00519e;
}
A:link {
	COLOR: #00519e
}
A:hover
{
    color: #93d1ff;
    text-decoration: none;
}
P {
	MARGIN: 1em 0px 1.5em
}

.firstSubFolder
{
    margin-left: 20px;
    margin-bottom: 0px;
}
.secondSubFolder
{
    margin-left: 40px;
    margin-bottom: 0px;
}
.thirdSubFolder
{
    margin-left: 60px;
    margin-bottom: 0px;
}
.fourthSubFolder
{
    margin-left: 80px;
    margin-bottom: 0px;
}
.fifthSubFolder
{
    margin-left: 100px;
    margin-bottom: 0px;
}
.note
{
    margin: 1em 0px 1.5em;
    font-style: italic;
    text-align: left;
}
TABLE
{
    border-collapse: collapse;
}
CAPTION
{
    text-align: left;
    padding-bottom: 0.1em;
    font-weight: bold;
}
UL, OL
{
    margin-top: 1em;
    margin-bottom: 1.2em;
}
HR
{
    border-bottom: #d7d7d7 1px solid;
    border-left: medium none;
    height: 0px;
    border-top: medium none;
    border-right: medium none;
}
IMG
{
    border-bottom: 0px;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
}
SMALL
{
    font-size: 90%;
}
.tal {
	TEXT-ALIGN: left
}
.tac {
	TEXT-ALIGN: center
}
.tar {
	TEXT-ALIGN: right
}
.taj {
	TEXT-ALIGN: justify
}
.vat {
	VERTICAL-ALIGN: top
}
.vam {
	VERTICAL-ALIGN: middle
}
.tac TABLE
{
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}
.fl {
	FLOAT: left
}
.fr {
	FLOAT: right
}
.fli {
	MARGIN: 0px 1.3em 1em 0px; FLOAT: left
}
.fri {
	MARGIN: 0px 0px 1em 1.3em; FLOAT: right
}
.clean {
	COLOR: #000000; TEXT-DECORATION: none
}
.clear {
	HEIGHT: 0px; CLEAR: both; FONT-SIZE: 1px
}
.cistic {
	CLEAR: both
}
.cleaner {
	WIDTH: 100%; OVERFLOW: hidden
}
.invisible {
	DISPLAY: none
}
.no-css {
	DISPLAY: none
}
.no-border
{
    border-bottom: medium none;
    border-left: medium none;
    border-top: medium none;
    border-right: medium none;
}
.required
{
    background: #ffffff url('../../images/required.gif') no-repeat right top;
}
.requiredconditionally
{
    background: #ffffff url('../../images/requiredconditionally.gif') no-repeat right top;
}
.alert {
	COLOR: #ff0000; FONT-WEIGHT: bold
}
.alert A {
	COLOR: #ff0000; FONT-WEIGHT: bold
}
.error
{
    color: #ff0000;
    font-weight: bold;
    font-style: normal;
}

#Breadcrumbs_ChangeControl_ChangePasswordContainerID_NewPasswordCompare, #Breadcrumbs_ChangeControl_ChangePasswordContainerID_NewPasswordRegExp
{
    color: #ff0000;
    font-weight: bold;
    font-style: normal;
}

#Breadcrumbs_panelLogin, #Breadcrumbs_ChangeControl, #Breadcrumbs_RecoveryControl
{
    margin-left: 20px;
}

#Breadcrumbs_ChangeControl_ChangePasswordContainerID_CurrentPasswordRequired, #Breadcrumbs_ChangeControl_ChangePasswordContainerID_NewPasswordRequired, #Breadcrumbs_ChangeControl_ChangePasswordContainerID_ConfirmNewPasswordRequired, #Breadcrumbs_LoginControl_UserNameRequired, #Breadcrumbs_LoginControl_PasswordRequired, #Breadcrumbs_RecoveryControl_UserNameContainerID_UserNameRequired
{
    color: #ff0000;
    font-weight: bold;
    font-style: normal;
    font-size: large;
}

.error A {
	COLOR: #ff0000; FONT-WEIGHT: bold
}
.warning {
	COLOR: #ff0000; FONT-WEIGHT: bold
}
.warning A {
	COLOR: #ff0000; FONT-WEIGHT: bold
}
.ok {
	COLOR: #6495ed; FONT-WEIGHT: bold
}
.info {
	COLOR: #6495ed; FONT-WEIGHT: bold
}
.ll {
	LIST-STYLE-TYPE: lower-alpha
}
.bg0 {
	BACKGROUND-COLOR: #f4f4f4
}
.border
{
    border-bottom: #b1b1b1 1px solid;
    border-left: #b1b1b1 1px solid;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    border-top: #b1b1b1 1px solid;
    border-right: #b1b1b1 1px solid;
    padding-top: 2px;
}
.button {
	
}
.img-button
{
    border-bottom: medium none;
    border-left: medium none;
    margin: 0px;
    background: none transparent scroll repeat 0% 0%;
    border-top: medium none;
    border-right: medium none;
}
.small {
	FONT-SIZE: 90%
}
.overflow
{
    padding-bottom: 1px;
    padding-left: 1px;
    width: 99%;
    padding-right: 1px;
    overflow: auto;
    padding-top: 1px;
}
#main-wrapper {
	POSITION: relative; WIDTH: 100%; DISPLAY: inline-block; HEIGHT: 100%
}
HTML > BODY #main-wrapper {
	MIN-HEIGHT: 100%; HEIGHT: 100%
}
#main
{
    position: relative;
    text-align: left;
    margin: 105px auto 0px;
    width: 990px;
}
HTML > BODY #main {
	MIN-HEIGHT: 100%; HEIGHT: 100%
}
#main-in {
	HEIGHT: 550px
}
HTML > BODY #main-in {
	MIN-HEIGHT: 550px; HEIGHT: auto
}
#header {
	POSITION: absolute; WIDTH: 990px; HEIGHT: 105px; TOP: -105px; LEFT: 0px
}
#content
{
    width: 100%;
    background: url('../../images/bg_main.png') repeat-y 0px 0px;
    float: right;
    overflow: visible;
    background-attachment: scroll;
    /*height: 100%;*/
}

#content-in {
	PADDING-BOTTOM: 60px; PADDING-LEFT: 25px; PADDING-RIGHT: 25px; PADDING-TOP: 235px
}

#NavPanel
{
    margin: 5px 0px 5px 0px;
    width: 25%;
    height: 100%;
    background: none no-repeat 0px 0px;
    float: left;
    overflow: visible;
}

#MainPanel
{
    margin: 0px 20px 20px 0px;
    width: 70%;
    background: none no-repeat 0px 0px;
    float: right;
    overflow: visible;
    position:relative;
    padding-bottom:30px;
}

#TopPanel
{
    margin: 5px 0px 5px 0px;
    width: 100%;
    background: none no-repeat 0px 0px;
    float: right;
    overflow: visible;
}


#panel {
	WIDTH: 250px; BACKGROUND: url('../../images/bg_panel.jpg') no-repeat 0px 0px; FLOAT: left
}

#panel-in {
	PADDING-BOTTOM: 60px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; PADDING-TOP: 225px
}
#footer {
	background: url('../../images/bg_footer.png') repeat-x 0px 0px rgb(0, 61, 142); left: 0px; width: 100%; bottom: 0px; position: fixed;
}
#footer-in {
	background: url('../../images/bg_footer_in.png') no-repeat 50% 0px; margin: 0px auto; width: 990px; height: 32px; text-align: left;
}

.home #main
{
    background: url('../../images/bg_main_home.jpg') no-repeat 0px 0px;
}

.home #main #content
{
    padding-bottom: 60px;
    padding-left: 0px;
    width: 990px;
    padding-right: 0px;
    background: none transparent scroll repeat 0% 0%;
    float: none;
    padding-top: 320px;
}
#logo {
	POSITION: relative; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; WIDTH: 154px; DISPLAY: block; HEIGHT: 40px; OVERFLOW: hidden; TOP: 13px; CURSOR: pointer; TEXT-DECORATION: none; LEFT: 35px
}
#logo SPAN {
	POSITION: relative; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; WIDTH: 154px; DISPLAY: block; HEIGHT: 40px; OVERFLOW: hidden; TOP: 13px; CURSOR: pointer; TEXT-DECORATION: none; LEFT: 35px
}
#logo SPAN {
	POSITION: absolute; BACKGROUND: url('../../images/bg_logo.png') no-repeat 0px 0px; TOP: 0px; LEFT: 0px
}

.navigation
{
    border-bottom: #689bce 4px solid;
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
}

.navigation ul
{
    padding-bottom: 0px;
    list-style-type: none;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    float: right;
    list-style-image: none;
    padding-top: 0px;
}

.navigation li
{
    background: url('../../images/bg_menu_li.png') no-repeat right 50%;
    float: left;
    padding-right: 7px;
    padding-left: 7px;
}

.navigation li a {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 26px; TEXT-TRANSFORM: uppercase; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; BACKGROUND: url(http://vyvoj.topinfo.cz/atrea.new/img/sys/bg_menu_a_right.gif) no-repeat right -52px; FLOAT: left; HEIGHT: 26px; FONT-SIZE: 110%; TEXT-DECORATION: none; PADDING-TOP: 0px

}

#searchbox
{
    border-bottom: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
    width: 150px;
    border-top: #cccccc 1px solid;
    font-weight: normal;
    border-right: #cccccc 1px solid;
}
#searchform
{
    position: absolute;
    width: 241px;
    background: url('../../images/bg_searchform.png') no-repeat 0px 0px;
    height: 21px;
    top: 71px;
    left: 0px;
}
#searchword
{
    border-bottom: 0px;
    position: absolute;
    border-left: 0px;
    padding-bottom: 3px;
    padding-left: 2px;
    width: 158px;
    padding-right: 2px;
    background: none transparent scroll repeat 0% 0%;
    color: #000;
    border-top: 0px;
    top: 0px;
    border-right: 0px;
    padding-top: 3px;
    left: 2px;
}
.button-vyhledat
{
    padding: 0px;
    position: absolute;
    width: 67px !important;
    height: 21px !important;
    top: 0px !important;
    left: 174px !important;
}
#top-links
{
    border-bottom: #e9ebec 1px solid;
    position: absolute;
    padding-bottom: 1em;
    padding-left: 0px;
    padding-right: 0px;
    color: #2e2e2e;
    font-size: 90%;
    top: 9px;
    right: 0px;
    font-weight: bold;
    padding-top: 0px;
}

#top-links .a-login
{
    padding-bottom: 2px;
    padding-left: 20px;
    padding-right: 0px;
    background: url('../../images/ico-login.png') no-repeat 0px 0px;
    color: #000;
    padding-top: 0px;
    float: right;
}

#top-links .a-sitemap
{
    padding-bottom: 2px;
    padding-left: 40px;
    padding-right: 20px;
    background: url('../../images/ico-sitemap.png') no-repeat 0px 0px;
    color: #000;
    padding-top: 0px;
    float: right;
}
#navbox {

}
#cesta {
	MARGIN: 5px 0px; WIDTH: 630px; COLOR: #888888; FONT-SIZE: 90%
}
#navigace {
	MARGIN: 3px 3px 0px 0px; FLOAT: right; FONT-SIZE: 90%
}
#copyright {
	TEXT-ALIGN: right; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 50px; PADDING-RIGHT: 50px; PADDING-TOP: 8px
}
#copyright A {
	COLOR: #fff; FONT-WEIGHT: bold
}
#copyright SPAN {
	POSITION: relative; FLOAT: left; FONT-SIZE: 90%; TOP: 1px
}
#copyright SPAN A {
	MARGIN: 0px 8em 0px 0px
}
#copyright SMALL {
	BORDER-LEFT: #278fbd 1px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 1.5em; PADDING-RIGHT: 0px; COLOR: #fff; FONT-SIZE: 80%; PADDING-TOP: 0px
}
#rozcestnik {
	WIDTH: 100%; OVERFLOW: hidden
}
#rozcestnik .sekce {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 9px; WIDTH: 228px; PADDING-RIGHT: 9px; FLOAT: left; PADDING-TOP: 0px
}
#rozcestnik .sekce H2 {
	PADDING-BOTTOM: 10px; TEXT-TRANSFORM: uppercase; MARGIN: 19px 0px 16px; PADDING-LEFT: 45px; PADDING-RIGHT: 0px; FONT-SIZE: 120%; PADDING-TOP: 3px
}
#rozcestnik .sekce H2 A {
	TEXT-DECORATION: none
}
#rozcestnik .news {
	HEIGHT: 80px
}
HTML > BODY #rozcestnik .news {
	MIN-HEIGHT: 80px; HEIGHT: auto
}
.sekce .navigace {
	WIDTH: 100%; OVERFLOW: hidden
}
.sekce .navigace SPAN A {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 20px; MARGIN: 0px 3px 0px 0px; PADDING-LEFT: 6px; WIDTH: 14px; PADDING-RIGHT: 0px; DISPLAY: block; BACKGROUND: url(http://vyvoj.topinfo.cz/atrea.new/img/sys/bg_navigace.png) no-repeat 0px 0px; FLOAT: left; HEIGHT: 20px; COLOR: #474745; TEXT-DECORATION: none; PADDING-TOP: 0px
}
.sekce .navigace SPAN A:hover {
	COLOR: #fff
}
#content .nadpis-sekce {
	POSITION: absolute; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: uppercase; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #fff; CLEAR: both; FONT-SIZE: 190%; TOP: 120px; FONT-WEIGHT: bold; PADDING-TOP: 0px; LEFT: 275px; text-shadow: 1px 1px #676767
}
#aktualne {
	WIDTH: 100%; BACKGROUND: url('../../images/bg_divider.jpg') no-repeat 420px 50px; OVERFLOW: hidden
}
#aktuality {
	WIDTH: 400px; FLOAT: left
}
#akt_vyst_skol {
	WIDTH: 235px; FLOAT: right
}
#aktuality H3 {
	MARGIN-TOP: 1em
}
#akt_vyst_skol H3 {
	MARGIN-TOP: 1em
}
#akt_vyst_skol H4 {
	TEXT-TRANSFORM: uppercase; MARGIN: 1em 0px 0px; COLOR: #474745
}
#akt_vyst_skol DIV.news {
	MARGIN: 0.5em 0px 0px
}
#akt_vyst_skol DIV.news H4 {
	PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; BACKGROUND: url('../../images/bullet2.png') no-repeat 0px 5px; FONT-SIZE: 100%; FONT-WEIGHT: normal; PADDING-TOP: 0px
}
#akt_vyst_skol DIV.nw_date {
	PADDING-BOTTOM: 5px; PADDING-menu
	: 10px; PADDING-RIGHT: 0px; FONT-SIZE: 90%; PADDING-TOP: 0px
}
#kontakty {
	WIDTH: 100%; BACKGROUND: url('../../images/bg_divider.jpg') no-repeat 340px 50px; OVERFLOW: hidden
}
#osoby {
	WIDTH: 320px; FLOAT: left
}
#sidlo {
	WIDTH: 320px; FLOAT: right
}
#osoby H3 {
	MARGIN-TOP: 1em
}
#sidlo H3 {
	MARGIN-TOP: 1em
}
.kontakt {
	BORDER-BOTTOM: #e4e4e5 1px dashed; PADDING-BOTTOM: 1em; MARGIN: 0px 0px 1.1em; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; OVERFLOW: hidden; PADDING-TOP: 1em
}
.kontakt IMG {
	BORDER-BOTTOM: #b1b1b1 1px solid; BORDER-LEFT: #b1b1b1 1px solid; PADDING-BOTTOM: 2px; MARGIN: 0px 0px 1em 1.5em; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FLOAT: right; BORDER-TOP: #b1b1b1 1px solid; BORDER-RIGHT: #b1b1b1 1px solid; PADDING-TOP: 2px
}
.kontakt H4 {
	PADDING-BOTTOM: 0px; TEXT-TRANSFORM: uppercase; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; BACKGROUND: url('../../images/bullet3.png') no-repeat 0px 5px; COLOR: #474745; FONT-SIZE: 120%; PADDING-TOP: 0px
}
#content #sidlo TD {
	PADDING-BOTTOM: 2em; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 90%; VERTICAL-ALIGN: top; PADDING-TOP: 0px
}
#sidlo TD.blue {
	COLOR: #00519e; FONT-WEIGHT: bold
}
#sidlo TD A {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; BACKGROUND: url('../../images/bullet2.png') no-repeat 0px 5px; COLOR: #474745; PADDING-TOP: 0px
}
#google {
	WIDTH: 100%; HEIGHT: 240px; OVERFLOW: hidden
}
#k-banner {
	POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-LEFT: 30px; WIDTH: 320px; PADDING-RIGHT: 0px; BACKGROUND: url('../../images/bg_kbanner.png') no-repeat 0px 0px; HEIGHT: 143px; TOP: 7px; PADDING-TOP: 30px; LEFT: 620px
}
#k-banner P {
	MARGIN: 0px 150px 3em 0px; FONT-SIZE: 90%
}
#k-banner P B {
	COLOR: #00519e
}
#columns {
	WIDTH: 100%; OVERFLOW: hidden
}
#column-l {
	WIDTH: 330px; FLOAT: left
}
#column-r {
	WIDTH: 330px; FLOAT: right
}
.download {
	MARGIN: 0px 0px 1em; BACKGROUND: url('../../images/bg_download.png') no-repeat right bottom
}
#ks-banner {
	POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-LEFT: 30px; WIDTH: 320px; PADDING-RIGHT: 0px; BACKGROUND: url('../../images/bg_ksbanner.png') no-repeat 0px 0px; HEIGHT: 143px; TOP: 7px; PADDING-TOP: 30px; LEFT: 619px
}
#ks-banner P {
	MARGIN: 0px 150px 3em 0px; FONT-SIZE: 90%
}
#ks-banner P B {
	COLOR: #00519e
}
#ks-banner .ks-download {
	POSITION: relative; TOP: 1px; LEFT: 148px
}
#reference {
	WIDTH: 100%; OVERFLOW: hidden
}
.reference {
	MARGIN: 0px 0px 1em; WIDTH: 330px; FLOAT: left; OVERFLOW: hidden
}
.fr.reference {
	FLOAT: right
}
.reference IMG {
	BORDER-BOTTOM: #b1b1b1 1px solid; BORDER-LEFT: #b1b1b1 1px solid; PADDING-BOTTOM: 2px; MARGIN: 0.3em 0px 0px 1em; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FLOAT: right; BORDER-TOP: #b1b1b1 1px solid; BORDER-RIGHT: #b1b1b1 1px solid; PADDING-TOP: 2px
}

#d-banner {
	POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-LEFT: 30px; WIDTH: 320px; PADDING-RIGHT: 0px; BACKGROUND: url(http://vyvoj.topinfo.cz/atrea.new/img/sys/bg_dbanner.png) no-repeat 0px 0px; HEIGHT: 143px; TOP: 7px; PADDING-TOP: 30px; LEFT: 619px
}
#d-banner P {
	MARGIN: 0px 60px 3em 0px; FONT-SIZE: 90%
}
#v-info {
	POSITION: relative; WIDTH: 740px; BACKGROUND: url(http://vyvoj.topinfo.cz/atrea.new/img/sys/bg_vinfo.jpg) no-repeat left bottom; OVERFLOW: hidden; LEFT: -25px
}
#v-info .v-popis {
	PADDING-BOTTOM: 25px; PADDING-LEFT: 25px; WIDTH: 350px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 15px
}
.v-popis H3 {
	MARGIN-TOP: 0px
}
.v-popis H2 {
	MARGIN-TOP: 0px
}
#v-info .v-files {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 275px; PADDING-RIGHT: 25px; FLOAT: right; PADDING-TOP: 0px
}
.v-files SPAN {
	MARGIN: 1em 0px 0px; DISPLAY: block; BACKGROUND: url(http://vyvoj.topinfo.cz/atrea.new/img/sys/bg_download.png) no-repeat right 50%
}
.v-files A {
	MARGIN: 0px 1em
}
.v-detail.v-files {
	WIDTH: 100%; CLEAR: both
}
.v-detail.v-files SPAN {
	PADDING-BOTTOM: 0px; MARGIN: 1em 2em 1em 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 2em; DISPLAY: inline-block; PADDING-TOP: 0px
}
#produkty {
	MARGIN: 5px 0px; WIDTH: 100%
}
.produkty {
	POSITION: relative; WIDTH: 505px; FLOAT: left; OVERFLOW: hidden; LEFT: -25px
}
.p-popis {
	WIDTH: 180px; FLOAT: right
}
#produkty .produkt P.popis A {
	POSITION: relative; PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; WIDTH: 148px; PADDING-RIGHT: 10px; DISPLAY: block; HEIGHT: 116px; TOP: -50px; PADDING-TOP: 50px; LEFT: -11px
}
#produkty .p-stropy P.popis A {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 248px; PADDING-RIGHT: 0px; HEIGHT: 116px; PADDING-TOP: 50px
}
.produkt {
	BORDER-BOTTOM: #c9c9c9 1px solid; BORDER-LEFT: #c9c9c9 1px solid; WIDTH: 166px; FLOAT: left; HEIGHT: 166px; BORDER-TOP: #c9c9c9 0px solid; BORDER-RIGHT: #c9c9c9 1px solid
}
.p-stropy.produkty .produkt {
	WIDTH: 246px
}
.produkt H3 {
	MARGIN: 1.5em 0px 0px 20px
}
.produkt H3 A {
	COLOR: #5a5a5a
}
.produkt P {
	TEXT-ALIGN: center; MARGIN: 1em 10px 0px; FONT-SIZE: 90%
}
.produkt P A {
	COLOR: #fff; TEXT-DECORATION: none
}
.p-variant {
	BACKGROUND: url('../../images/bg_pvariant.png') #005ba3 repeat-x left bottom; COLOR: #fff
}
.p-variant H3 A {
	COLOR: #fff
}
.i-zoom {
	POSITION: relative; LINE-HEIGHT: normal; DISPLAY: inline-block; FONT-SIZE: 0px
}
.fri.i-zoom {
	BORDER-BOTTOM: #fff 15px solid; BORDER-LEFT: #fff 15px solid; BORDER-TOP: #fff 0px solid; BORDER-RIGHT: #fff 0px solid
}
.i-zoom IMG {
	BORDER-BOTTOM: #b1b1b1 1px solid; BORDER-LEFT: #b1b1b1 1px solid; BORDER-TOP: #b1b1b1 1px solid; BORDER-RIGHT: #b1b1b1 1px solid
}
.i-zoom SPAN {
	POSITION: absolute; WIDTH: 33px; BACKGROUND: url('../../images/ico-zoom.png') no-repeat 0px 0px; HEIGHT: 33px; TOP: 1px; CURSOR: pointer; RIGHT: 1px
}
#content TABLE {
	BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BORDER-LEFT-COLOR: #000000
}
#content TABLE THEAD TD {
	BACKGROUND-COLOR: #00519e; COLOR: #fff
}
#content TABLE THEAD TH {
	BACKGROUND-COLOR: #00519e; COLOR: #fff
}
#content TABLE TFOOT TD {
	BACKGROUND-COLOR: #eeeeee
}
#content TABLE TFOOT TH {
	BACKGROUND-COLOR: #eeeeee
}
#content TABLE TD {
	PADDING-BOTTOM: 1px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; PADDING-TOP: 1px
}
#content TABLE TH {
	PADDING-BOTTOM: 1px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; PADDING-TOP: 1px
}
#content-in TABLE.small TD {
	FONT-SIZE: 90%
}
#content-in TABLE.small TH {
	FONT-SIZE: 90%
}
TD.small {
	FONT-SIZE: 90%
}
#searchhead {
	MARGIN: 2em 0px 0px
}
#searchresults {
	
}
.searchitem {
	MARGIN: 0px 0px 1em
}
.nw_title {
	DISPLAY: block; FONT-WEIGHT: bold
}
.nw_title A {
	COLOR: #162983
}
.nw_title A:hover {
	COLOR: #162983
}
.nw_column {
	MARGIN: 3px 0px 0px
}
.vyrazne {
	FONT-WEIGHT: bold
}
.nw_datum {
	FLOAT: right; COLOR: #697277; FONT-SIZE: 90%
}
.nw_anotace {
	FONT-SIZE: 90%
}
.rubrika_title {
	BACKGROUND: #eeeeee
}
.news {
	WIDTH: 100%; OVERFLOW: hidden
}
.news IMG {
	MARGIN: 0px 0px 2em 1.5em; FLOAT: right
}
.news H4 {
	PADDING-BOTTOM: 0px; TEXT-TRANSFORM: uppercase; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; BACKGROUND: url('../../images/bullet3.png') no-repeat 0px 5px; COLOR: #474745; FONT-SIZE: 120%; PADDING-TOP: 0px
}
.news H4 A {
	COLOR: #474745; TEXT-DECORATION: none
}
.more {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; BACKGROUND: url('../../images/bullet3.png') no-repeat 0px 6px; PADDING-TOP: 0px
}
.news H4 SPAN.nw_date {
	COLOR: #00519e
}
#news-menu {
	POSITION: relative; TOP: 1px
}
#news-menu UL {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; OVERFLOW: hidden; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
#news-menu LI {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 15px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px
}
#news-menu LI A {
	BORDER-BOTTOM: #2d2b2e 1px solid; BORDER-LEFT: #2d2b2e 1px solid; PADDING-BOTTOM: 4px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; DISPLAY: block; MARGIN-BOTTOM: 10px; BACKGROUND: url(http://vyvoj.topinfo.cz/atrea.new/img/sys/bg_news_menu_a.png) #353537 repeat-x 0px 0px; FLOAT: left; COLOR: #fff; BORDER-TOP: #2d2b2e 1px solid; FONT-WEIGHT: bold; BORDER-RIGHT: #2d2b2e 1px solid; TEXT-DECORATION: none; PADDING-TOP: 4px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px
}
#news-menu LI A:hover {
	TEXT-DECORATION: underline
}
#news-menu LI A.active {
	BORDER-BOTTOM: #bdbbbc 0px solid; BORDER-LEFT: #bdbbbc 1px solid; PADDING-BOTTOM: 16px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; MARGIN-BOTTOM: 0px; BACKGROUND: #fff; COLOR: #003e90; BORDER-TOP: #bdbbbc 1px solid; BORDER-RIGHT: #bdbbbc 1px solid; PADDING-TOP: 4px; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -khtml-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0
}
#news-menu LI A.active:hover {
	TEXT-DECORATION: none
}
#news-list {
	BORDER-BOTTOM: #bdbbbc 1px solid; BORDER-LEFT: #bdbbbc 1px solid; PADDING-BOTTOM: 15px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BORDER-TOP: #bdbbbc 1px solid; BORDER-RIGHT: #bdbbbc 1px solid; PADDING-TOP: 3em; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px
}
.dwn {
	MARGIN: 3px 0px; FONT-WEIGHT: bold
}
.dwn_footer {
	PADDING-BOTTOM: 0px; MARGIN: 30px 0px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: #cccccc 1px solid; PADDING-TOP: 3px
}
.dwn_ico_doc {
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1em; PADDING-LEFT: 20px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.dwn_ico_file {
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1em; PADDING-LEFT: 20px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.dwn_ico_gif {
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1em; PADDING-LEFT: 20px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.dwn_ico_html {
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1em; PADDING-LEFT: 20px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.dwn_ico_jpg {
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1em; PADDING-LEFT: 20px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.dwn_ico_pdf {
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1em; PADDING-LEFT: 20px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.dwn_ico_ppt {
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1em; PADDING-LEFT: 20px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.dwn_ico_pps {
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1em; PADDING-LEFT: 20px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.dwn_ico_xls {
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1em; PADDING-LEFT: 20px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.dwn_ico_txt {
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1em; PADDING-LEFT: 20px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.dwn_ico_zip {
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1em; PADDING-LEFT: 20px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.dwn_ico_doc {
	BACKGROUND: url('../../images/doc.gif') no-repeat left top
}
.dwn_ico_file {
	BACKGROUND: url('../../images/doc.gif') no-repeat left top
}
.dwn_ico_gif {
	BACKGROUND: url('../../images/gif.gif') no-repeat left top
}
.dwn_ico_html {
	BACKGROUND: url('../../images/html.gif') no-repeat left top
}
.dwn_ico_jpg {
	BACKGROUND: url('../../images/jpg.gif') no-repeat left top
}
.dwn_ico_pdf {
	BACKGROUND: url('../../images/pdf.gif') no-repeat left top
}
.dwn_ico_pps {
	BACKGROUND: url('../../images/pps.gif') no-repeat left top
}
.dwn_ico_ppt {
	BACKGROUND: url('../../images/ppt.gif') no-repeat left top
}
.dwn_ico_rtf {
	BACKGROUND: url('../../images/rtf.gif') no-repeat left top
}
.dwn_ico_txt {
	BACKGROUND: url('../../images/txt.gif') no-repeat left top
}
.dwn_ico_xls {
	BACKGROUND: url('../../images/xls.gif') no-repeat left top
}
.dwn_ico_zip {
	BACKGROUND: url('../../images/zip.gif') no-repeat left top
}
#tn_root {
	
}
#tn_root .tn {
	MARGIN: 0px 0px 5px 5px; FLOAT: left
}
#tn_root BR {
	DISPLAY: none
}
#tn_root DIV.tn_pager {
	TEXT-ALIGN: right; PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; CLEAR: left; PADDING-TOP: 10px
}
#tn_root DIV.tn_pager SPAN.selected {
	FONT-WEIGHT: bold
}
#content TABLE.tn_table TD {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; VERTICAL-ALIGN: top; PADDING-TOP: 5px
}
#page-attachment {
	MARGIN: 0px 0px 1.5em
}
#page-attachment .thumb {
	MARGIN: 2px 5px 2px 2px; FLOAT: left
}
#page-attachment .thumb IMG {
	BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid
}
#form-status {
	BORDER-BOTTOM: #ff3300 1px solid; BORDER-LEFT: #ff3300 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND: #eeeeee; BORDER-TOP: #ff3300 1px solid; BORDER-RIGHT: #ff3300 1px solid; PADDING-TOP: 5px
}
.s1-hover {
	POSITION: relative
}
.s2-hover {
	POSITION: relative
}
.s4-hover {
	POSITION: relative
}
.s1-hover SPAN {
	POSITION: absolute; TEXT-ALIGN: center; WIDTH: 190px; COLOR: #fff; TOP: 90px; LEFT: 20px
}
.s2-hover SPAN {
	POSITION: absolute; TEXT-ALIGN: center; WIDTH: 190px; COLOR: #fff; TOP: 90px; LEFT: 20px
}
.s4-hover SPAN {
	POSITION: absolute; TEXT-ALIGN: center; WIDTH: 190px; COLOR: #fff; TOP: 90px; LEFT: 20px
}
.bullet {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
.bullet LI {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 15px; PADDING-RIGHT: 0px; BACKGROUND: url('../../images/bullet.png') no-repeat 0px 4px; PADDING-TOP: 0px
}
.bullet-vyhody {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
.bullet-vyhody LI {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 25px; PADDING-RIGHT: 0px; BACKGROUND: url('../../images/bullet4.png') no-repeat 0px 4px; PADDING-TOP: 0px
}
.sw_akt_ver {
	TEXT-ALIGN: left; MARGIN: 0px auto
}
.p_card {
	BORDER-BOTTOM: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; PADDING-BOTTOM: 5px; MARGIN: 0px 10px 10px 0px; PADDING-LEFT: 5px; WIDTH: 350px; PADDING-RIGHT: 5px; BACKGROUND: #fff; FLOAT: left; BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; PADDING-TOP: 5px
}
.p_card_region {
	BORDER-BOTTOM: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; PADDING-BOTTOM: 5px; MARGIN: 0px 10px 10px 0px; PADDING-LEFT: 5px; WIDTH: 350px; PADDING-RIGHT: 5px; BACKGROUND: #fff; FLOAT: left; BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; PADDING-TOP: 5px
}
.p_card {
	HEIGHT: 110px
}
HTML > BODY > DIV#center_titulni > DIV#page_frame > DIV#telo > DIV#telo-in > DIV#main > DIV#content > DIV.p_card {
	MIN-HEIGHT: 110px; HEIGHT: auto
}
.p_card_region {
	WIDTH: 700px
}
.p_card_panel {
	MARGIN-BOTTOM: 0.8ex
}
.p_photo {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; MARGIN: 0px 15px 0px 0px; PADDING-LEFT: 0px; WIDTH: 70px; PADDING-RIGHT: 0px; BACKGROUND: #fff; FLOAT: left; HEIGHT: 90px; PADDING-TOP: 0px
}
.p_photo IMG {
	BORDER-BOTTOM: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; PADDING-TOP: 0px
}
.p_info {
	MARGIN: 0px 5px 5px 0px; WIDTH: 260px; FLOAT: left
}
.p_info DIV {
	MARGIN: 0px 0px 5px
}
.p_name {
	FONT-WEIGHT: bold
}
.p_fce {
	FONT-STYLE: italic
}
.p_email {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 0px; BACKGROUND: url('../../images/icon_email.gif') no-repeat left 50%; PADDING-TOP: 0px
}
.p_phone {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 0px; BACKGROUND: url('../../images/icon_tel.gif') no-repeat left 50%; PADDING-TOP: 0px
}
.p_mobil {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 0px; BACKGROUND: url('../../images/icon_mobil.gif') no-repeat left 50%; PADDING-TOP: 0px
}
.p_fax {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 0px; BACKGROUND: url('../../images/icon_fax.gif') no-repeat left 50%; PADDING-TOP: 0px
}
.p_desc {
	MARGIN: 0px
}
.p_desc DL {
	MARGIN: 0px
}
.p_desc DT {
	FONT-WEIGHT: bold
}
.p_desc DD {
	MARGIN: 0px; FONT-WEIGHT: normal
}
.icon_video {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 40px; PADDING-RIGHT: 0px; BACKGROUND: url('../../images/icon_video.gif') no-repeat left 50%; PADDING-TOP: 0px
}
.icon_photo {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 40px; PADDING-RIGHT: 0px; BACKGROUND: url('../../images/icon_photo.gif') no-repeat left 50%; PADDING-TOP: 0px
}
.mapa-region {
	POSITION: relative; WIDTH: 350px; FLOAT: right; HEIGHT: 200px
}
.budova {
	BORDER-BOTTOM: #eeeeee 1px solid; POSITION: absolute; BORDER-LEFT: #eeeeee 1px solid; BORDER-TOP: #eeeeee 1px solid; TOP: 5px; RIGHT: 5px; BORDER-RIGHT: #eeeeee 1px solid
}
.mapa {
	POSITION: absolute; BOTTOM: 0px; RIGHT: 0px
}
.address {
	MARGIN: 10px
}
DIV.p_card2 {
	BORDER-BOTTOM: #aaa 1px solid; POSITION: relative; BORDER-LEFT: #aaa 1px solid; MARGIN: 0px 10px 10px 0px; WIDTH: 330px; BACKGROUND: #ffffff; FLOAT: left; HEIGHT: 120px; BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid
}
HTML > BODY > DIV#center_titulni > DIV#page_frame > DIV#telo > DIV#telo-in > DIV#main > DIV#content > DIV.p_card2 {
	MIN-HEIGHT: 120px; HEIGHT: auto
}
#address .even {
	MARGIN-RIGHT: 0px
}
.p_card2-in {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 95px; PADDING-RIGHT: 5px; PADDING-TOP: 5px
}
.p_card2 IMG {
	POSITION: absolute; WIDTH: 70px; HEIGHT: 90px; TOP: 5px; LEFT: 5px
}
.p_card2 IMG.border {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.p_card2 .small {
	FONT-SIZE: 100%
}
#address {
	WIDTH: 100%; OVERFLOW: hidden
}
#content TABLE.kont_filtry {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
DIV.vcard .title {
	FONT-STYLE: italic; MARGIN-BOTTOM: 5px; BORDER-BOTTOM-WIDTH: 0px; COLOR: #505050; FONT-SIZE: 85%; FONT-WEIGHT: normal
}
DIV.vcard .telefon .type {
	DISPLAY: none
}
DIV.vcard .email .type {
	DISPLAY: none
}
DIV.vcard .fax .type {
	DISPLAY: none
}
DIV.vcard .mobil .type {
	DISPLAY: none
}
DIV.vcard .telefon {
	PADDING-LEFT: 17px; BACKGROUND-REPEAT: no-repeat
}
DIV.vcard .email {
	PADDING-LEFT: 17px; BACKGROUND-REPEAT: no-repeat
}
DIV.vcard .fax {
	PADDING-LEFT: 17px; BACKGROUND-REPEAT: no-repeat
}
DIV.vcard .mobil {
	PADDING-LEFT: 17px; BACKGROUND-REPEAT: no-repeat
}
DIV.vcard .telefon {
	BACKGROUND-IMAGE: url('../../images/icon_tel.gif')
}
DIV.vcard .email {
	BACKGROUND-IMAGE: url('../../images/icon_email.gif')
}
DIV.vcard .fax {
	BACKGROUND-IMAGE: url('../../images/icon_fax.gif')
}
DIV.vcard .mobil {
	BACKGROUND-IMAGE: url('../../images/icon_mobil.gif')
}
.partner {
	POSITION: relative; MARGIN: 0px 0px 10px; WIDTH: 99%; BACKGROUND: #eee
}
.CR_mapa {
	POSITION: relative; MARGIN: 0px; WIDTH: 250px
}
.SR_mapa {
	POSITION: relative; MARGIN: 0px; WIDTH: 250px
}
.CR_mapa DIV {
	Z-INDEX: 0; POSITION: absolute; WIDTH: 250px; TOP: 0px; LEFT: 0px
}
.SR_mapa DIV {
	Z-INDEX: 0; POSITION: absolute; WIDTH: 250px; TOP: 0px; LEFT: 0px
}
.CR_mapa {
	MIN-HEIGHT: 125px; _height: 125px
}
.CR_mapa DIV {
	MIN-HEIGHT: 125px; _height: 125px
}
.CR_mapa {
	BACKGROUND: url(http://vyvoj.topinfo.cz/atrea.new/img/mapy/cr.gif) no-repeat right top
}
.CR_mapa DIV SPAN {
	DISPLAY: none
}
DIV.CR_regions {
	Z-INDEX: 1; BACKGROUND: url(http://vyvoj.topinfo.cz/atrea.new/img/mapy/cr_regions.gif) no-repeat right top
}
.CR_spz_C {
	BACKGROUND: url(http://vyvoj.topinfo.cz/atrea.new/img/mapy/cr_jihocesky_kraj.gif) no-repeat right top
}
.CR_spz_B {
	BACKGROUND: url(http://vyvoj.topinfo.cz/atrea.new/img/mapy/cr_jihomoravsky_kraj.gif) no-repeat right top
}
.CR_spz_K {
	BACKGROUND: url(http://vyvoj.topinfo.cz/atrea.new/img/mapy/cr_karlovarsky_kraj.gif) no-repeat right top
}
.CR_spz_H {
	BACKGROUND: url(http://vyvoj.topinfo.cz/atrea.new/img/mapy/cr_kralovehradecky_kraj.gif) no-repeat right top
}
.CR_spz_L {
	BACKGROUND: url(http://vyvoj.topinfo.cz/atrea.new/img/mapy/cr_liberecky_kraj.gif) no-repeat right top
}
.CR_spz_T {
	BACKGROUND: url(http://vyvoj.topinfo.cz/atrea.new/img/mapy/cr_moravskoslezsky_kraj.gif) no-repeat right top
}
.CR_spz_M {
	BACKGROUND: url(http://vyvoj.topinfo.cz/atrea.new/img/mapy/cr_olomoucky_kraj.gif) no-repeat right top
}
.CR_spz_E {
	BACKGROUND: url(http://vyvoj.topinfo.cz/atrea.new/img/mapy/cr_pardubicky_kraj.gif) no-repeat right top
}
.CR_spz_P {
	BACKGROUND: url(http://vyvoj.topinfo.cz/atrea.new/img/mapy/cr_plzensky_kraj.gif) no-repeat right top
}
.CR_spz_A {
	BACKGROUND: url(http://vyvoj.topinfo.cz/atrea.new/img/mapy/cr_praha.gif) no-repeat right top
}
.CR_spz_S {
	BACKGROUND: url(http://vyvoj.topinfo.cz/atrea.new/img/mapy/cr_stredocesky_kraj.gif) no-repeat right top
}
.CR_spz_U {
	BACKGROUND: url(http://vyvoj.topinfo.cz/atrea.new/img/mapy/cr_ustecky_kraj.gif) no-repeat right top
}
.CR_spz_J {
	BACKGROUND: url(http://vyvoj.topinfo.cz/atrea.new/img/mapy/cr_vysocina.gif) no-repeat right top
}
.CR_spz_Z {
	BACKGROUND: url(http://vyvoj.topinfo.cz/atrea.new/img/mapy/cr_zlinsky_kraj.gif) no-repeat right top
}
.SR_mapa {
	MIN-HEIGHT: 94px; _height: 94px
}
.SR_mapa DIV {
	MIN-HEIGHT: 94px; _height: 94px
}
.SR_mapa {
	BACKGROUND: url(http://vyvoj.topinfo.cz/atrea.new/img/mapy/sr.gif) no-repeat right top
}
.SR_mapa DIV SPAN {
	DISPLAY: none
}
DIV.SR_regions {
	Z-INDEX: 1; BACKGROUND: url(http://vyvoj.topinfo.cz/atrea.new/img/mapy/sr_regions.gif) no-repeat right top
}
.SR_banska_bystrica {
	BACKGROUND: url(http://vyvoj.topinfo.cz/atrea.new/img/mapy/sr_banska_bystrica.gif) no-repeat right top
}
.SR_bratislava {
	BACKGROUND: url(http://vyvoj.topinfo.cz/atrea.new/img/mapy/sr_bratislava.gif) no-repeat right top
}
.SR_kosice {
	BACKGROUND: url(http://vyvoj.topinfo.cz/atrea.new/img/mapy/sr_kosice.gif) no-repeat right top
}
.SR_nitra {
	BACKGROUND: url(http://vyvoj.topinfo.cz/atrea.new/img/mapy/sr_nitra.gif) no-repeat right top
}
.SR_presov {
	BACKGROUND: url(http://vyvoj.topinfo.cz/atrea.new/img/mapy/sr_presov.gif) no-repeat right top
}
.SR_trencin {
	BACKGROUND: url(http://vyvoj.topinfo.cz/atrea.new/img/mapy/sr_trencin.gif) no-repeat right top
}
.SR_trnava {
	BACKGROUND: url(http://vyvoj.topinfo.cz/atrea.new/img/mapy/sr_trnava.gif) no-repeat right top
}
.SR_zilina {
	BACKGROUND: url(http://vyvoj.topinfo.cz/atrea.new/img/mapy/sr_zilina.gif) no-repeat right top
}
OPTION.skupina {
	FONT-STYLE: italic; FONT-WEIGHT: bold; _color: #f00
}
#slider {
	POSITION: absolute; WIDTH: 474px; HEIGHT: 420px; OVERFLOW: hidden; TOP: 40px; LEFT: 0px
}
#slider UL {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
#slider LI {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
#slider2 UL {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
#slider2 LI {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
#slider2 {
	MARGIN-TOP: 1em
}
#slider LI A {
	WIDTH: 474px; DISPLAY: block; HEIGHT: 420px; OVERFLOW: hidden
}
#slider2 LI A {
	WIDTH: 474px; DISPLAY: block; HEIGHT: 420px; OVERFLOW: hidden
}
#prevBtn {
	Z-INDEX: 1000; POSITION: absolute; TEXT-INDENT: -9999px; OVERFLOW: hidden; TOP: 120px; LEFT: 0px
}
#nextBtn {
	Z-INDEX: 1000; POSITION: absolute; TEXT-INDENT: -9999px; OVERFLOW: hidden; TOP: 120px; LEFT: 0px
}
#slider1next {
	Z-INDEX: 1000; POSITION: absolute; TEXT-INDENT: -9999px; OVERFLOW: hidden; TOP: 120px; LEFT: 0px
}
#slider1prev {
	Z-INDEX: 1000; POSITION: absolute; TEXT-INDENT: -9999px; OVERFLOW: hidden; TOP: 120px; LEFT: 0px
}
#nextBtn {
	LEFT: 903px
}
#slider1next {
	LEFT: 903px
}
#prevBtn A {
	POSITION: relative; WIDTH: 25px; DISPLAY: block; HEIGHT: 50px
}
#nextBtn A {
	POSITION: relative; WIDTH: 25px; DISPLAY: block; HEIGHT: 50px
}
#slider1next A {
	POSITION: relative; WIDTH: 25px; DISPLAY: block; HEIGHT: 50px
}
#slider1prev A {
	POSITION: relative; WIDTH: 25px; DISPLAY: block; HEIGHT: 50px
}
#nextBtn A {
	
}
#slider1next A {
	
}
#nextBtn A {
	BACKGROUND: url(http://vyvoj.topinfo.cz/atrea.new/img/sys/slider_nextBtn.png) no-repeat 0px 0px
}
#prevBtn A {
	BACKGROUND: url(http://vyvoj.topinfo.cz/atrea.new/img/sys/slider_prevBtn.png) no-repeat 0px 0px
}

/***** login *****/

.insert
{
    width: 500px;
    height: 300px;
    margin: 30px auto -1px auto;
    text-align: center;
    background: transparent;
    color: Black;
}

#login td {
	text-align: left;
}

#login label {
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.8em;
	margin: 0 0 2px 5px;
}

#login .text {
	margin-bottom: 0.85em;
	width: 90%;
}

#login .error {
	padding: 5px 0 0 0;
}

#login .validator {
	font-style: italic;	
}

#login .button {
	margin-top: 0.85em;
	float: left;
}

#login h2 {
	color: #003366;
}

#login #signup table {
	width: 100%;
}

#login #signup tr td:first-child {
	width: 135px;
	text-align: right;
	vertical-align: top;
	padding-right: 7px;
}

/* submenu */

.submenu-title {
	margin: 0px 0px 0.5em;
}
.submenu-title a {
	color: rgb(71, 71, 69); text-decoration: none;
}
.submenu-title a:hover {
	color: rgb(0, 81, 158);
}
.submenu ul {
	list-style: none; margin: 0px 0px 1em; padding: 0px;
}
.submenu li {
	background: url('../../images/bullet.png') no-repeat 0px 5px; padding: 0px 0px 5px 15px;
}
.submenu li a {
	color: rgb(71, 71, 69); font-weight: bold; text-decoration: none;
}
.submenu ul ul {
	margin: 1em 0px;
}
.submenu ul ul li {
	
}
.submenu .active {
	color: rgb(0, 81, 158);
}
.submenu li a:hover {
	color: rgb(0, 81, 158); text-decoration: underline;
}
.submenu .m-software {
	
}
.submenu .m-kontakty {
	
}
.submenu .m-reference {
	
}
.submenu .m-software a {
	font-weight: normal;
}
.submenu .m-kontakty a {
	font-weight: normal;
}
.submenu .m-reference a {
	font-weight: normal;
}
.submenu .m-software {
	padding: 10px 0px 5px 15px; margin-top: 10px; border-top-color: rgb(228, 228, 229); border-top-width: 1px; border-top-style: dashed;
}
.p-submenu {
	list-style: none; margin: 1em 0px; padding: 0px;
}
.line.p-submenu {
	padding-bottom: 10px; border-bottom-color: rgb(228, 228, 229); border-bottom-width: 1px; border-bottom-style: dashed;
}
.p-submenu li {
	padding: 0px 0px 5px 15px;
}
.p-submenu li a {
	color: rgb(71, 71, 69);
}
.tabed
{
    margin-left: 21px;
}
.validation-message
{
    font-size: 0.8em;
    font-weight: bold;
    color: #FF0000;
}

.validation-message-conditional
{
    font-size: 0.8em;
    font-weight: bold;
    color: #FF0000; /*color: #5a595a;*/
}

/***** Manually Generated Forms *****/

.row:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

.row {
	clear: both;
	margin-bottom: 10px;
}

.field
{
    float: left;
    width: 300px;
    margin-right: 25px;
}


.rowfull .field {
	float: left;
	width: 625px;
	margin-right: 25px;
}

.field label, .captcha-cell {
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.8em;
	margin-bottom: 2px;
}

.field input.text, .captcha-cell .control input {
	padding: 2px;
	width: 91%;
}

.field select.shortselect {
	padding: 2px;
	width: 46%;
}

.field select {
	padding: 2px;
	width: 94%;
}

.fieldcbx
{
    float: left;
	width: 300px;
	margin-right: 25px;
    vertical-align:middle
}

.fieldcbx label
{
    font-size: 0.8em;
    font-weight: bold;
    line-height: 1.3em;
    margin-bottom: 2px;
}

.fieldcbx input
{
    float: left;
    padding-bottom: 4px;
}

.rowfull .field input.text, .rowfull .field select, .rowfull .field textarea.text {
	width: 600px;
}

.captcha-cell {
	margin:0;
}

.captcha-cell .validators {
	float:left;
	color: Red;
	display: inline;
	margin: 0 2px;
}

.actions .register-button {
	padding: 2px 4px;
}

fieldset {
	margin-bottom: 1.5em;
}

legend
{
    font-size: large;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
}

/** Contact Us Form **/

.contact-us {
	margin-bottom: 1.5em;
}

.contact-us fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

.contact-us .row {
	margin-bottom: 10px;
}

.contact-us .cell .info {
	font-size: 1em;
	margin-bottom: 2px;
}

.contact-us .cell .info label {
	font-weight: bold;
}

.contact-us .cell .info.required:after {
	content: "(Required)";
}

.contact-us input.text, .contact-us textarea {
	width: 400px;
}

.contact-us textarea {
	height: 150px;
}

.contact-us .captcha {
	margin-bottom: 10px;
}

.contact-us .captcha-image {
	border: solid 1px #E0E0E0;
}

.contact-us input.text, .contact-us textarea {
	padding: 2px;
}

.contact-us .actions .button {
	padding: 2px 4px;
}

.contact-us .validation-summary ul {
	margin-bottom: 0;
}

.contact-us .validators, .contact-us .validation-summary {
	color: Red;
}

.contact-us .validators {
	display: inline;
	margin: 0 2px;
}

/****iCalendar*****/

a.vevent {
	background: #e8e8e8 url('../images/calendar_add.png') no-repeat 5px 50%;
	border: solid 1px #adadad;
	padding: 6px;
	padding-left: 26px;
	text-decoration: none;
}

a.vevent.icon {
	padding-left: 21px;
}

a.vevent:hover {
	background-color: #889bac;
	color: #fff;
}

/*****CreateCase******/

.createcase .cell .control textarea,
.createcase .cell .control input,
.createcase .cell .control select
{
	width: 100%;
}

.createcase textarea
{
	width: 600px;
	height: 400%;

}

.createcase .PostButton  {
	margin: 5px 0;
	padding: 0.3em;
	width:20%;
}




#Tabular-Data
{
    float: left;
    width: 100%;
}