body, td, th, input, select, textarea { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #333; text-align: left; }
body { margin: 0px; padding: 0px; background-color: #CCC; }

a { text-decoration: underline; color: #009DDC; }
a:hover { text-decoration: underline; color: #F60; }

h1 { margin: 16px 0px 32px 0px; padding: 0px 32px 0px 0px; font-weight: bold; text-align: right; font-size: 18px; letter-spacing: 3px; /*border-right: 32px solid #D1D3D4;*/; border-right: 32px solid #F60; }
h2 { margin: 0px; padding: 8px 16px 8px 0; font-size: 12px; text-align: left; line-height: 20px;}

ul { list-style-image: url(images/bgr.li.gif); list-style-type: square; }
	ul#subMenu {
	font-size: 13px; 
	float: left;
	margin-left: 16px;
	margin-bottom: 16px;
	margin-top: 0px;
}
li { margin-bottom: 6px; }

/*input { }*/
/*textarea {  }*/

form { margin: 0px; padding: 0px; }

div#container { margin: 10px auto; padding: 10px 0px; background-color: #FFF; width: 1010px; text-align: center; }
	div#layout { margin: 0px auto; padding: 0px; background-color: #FFF; width: 990px; text-align: center; background-image: url(images/bgr.top.jpg); background-position: top; background-repeat: no-repeat; }
		div#header { margin: 0; padding: 0px; height: 168px; }
			div#header div#navbar { height: 26px; margin: 0px; padding: 0px 0px 0px 16px; }
				div#header div#navbar a { display: block; float: left; height: 26px; line-height: 26px; margin: 0px; padding: 0px 8px 0px 13px; color: #FFF; text-decoration: none; }
				div#header div#navbar a:hover { color: #000; background-color: #009DDC; background-image: url(images/bgr.nav.gif); background-position: left; background-repeat: repeat-y; }
				div#header div#navbar a.flag { display: block; float: right; width: 40px; margin: 0px 0 0 0px; background-color: transparent; }				
					div#header div#navbar a.flag:hover { background-color: #009ddc; background-image: none; }
											a.flag img { border: 1px solid #FFF ; margin: 6px 20px 0 6px; }				
				
			table#search { float: left; padding: 0px; margin: 110px 0px 0px 160px; width: 192px; }
				table#search td.field { border: 1px solid #009DDC; background-color: #D1D3D4; width: 150px; text-align: center; height: 18px; }				
					table#search td.field input { border: none; background-color: #D1D3D4; width: 90%; }							
				table#search td.submit { border: 1px solid #009DDC; background-color: #009DDC; width: 40px; text-align: center; height: 18px; }				
					table#search td.submit input { border: none; }							
			div#address { font-weight: bold; float: right; padding: 0px; margin: 0px 32px 0px 0px; height: 136px; color: #FFF; text-align: right; line-height: 16px; }
				div#address a { color: #FFF; text-decoration: none;	 }			
			a#home { display: block; float: left; padding: 0px; margin: 0px; height: 136px; width: 150px; text-align: right; line-height: 16px; }
			
		div#left { width: 152px; float: left; margin: 0px; padding: 0px; }
			div#menu,
			div#anketa { padding: 8px 0px 12px 0px; margin: 6px 0px 8px 0px; border-bottom: 9px solid #000; text-align: left; background-position: left bottom; background-repeat: no-repeat; }
				div#pollContainer { padding: 0; margin: 16px 10px 6px 26px; font-weight: 10px; line-height: 10px; text-align: left; }
					div#pollContainer a { color: #F60 !important; text-decoration: underline; display: inline !important;; }
			div#menu { background-color: #009DDC; color: #FFF; background-image: url(images/bgr.menu.gif); }
				div#menu a:hover { background-color: #D1D3D4; color: #000; }
			a#cena { display: block; width: 152px; height: 204px; margin: 8px 0px 8px 0px; border-bottom: 9px solid #000; border-top: 6px solid #D1D3D4; background-position: 0 0; background-repeat: no-repeat; background-image: url(images/bgr.cena.gif); }
				a#cena:hover { background-position: 0 -204px; }
			a#poradny { display: block; width: 152px; height: 207px; margin: 8px 0px 8px 0px; border-bottom: 9px solid #000; border-top: 6px solid #D1D3D4; background-position: 0 -207px; background-repeat: no-repeat; background-image: url(images/bgr.poradny.gif); }
				a#poradny:hover { background-position: 0 0; }

				div#menu a:hover { background-color: #D1D3D4; color: #000; }
			a#brozura { display: block; width: 152px; height: 207px; margin: 8px 0px 8px 0px; border-bottom: 9px solid #000; border-top: 6px solid #D1D3D4; background-position: 0 0; background-repeat: no-repeat; background-image: url(images/bgr.brozura.gif); }
			div#anketa { background-color: #CCC; color: #666; border-top: 6px solid #D1D3D4; background-image: url(images/bgr.anketa.gif); }
				div#anketa div#question,
				div#anketa div.stripe,
				div#menu a,
				div#menu strong,
				div#anketa a { display: block; margin: 2px 0px 2px 24px; padding: 2px 2px 2px 2px; text-decoration: none; }
				div#menu a { color: #FFF; }
				div#menu a.grp { background-image: url(images/bgr.sub.gif); background-position: 90% 4px; background-repeat: no-repeat; padding-right: 20px; }
				div#anketa a { color: #666;}
				div#anketa div#question { color: #000; margin-bottom: 16px; font-weight: bold; }
				div#anketa a#historyLink {
					display: block;
					font-size: 9px;
					color: #009ddc;
					text-align: right;	
				}

			div.dropDownBox {
				position:absolute;
				width: 300px;
				background-color: #EEE;		
				left: 0;
				margin: 0;
				padding: 8px;
				display: block;
				visibility: hidden;
				z-index: 1000;
				text-align: left;
			}	
				div.dropDownBox a { color: #666; display: block; padding: 4px 4px 4px 24px; text-decoration: none; background-image: url(images/bgr.li.gif); background-position: 8px 6px; background-repeat: no-repeat; }
				div.dropDownBox a:hover { color: #CCC; background-color: #333; }
				
		div#right { width: 152px; float: right; margin: 0px; padding: 0px; }
			div#partners { background-color: #CCC; color: #666; padding: 4px 0px 4px 0px; margin: 0px 0px 8px 0px; border-bottom: 9px solid #000; text-align: left; background-position: left bottom; background-repeat: no-repeat; }
			div#partners { background-image: url(images/bgr.partneri.gif); }
				div#partners a { font-size: 9px; text-align: right; display: block; color: #555; margin: 2px 0px 2px 18px; padding: 4px 0px; text-decoration: none; }
				div#partners a.textLink { text-align: left; }
				div#partners a:hover { color: #000; }
				div#partners img { border: none; }

	div#partnersRlv { background-color: #CCC; color: #666; padding: 4px 0px 4px 0px; margin: 0px 0px 8px 0px; border-bottom: 9px solid #000; text-align: left; background-position: left bottom; background-repeat: no-repeat; }
			div#partnersRlv { background-image: url(images/bgr.partneri.gif); }				
/*
			div#links { background-color: #FFF; color: #666; padding: 4px 0px 4px 0px; margin: 0px 0px 8px 0px; border-bottom: 9px solid #000; text-align: left; background-position: left bottom; background-repeat: no-repeat; }
			div#links { background-image: url(images/bgr.links.gif); }
				div#links a { font-size: 9px; text-align: right; display: block; color: #555; margin: 2px 0px 2px 18px; padding: 4px 0px; text-decoration: none; }
				div#links a.textLink { margin-left: 30px; text-align: left; }
				div#links a:hover { color: #000; }
				div#links img { border: none; }
*/

			div#links { background-color: #FFF; color: #666; padding: 4px 0px 4px 8px; margin: 24px 0px 8px 0px; text-align: left; background-position: left bottom; background-repeat: no-repeat; }
			div#links { background-image: none; }
/*				div#links a { font-size: 9px; text-align: left; display: block; color: #555; margin: 0px; padding: 4px 0px; text-decoration: none; }*/
/*				div#links a.textLink { margin-left: 30px; text-align: left; }*/
/*				div#links a:hover { color: #000; }*/
				div#links img { border: none; }

		div#main { width: 686px; float: left; margin: 0px; padding: 0px; text-align: center; position: relative; }
			div#main div#content { width: 631px; margin: 0px auto; padding: 0px 16px 0 16px; text-align: left;  }

				div.listItem { margin: 0px 0px 8px 0px; padding: 0px; }
					div.dateBox { text-align: left; border-left: 6px solid #009DDC; margin: 0px; padding: 0px; height:6px; overflow: hidden; }
						div.dateBox div.blackHead { float: left; margin: 0px; padding-left: 8px; font-weight: bold; height: 18px; line-height: 18px; width: 5px; background-color: #000; color: #009DDC; }
					div.listItem h2 { border-left: 6px solid #009DDC; background-color: #CCC; padding: 0px 16px; }
						div.listItem h2 a { color: #000; }
					div.imgBox { float: right; border-right: 8px solid #D1D3D4; padding: 0px; margin: 0px 0px 8px 8px; }
						div.imgBox img { border: none; }
				.perex { text-align: left; border-left: 12px solid #FFF; margin: 0px; padding: 2px 8px; }
				div.listItem .text ,
				.text { text-align: left; border-left: 12px solid #FFF; margin: 0px; padding: 2px 8px; }
				.date {font-size: 9px; color: #009DDC;	border-left: 6px solid #009DDC;  padding: 2px 14px; }
				.more {font-size: 9px; color: #009DDC;	border-left: 6px solid #FFF;  padding: 2px 14px; text-align: right; }
				.artc_img { float: right; margin: 0px 0px 8px 8px; padding: 2px; text-align: right; }
				.artc_img img { margin: 0px 0px 8px 0px; padding: 2px; border: 1px solid #009DDC; }
				.artc_thm { float: left; margin: 0px 3px 3px 0px; padding: 0px; }
				.artc_thm img { margin: 0px; padding: 1px; border: 1px solid #009DDC; }

				div.atcBox { float: left; margin: 0 10px 16px 0; padding: 0; width: 200px; height: 350px; overflow: hidden; border-bottom: none; border-top: 2px solid #CCC; }
					div.atcBox div.imgBox { margin: 0 0 8px 0; height: 120px; text-align: left; float: none; clear: both; }
						div.atcBox div.imgBox img { border: 1px solid #666; margin: 0; }
					div.atcBox div.date { color: #009DDC; font-size: 9px; margin: 8px 0 8px 0; }
					div.atcBox h2 { color: #000; margin: 0 0 8px 0; font-size: 100%; padding: 0; line-height: normal; }
					div.atcBox div.perex { color: #666; margin: 0 0 8px 0; font-size: 100%; padding: 0; }
					div.atcBox div.more { color: #009DDC; font-size: 9px; text-align: right; }
					div.atcBox div.imgBox, 
					div.atcBox h2, 
					div.atcBox div.perex, 
					div.atcBox div.more { border: none; }

			div.pageGallery { float: right; text-align: right; width: 338px; margin: 0 0 0 16px; padding: 0; }
				div.pageImg { margin: 0 0 8px 0; padding: 0; }
					div.pageImg img { border: none; }
					
			div.pageContent { float: left; }

			.glr { float: left; width: 160px; margin: 8px; padding: 0px; }	
				.glrVisual { /*height: 120px;*/ margin: 8px 0px 0px 0px; padding: 0px; }
				.glrVisual img { border: none; }
				.glr h2 { margin: 4px 0px 0px 0px; padding: 0px; font-size: 10px; line-height: 10px; }	
				.glr a { font-size: 10px; }	
			.glrSpr { clear: both; float: none; margin: 0px; padding: 0px; border-top: 1px solid #999; }

			table.thumbs { margin: 24px 0px 16px 0px; }
				.thm { vertical-align: middle; text-align: center; background-color: #DFDFDF; padding: 6px; }
				.thm img { border: none; }

		a#rolloverPms { display: block; width: 130px; height: 26px; background-image: url(images/rollover.pms.gif); background-position: 0 0; background-repeat: no-repeat; padding: 0; margin: 0 0 6px 0; float: right; }
			a#rolloverPms:hover { background-position: 0 -26px; }
		a#rolloverVebo { display: block; width: 130px; height: 42px; background-image: url(images/rollover.vebo.gif); background-position: 0 0; background-repeat: no-repeat; padding: 0; margin: 0 0 6px 0; float: right; }
			a#rolloverVebo:hover { background-position: 0 -42px; }
		a#rolloverVscr { display: block; width: 55px; height: 60px; background-image: url(images/rollover.vscr.gif); background-position: 0 0; background-repeat: no-repeat; padding: 0; margin: 0 8px 6px 0; float: right; }
			a#rolloverVscr:hover { background-position: 0 -60px; }
		a#rolloverSance { display: block; width: 70px; height: 23px; background-image: url(images/rollover.sance.gif); background-position: 0 0; background-repeat: no-repeat; padding: 0; margin: 0 0 6px 0; }
			a#rolloverSance:hover { background-position: 0 -23px; }
		a#rolloverMentor { display: block; width: 70px; height: 30px; background-image: url(images/rollover.mentor.gif); background-position: 0 0; background-repeat: no-repeat; padding: 0; margin: 0 0 6px 0; }
			a#rolloverMentor:hover { background-position: 0 -30px; }


div.filter { margin: 0 0 32px 0; padding: 0; }
	div.filter h2 { font-weight: bold; font-size: 14px; }
	div.filter .sbmt { float: right; }
	div.filterItem { float: left; height: 16px; width: 210px; overflow: hidden; }
		div.filterItem label { line-height: 16px; }
		div.filterItem input { float: left; background-color: transparent; border: none; }

div.pieBox { margin: 8px 0px; }
	div.pieBox img { border: 1px solid #FFF; }
	div.pieBox .graph { float: left; width: 260px; }
	div.pieBox .lgnd { float: right; width: 310px; }

		
div.paginator { margin: 8px 0; padding: 0; text-align: center; }
					
div#footer { margin: 16px 0px 0px 0px; color: #FFF; height: 20px; line-height: 20px; text-align: center; border-left: 16px solid #000; border-right: 16px solid #009DDC; background-color: #D1D3D4; }

.contactForm { margin: 24px; padding: 0}
.contactForm input { display: block; float: left; height: 20px; line-height: 20px; border: 1px solid #666; margin: 0 0 8px 0; width: 250px; }
.contactForm input.sbmt { display: block; float: left; height: 20px; line-height: 20px; border: 1px solid #333; margin: 0 0 8px 0; width: 250px; color: #FFF; background-color: #666; text-align: center; padding: 3px 0; }
.contactForm label { display: block; float: left; height: 20px; line-height: 20px; margin: 0 0 8px 0; width: 80px; }
.contactForm textarea { height: 120px; margin: 0 0 8px 0; width: 330px; border: 1px solid #666; cursor: pointer; }

/* ================================ mupis ======================================== */
div#mupLogin { background-color: #CCC;  padding: 4px 0px 4px 0px; margin: 0px 0px 8px 0px; border-bottom: 9px solid #000; text-align: left; background-position: left bottom; background-repeat: no-repeat; }
div#mupLogin { background-image: url(images/bgr.mupis.gif); }
	div#mupLogin h2 { color: #666; font-size: 12px; margin: 0 0 0 24px; padding: 4px; font-weight: normal; }
	div#mupLogin input { font-size: 12px; width: 120px; border: 1px solid #909090; margin: 0 0 0 24px; }
	div#right input.submit { margin-top: 10px; margin-right: 8px; width: 65px; float: right; text-align: center; font-size: 9px; cursor: pointer; }


/* ================================ mupis ======================================== */

.al_l { text-align: left; }	
.al_c { text-align: center; }
.al_r { text-align: right; }

.cmp { font-weight: bold; }
.err { color: #F00; font-weight: bold; }
.clickable { cursor: pointer; }
.cleaner { float: none; clear: both; }