@CHARSET "UTF-8";



#popupBg {
	background: url('../pics/bg.png');
	width: 100%;
	height: 300px;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;	
}
.popupFrame {
	cursor: pointer;
}
#contactPopup {
	width: 360px;
	height: 520px;
	margin: 0 auto;	
	
} 
#contactPopup a {
	color: white;
	font-weight: bold;
	background: black;
	padding: 2px 7px;
	font-size: 110%;
	text-transform: uppercase; 
	
}
#contactPopup a img {
	
}
body {
	font-family: Arial, sans-serif;	
	font-size: 0.75em;
	background: white;
}

a, a:visited, a:active {
	color: black;
	text-decoration: none;
	border-bottom: 1px dotted gray;
}
#jquery-lightbox a {
	border-bottom: 0 !important;
}
a:hover, li.sel a {
	border-bottom: 1px solid black;
}
a.selected {
	font-weight: bold;	
}



#header {
	background: yellow;
	position: relative;
	float: left;
	width: 100%;
	padding: 5px 0;
	}
	
	#header a {
		color: black;
		text-decoration: none;
	}
	#header a:hover {
		
	}
	#header a#logo {
		text-decoration: none;
		float: left;
		margin-right: 58px;
		background: none;
		margin-left: 5px;
		margin-top: 2px;
		border: none;
	}
	#header h1 {
		display: none;
	}
	#header h1, #header form {
		margin: 0;
		padding: 0;
	}
	#header ul {
		float: left;
		margin-right: 40px;
		margin-top: 13px;
	}
	#header ul li a {
		line-height: 1.7em;
		font-family: "Arial Narrow", Arial, sans-serif;
		font-size: 110%;
	}
	#header #headerRight {
		position: absolute;
		right: 10px;
		top: 15px;
		text-align: right;
	}

#subRightNav {
	margin: 10px 0 0 0;
}a

#subRightNav img {
	vertical-align: middle;
	margin-right: 4px;
}
#subRightNav a {
	margin-left: 20px;	
}


#panel {
	background: #e1e0e0;
	color: white;
	float: left;
	width: 100%;
	clear: both;
	position: relative;
	height: 200px;
	overflow: hidden;
}
#panel #panelImg {
	position: absolute;
	top: 0;
	left: 0;	
}
#panel #panelAnchor {
	position: absolute;
	top: 0;
	left: 0;	
	width: 100%;
	height: 200px;
	display: block;
	overflow: hidden;
background: url('../pics/bg.png') no-repeat 0 -50px;
}
#panel .panelAnchorTest {
	background: url('../img/banner/panelSubscribe.png') no-repeat 80% 60px;
}

#panel #navigation {
	position: absolute;
	bottom: 0;
	left: 10px;
	background: none;
}
#navigation {
	float: left;
	clear: both;
	background: #404040;
	font-size: 120%;
	font-family: "Arial Narrow", Arial, sans-serif;
	text-transform: uppercase;
	width: auto;
	}
	#navigation ul li {
		float: left;
	}
	#navigation ul li {
		background: url('../pics/cornerlt.png') no-repeat left top #515151;
	}
	#navigation ul li a {
		padding: 6px 14px 4px;
		display: block;
		color: white;
		font-weight: bold;
		text-decoration: none;
		border: 0;
	}
	#navigation ul li a {
		background: url('../pics/cornerrt.png') no-repeat right top;
	}
	#navigation ul li.sel {
		background-color: white !important;
		color: black;
	}
	#navigation.sel {
	}
	#navigation ul li a:hover {
		text-decoration: underline;
	}
	#navigation ul li a.sel:hover {
		background: #e0e0e0;
	}
	
