/* -=-=-=-=-=-=-=-=-=-=-=-=-= global definitions =-=-=-=-=-=-=-=-=-=-=-=-=- */

BODY, DIV, TABLE, CAPTION, UL, LI, ADRESS, IMG, H1, H2, H3, H4, P, HR {
  border: none 0px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;	
}

.toLeft {
  float: left;
}

.toRight {
  float: right;
}

.myHidden {
	display: none;
}

.cleaner {
	display: block;
	height: 1px;
	clear: both;
	float: none;
	font-size: 1pt:
}

.leftClear {
	clear: left;
}

.rightClear {
	clear: right;
}

.center {
	text-align: center;
}

.bothClear {
	clear: both;
}


.textRight {
	text-align: right;
}

.textCenter {
	text-align: center;
}

.textLeft {
	text-align: left;
}

P.error {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "Courier New", Courier, monospace;
	color: #FF0000;
}



/* -=-=-=-=-=-=-=-=-=-=-=-=-= base layout definitions =-=-=-=-=-=-=-=-=-=-=-=-=-*/

BODY {
	text-align: center;
	background-color: #E7E8E8;
	font: normal 10pt Arial, Helvetica, sans-serif;
	padding-bottom: 30px;
}

DIV#leftSidePattern {
	width: 792px;
	margin: 0px auto 0px auto;
	background: url(../_img/mainbox-vertical-pattern.png) repeat-y top left;
}

DIV#rightSidePattern {
	width: 792px;
	background: url(../_img/mainbox-vertical-pattern.png) repeat-y top right;
}

DIV#bottomPattern {
	width: 780px;
	height: 6px;
	font-size: 1pt;
	background: url(../_img/mainbox-horizontal-pattern.png) repeat-x bottom left;
}

DIV#layout {
	width: 780px;
	margin: 0px 6px 0px 6px;
	position: relative;
	background-color: #FFFFFF;
	text-align: left;
}



/* -=-=-=-=-=-=-=-=-=-=-=-=-= head definitions =-=-=-=-=-=-=-=-=-=-=-=-=- */

DIV#myHead {
	width: 100%;
	height: 225px;
}

H1 {
	width: 329px;
	height: 140px;
	float: left;
	background-color: #ED1E23;
	#background-color: #EB171C;
}

H1 A.inner {
	display: block;
	padding: 12px 0px 0px 20px;	
	font: bold 22.5pt Arial, Helvetica, sans-serif; 
	color: #FFFFFF;
	text-decoration: none;
}

DIV#pageMotive {
	width: 451px;
	height: 170px;
	float: left;
	background: url(../_img/main-motive-1.png) no-repeat top left;	
}

DIV#pageMotto {
	width: 222px;
	height: 115px;
	position: relative;
	float: right;
	background: url(../_img/main-motive-2.png) no-repeat top left;	
}

SPAN#pageDescription {
	display: block;
	width: 175px;
	position: absolute;
	top: 82px;
	left: 32px;
	font: 8.5pt Arial, Helvetica, sans-serif; 	
	text-align: right;
	color: #646564;
}

DIV#myHead ADDRESS {
	display: block;
	width: 222px;
	height: 55px;
	float: right;
	position: relative;
	top: -55px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	background-color: #ED1E23;
	#background-color: #EB171C;
	color: #FFFFFF;
}

DIV#myHead ADDRESS SPAN#clientName {
  position: absolute;
  top: -3px;
  left: -538px;
  font-size: 12pt;
  font-weight: bold; 	
}

DIV#myHead ADDRESS SPAN#clientAddress {
  position: absolute;
  top: -3px;
  left: -461px;
  font-size: 12pt; 	 	
}

DIV#myHead ADDRESS SPAN#clientEmail {
  position: relative;
  top: 5px;
  left: -15px;
  font-size: 10pt; 	 	
}

DIV#myHead ADDRESS SPAN#clientEmail A {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}
DIV#myHead ADDRESS SPAN#clientEmail A:hover {
	text-decoration: underline;
}

DIV#myHead ADDRESS SPAN#clientMobilPhone {
  position: relative;
  top: 7px;
  #top: 9px;
  left: -15px;
  font-size: 10pt; 	 	
}
DIV#myHead ADDRESS SPAN#clientMobilPhone STRONG {	
  font-size: 13.5pt;
  font-weight: bold;
}

DIV#addressLine {
	position: absolute;
	top: 170px;
	left: 0px;
	width: 540px;
	height: 20px;
	margin-left: 15px;
	border-bottom: 1px solid #AEAEAE;
	color: #7E7E7E; 	
}

DIV#addressLine A {
	font: 8.5pt Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #7E7E7E; 	
}
DIV#addressLine A:hover {
	color: #231F20;
}



/* -=-=-=-=-=-=-=-=-=-=-=-=-= menu1st definitions =-=-=-=-=-=-=-=-=-=-=-=-=- */

