BODY {
	color: #666666;
	font-family: "Arial CE",Arial,Verdana,"Helvetica CE",Helvetica,sans-serif;
	font-size: 70%;
	text-align: left;
	margin: 0px;
	padding: 0px;
	background: url(../images/bg-bodyn.gif) top center no-repeat;
}

input, textarea, select{
	font-size: 1em;
	border: 1px solid #939090;
}

ul{
	margin: 0px;
	padding: 0px;
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}

li {
	padding: 0px;
	margin: 0px;
	list-style: url(../images/menu_punta.gif);
}

a {
	text-decoration: underline;
	color: red;
}

/* --- Container --- */
#containerBox {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#container {
	float: left;
	width: 1000px;
    _height:550px;
    min-height:550px;
}

/* --- Top banner --- */
#topNavigBox{
	margin: 0em;
	padding: 0em;
	width: 1000px;
	float: left;
	height: 133px;
	padding: 0 0 20px 0;
}

/* --- Prepinac jazyku - umisteni vpravo nahore --- */
#topNavigLangBox {
	 float: left;
	 width: 770px;
}

#topNavigLang {
	float: right;
	width: 200px;
	padding: 0 0 0 0;
	margin: 30px 0 0 0;
}

#topNavigLang ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 100;
}
#topNavigLang ul li.firstDomainItem span {
	margin: 6px 0 0 8px;
	display: block;
	/*cursor: hand;*/
}

#topNavigLang li ul {
	padding: 0;
	margin: 0 0 0 5px;
	width: 171px;
	border: 1px solid #DFDFDF;
}

#topNavigLang ul li a {
	text-decoration: none;
	padding: 2px 5px;
   width: 160px;
	color: #666666;
	}

#topNavigLang ul li a:hover { 
	color: #666666; 
	background: #FBFBFB;
 }

/* horizontalni menu - funkcnost*/
#topNavigLang ul li {
	position: relative;
   width: 182px;
   float: left;
   background: url(../images/bg-select.gif) left no-repeat;
   height: 24px; /* nutna - vyska elementu */
}

#topNavigLang ul li li{
	padding: 2px 0 2px 0;
	width: 170px;
	height: 15px;
	background: #ffffff;
}

#topNavigLang li ul {
	position: absolute;
	top: 23px; /* == vyska elementu - 1px */
   left: 0;
	display: none;
}
	
#topNavigLang li ul ul{
   left: 159px; /* 150px - 1px */
   top: 0;
   background: #ffffff;
}

#topNavigLang ul li a {
	display: block;
	width: 159px;
	text-align: left;
	font-weight: normal;
	color: #666666;
}

/*fix IE6 */
* html #topNavigLang ul li { float: left; height: 1%; }
* html #topNavigLang ul li a { height: 1%; }
/* End fix */
	
#topNavigLang ul li a.menuItemSelected0 {
	color: #C0C0C0; 
}
	
#topNavigLang ul li:hover a {
	color: #666666; 
}
	
#topNavigLang li:hover ul,
#topNavigLang li:hover ul ul,
#topNavigLang li:hover ul ul ul,
#topNavigLang li:hover ul ul ul ul,
#topNavigLang li:hover ul ul ul ul ul,
#topNavigLang li.jshover ul ul,
#topNavigLang li.jshover ul ul ul,
#topNavigLang li.jshover ul ul ul ul,
#topNavigLang li.jshover ul ul ul ul ul{
	display: none;
}

#topNavigLang li:hover ul,
#topNavigLang li li:hover ul,
#topNavigLang li li li:hover ul,
#topNavigLang li li li li:hover ul,
#topNavigLang li li li li li:hover ul,
#topNavigLang li.jshover ul,
#topNavigLang li li.jshover ul,
#topNavigLang li li li.jshover ul,
#topNavigLang li li li li.jshover ul,
#topNavigLang li li li li li.jshover ul {
	display: block;
}

/* --- Logo --- */
#logo {
	float: left;
	margin: 0em;
	padding: 0em;
	width: 210px;
	height: 94px;
}

#logo h1 {
	margin: 0em;
	padding: 0em;
	border: 0em;
}

#logo a {
	display: block;
	background: none;
	width: 303px;
	height: 67px;
	border: 0em;
}

#logo img {
	border: 0px;
}

#logo span {
	position: absolute;
	left: -10000px;
	border: 0px;
}

/* --- User login name + link --- */
#logininfo  {
	text-align: right; 
	padding-right: 20px; 
	margin-top: 75px;
	
}