#content {
	background: white;
	float: left;
	width: 100%;
	}
	body.lightbg #content {
	/*	background: url('../pics/colbg2.gif') 23% repeat-y white;
	*/	
	}
	body.nobg #content {
		background: white;	
	}
	
	#content #sideColumnBlock {
		float: left;
		width: 23.1%;
		}
		#content #sideColumn {
			background: url("../pics/grbg.gif") repeat-x top #e2e2e2;
			color: #333;
		}
		#content #sideColumn img {
			border: 4px solid white;
		}
		#content #sideColumn .columnPadding {
			padding: 6px 22px 30px;
		}
		#content #successColumn .columnPadding {
			padding: 20px 13px 12px 20px;
			background: #f1f1f1;
		}
		#content #sideColumn a {
			color: #333;
		}
		
		#content #adsPanel {
			padding: 20px;
		}
		#content #adsPanel a {
			border: 0;
		}
	#content #mainColumnBlock {
		float: left;
		width: 76.5%;
		}
		#content #messagesColumn {
			float: left;
			width: 46%;	
		}
		#content #successColumn {
			float: left;
			width: 340px;
			margin-left: 12px;	
		}
		#content #newsColumn {
			float: left;
			margin-left: 4px;	
			width: 340px;
			margin-bottom: -20px;
		}
		#content #newsColumn .columnPadding {
			padding: 20px 13px 12px 20px;
			margin: 35px 0 50px 10px;
			background: #f1f1f1;
		}
		#content #downloadsColumn {
			float: left;
			width: 340px
			background: #dadada;
			
		}
		#content #articleColumn {
			float: left;
			width: 43em;	
		}
		#content #eshopColumn {
			float: left;
			width: 40em;	
		}
		#content #fullColumn {
			float: left;
			width: 908px;	
		}
		#content #panelColumn {
			float: left;
			width: 60%;
			color: black;	
		}
		#content #panelColumn .columnPadding {
			padding-left: 35px;
		}
		
		#content .columnPadding {
			padding: 20px 10px 20px 40px;
		}
		#content #relatedPanel {
			background: silver;
			clear: both;
			width: 100%;
		}


	
	
	
	
/* Společné render elementy */
#content .messageBox {
	margin-bottom: 19px;	
}
#content #newsColumn .messageBox {
	margin-bottom: 11px;
}
#content #firstMessageColumn {
	font-size: 120%;
	font-family: "Arial Narrow", Arial, sans-serif;
	padding-bottom: 14px;
}
#content .messageBox h3 {

}

#content #firstMessageColumn h3 {	
	line-height: 120%;
	font-size: 170%;
	margin-top: 5px;
}


#content .messageBox .perex {
	margin-bottom: 0;
	font-weight: normal;
	
}
#content #firstMessageColumn .perex {
	line-height: 135%;
	font-size: 100%;
	color: rgb(40, 40, 40);
}
#content .messageBox img {
	float: left;
	margin-right: 12px;
	margin-bottom: 6px;
}
#content .messageDetail {
	color: gray;
	font-size: 90%;	
	margin-top: 4px;
}

#content .closeText {
	background: yellow;
	font-size: 110%;	
	padding: 5px 10px;
	font-weight: bold;
}


#content .eventBox {
	margin: 1.4em 0 0.7em;
	clear: both;	
}
#content #sideColumn .eventBox {
	font-size: 90%;
}
#content .eventBox .caption {
	margin-bottom: 0.6em;
}
#content #sideColumn .eventBox .messageDetail {
	font-size: 100%;
}
#content .eventBox .caption span {
	font-weight: bold;
}
#content .eventBox .perex {
	margin-bottom: 0;	
}
#content .eventBox .caption span a {
	border-bottom: 0;
	font-size: 150%;
	font-family: "Arial Narrow", Arial, sans-serif;
}
#content #sideColumn .eventBox .caption span a {
	color: gray;		
}


#content .eventBox h3 {
	margin-bottom: 0.4em;
	margin-top: 0;
	font-size: 100%;
	font-weight: bold;
	line-height: 150%;
}
#content .eventBox img {
	float: left;
	margin-right: 12px;
}
#content .eventBox .date {
	margin-right: 12px;	
}
#content .eventBox .date span {
	padding: 2px 6px;
	background: yellow;
	color: black;
	
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 130%;
	font-weight: bold;
}
#content .eventBox .eventType {
	font-size: 100%;	

}


#content .newsBox {
	padding-bottom: 12px;
	clear: both;
}

#content .newsBox h3 {
	
}
#content .newsBox .perex {
	margin-bottom: 0;
}
#content .newsBox .date {
	padding-right: 12px;
}



#content #navSideColumn {
	float: left;
	font-size: 90%;
	width: 270px;
}
#content #eshopSideColumn {
	float: left;
	width: 290px;
}
#content #navSideColumn .columnPadding {
	margin-left: 20px;
}
#content #navSideColumn a {
	color: rgb(30, 30, 30);
}
#content #navSideColumn a:hover {
	color: black;
}

#content #navSideColumn ul {
	list-style: url("../pics/arrow.gif");
	margin-bottom: 18px;
	margin-left: 20px;
}
#content #navSideColumn ul li {
	margin: 8px 0;
	
	padding-left: 5px;
}

ul.arrowedList {
	list-style: url("../pics/arrow.gif");
	margin-bottom: 18px;
	margin-left: 20px;
	color: yellow;	
}
	