UL#menu1st {
	position: absolute;
	top: 144px;
	left: 15px;
}

UL#menu1st LI {
	behavior: url(/_css/hover.htc);
	display: block;
	position: relative;
	float: left;
}

UL#menu1st LI:hover UL,
UL#menu1st LI.hover UL {
	display: block;
}

UL#menu1st LI A {
	display: block;
	float: left;
	position: relative;
	top: 5px;
	font: bold 9pt Arial, Helvetica, sans-serif; 
	text-decoration: none;
	color: #231F20;
}
UL#menu1st LI A:hover {
	color: #ED1E23;
}

UL#menu1st LI A SPAN.inner {
	padding-right: 7px;
/*	background: url(../_img/menu1st-slash.gif) no-repeat right;*/
}
UL#menu1st LI.last A SPAN.inner {
	background: transparent;
}

UL#menu1st UL {
	display: none;
	width: 175px;
	#width: auto;
	position: absolute;
	top: 20px;
	left: 0px;
	border: 1px solid #AEAEAE;
	border-top: none;
	background-color: #FFFFFF;
}

UL#menu1st UL LI {
	display: block;
	float: none;
	clear: both;
}
UL#menu1st UL LI A:hover,
UL#menu1st UL LI A.hover {
	background-color: #EEEEEE;
}

UL#menu1st UL LI A {
	display: block;
	width: 175px;
	position: relative;
	top: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: 9pt Arial, Helvetica, sans-serif; 
}


UL#menu1st UL LI A SPAN.inner {
	display: block;
	margin: 2px 7px 2px 7px;
	padding-right: 0px;
}


/* -=-=-=-=-=-=-=-=-=-=-=-=-= menuAdds definitions =-=-=-=-=-=-=-=-=-=-=-=-=- */

UL#menuAdds {
  display: block;
  width: 223px;
	position: absolute;
	top: 170px;
	left: 557px;
}

UL#menuAdds LI {
	display: block;
	height: 20px;
	float: left;
	background-color: #AEAEAE;
}

UL#menuAdds LI.first {
	padding-left: 16px;
	background: #AEAEAE url(../_img/2nd-menu-left-backslash.gif) no-repeat left;
}

UL#menuAdds LI.last {
	padding-right: 15px;
}

UL#menuAdds LI A {
	display: block;
	float: left;
	position: relative;
	top: 2px;
	font: bold 9pt Arial, Helvetica, sans-serif; 
	text-decoration: none;
	color: #FFFFFF;
}
UL#menuAdds LI A:hover {
	color: #000000;
}

UL#menuAdds LI SPAN.backslash {
	display: block;
	height: 20px;
	float: left;
	padding: 0px 10px 0px 11px;
	font-size: 10pt;
	background: url(../_img/2nd-menu-middle-backslash.gif) no-repeat bottom;	
	color: #FFFFFF;
}

UL#menuAdds LI.contact {
	display: block;
	width: 143px;
	height: 18px;
	position: relative;
	top: 2px;
	left: 80px;
	background: transparent;
}

UL#menuAdds LI.contact A {
  width: 100%;
	height: 18px;
  position: relative;
  top: 0px;
	font-weight: normal;
	background: #B72028 url(../_img/contact-menu-left-backslash.gif) no-repeat left;	
}
UL#menuAdds LI.contact A:hover {
	background: #ED1F24 url(../_img/contact-menu-left-backslash-onmouseover.gif) no-repeat left;	
	color: #FFFFFF;
}

UL#menuAdds LI.contact A SPAN.inner {
  display: block;
	padding: 1px 15px 0px 15px; 
}



/* -=-=-=-=-=-=-=-=-=-=-=-=-= myBody / DataBox definitions =-=-=-=-=-=-=-=-=-=-=-=-=-*/

DIV#myBody {
	min-height: 350px;
	height: auto;
	position: relative;
	float: none;
	padding: 0px 15px 0px 15px;
}

DIV.dataBox {
	width: auto;
	margin: 0px 10px 0px 10px;
	text-align: left;
	font: 10pt Arial, Helvetica, sans-serif; 
	color: #231F20;
}

DIV.dataBox H3 {
	margin: 7px 0px 7px 0px;
	font: bold 16.5pt Arial, Helvetica, sans-serif; 
	color: #805471/*#ED1E23*/;
}

DIV.dataBox H3 A {
	display: block;
	width: 477px;
	height: 30px;
	cursor: default;
}

H4 {
	margin: 17px 0px 3px 0px;
	font: bold 13.5pt Arial, Helvetica, sans-serif; 
	color: #805471/*#ED1E23*/;
}

H5 {
	margin: 12px 0px 3px 0px;
	font: bold 12pt Arial, Helvetica, sans-serif; 
	color: #805471/*#ED1E23*/;
}

DIV.dataBox P {
	display: block;
	width: 99.5%;
	margin-bottom: 5px;
	text-indent: 25px;
	text-align: justify; 
	font: 10pt Arial, Helvetica, sans-serif; 
}