#logininfo a  {
	color: #DF051D;
}

/* --- Horni menu pruh --- */
#topNavigMenuBox {
	clear: both;
	float: left;
	width: 1000px;
	margin: 0;
	padding: 0em;
}

#topNavigMenu {
	float: left;
	padding: 0 17px 0 17px;
}

#topNavigMenu h1 {
	border-bottom-color:#E9F1F1;
	border-bottom-style:solid;
	border-bottom-width:1px;
	clear:both;
	/* color:#E15151; */
	color:#666666; 
	margin: 0px;
	padding-top:15px;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
	display:block;
	font-weight:bold;
	font-size: 1.5em;
}

/* --- levy sloupec  --- */
#leftCollumBox {
	float: left;
	width: 230px;
	overflow: hidden;
}

#leftCollumBox .spaceV {
	width: 1px;
	height: 200px;
	float: left;
}

#leftCollum {
	padding: 0 0 0 18px;
	float: left;
	width: 176px;
	margin: 0 0 34px 0;
}

#leftCollum ul {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

#leftCollum li {
	list-style: none;
	list-style-image: none;
}

/* ----------------menu 1 uroven --------------------------- */
#leftCollum ul.navig1 li {
	color: #000000;
	padding: 0em;
	width: 176px;
	margin: 0;
	float: left;
	font-size: 1.1em;
}

#leftCollum ul.navig1 li a {
	list-style: none;
	display: block;
	font-weight: bold;
	color: #DF051D;
	margin: 0em;
	width: 151px;
	background: url(../images/bg-leftnavig.gif) top left repeat-x;
	text-decoration: none;
	padding: 10px 5px 10px 20px;
}

#leftCollum ul.navig1 li a:link, 
#leftCollum ul.navig1 li a:visited {
	text-decoration: none;
	color: #DF051D;
}

#leftCollum ul.navig1 li a:active, 
#leftCollum ul.navig1 li a:focus, 
#leftCollum ul.navig1 li a:hover {
	text-decoration: underline;
	color: #DF051D;
}

#leftCollum ul.navig1 li a.menuActual {
	background: url(../images/bg-leftnavig.gif) top left repeat-x;
}

#leftCollum ul.navig1 li a.menuSelected {
	background: url(../images/bg-leftnavig.gif) top left repeat-x;
	color: #DF051D;
}

#leftCollum ul.navig1 li a.menuSelected:visited, #leftCollum ul.navig1 li a.menuSelected:link {
    color: #DF051D;
}
    
/* ----------------menu 2 uroven --------------------------- */
#leftCollum ul.navig2 li {
	list-style: none;
	margin: 0em;
	padding: 0;
	font-size: 1em;
}

#leftCollum ul.navig2 li a {
	display: block;
	width: 131px;
	font-weight: normal;
	padding: 9px 15px 9px 30px;
	color: #918f8f;
	text-decoration: none;
	background: url(../images/bg-leftnavig1.gif) top left repeat-x;
}

#leftCollum ul.navig2 li a:visited, 
#leftCollum ul.navig2 li a:link {
	color: #918f8f;
	text-decoration: none;
}

#leftCollum ul.navig2 li a:hover, 
#leftCollum ul.navig2 li a:focus, 
#leftCollum ul.navig2 li a:active {
	color: #db442f;
	text-decoration: underline;
}

#leftCollum ul.navig2 li a.menuActual {
	font-weight: bold;
	color: #ffffff;
	background: url(../images/bg-leftnavig1s.gif) top left no-repeat #DF051D;
}

#leftCollum ul.navig2 li a.menuSelected {
	background: url(../images/bg-leftnavig1s.gif) top left no-repeat #DF051D;
	color: #ffffff;
}

#leftCollum ul.navig2 li a.menuSelected:visited, #leftCollum ul.navig2 li a.menuSelected:link {
    color: #ffffff;
}

/* ---- drobeckova navigace a nadpis stranky ---- */
#contentTopBox {
	float: left;
	width: 765px;
}

#breadcrumbNavigationBox {
	float: left;
	padding: 5px 0 19px 0;
	float: left;
	width: 765px;
}

#breadcrumbNavigation {
	float: left;
	width: 765px;
}
#breadcrumbNavigation span 
{
	padding: 0 3px;
}

#breadcrumbNavigation a, #breadcrumbNavigation a span {
	text-decoration: underline;
	color: #DF051D;
	padding: 0 3px;
}