#content .connectBox h3 {
	font-size: 110%;	
	margin-bottom: 0.8em;
	clear: left;
}
#content .connectBox .date {
	margin-top: 3px;
	color: black;
	color: rgb(70, 70, 70);
	width: 7em;
	float: left;
}
#content #relatedPanel h2 {
	font-size: 140%;
	margin-bottom: 1em;
}
	
	
	
	

#content .breadcrumbs {
	color: gray;
	margin-bottom: 24px;	
}
#content .breadcrumbs a {
	color: gray;
}
#content .breadcrumbs a:hover {
	color: black;	
}
#content .breadcrumbs span {
	padding: 0 4px 0 5px;
	font-weight: bold;	
}










#articleColumn ul.list {
	list-style: square;
	padding-left: 30px;
	margin-bottom: 0.9em;	
}
#articleColun .articleImg {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;	
}





#content h4.attachmentsHeader {
	margin-bottom: 8px;
	clear: both;
}
#content ul.attachments {
	margin-left: 10px;	
}
#content ul.attachments li {
	font-weight: bold;
	margin-bottom: 0.4em;
}
.file-pdf {
	padding: 3px 0;
	padding-left: 22px;
	background: url('../pics/pdf.gif') no-repeat left;
}


#content table.gallery img {
	border: 5px solid white;
}



#content #relatedPanel {
	
}







#footer {
	font-size: 90%;
	background: #0f0f0f;
	color: silver;	
	clear: both;
	width: 100%;
	float: left;
}
#footer .cImage_box {
	margin-bottom: 12px;
}
#footer .cImage_box {
	margin-right: 10px;
}
#footer h2 {
	margin-bottom: 20px;
	color: gray;
	font-family: "Arial Narrow", Arial, sans-serif;
}
#footer h2 span {
	background: yellow;	
	color: black;
	padding: 0 4px;	
}
#footerPadding {
	padding: 24px 30px 25px;	
}

#footer a {
	color: rgb(200, 200, 200);
}
#footer h3 {
	font-size: 100%;
	line-height: 160%;	
}
#footer #footerNav {
	display: none;
	width: 100%;
	list-style: none;
	height: 3.5em;
}
#footer #footerNav li {
	float: left;
	padding-right: 20px;	
}
#footer .footerColumn {
	float: left;
	padding-right: 1.5em;
}

#footer .footerCloser {
	clear: both;	
	padding-top: 30px;
	color: gray;
	text-align: left;
}

.footerImages img {
	vertical-align: middle;
}





.gallery a {
	border: 2px solid white;
	background: none;
	float: left;
	margin: 0 3px 3px 0;
}
.gallery a:hover {
	border: 2px solid yellow;
}
.gallery a img {
	display: block;
}
.miniGallery {
	height: 40px;
	overflow: hidden;
		
}
.miniGallery a {
	border: 0;
	background: 0;
	text-decoration: none;
}
.miniGallery img {
	border: 2px solid white !important;
	margin-right: 4px !important;
	display: inline !important;
	float: none !important;
	margin-bottom: 100px;
}







#takeActionPanel {
	padding: 20px;
	background: url("../pics/supportBg.jpg") no-repeat left top #131313;
	padding-bottom: 100px;	
}
#takeActionPanel h2 {
	text-transform: uppercase;	
	font-weight: bold;
	font-size: 180%;
}
#takeActionPanel ul {
	margin: 12px 0 17px;		
}
#takeActionPanel ul li {
	font-weight: bold;
	margin-bottom: 8px;
}
#takeActionPanel ul li a {
	font-size: 110%;
	background: url("../pics/arrowBlack.png") no-repeat right yellow;	
	padding: 1px 24px 1px 4px;
	border: 0;

}

#takeActionPanel form {
	margin-bottom: 20px;	
}
#takeActionPanel ul {
	font-size: 150%;
	font-family: "Arial Narrow", Arial, sans-serif;
}






.categoryDetailFrame {
	margin: 20px 50px 0 38px;
	background: url('../pics/bubble.gif') no-repeat left bottom;
	padding-bottom: 35px;
}
.categoryDetail {
	background: url('../pics/lt.gif') no-repeat top left yellow;
	width: 87%;	
}

.categoryDetailBgHelper {
	background: url('../pics/rt.gif') no-repeat top right;
}

.categoryDetailBgHelper2 {
	background: url('../pics/rb.gif') no-repeat bottom right;	
} 
.categoryDetail a {
	font-weight: bold;	
}

