body, p, td, input, button { font: normal 11px 'Trebuchet MS' }
.clear { clear: both; height: 1px; line-height: 1px; font-size: 1px; visibility: hidden }

@media screen
{
	body, html { background: #fff; margin: 0; padding: 0; height: 100% }
	body { margin: 0 auto; width: 940px }
	a img { border: none 0 }

	a, a:visited { color: #00519e }
	
	
	div.container { background: url('../images/content-bg.gif') repeat-y; min-height: 100%; position: relative }
	div.container.col-2 { background: url('../images/content-bg-full.gif') repeat-y; min-height: 100%; position: relative }
	* html div.container { height: 100% }
	
	div.head { background: #fff url('../images/bg.jpg') no-repeat 100% 0; padding: 14px 23px 13px 23px }
	div.head div { background: url('../images/head-bg.gif') no-repeat 50% 50% }
		
	div.left { float: left; padding-bottom: 60px; width: 188px }
	
	div.left ul a, div.left ul a:visited { color: #fff; text-decoration: none }
	div.left ul { margin: 0; padding: 0; list-style: none outside }
	div.left ul ul { display: none; margin: 4px 0 }
	div.left ul li { background: #00519e url('../images/left-menu-bg.jpg') no-repeat 0 100%; line-height: 13px; padding: 10px 0 10px 30px }
	div.left ul ul li { background: transparent url('../images/bullet.gif') no-repeat 4px 0.6em; color: #fff; list-style: none outside; padding: 2px 10px 2px 15px }
	div.left ul.expanded { display: block !important }
	div.left ul.collapsed { display: none !important }

	
	
	div.panel { padding: 4px 3px 0px 3px }
	div.panel a { color: #000; text-decoration: none }
	div.panel a:hover { text-decoration: underline }
	
	div.contact { background: url('../images/left-contact-bg.gif') no-repeat 0 100%; padding-bottom: 13px }
	div.contact img { display: block; margin-bottom: 13px }
	div.contact a { background: url('../images/arrow.gif') no-repeat 0 50%; display: block; line-height: 17px; margin-left: 18px; padding:  3px 0px 3px 25px }
	div.contact a, div.contact a:visited { color: #000 }

	div.arrow-bubble { background: url('../images/left-arrow-bubble.jpg') no-repeat; line-height: 26px; margin-top: 4px }
	div.mail-bubble { background: url('../images/left-mail-bubble.jpg') no-repeat; line-height: 26px; margin-top: 4px }	
	div.arrow-bubble a, div.mail-bubble a { display: block; padding: 5px 0 5px 40px }	
	div.arrow-bubble a { color: #00519d; font-size: 12px; line-height: 26px; text-transform: uppercase; font-weight: bold }

	div.newsletter { background: url('../images/newsletter-bg.jpg') no-repeat; margin: 3px 0; padding: 8px 15px; position: relative }
	div.newsletter h3 { background: url('../images/arrow.gif') no-repeat 0 50%; color: #00519d; font-size: 12px; line-height: 15px; margin: 0; padding: 0 0 0 22px; text-transform: uppercase }
	div.newsletter p { font-size: 9px; line-height: 13px; margin: 4px 0; padding: 0 0 0 22px }
	div.newsletter form { margin: 0; padding: 0 }
	div.newsletter label { float: left; font-size: 9px; line-height: 18px; margin: 0 0 0 22px; position: relative; width: 36px }
	div.newsletter input { float: left; font-size: 9px; margin: 0 2px; position: relative; width: 80px }
	div.newsletter button { clear: both; display: block; width: 54px; height: 18px; margin: 1px 0 0 60px; padding: 0; border: 0; background: url('../images/newsletter-button.gif') no-repeat center top; text-indent: -1000em; cursor: pointer; cursor: hand }
	
	div.euro-calc { background: url('../images/euro-calc-bg.jpg') no-repeat; margin: 3px 0; padding: 8px 15px }
	div.euro-calc h3 { background: url('../images/euro.gif') no-repeat 3px 50%; color: #e36f00; font-size: 12px; line-height: 15px; margin: 0 0 10px 0; padding: 0 0 0 24px; text-transform: uppercase }
	div.euro-calc p { font-size: 11px; line-height: 13px; margin: 4px 0; padding: 0 }
	div.euro-calc p.i1 { padding: 0 0 0 24px }
	div.euro-calc p.i2 { padding: 0 0 0 24px }
	div.euro-calc p.i3 { padding: 0 0 0 24px }
	div.euro-calc p.i4 { font-weight: bold; color: #eb6f00; height: 26px; padding: 0 0 0 24px  }
	div.euro-calc .i1 label { font-size: 11px; line-height: 18px; margin: 0 }
	div.euro-calc .i1 input { font-size: 11px; margin: 0 2px; position: relative; width: 60px }
	div.euro-calc .i3 input { width: 39px; height: 18px; font-size: 10px; color: #fff; margin: 0 0 0 5px; padding: 0; border: 0; background: url('../images/euro-calc-to.gif') no-repeat center top; cursor: pointer; cursor: hand }
	div.euro-calc .i3 input { width: 39px; height: 18px; font-size: 10px; color: #fff; margin: 0 0 0 5px; padding: 0; border: 0; background: url('../images/euro-calc-to.gif') no-repeat center top; cursor: pointer; cursor: hand }

	div.top { background: url('../images/right-bg.gif') repeat-x; float: left; height: 63px; width: 751px }
	
	div.top-roller { border-left: solid 1px #fefefe; border-bottom: solid 1px #cbcaca; background: #e5e5e5 url('../images/middle-top-line.gif') no-repeat 50% 7px; color: #b00101; float: left; line-height: 25px; padding: 10px 35px 5px 35px; width: 429px }
	div.top-roller marquee { background: #fff; height: 16px; line-height: 16px }
	div.top-roller a { color: #b00101; font-weight: bold; text-decoration: none }
	
	div.top-menu { border-left: solid 1px #fefefe; border-top: solid 1px #fefefe; float: left; width: 499px }
	div.top-menu ul { background: #efeeee; margin: 0; padding: 0; list-style: outside none; text-align: center }
	div.top-menu li { display: inline; margin: 0;  padding: 0px 10px }
	div.top-menu a { color : #003b72; font-weight: bold; line-height: 30px; text-decoration: none}
	
	div.lang-bar { float: right; width: 241px; background:url('../images/right-language-bar-line.jpg') no-repeat 0 100%; line-height: 16px; padding: 10px 0px 7px 10px }
	div.lang-bar a { color: #000000; text-decoration: none; }
	div.lang-bar a.sk-SK { background:url('../images/right-language-bar-sk.gif') no-repeat 0 0 ; padding:  0px 25px}
	div.lang-bar a.en-US { background:url('../images/right-language-bar-en.jpg') no-repeat 0 0 ; padding:  0px 25px}
	
	form.search { float: right; width: 240px; height: 26px; margin: 4px 0 0 10px }
	form.search input { padding: 0; margin: 0 3px; width: 90px }
	form.search button { width: 54px; height: 18px; margin: 0; padding: 0; border: 0; background: url('../images/searchbutton.jpg') no-repeat center top; text-indent: -1000em; cursor: pointer; cursor: hand }
	
		
	div.middle  { float: left; width: 501px }

	div.main { padding-bottom: 60px }

	div.main div.left-column { clear: left; float: left; padding: 0px 0px 0px 10px; width: 236px }
	div.main div.right-column { clear: right; float: right; padding-right: 4px; width: 236px }
	div.main div.left-column a, div.main div.right-column a { text-decoration: none }
	div.main div.left-column a:hover, div.main div.right-column a:hover { text-decoration: underline }
	div.main h2 { background: url('../images/dotted-line.gif') repeat-x 0 100%; color: #5b5b5b; font-size: 12px; font-weight: bold; line-height: 25px; margin: 10px 0 10px 0; padding: 0; text-transform: uppercase }
	div.main h2 a { color: #5b5b5b }
	div.main h3 { color: #f27200; font-size: 14px; margin: 16px 0 5px 0 }
	div.main h3 a { color: #f27200; text-decoration: none }
	div.main a:hover { text-decoration: underline }

	
	div.main .arrow { background: url('../images/arrow.gif') no-repeat 3px 50%; padding: 0px 25px }
	div.main .question { background: url('../images/question.gif') no-repeat 3px 50%; padding: 0px 25px }
	div.main .graph { background: url('../images/graph.gif') no-repeat 3px 50%; padding: 0px 25px }
	div.main .exclam { background: url('../images/exclamation.gif') no-repeat 3px 50%; padding: 0px 25px }
	div.main a.pdf { background:  url('../images/pdf.jpg') no-repeat 3px 0%; color: #00519e; display: block; padding: 0 0 5px 25px }

	div.main a:link { color: #00519e }

	div.main .right-column h3 a { color: #00519e }
	div.main a:link { color: #00519e }
	
	
	div.row { margin: 0 6px 0 6px }

	div.full  { background: #fff; float: right; width: 740px }

	div.right { float: left; font-weight: bold; width: 251px }

	
	
	div.right-panel { margin: 0px 6px 0px 6px }
	
	
	
	table.fondy { border: solid 1px #003d75; border-collapse: collapse; table-layout: fixed; width: 236px; }
	table.fondy tr { height: 30px; vertical-align: middle }
	table.fondy th, table.fondy td { font-size: 10px; padding: 0 6px }
	table.fondy thead { background: #00519d url('../images/fondy-head.gif') repeat-x 0 100%; color: #fff }
	table.fondy thead th { text-align: left }
	table.fondy thead td, fondy thead th { font-weight: bold; padding: 3px 0; text-align: center }
	table.fondy tbody, table.fondy tfoot { color: #00509d }
	table.fondy tbody th { text-align: left }
	table.fondy tbody th, table.fondy tbody td { padding: 0 6px }
	table.fondy tbody td { text-align: right }
	table.fondy tbody tr.alt { background: #e8f6fe }
	
	table.fondy tbody td.down, table.fondy tbody td.up, table.fondy tbody td.neutral { background-repeat: no-repeat; background-position: 95% 50%; padding-right: 25px }
	table.fondy tbody td.down { background-image: url('../images/down.gif') }
	table.fondy tbody td.up { background-image: url('../images/up.gif') }
	table.fondy tbody td.neutral { background-image: url('../images/neutral.gif') }

	table.fondy tr.bottom { background: #00519d url('../images/fondy-head.gif') repeat-x 0 100%; color: #fff }
	table.fondy tr.bottom th, table.fondy tr.bottom td {  }
	table.fondy tr.bottom th { font-weight: bold }
	table.fondy tr.bottom td { text-align: right }
	table.fondy tr.bottom input { border: none 0; font-size: 9px; margin: 0 3px; width: 6em }
	table.fondy tr.bottom button { width: 54px; height: 18px; margin: 0; padding: 0; border: 0; background: url('../images/searchbutton.jpg') no-repeat center top; text-indent: -1000em; cursor: pointer; cursor: hand }
	
	div.footer { background:  url('../images/dotted-line.gif') repeat-x 0 5px; bottom: 0; color: #a09f9f; font-size: 10px; height: 45px; padding: 7px 0 0 205px; position: absolute; width: 735px }
	div.footer2 { background: #fff; padding: 7px 0 }
}

@media print
{
}



.suggestionForm textarea{border:solid 1px #717171;width:500px;height:100px;background-color:#F7F7F7}
.suggestionForm #bottom{padding:5px;border:solid 1px #717171;width:490px;background-color:#E5E5E5}
.suggestionForm #separator{border-top:solid 1px black;height:1px;margin-top:20px}

.poradnaQ{width:400px;font-weight:bold;padding:10px;}
.poradnaA{width:500px;font-style:italic;background-color:#E5E5E5;padding:10px}

fieldset.contact { border: none 0; padding: 0; margin: 0 }
fieldset.contact ul { margin: 10px 0; padding: 0 }
fieldset.contact ul li { list-style: none outside }
fieldset.contact div.input, fieldset.contact div.captcha { padding: 3px 0; margin: 3px 0; clear: both }
fieldset.contact div.input input { width: 23em; border: solid 1px #535353 }
fieldset.contact div.captcha input  { width: 150px; padding: 0; border: solid 1px #535353 }
fieldset.contact div.captcha img  { border: solid 1px #535353 }
fieldset.contact div.input textarea { width: 23em; height: 8em; vertical-align: top; border: solid 1px #535353 }
fieldset.contact div.input label { float: left; width: 10em; padding-top: 4px }
fieldset.contact div.buttons { padding-left: 10em }
fieldset.contact div.buttons input {font-size:11px;border:solid 1px #717171;padding: 0 10px;margin:0px;background:url('../images/btnSend.gif') no-repeat 50% 100%;height:19px; width:100px}


.d_b {display:block}
.d_n {display:none}