#breadcrumbNavigation a:link, 
#breadcrumbNavigation a:visited, 
#breadcrumbNavigation a:link span, 
#breadcrumbNavigation a:visited span {
	text-decoration: underline;
	color: #DF051D;
}

#breadcrumbNavigation a:active, 
#breadcrumbNavigation a:focus, 
#breadcrumbNavigation a:hover,
#breadcrumbNavigation a:active span, 
#breadcrumbNavigation a:focus span, 
#breadcrumbNavigation a:hover span {
	text-decoration: none;
	color: #DF051D;
}

/* --- Obsah - main window --- */

#rightCollum {
    float: left;
    width: 765px;
}

#ContentBox  {
	float: left;
	width: 750px;
	padding: 0 0 10px 0;
	background: url(../images/bg-content1-b.gif) bottom left no-repeat;
}

#ContentBoxNopicture {
	float: left;
	width: 750px;
	padding: 0 0 10px 0;
	/*overflow: auto;*/
	/* background: url(../images/bg-content1-b.gif) bottom left no-repeat; */
}

#pageTitleBox, #pageTitleBox2 {
	float: left;
	width: 750px;
	background: url(../images/bg-title1.gif) top left no-repeat;
}

#pageTitle, #pageTitle2 {
	float: left;
	width: 750px;
	background: url(../images/bg-title1-b.gif) bottom left no-repeat;
}

#pageTitle h2, #pageTitle2 h2
{
	float: left;
	width: 462px;
	font-size: 1.3em;
	padding: 10px 15px 15px 15px;
	margin: 0;
	color:#D92819;
	font-weight: bold;
}

#Content, #Content2, #Content3 {
	background-attachment:scroll;
	background-color:transparent;
	background-image:url("../images/bg-content1.gif");
	background-position:right top;
	background-repeat:repeat-y;
	float:left;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	padding-bottom:0;
	padding-left:10px;
	padding-right:10px;
	padding-top:0;
	width:730px;
}

/* --- Zapati stranky (paticka) --- */
#footerBox {
	width: 1000px;
	float: left;
	clear: both;
	padding: 15px 0 15px 0; 
	margin: 10px 0 0 0;
	background: url(../images/bg-footer.gif) top no-repeat;
}

#footer {
	float: right;
	width: 960px;
	padding: 0 10px;
	/* background: url(../images/bg-footer-linky.gif) top left repeat-y; */
}

#footer a:link, a:visited, a {
	color:#7C7C7C;
	text-decoration:underline;
}

#footer img {
	border: 0px;
}

/**
 * Additional styles
 *
 */