.categoryDetailPadding {
	padding: 20px 25px 20px;
	background: url('../pics/lb.gif') no-repeat bottom left;	
}
.categoryMenu {
	margin-top: 7px;
}
.categoryDetailText {
	margin-top: 15px;
	width: 640px;
	background: url('../pics/categoryBg.gif') repeat-x top left #f0f0f0;	
	padding-bottom: 10px;
	padding-right: 15px;
	font-size: 110%;
	font-weight: bold;
	font-family: "Arial Narrow", Arial, sans-serif;
}
.categoryDetailImage {
	background: url('../pics/candle.png') no-repeat left top;	
	padding-left: 110px;
	margin-left: 20px;
}
.categoryMenu li {
	float: left;
	margin-right: 23px;
	background: url('../pics/arrow.gif') no-repeat left;	
	padding-left: 15px;
}

.categoryMenu a {
}







.similarList {

}
#content .similarList h4 {
	margin: 0 0 4px !important;
}
.similarList .messageDetail {
	margin-top: 0 !important;
}




.imgLink {
	border: 0 !important;
	text-decoration: none !important;
}



.articleContent {
	margin-bottom: 25px;
}


.error {
	color: red;
}




.petitionBox {
	background: yellow;
	margin: 20px 0 25px;
	width: 600px;
}
.petitionBoxPadding {
	padding: 0 10px 6px;
}
.petitionBox h2 {
	color: white;
	background: gray;
	padding: 6px 9px;
	font-size: 120% !important;	
	font-family: sans-serif !important;
}
.petitionBoxText {
	height: 21em;
	background: white;
	padding: 8px;
	overflow: scroll;
	font-size: 90%;
	border: 1px solid silver;
}
.petitionBox .formTable th {
	font-size: 90%;
	padding-top: 8px;
}
.petitionBox .formTable th,
.petitionBox .formTable td {
	padding-right: 4px;	
}
.petitionBox p.small {
	line-height: 1.2;
}
.petitionBox .infoTable {
	width: 100%;	
	font-size: 90%;
}
.petitionBox .infoTable td {
	width: 33%;
	padding-right: 20px;
}
.petitionBox h3 {
	text-transform: none !important;
	font-size: 120% !important;	
}
.petitionBox .infoTable h3 {
	margin: 0 0 2px !important;
}
.petitionBox .signedCount {
	font-size: 290%;
	display: block;	
}
.petitionBox .thanks {
	margin: 18px 0 !important;
	font-weight: bold;
	font-size: 120%;
}
.petitionBox .signButton {
	background: black;
	color: white;
	font-weight: bold;
	font-size: 140%;
	padding: 2px 10px;
}


.moreAction h3 {
	margin-top: 0.7em !important;	
}
.moreAction {
	padding: 5px 20px;
	margin: 2em 0;
	background: yellow;
	
}
.moreAction a {
	font-weight: bold;
	font-size: 120%;
}

.actionColumns {
	width: 100%;	
}
.actionColumns {
	font-size: 130%;
	table-layout: fixed;	
}
.actionColumns td {
	width: 50%;	
}
.actionColumns a {
	background: yellow;
	padding: 2px;
}
.actionColumns a img {
	padding-left: 5px;
}
.actionColumns h3 {
	margin-top: 0.5em !important;
}
.actionColumns td {
	padding: 0 12px;
	border-left: 3px solid silver;
}


.sharePanel { 
	font-weight: bold;
	margin-bottom: 1.6em;
	font-size: 120%;
	color: rgb(20, 20, 20);
	border-top: 1px solid silver;
	padding: 4px 8px;
	border-bottom: 1px solid silver;
	clear: both;
}
.sharePanel a { 
	margin-left: 8px;
	margin-right: 4px;	
}
.sharePanel a img { 
	vertical-align: middle;
}



#indexBanner {
	margin: 12px 0 23px;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	padding: 5px 0;
}
#indexBanner img {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}


.popupMenu {
	background: #868686;
	margin-left: 20px;	
}
.popupMenu a {
	padding: 5px 10px;
	color: white;
	border: 0;
	display: block;	
	font-size: 110%;
	font-weight: bold;
}
.popupMenu a:hover {
	text-decoration: underline;	
}

#topicTrestSmrti {
	line-height: 1.5;	
}
#topicTrestSmrti blockquote {
	font-size: 120%;	
}
#topicTrestSmrti h3 {
	font-size: 140%;	
}


.attachmentsPanel {
	background: rgb(240, 240, 240);
	padding: 10px 10px;
	margin: 23px 0;	
}
.attachmentsPanel h3 {
	margin-top: 0 !important;
}