html {font-size: 0.7em;}
body {margin:0; padding: 10px; font-family: Verdana, "Geneva CE" , "Helvetica CE" , "Arial CE" , Sans-Serif; background: white url('Gradient.jpg') no-repeat ;}

table, td, th {font-size: 100%}
INPUT, TEXTAREA, LABEL, BUTTON, SELECT {font-size: 100%;}
INPUT {border:1px solid #95B7F3;}
BUTTON {height:20px;border-right: #afafaf 1px solid;border-top: #dfdfdf 1px solid;font-weight: bold;border-left:#dfdfdf 1px solid;cursor: pointer;border-bottom: #afafaf 1px solid;background-color: #eeeeee;filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#eeeeee,endColorStr=#dedede);}
BUTTON.BtnOK{padding-right: 15px;padding-left: 15px;background-color: #eaf7e8;filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#eaf7e8,endColorStr=#D7E8CE);}

hr.cleaner {clear:both;margin:0; padding:0;height:1px;border:none;visibility: hidden;}
divcleaner {clear:both;margin:0; padding:0;height:10px;border:none;}

.left {float:left}
.right {float:right}
.center-width {margin:0 auto;}

.ImageDetail {left: 60px;position: relative;top: -30px;}

#Content {width: 773px; margin:1em auto; border: 0 solid #0000ff; text-align:left; background-color:#ffffff;} 

#HeaderMenuCont {height: 23px; &height: 19px; background-color: #EAEAEA; border: solid 1px silver; text-align:center; &padding-top:2px; margin: 5px auto}
#HeaderMenuCont ul {padding:0;margin:0}
#HeaderMenu li {font-size: 11px; line-height: 23px; display: inline}
#HeaderMenu a { margin: 0 7px; padding: 2px 15px; border: solid 1px #E1E1E1; vertical-align: middle; color: gray; font-weight: bold; text-decoration: none}
#HeaderMenu a:hover { border: solid 1px silver; color: black; background-color: #FFEEC2; text-decoration: underline }

/*Language flags on default page*/
#HeaderFlags{list-style: none; position: absolute; top: 9px; right: 0}
#HeaderFlags img {margin:0; border:0}
#HeaderFlags div {float:left; margin: 3px 2px; color:Gray}

#PanelLeft{float:left; width:175px; min-height:450px; height:expression(this.scrollHeight < 450 ? "450px" : "auto" );overflow: visible;margin: 0;padding: 0;}
#PanelLeftContent {margin:0; padding: 2px 0 0 0}

/*Left menu on default page*/
#MenuLeft {padding:0; margin:0; font-size:10px; list-style-type:none; border: solid 1px navy; background-color: #DBE8F9;} 
#MenuLeft a {background-color: transparent; display: block; width: 153px; padding-left: 20px; height: 24px; line-height: 24px; color: black; text-decoration: none; }
#MenuLeft a.last {height: 26px; line-height: 26px;} 
#MenuLeft a:hover {background: url(../Images/MenuLeftBkg.gif) no-repeat 0 -24px; }
#MenuLeft .MenuLeftActive {font-weight: bold; background: url(../Images/MenuLeftBkgActive.gif) no-repeat;}
#MenuLeft .HeadHidden {font-size:110%; background: url(../Images/MenuLeftBkgH.gif) no-repeat; cursor: pointer; display: block; font-weight: bold; padding-left: 15px; height: 22px; line-height: 22px; color: #063461; }
#MenuLeft .HeadVisible {font-size:110%; background: url(../Images/MenuLeftBkgH.gif) no-repeat 0 -21px; cursor: pointer; display: block; font-weight: bold; padding-left: 15px; height: 22px; line-height: 22px; color: #063461; }
#MenuLeft .MenuLeftShown{display:block;}
#MenuLeft .MenuLeftHidden{display:none;}


#PanelMain { margin:0 0 0 175px; padding:0}
#PanelMainContent { margin:0; padding: 2px}

#Footer {clear:both; padding:3px; height:14px; color: Gray; background-color: #EAEAEA; border: solid 1px silver; font-size: 10px}
#Footer .Text {float:left}
#Footer .Copyright{float:right}

/*Items for contents*/
.Item1 {margin: 0 0 5px 0;padding: 7px 5px 5px 5px;	border: 1px solid silver}
.Item1 H1 {color: #BA4C31; font-size: 170%; font-weight:bold; margin:0; padding:0}
.Item1 HR {height: 1px; color: #BA4C31; background-color: #BA4C31; margin: 0; _margin: -5px 0 -5px 0; border: 0}
.Item1 H2, H2.H2-100{color: #5f5f5f;font-size: 120%;font-weight: bold;margin: 5px 0 5px 0;padding: 0;}
.Item1 H2.H2-100 {width: 100%;background-color: #E2ECF5;border-bottom: #CBDDED 1px solid;}
.Item1 H3 {color: black;font-size: 100%;font-weight: bold;margin: 5px 0 5px 0;padding: 0;}
.Item1 P {margin: 3px 0 10px 0;}
.Item1 p:first-letter {}
.Item1 UL, OL {margin: 1px 5px 0px 0; >margin: 1px 5px 5px 30px;}
.Item1 UL {list-style-image: url(../Images/BulletSqrOrange.gif)}
.Item1 LI {margin: 0 0 3px 0}
.Item1 A {color: #063461; background-color:#FAF7D3;}
.Item1 A:HOVER {color: #063461; background-color:#F0E879}
.Item1 .TitleFoto {margin:0 5px 5px 0;padding:10px;}
.Item1 .TitleFotoLeft {margin:0 5px 5px 0;padding:10px;float:left}
.Item1 .TitleFotoLeftTop{margin: 0 5px 0 5px;float:left}
.Item1 .TitleFotoRight {margin:0 5px 5px 0;padding:10px;float:right}
.Item1 .TitleFotoRightTop{margin: 0 0 5px 5px;float:right}
.Item1 .NextDetail {float:right;font-size:110%;color: #BA4C31;text-decoration: none;font-weight: bold;background-color: Transparent;}


.TblInfo1 {border-top: solid 1px silver; border-bottom: solid 1px silver;}
.TblInfo1 TD, TH {vertical-align: top;padding: 2px 5px 2px 5px; border-bottom: #EEEEEE 1px dotted;}
.TblInfo1 TH {background-color: #e6ebf8;text-align: center;}
.TblInfo1 .Storno {background-color: #ffe4e1;}
.TblInfo1 .HeaderSub {background-color: #f0f2ff;}

.Image1 {text-align:center; margin: 2px 0 10px 0; font-style:italic}
.Image1 IMG {margin: 3px}

/* Vypnuti stylu pri tisku */
@media print
{
body {background:#FFF url('')}
A {color:black; text-decoration: none;}
IMG {behavior:none ; border: 0 solid white;}
#Header, #PanelLeft, #Footer, .NextDetail {visibility:hidden ;display:  none;}
#PanelMain { margin:0; padding:0; } 
#Content {width: auto}

}