.disabled {color: #ccc;}
.required {font-weight: bold;}
.required_color {font-weight: bold; color: #ff0000; float: left;}

.message
{
    display: block;
    margin: 5px 5px 10px;
    padding: 10px;
    font-weight: bold;
	text-align: center;
	border-width: 1px;
	border-style: solid;
}

.error
{
    color: #FF0000;
    border-color: #FF0000;
}

.warning 
{
    color: #000000;
    border-color: #000000;
}

.info 
{
    color: #666666;
    border-color: #666666;
}

/* ------ FORMULARE -------- */
.divFormClass{
	padding: 0 15px 0px 15px;
	float: left;
}

table.FormTableClass {
	padding: 0;
	float: left;
	margin: 0;
	border: none;
}

/* vykomentovano kvuli problemu s comboboxy
table.FormTableClass td, table.FormTableClass th {
	padding: 0;
	margin: 0;
}
*/

table.FormTableClass .labelFormClass {
    float: left;
    margin: 10px 0 10px 0;
    padding-right: 10px;
    text-align: right;
    width: 225px;
}

table.FormTableClass .divFormInput {
	color: #000000;
	padding: 0;
	height: 25px;
	float: left;
	width: 227px;
	margin: 5px 0 5px 0;
	background: url(../images/bg-input.gif) top left no-repeat;
}

table.FormTableClass .divFormInputMiddle {
	color: #000000;
	padding: 0;
	height: 25px;
	float: left;
	width: 115px;
	margin: 5px 0 5px 0;
	background: url(../images/bg-input_middle.gif) top left no-repeat;
	border: none;
}

/*IE combo border FIX*/
table.FormTableClass .divFormInputMiddleIn {
	position:relative; height: 18px; overflow: hidden; margin:4px; width:100px
}

table.FormTableClass .divFormInputMiddleIn input {
  position:absolute;top:-1px; left:-1px; height:18px;
}

table.FormTableClass .divFormInputShort {
	color: #000000;
	padding: 0;
	height: 25px;
	float: left;
	width: 55px;
	margin: 5px 0 5px 0;
	background: url(../images/bg-input_short.gif) top left no-repeat;
}

/*IE combo border FIX*/
table.FormTableClass .divFormInputShortIn {
	position:relative; height: 18px; overflow: hidden; margin:2px; width:38px
}

table.FormTableClass .divFormInputShortIn select {
  position:absolute;top:-3px; left:-3px;
}


table.FormTableClass .divFormInputShort input {
	padding: 2px;
	float: left;
	width: 40px;
	margin: 3px 0 0 2px;
	border: none;
	color:#666666;
}

table.FormTableClass .divFormInputShort select {
	padding: 2px;
	float: left;
	width: 40px;
	border: none;
	color:#666666;
	margin-left:2px;
  margin-top:2px;
  /*cursor: hand;*/
}

table.FormTableClass .divFormInput input {
	padding: 2px;
	float: left;
	width: 217px;
	margin: 3px 0 0 2px;
	border: none;
	color:#666666;
}

table.FormTableClass .divFormInput select {
	padding: 2px;
	float: left;
	width: 217px;
	border: none;
	color:#666666;
   font-size:1em;
   margin-left:2px;
   margin-top:2px;
   /*cursor: hand;*/
}

table.FormTableClass .divFormHelp {
    float: right;
    font-style: italic;
    margin: 10px 5px 10px 5px;
    padding-right: 10px;
    padding-left: 10px;
    width: 200px;
}
table.FormTableClass .divFormHelpShort {
    float: right;
    font-style: italic;
    margin: 10px 170px 10px 5px;
    padding-right: 10px;
    padding-left: 10px;
    width: 200px;
}


table.FormTableClass .divFormCheckbox {
    color: #9E9E9E;
    padding: 0;
    height: 25px;
    float: left;
    width: 227px;
    margin: 8px 0 2px 0;
}

table.FormTableClass .divFormCheckbox input{
    border:none;
}


table.FormTableClass .divFormCheckbox input[type=checkbox] {
	/*border: 3px solid #9E9E9E;
    padding: 2px;
    float: left;
    width: 217px;
    margin: 3px 0 0 2px;
    border: none;
    color: #9E9E9E;*/
  }

input.FormSubmit {
	display: block;
	width: 82px;
	height: 17px;
	line-height: 17px;
	float: right;
	margin: 5px 5px 0 5px;
	padding-bottom: 3px;
	background: url(../images/bg-button.png) left no-repeat;
	vertical-align: middle;
	border: none;
	color: #ffffff;
	/* font-weight:bold; */
}

input.FormSubmitLeft {
	display: block;
	width: 82px;
	height: 17px;
	line-height: 17px;
	float: left;
	margin: 5px 5px 0 15px;
	padding-bottom: 3px;
	background: url(../images/bg-button.png) left no-repeat;
	vertical-align: middle;
	border: none;
	color: #ffffff;
/*	font-weight:bold;*/
}


table.FormTableClass .divFormTextarea {
	padding: 0;
	height: 99px;
	float: left;
	width: 455px;
	margin: 5px 0 5px 0;
	background: url(../images/bg-textarea.gif) top left no-repeat;
}

table.FormTableClass .divFormTextarea textarea {
	padding: 0;
	float: left;
	height: 93px;
	width: 446px;
	margin: 3px 0 0 4px;
	color: #9E9E9E;
	border: none;
	font-size:1.25em;
}

#cleardefault input, textarea, select {
background-color:#FFFFFF;
color:#666666;
/* cursor:text; */
}

/* COMBO BOX */
.combobox {
	float: left;
	width: 225px;
    margin: 5px 0;
    padding: 0 0 0 0;
	/* margin: 30px 0 0 0;*/
}

.checkbox {
	float: left;
    margin: 7px 0;
    padding: 0 0 0 0;
}

.noInputBorder input, .checkbox input {
    border-style: none;
}

.clear {
clear:both; 
float:none;
} 

.v-c {
     display: none;
     visibility: collapse;
}

.innerBox 
{
    float:left;
}

/* DevExpress override */

.dxpPageNumber {
    color: #7C7C7C !important;
}

.dxpCurrentPageNumber {
    color: black !important;
}

.dxgvControl a {
    color: #7C7C7C !important;
}

.dxgvControl a:hover, .dxgvControl a:active {
    color: #DB442F !important;
}

.dxeRadioButtonList td.dxe {
    padding: 7px 5px 6px 3px !important;
}

.dxgvHeader, .dxgvHeader table {
    color: #666666 !important;
    font: bold 11px Tahoma !important;
    height: 20px !important;
}

.dxgvHeader {
    background-color: #F3F3F3 !important;
    border-color: #FFFFFF #FFFFFF #D1D1D1 !important;
    border-style: solid !important;
    border-width: 1px !important;
    cursor: pointer !important;
    font-weight: normal !important;
    overflow: hidden !important;
    padding: 4px 6px 5px !important;
    text-align: left !important;
    white-space: nowrap !important;
}

.dxgvTable {
    background-color: White  !important;
    border: 0 none !important;
    border-collapse: separate !important;
    color: #666666 !important;
    /*font: 11px Tahoma !important;*/
    overflow: hidden !important;
    color: #666666 !important;

}

.dxgvControl, .dxgvDisabled {
   background-color: #F2F2F2 !important;
    border: 1px solid #F3F3F3 !important;
}

.dxgvEditFormDisplayRow td.dxgv, .dxgvDataRow td.dxgv, .dxgvDataRowAlt td.dxgv, .dxgvSelectedRow td.dxgv, .dxgvFocusedRow td.dxgv {
    /*border-color: -moz-use-text-color #F3F3F3 #F3F3F3 -moz-use-text-color !important;*/
    border-color: #F3F3F3 !important;
    border-style: none solid solid none !important;
    border-width: 0 1px 1px 0 !important;
    height: 28px !important; 
    padding: 0px 6px 0px !important;
}

.innerHeading, .dxdzControlVert .dxdpLite .dxpc-mainDiv, .dxeRadioButtonList table td, .dxtlControl table,
.dxgvControl table, .dxgvHeader table
{
    font-family: "Arial CE",Arial,Verdana,"Helvetica CE",Helvetica,sans-serif !important;
}

.dxeRadioButtonList, .dxeRadioButtonList table {
    font-size: 100% !important;
}

.innerBoxHeader {
    padding: 7px 10px;
}

.innerBoxHeader h3, .innerBoxHeader h2{
    color: #939393;
    font-size: 1.3em;
    line-height: 1.3em;
    font-weight: bold;
    margin: 0;
}

.innerBoxHeader h2{ 
color: #D92819;
}

.headerLeftEdge {
    background: transparent url(../images/bg-header-left1.gif) no-repeat left top;
    display: block;
}

.headerRightEdge {
    background: transparent url(../images/bg-header-right.gif) no-repeat right top;
    display: block;
}

.headerBootomLeftEdge {
    background: transparent url(../images/bg-header-bottom-left.gif) no-repeat left bottom;
    height:9px;
}

.headerBootomRightEdge {
    background: transparent url(../images/bg-header-bottom-right.gif) no-repeat right bottom;
    height:9px;
}

.text {
    background: transparent url(../images/bg-text.gif) repeat-y right top;
    padding:5px;
    border-left:solid 1px #BDBDBD;
    position:relative;
}

.footerLeftEdge {
    background: transparent url(../images/bg-footer-left.gif) no-repeat left bottom;
    height:10px;
}

.footerRightEdge {
    background: transparent url(../images/bg-footer-right.gif) no-repeat right bottom;
    height:10px;
}

#gridObal {
    padding-top:10px;
    overflow: auto;
}

#ContentBox3 {
    float: left;
    margin-left: 30px;
    margin-top: 20px;
    padding: 0 0 10px;
    width: 435px;
}

#ContentBox2 {
    float: left;
    margin-top: 20px;
    padding: 0 0 10px;
    width: 285px;
}

a.searchSubmit {
    background: url("../images/bg-search-kul.gif") no-repeat scroll left top transparent;
    border: 0 none;
    height: 24px;
    margin: 0;
    width: 24px;
    display: block;
    position: absolute;
    top: 19px;
    left: 175px;
}

a.button-exportovat, a.button-cisla {
    background: url(../images/button-exportovat-ser.png) no-repeat scroll left center transparent;
    border: 0 none;
    height: 19px;
    margin: 0;
    width: 222px;
    display: block;
    color:#fff;
    text-decoration: none;
    line-height: 19px;
    padding-left: 10px;
}

a.button-cisla {
  margin: 0 0 10px 0;
}

.playVideo {
    cursor: pointer;
    float: right;
    margin-right: 6px;
}

.downloadVideo {
    cursor: pointer;
    float: right;
    margin-right: 10px;
}

.tableHover tr.dxgvDataRow:hover{
    background-color: #8D8D8D;
    color:#FFF;
}
