@charset "utf-8";

/* Eric Meyer's Reset CSS | v1.0 | 20080212 | MX-edited *********************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1.2;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';	content:none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse:collapse; border-spacing:0;}
td { vertical-align:top;}
input { margin:1px 0 1px 0;}
html* input { margin:0;} /*only for IE*/
/* End of Reset CSS **********************************************************/

html { height:100%;}
body { width:100%; height:100%; background:#EAEAEA url(img/grfx_body_bgr.jpg) repeat-x; text-align:center; }
body { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333;}
input { font-family:Arial, Helvetica, sans-serif; font-size:13px; border:1px solid #666;}
input.btt { border:0; background-color:#999; color:#FFF; font-weight:bold; width:100px; cursor:pointer;}
textarea { font-family:Arial, Helvetica, sans-serif; font-size:13px; border:1px solid #666;}

a { text-decoration:underline; color:#9b0400;}
a.blue { color:#00858E;}
a:hover { text-decoration:underline;}

#container { width:965px; min-height:100%; margin-left:auto; margin-right:auto; background-color:#FFF; text-align:left; position:relative;}
*html #container { height:100%;} /* IE6 only hack*/

#top { height:120px; border:5px solid #FFF; border-bottom:0;}
	#top h1 { display:block; height:120px; width:635px; background:url(img/grfxen_top_bgr_main.jpg) no-repeat; float:left; cursor:pointer;}
	#top h1 span { display:none;}
	#topSide { display:block; height:120px; width:315px; background:url(img/grfxen_top_bgr_side.jpg) no-repeat; margin-left:5px; float:left; }
	#topSide ul { display:block; margin:10px 0 0 11px;}
	#topSide li { float:left; font-size:11px; color:#FFF;}
	#topSide li a { color:#FFF; text-decoration:none; padding:0 3px 0 3px;}
	#topSide li a:hover { text-decoration:underline;}
	#topSide div { float:left; font-size:11px; color:#FFF;}
	#topSide div a { color:#FFF; text-decoration:none; font-weight:bold; font-size:11px;}
	#topSide div a:hover { text-decoration:underline;}

#menu { height:20px; border:5px solid #FFF; border-bottom:0; background:#666; clear:both;}
	#menu li { float:left;}
	#menu li a { display:block; float:left; height:18px; font-weight:bold; font-size:14px; color:#FFF; text-decoration:none; padding:2px 40px 0 40px; text-transform:uppercase;}
	#menu li a:hover { text-decoration:underline;}
	#menu li a.active { background-color:#9b0400;}

#menu3img { height:200px; border:5px solid #FFF; border-bottom:0; margin-top:10px; clear:both;}
	#menu3img1 { background:url(img/grfxen_3img_1.jpg) no-repeat; float:left;}
	#menu3img2 { background:url(img/grfxen_3img_2.jpg) no-repeat; float:left; margin-left:5px;}
	#menu3img3 { background:url(img/grfxen_3img_3.jpg) no-repeat; float:left; margin-left:5px;}
	#menu3img a { display:block; width:315px; height:200px;}
	#menu3img a span { display:none;}
	#menu3img1 a:hover { background:url(img/grfxen_3img_1a.jpg)}
	#menu3img2 a:hover { background:url(img/grfxen_3img_2a.jpg)}
	#menu3img3 a:hover { background:url(img/grfxen_3img_3a.jpg)}

#submenu { width:315px; border:5px solid #FFF; margin-top:10px; float:left;}
	*html #submenu { width:325px;} /* IE6 only hack*/
	#submenu h1 { font-size:16px; font-weight:bold; color:#9b0400; padding-left:5px; float:left; margin-bottom:-4px;}
	#submenu ul { background-color:#e5f3f3; clear:both; padding:5px;}
	#submenu ul ul { padding-left:15px;}
	#submenu li { min-height:20px;}
	#submenu a { color:#00858E; font-size:14px; font-weight:bold; text-decoration:none;} 
	#submenu a:hover { text-decoration:underline;}
	#submenu a.active { color:#9b0400; background:url(img/grfx_submenu_active.gif) no-repeat; padding-left:8px;}
	#submenu ul ul ul a { color:#666;}
	
	#submenuImgs { background-color:#e5f3f3; clear:both; padding:5px;}
	#submenuImgs img { margin-top:5px;}
	#submenuImgs a { display:none;}

#subtxt { float:left; width:635px; margin-top:10px;}
	#subtxt .txt { padding:10px 5px 5px 5px; background-color:#EDEDED; clear:both;}
	#subtxt .txt p { margin-bottom:10px;}
	#subtxt .txt h1 { font-size:16px; font-weight:bold; color:#9b0400; margin-bottom:6px;}
	#subtxt .txt h2 { font-size:16px; font-weight:bold; color:#00858E; margin-bottom:6px;}
	#subtxt .txt h2 a { color:#00858E;}
	#subtxt .txt h3 { font-size:14px; font-weight:bold; color:#9b0400; margin:0; margin-bottom:6px; float:none;}
	#subtxt .txt h4 { font-size:14px; font-weight:bold; color:#00858E; margin-bottom:6px;}
	#subtxt .txt h4 a { color:#00858E;}
	#subtxt .txt h5 { font-size:14px; font-weight:bold; font-style:italic; color:#333333; margin-bottom:6px;}
	#subtxt .txt h6 { font-size:14px; font-weight:bold; font-style:italic; color:#666666; margin-bottom:6px;}
	#subtxt .txt ul { margin:0 0 6px 12px;}
	#subtxt .txt li { list-style:square; list-style-position: inside;}
	#subtxt .txt li p { display:inline;}
	#subtxt .navig { font-size:11px; padding-right:5px; float:left; margin-top:-20px; width:625px;}
	#subtxt .navig a { color:#333;}
	#subtxt .navig a:hover { color:#9b0400;}
	#subtxt .navig span { display:block; float:left;}
	#subtxt .navig span.print { display:block; float:right;}

#footer { position:absolute; bottom:0; left:0; width:965px;}
#footer1 { background-color:#999; border:5px solid #FFF; border-bottom:0; margin-top:10px; clear:both; color:#FFF; font-size:12px; padding:3px 5px 0 5px; height:17px; text-align:center;}
#footer2 { border:5px solid #FFF; clear:both; color:#999; font-size:11px; text-align:center;}
#footer2 div { display:inline;}
#footerSpacer { height:80px; clear:both;}

div.cleaner { clear:both; height:0px;}

div.txt { background-color:#EDEDED;  margin-top:20px; padding:5px; }
div.txt div.txtIn { display: inline; } /* nahradza p tag*/
div.txt h3 { color:#666666; font-size:12px; font-weight:normal; display:block; float:left; margin-top:-16px; }
div.txt h2, div.txt h1.csc-firstHeader { color:#9b0400; font-size:15px; margin-bottom:0.5em; clear:both; }
div.txt dl { margin-right:5px;}
	*html div.txt dl { margin-right:0;} /* IE6 only hack*/
div.txt img { float:left; margin:0 5px 5px 0;}
	*html div.txt img { margin-right:4px; margin-left:-3px;} /* IE6 only hack*/
div.txtMore { text-align:right; font-size:11px;}

div.homeWide { border:5px solid #FFF; border-bottom:0; margin-top:15px; width:955px; float:left; clear:both;}
*html div.homeWide { width:965px;} /* IE6 only hack*/
div#home3column { border:5px solid #FFF; border-bottom:0; margin-top:15px; width:955px; float:left; clear:both;}
*html div#home3column { width:965px;} /* IE6 only hack*/

div#home3column div.txt { background-color:#e5f3f3;}
div#home3column div.txt h2 { color:#00858E;}
div#home3column div.txt h2 a { color:#00858E;}
div#home3column div.txt h3 { color:#9b0400;}

div#home3column1 { width:315px; float:left; }
div#home3column2 { width:315px; float:left; margin-left:5px;}
div#home3column3 { width:315px; float:left; margin-left:5px;}

.imgLeft { float:left; margin:0 5px 5px 0;}
.showhide { display:none;}

table.contenttable { width:625px;}
table.contenttable td { padding:2px 5px 2px 5px;}
table.contenttable td { border-bottom:2px solid #999;}
table.contenttable td.thead {background-color:#00858e; color:#FFF; border:0;}
table.contenttable td.vip { background-color:#e9c9ba;}
table.contenttable td.red { color:#9b0400; font-weight:bold;}
#subtxt .txt table.contenttable td p.bodytext { margin:0; padding:0;}

/* typo3 restyled */
div.csc-sitemap ul { }
div.csc-sitemap li { padding-left:15px;}

.csc-textpic { clear:both;}
.csc-textpic-caption { font-size:12px; font-style:italic; text-align:left;}
.csc-textpic-intext-right-nowrap { clear:none;}
div.indent { margin-left:32px;}

.bodytext a { color:#00858E; text-decoration:underline;}
.bodytext a:hover { color:#9b0400; text-decoration:underline;}