/* CSS Document - EU CENTRUM */

/***** color definitions ******
body		#fbfbfd ['white']
			#94a6cb [blue]

menu		#9eaad2 [light blue]
menu:hover	#002194 [dark blue]
			#f7c608 [yellow]

content h1	#f9e491 [light yellow]
links		#002194 [dark blue]
footer,
right		#e1e1e1 [gray]

borders		#959595 [light gray]
			#171e25 [dark gray]

******************************/

/******************************

	global

******************************/
* { padding: 0; margin: 0; }
body { font: 12px Arial, Helvetica, sans-serif; color: #000; background: #fbfbfd url(../img/body-bg.png) left top repeat-x; padding-top: 12px; padding-bottom: 20px; }

a { color: #002194; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: none; }
p { line-height: 1.3; }
hr { display: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; line-height: 0; }
.hidden { display: none; }
.center { text-align: center; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.bold { font-weight: bold; }
.no-border { border: none !important; }

/* overlapping */
.overlap { position: relative; overflow: hidden; }
.overlap span { position: absolute; top: 0; left: 0; background-position: 0 0; background-repeat: no-repeat; }
.overlap a span,
a.overlap span { cursor: pointer; }


/******************************

	layout

******************************/
#page-wrapper { width: 980px; margin: auto; position: relative; border: 1px solid #171e25; /*border-top: none;*/ background: #fff url(../img/page-wrapper-bg.png) 215px 0 repeat-y; }
#left-wrapper { float: left; width: 746px; }
#content { float: right; width: 530px; margin-top: 36px; padding: 130px 0 0 0; }
#right-column { float: right; width: 209px; padding: 5px 0 5px 5px; border-left: 1px solid #959595; background-color: #e1e1e1; }
#left-column { float: left; width: 215px; border-right: 1px solid #959595; }


/******************************

	header

******************************/
#header { height: 100px; background: #f9cc1c url(../img/header-bg.jpg) left top no-repeat; }
#logo { font-size: 24px; font-weight: bold; width: 210px; height: 100px; }
#logo img { display: block; }
#logo a { color: #002194; text-decoration: none; }


/******************************

	menu + sitemap

******************************/
/* main menu */
#menu { position: absolute; top: 70px; left: 215px; width: 765px; height: 30px; background-color: #9eaad2; }
#menu ul { list-style: none; }
#menu ul li { float: left; padding-right: 1px; background: #9eaad2 url(../img/menu-li-separator.png) right center no-repeat; }
#menu ul li.last { background-image: none; }
#menu ul li a { display: block; float: left; font-size: 13px; color: #fff; padding: 7px 21px 7px; text-decoration: none; }
#menu ul li a:hover,
#menu ul li.active a { background-color: #002194; }

/* sitemap */
#sitemap { position: absolute; top: 10px; right: 20px; font-size: 10px; }
#sitemap a { padding: 3px 0 2px 18px; background: url(../img/sitemap.png) 0 3px no-repeat; }


/******************************

	breadcrumbs

******************************/
#breadcrumbs { position: absolute; top: 100px; left: 215px; width: 510px; padding: 12px 20px; font-size: 10px; color: #002194; }


/******************************

	content

******************************/
#hp #content { background: url(../img/content-visual-hp.jpg) 0 0 no-repeat; }
#content { background: url(../img/content-visual.jpg) 0 0 no-repeat; }
#content h1.welcome { font-size: 17px; color: #002194; background: #f9e491 url(../img/content-h1-corner.png) right bottom no-repeat; padding: 20px 50px 20px 40px; }
#content .indent { margin: 5px 0 10px 30px; }
#content .indent h1 { font-size: 16px; color: #002194; padding: 15px 0 5px; }
#content .indent h2 { font-size: 14px; padding: 10px 0 2px; }
#content .indent h3 { font-size: 13px; padding: 5px 0 0; }
#content p.introduction { font-weight: bold; margin-bottom: 10px; }
#content p { padding: 5px 0; }
#content ul { padding: 5px; list-style: none; }
#content ul li { background: url(../img/content-li-bg.png) 0 5px no-repeat; padding: 0 0 5px 18px; }


/******************************

	left column

******************************/
/* left menu */
#left-menu h2 { font-size: 13px; font-weight: normal; color: #fff; background: #002194 url(../img/left-arrow-yellow.png) 12px 14px no-repeat; padding: 7px 5px 7px 30px; border: 1px solid #2592cb; border-width: 1px 0; }
#left-menu ul { list-style: none; }
#left-menu ul li a { display: block; width: 180px; font-size: 13px; color: #fff; background: #9eaad2 url(../img/left-li-bg.png) 10px 8px no-repeat; padding: 7px 5px 7px 30px; border-bottom: 1px solid #2592cb; text-decoration: none; }
#left-menu ul li a:hover,
#left-menu ul li.active a { color: #002194; background: #f7c608 url(../img/left-li-hover-bg.png) 10px 8px no-repeat; }
#left-menu ul li.highlight a {border-top: 2px solid #2592cb;}

/* partners */
#partners { margin: 10px 20px 0 10px; text-align: center; }
#partners h2 { text-align: left; font-size: 12px; font-weight: normal; color: #002194; background: url(../img/star-yellow-transparent-bg.png) 0 10px no-repeat; padding: 10px 0 10px 20px; }
#partners a { display: block; width: 100px; margin: 5px auto 25px; }


/*****************************

	right column

******************************/
#right-column h2 { font-size: 12px; font-weight: normal; color: #002194; background: #f9e491 url(../img/star-yellow-transparent-bg.png) 10px 7px no-repeat; padding: 7px 5px 7px 30px; border: 1px solid #002194; border-right: none; }
#right-column p.list-all { float: right; margin: -22px 10px 0 0; font-size: 11px; border: none; }
#right-column h3 { font-size: 11px; color: #002194; padding: 8px 10px 3px 15px; }
#right-column p { font-size: 11px; padding: 0 0 8px 0; margin: 0 15px 0 15px; border-bottom: 1px solid #979797; }
#right-column p a.more { background: url(../img/content-li-bg.png) right center no-repeat; padding-right: 14px; }


/******************************

	forms / tables

******************************/
form fieldset { border: none; }
input,
textarea,
select { font: 12px Arial, Helvetica, sans-serif; border: 1px solid #959595; background: #fff; padding: 1px; }

/* common table */
#content table{border-collapse: collapse;}
#content table tr{border: 1px black solid;}
#content table tr td{border: 1px black solid; padding: 1px 4px; }
#content span{cursor: pointer;}
/* common form */
#content form { margin: 10px 0; }
#content form label { font-weight: bold; }
#content form table td {border-collapse: collapse; padding: 3px 3px; }
#content form table tr {border: 1px black solid;}
#content form table tr.sekce {background-color: #9eaad2;}
#content form .input { width: 230px; padding: 2px 3px; }
#content form textarea { width: 460px; height: 80px; margin-top: 3px; }
#content form .submit { background: #fff url(../img/content-li-bg.png) left 7px no-repeat; color: #002194; padding: 2px 0 2px 10px; cursor: pointer; font-weight: bold; border: none; }
#content form .radio,
#content form .checkbox { vertical-align: middle; border: none; margin: 0 3px; }


/******************************

	footer + bottom menu

******************************/
/* bottom menu */
#bottom-menu { background-color: #fff; border-top: 1px solid #959595; padding: 6px 10px; text-align: center; }
#bottom-menu a { margin: 0 15px; }

/* footer */
#footer { background-color: #e1e1e1; border-top: 1px solid #171e25; padding: 10px 10px 10px 0; }
#footer p { float: left; padding: 0 0 0 40px; }
#footer p a { color: #000; }
#footer #copy { float: right; font-size: 10px; margin-top: 30px; }
#footer #copy img { vertical-align: middle; margin: -1px 0 0 5px; }

#article-links {position: relative; clear: both; height: 60px; margin-bottom: 20px; font-size: 0.92em; padding-top: 2px; }
#article-links a { border: 2px solid #E4E4E4; padding: 4px 6px 4px 6px; text-transform: uppercase; color:#000000; }
#article-links a:hover { border-color: #9eaad2; color: #9eaad2;}
#article-links a.previous {position: absolute; top: 10px; left: 0px;}
#article-links a.next {position: absolute; top: 10px; right: 0px;}
#article-links a.active { border-color: #9eaad2; color: #9eaad2;}
#article-links .page-numbers { width: 420px; display: block; text-align: center; position: relative; top: -19px; left: 206px; overflow: visible;}
#article-links .page-numbers p { font-size: 1em; width: 420px; position: relative; left: -210px; top: -1px; overflow: visible; line-height: 40px;}
#article-links .page-numbers p a { padding: 5px 6px 5px 6px;}

#dhtmltooltip{
position: absolute;
width: 350px;
border: 1px solid black;
padding: 4px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}