DIV.dataBox P SPAN.note {
	font-style: italic;
}

DIV.dataBox P A,
DIV.dataBox UL A, 
DIV.dataBox ADDRESS A {
	padding: 0px 4px 0px 4px;
	font: 9pt Arial, Helvetica, sans-serif; 
	color: #B62027;
	text-decoration: underline;
}
DIV.dataBox UL A:hover,
DIV.dataBox P A:hover, 
DIV.dataBox ADDRESS A:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #DA1F26;
}

DIV.dataBox UL {
	list-style: url(../_img/list-bullet.gif);
	margin: 10px 0px 10px 15px; 
	font: 9pt Arial, Helvetica, sans-serif; 
}

DIV.dataBox UL LI {
	margin-bottom: 3px; 
}

DIV.dataBox TABLE {
	font: 10pt Arial, Helvetica, sans-serif; 
}

DIV.dataBox TABLE TR {
	behavior: url(/_css/hover.htc);
	background-color: #E6E6E5;	
}

DIV.dataBox TABLE TR:hover,
DIV.dataBox TABLE TR.hover {
	background-color: #C8C8C8;	
	color: #B72129;
}

DIV.dataBox TABLE TH {
	height: 18px;
	padding: 0px 7px 0px 7px;
	background: url(../_img/table-headline-background.gif) repeat-x left;
	color: #000000;
}

DIV.dataBox TABLE TD {
	height: 18px;
	padding: 0px 7px 0px 7px;
}

DIV.dataBox TABLE CAPTION {
	font-style: italic;
}

DIV.dataBox P.error {
	text-indent: 0px;
	font: 9pt "Courier New", Courier, monospace;
	color: #FF0000;
}

DIV.dataBox ADDRESS {
	display: block;
	width: 400px;
	position: relative;
	margin-top: 20px;
	font-style: normal;
	font: 10pt Arial, Helvetica, sans-serif; 
	line-height: 150%;
}

DIV.dataBox ADDRESS STRONG {
	width: 250px;
	float: right;
	position: relative;
	top: -18px;
}

DIV.dataBox ADDRESS A {
	font-weight: bold;
	position: relative;
	left: -5px;
}

DIV.dataBox BLOCKQUOTE {
	margin: 15px 0px 15px 0px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #AEAEAE;
	font: bold 10pt Arial, Helvetica, sans-serif; 
	background-color: #EEEEEE;
	font-style: italic;
}

DIV.dataBox BLOCKQUOTE A {
	color: #B62027;
}
DIV.dataBox BLOCKQUOTE A:hover {
	text-decoration: none;
}

DIV.dataBox BLOCKQUOTE STRONG {
	font: bold 9.5pt Arial, Helvetica, sans-serif;
	font-style: normal;
	text-transform: uppercase;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-= myFoot definitions =-=-=-=-=-=-=-=-=-=-=-=-=-*/

DIV#myFoot {
	height: 60px;
	margin: 0px 15px 0px 15px;
}

DIV#myFoot A {
	margin: 30px 0px 0px 20px;
	padding-top: 4px;
	border-top: 4px solid #7E7E7E;	
	text-decoration: none;
	font: 8pt Arial, Helvetica, sans-serif; 
	color: #7E7E7E;
}
DIV#myFoot A:hover {
	border-top: 4px solid #ED1F24;	
	color: #ED1F24;
}

DIV#myFoot SPAN#author {
	display: block;
	float: left;
	padding: 37px 0px 0px 0px;
	font: 8pt Arial, Helvetica, sans-serif; 
	color: #7E7E7E;
}

DIV#myFoot SPAN#author A {
	display: inline;
   margin: 0px 0px 0px 0px;
	border: none;
	color: #ED1F24;
	text-transform: uppercase;
}
DIV#myFoot SPAN#author A:hover {
	color: #231F20;	
}

.text-links A {
  font-size: 0.8em;
  color: #666;
}



/* -=-=-=-=-=-=-=-=-=-=-=-=-= pageMap definitions =-=-=-=-=-=-=-=-=-=-=-=-=-*/

UL#pageMap {
	list-style-type: none;
	font: 10pt Arial, Helvetica, sans-serif; 
}

UL#pageMap LI {
	line-height: 150%;
}

UL#pageMap UL {
	margin-left: 20px; 
	#margin-left: 24px; 
	list-style-type: decimal;
}

UL#pageMap UL UL {
	list-style-type: square;
}

UL#pageMap A {
	padding: 0px 4px 0px 4px;
	font: 10pt Arial, Helvetica, sans-serif; 
	color: #B62027;
	text-decoration: underline;
}
UL#pageMap A:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #DA1F26;
}

UL#pageMap H5 {
	margin: 20px 0px 0px 0px;
	color: #231F20;
}

UL#pageMap UL#sluzby {
	list-style-type: square;
}

UL#pageMap LI#mapa-stranek {
	padding-top: 10px;
}
