/*--------------------------------------------------------------
# CSS style Clean Joomla Template
# © 2010 StudioAlfa.pl - Professional Joomla! Webdesign 
---------------------------------------------------------------*/

/* Global reset */
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,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-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}
input,button{overflow:visible;}strong{font-weight:bold;}em{font-style: italic;}

* {
	margin: 0;
	padding: 0;
}

* {outline: 0px;}

html, body { height: 100%; }

body {
 color: #222222;
 background-color: #f8f8f8;
 padding: 0; margin: 0;
 text-align: center;
 font: normal 0.8em Georgia, Helvetica, sans-serif;
 line-height: 1.4em;
}

img {
	border: none;
	border: 0;
}

#top{
	width: 900px;
	height: 123px;
	border-top: 2px solid #b40037;
	text-align: left;
	overflow: hidden;
	clear: both;
   margin: 0 auto;
}

#logo{
	margin: 55px 0 0 58px;
	float: left;
	display: inline;
	font-size: 60px;
	color: #b40037;
	text-decoration: none;
}

#logo span{
	color: #222;
}

#container100 {
	width: 900px;
	height: auto;
	text-align: left;
	overflow: hidden;
	clear: both;
   margin: 0 auto;
	background-color: #fff;
	padding: 0 0 45px 0;
	border-bottom: 1px solid #b40037;
}

#container80 {
	width: 900px;
	height: auto;
	text-align: left;
	overflow: hidden;
	clear: both;
   margin: 0 auto;
   background: #fff url(../images/content80bg.gif) right repeat-y;
	padding: 0 0 45px 0;
	border-bottom: 1px solid #b40037;
}

#content100{
	width: 900px;
	height: auto;
	float: left;
}

#content80{
	width: 651px;
	height: auto;
	float: right;
	display: inline;
}

#content80 a{
	color: #b40037;
	text-decoration: none;
}

#content80 a:hover{
	text-decoration: underline;
}

#sidebar-left{
	width: 249px;
	height: auto;
	float: left;
	display: inline;
}

#sidebar-left h3{
	font-size: 24px;
	margin: 24px 30px 22px 10px;
	font-weight: normal;
}

#sidebar-left ul{
	margin: 0;
	padding: 0;
	list-style: none;
   background: url(../images/leftbg.gif) right repeat-y;
}

#sidebar-left ul li{
	background: url(../images/leftlibg.gif) right repeat-y;
	margin: 0 0 5px 0;
}

#sidebar-left ul li a{
	font-size: 14px;
	color: #fff;
	display: block;
	background:#b40037 url(../images/leftlibg.gif) right repeat-y;
	padding: 2px 10px;
	text-decoration: none;
}

#sidebar-left ul.menu li#current.parent.active ul,
#sidebar-left ul.menu li.parent.active ul{
	margin: 0 0 0 10px;
}

#sidebar-left ul.menu li#current.parent.active ul li a,
#sidebar-left ul.menu li.parent.active ul li#current.active a{
	font-size: 12px;
	color: #222;
	padding: 0 0 0 15px;
   background: url(../images/arrowli.gif) left 4px no-repeat;
}

#sidebar-left ul.menu li#current.parent.active ul li a:hover{
   text-decoration: underline;
}

#sidebar-left ul li a:hover, 
#sidebar-left ul li a#active_menu.mainlevel, 
#sidebar-left ul.menu li#current.active a,
#sidebar-left ul.menu li#current.parent.active a,
#sidebar-left ul.menu li.parent.active a{
	font-size: 14px;
	color: #b40037;
	background: #fff url(../images/arrowli-hover.gif) right no-repeat;
	padding: 2px 10px;
	text-decoration: none;
}

#bottom_modules{
	width: 900px;
	margin: 0 auto;
	text-align: left;
   padding: 21px 0;
	overflow: hidden;
	clear: both;
}

#bottom_modules #user1-3, #bottom_modules #user2-3,#bottom_modules #user3-3{
   float: left;
	display: inline;
	padding: 0 0 0 30px;
	width: 260px;
}

#bottom_modules #user1-2, #bottom_modules #user2-2, #bottom_modules #user3-2{
   float: left;
	display: inline;
	padding: 0 0 0 30px;
	width: 400px;
}

#bottom_modules h3{
	border-bottom: 1px solid #b40037;
	font-size: 20px;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}

#bottom_modules .moduletable{
	background-color: #fff;
	padding: 15px;
}

#bottom_modules .moduletable ul{
	list-style: none;
}

#bottom_modules .moduletable ul li{
   margin: 0 0 3px 0;
  background: url(../images/arrowli.gif) left 4px no-repeat;
  padding: 0 0 0 14px;
}

#bottom_modules .moduletable ul li a{
	text-decoration: none;
	color: #222;
}

#bottom_modules .moduletable ul li a:hover{
	color: #b40037;
}

#footer{
   width: 880px;
	height: auto;
	padding: 10px 10px 20px 10px;
	overflow: hidden;
	clear: both;
	margin: 0 auto;
	border-top: 2px solid #b40037;
	font-size: 11px;
}

#footer ul{
	list-style: none;
	font-size: 12px;
	width: 350px;
	float: right;
	text-align: right;
}

#footer ul li{
display: inline;
padding: 0 3px;
}

#footer ul li a{
font-weight: normal;
text-decoration: none;
color: #222222;
}

#footer ul li a:hover{
	text-decoration: underline;
}

#footer a {
font-weight: normal;
text-decoration: underline;
color: #222222;
}

#footer a:hover {
text-decoration: none;
}

#copyright{
   width: 450px;
	float: left;
	margin: 0;
	text-align: left;
}

a.readmore{
  background: url(../images/arrowli.gif) left 4px no-repeat;
  padding: 0 0 0 12px;
}

.sectionlist ul, .weblinks ul, .newsfeeds ul{
	  margin: 24px 45px 14px 45px;
}

.sectionlist .description, .weblinks .description, .newsfeeds .description, .categorylist .description{
	  margin: 24px 45px 14px 45px;
}

.sectionlist ul li, .weblinks ul li, .newsfeeds ul li{
	margin: 0 0 4px 0;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #ccc;
}

.sectionlist ul li a, .weblinks ul li a, .newsfeeds ul li a{
	font-weight: bold;
}

table.contenttoc{
	width: 140px;
	height: auto;
	float: right;
	margin: 25px 45px 8px 8px;
	border: 1px solid #ccc;
}

table.contenttoc tr td{
	padding: 1px 5px;
}

#content80 a.toclink.active,
#content100 a.toclink.active{
	color: #222;
}

fieldset{
	margin: 0 10px 20px 10px;
}

fieldset p{
	margin: 0 0 3px 0;
}

input.inputbox, form#josForm input, form.josForm1 input, textarea, select, input, body.contentpane input, body.contentpane textarea{
	border: 1px solid #ccc;
	padding: 1px;
}

input.button, button.button, form.josForm1 button, body.contentpane button{
	background-color: #b40037;
	color: #fff;
	cursor: pointer;
	border: 1px solid #fff;
	font-size: 11px;
	padding: 1px 4px;
}

input.button:hover, button.button:hover,form.josForm1 button:hover, body.contentpane button:hover{
	background-color: #fff;
	border: 1px solid #b40037;
	color: #222;
}

form#josForm fieldset{
	margin: 0;
	padding: 0;
}

form#searchForm{
	 margin: 24px 45px 14px 45px;
}

.search h2, .search ol{
	margin: 0 45px;
}

.search ol a{
	font-size: 18px;
}

form#josForm legend{
 background-color: #b40037;
 color: #fff;
 padding: 14px 45px 14px 45px;
 font-weight: normal;
 font-size: 30px;
 width: 100%;
 margin: 0 0 25px 0;
}

form#josForm fieldset div, form.josForm1{
	margin: 25px 45px 10px 45px;
}

form.josForm1 legend, form#searchForm legend{
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 8px 0;
}

 form#searchForm div{
 	margin: 0 0 10px 0;
 }

.user p{
 background-color: #b40037;
 color: #fff;
 padding: 14px 45px 14px 45px;
 margin: 0;
 font-weight: normal;
 font-size: 16px;
}

body.contentpane{
	background-color: #fff;
	margin: 15px;
	text-align: left;
}

body.contentpane .componentheading{
	font-size: 20px;
	color: #fff;
	font-weight: normal;
	padding: 6px;
}

body.contentpane a{
	color: #b40037;
}
 
 h1,h2,h3,h4,h5,h6 {line-height: 100%;}

 p {	margin: 10px 0px 15px 0px; }

 h1.pagetitle, .componentheading {
 background-color: #b40037;
 color: #fff;
 padding: 14px 45px 14px 45px;
 font-weight: normal;
 font-size: 30px;
}

h2.title{
	float: left;
	font-size: 20px;
	font-weight: normal;
}

.article .headline{
 background-color: #b40037;
 color: #fff;
 padding: 14px 45px 14px 45px;
}

.article .headline h1{
 font-weight: normal;
 font-size: 30px;
}

#articletxt{
   margin: 24px 45px 0 45px;
}

#articletxt h2{
	font-size: 20px;
	font-weight: bold;
	margin: 9px 0 6px;
}

#articletxt h3{
	font-size: 16px;
	font-weight: bold;
	margin: 8px 0 4px;
}

#articletxt ul{
	list-style: none;
	margin: 15px 0 20px 0;
}

#articletxt ul li{
	background: url(../images/arrowli.gif) left 6px no-repeat;
	padding: 0 0 0 17px;
}

 div.description {
	margin: 10px 0px 10px 0px;
	overflow: hidden;
}

 div.description img.left {
	margin-right: 15px;
	float: left;
}

 div.description img.right {
	margin-left: 15px;
	float: right;
}

 div.filter {
	margin: 10px 45px;
}

table.joomlatable {
	margin: 0 45px;
	width: 85%;
}

 th {
	padding: 5px 5px 5px 5px;
	background: #f3f3f3;
	border-bottom: 1px solid #b4b4b4;
	font-weight : bold;
}

 tr.even td {
	padding: 5px 5px 5px 5px;
	background: #f7f7f7;
	border-bottom: 1px solid #dcdcdc;
}

 tr.odd td {
	padding: 5px 5px 5px 5px;
	background: #fafafa;
	border-bottom: 1px solid #dcdcdc;
}
 
 span.number {
	color: #969696;
	font-style: italic;
}

/* floats */
 .float-left { float: left; overflow: hidden; }
 .float-right { float: right; overflow: hidden; }

 .width25 { width: 24.999%; }
 .width33 { width: 33.333%; }
 .width50 { width: 49.999%; }
 .width100 { width: 100%; }

/*
 * com_content
 * blog layout (frontpage, category, section)
 * sub selectors: blog
 */
 
 div.blog div.description {  
	margin: 10px 0px 15px 0px;
	padding-bottom: 20px;
	border-bottom: 1px #c8c8c8 dotted;
}

 div.leadingarticles {
	overflow: hidden;
   margin: 24px 45px 14px 45px;
}

 div.teaserarticles {
	overflow: hidden;
   margin: 24px 45px 14px 45px;
}

 div.item {
	margin-bottom: 15px;
}

 div.item-bg {
	padding-bottom: 5px;
	border-bottom: 1px #c8c8c8 dotted;
	overflow: hidden;
}

 div.multicolumns div.item {
	margin: 0px 15px 15px 15px;
}

 div.multicolumns div.first div.item {
	margin-left: 0px;
}

 div.multicolumns div.last div.item {
	margin-right: 0px;
}

 div.morearticles {
   margin: 24px 45px 14px 45px;
}

 div.morearticles ul{
 	list-style: none;
	margin: 10px 0;
 }
 
  div.morearticles ul li{
  background: url(../images/arrowli.gif) left 4px no-repeat;
  padding: 0 0 0 14px;
 }

 div.pagination {
	text-align: center;
	padding: 15px 0 0 0;
}

 div.pagination p.results {
}

ul.pagination{
	list-style: none;
}

ul.pagination li{
   display: inline;
	padding: 0 3px;
}


/*
 * com_content
 * list layout (frontpage, category, section)
 * sub selectors: sectionlist, categorylist
 */

/*
 * com_content
 * article layout
 * sub seletors: article
 */

 div.headline {
	overflow: hidden;
}

 h1.title {
	width: auto;
	float: left;
}

 div.multicolumns h1.title {
	font-size: 200%;
	letter-spacing: -1px;
}

 span.icon {
	display: block;
	margin-top: 10px;
	float: right;
}

 div.multicolumns span.icon {
	margin-top: 5px;
}

 span.edit {
	margin-left: 10px;
	float: left;
}

 span.pdf {
	margin-right: 5px;
}

 span.print {
	margin-right: 5px;
}

 span.email {
}

span.pdf, span.print, span.email{
	border: 1px solid #b40037;
}

span.pdf:hover, span.print:hover, span.email:hover{
	border: 1px solid white;
}

 span.printscreen {
}

 p.iteminfo {
	margin: 0px 0px 15px 0px;
}

 p.articleinfo {
    margin: 5px 45px 0 45px;
}

 p.articleinfo span.modified, p.articleinfofront span.modified,
 p.articleinfo span.author, p.articleinfofront span.author,
 p.articleinfo span.created, p.articleinfofront span.created,
 p.articleinfo span.url, p.articleinfofront span.url {
	font-size: 95%;
	margin: 0 8px 0 0;
}

 p.articleinfo span.author, p.articleinfofront span.author{
	color: #969696;
	font-style: italic;
}

 p.articleinfo span.created, p.articleinfofront span.created{
	font-weight: bold;
}

/*
 * com_content
 * editing an article
 * sub seletors: edit-article
 */

 div.edit-article fieldset {
	margin-bottom: 30px;
}

 div.edit-article fieldset div {
	overflow: hidden;
}

 div.edit-article label.label-left {
	display: block;
	width: 150px;
	float: left;
}

 div.edit-article div.save {
	margin: 0px;
	float: right;
}

 div.edit-article div#editor-xtd-buttons {
	margin-bottom: 0px;
	overflow: hidden;
}

 div.edit-article div#editor-xtd-buttons div {
	margin: 0px;
}

 div.edit-article div#editor-xtd-buttons div.button2-left {
	margin-right: 5px;
}

 div.edit-article div#editor-xtd-buttons a:link,
 div.edit-article div#editor-xtd-buttons a:visited,
 div.edit-article div#editor-xtd-buttons a:hover {
	color: #323232;
}

/*
 * com_weblinks
 * sub seletors: weblinks
 */

 div.weblinks fieldset {
}

 div.weblinks fieldset div {
	overflow: hidden;
}

 div.weblinks label.label-left {
	display: block;
	width: 150px;
	float: left;
}

/*
 * com_search
 * sub seletors: search
 */

 div.search p.info {
	margin: 0px;
	color: #969696;
	font-style: italic;
}

 div.search span.highlight {
	background: #ffffaa;
}

/*
 * com_poll
 * sub seletors: poll
 */

 div.poll fieldset {
	margin: 15px 0px 10px 0px;
}

/*
 * com_contact
 * sub seletors: contact
 */

 div.contact h1 {
	margin-bottom: 0px;
	font-size: 250%;
	font-weight: normal;
	letter-spacing: -1px;
}

 div.contact h2 {
	margin-bottom: 10px;
	font-size: 120%;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0px;
}

 div.contact div.image {
	float: right;
}

 div.contact table {
	margin-bottom: 10px;
}

 div.contact label.label-top {
	display: block;
}

/*
 * com_user
 * sub seletors: user
 */

 div.user label.label-left,
 div.user span.label-left  {
	display: block;
	width: 130px;
	float: left;
}

/*
 * mod_newsflash
 */

div.module-newsflash {
	overflow: hidden;
}

div.module-newsflash div.item {
	padding-bottom: 15px;
	overflow: hidden;
}

div.module-newsflash div.last {
	padding-bottom: 0px;
}

/*
 * legacy Joomla styling only for third party components
 */

.contentheading,
.componentheading {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 250%;
	line-height: 100%;
	font-weight: bold;
	color: #c8001e;
	letter-spacing: -1px;
}

/*
 * Joomla! system tooltips
 */
 
.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	color: #323232;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}

/* ===== Article content fix ===== */

#content80 #articletxt {
  font-size: 16px;
  line-height: 1.55;
  color: #222;
}

/* Paragraphs */
#content80 #articletxt p {
  margin: 0 0 18px 0;
  line-height: 1.55;
}

/* Headings inside article */
#content80 #articletxt h2 {
  display: block;
  font-size: 24px;
  line-height: 1.25;
  font-weight: bold;
  margin: 34px 0 14px 0;
  color: #222;
}

#content80 #articletxt h3 {
  display: block;
  font-size: 20px;
  line-height: 1.3;
  font-weight: bold;
  margin: 28px 0 12px 0;
  color: #222;
}

#content80 #articletxt h4 {
  display: block;
  font-size: 18px;
  line-height: 1.35;
  font-weight: bold;
  margin: 24px 0 10px 0;
  color: #222;
}

/* Bullet lists */
#content80 #articletxt ul {
  list-style: disc outside;
  margin: 0 0 22px 28px;
  padding: 0 0 0 18px;
}

#content80 #articletxt ul li {
  background: none;
  padding: 0;
  margin: 7px 0;
  line-height: 1.55;
}

/* Numbered lists */
#content80 #articletxt ol {
  list-style: decimal outside;
  margin: 0 0 22px 28px;
  padding: 0 0 0 18px;
}

#content80 #articletxt ol li {
  padding: 0;
  margin: 7px 0;
  line-height: 1.55;
}

/* Nested lists */
#content80 #articletxt li ul,
#content80 #articletxt li ol {
  margin-top: 8px;
  margin-bottom: 8px;
}

/* Tables */
#content80 #articletxt table {
  width: 100%;
  margin: 22px 0 26px 0;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 15px;
  line-height: 1.45;
}

#content80 #articletxt th,
#content80 #articletxt td {
  padding: 9px 11px;
  border: 1px solid #ddd;
  vertical-align: top;
  text-align: left;
  line-height: 1.45;
  overflow-wrap: break-word;
}

#content80 #articletxt th {
  background: #f3f3f3;
  font-weight: bold;
}

#content80 #articletxt tr:nth-child(even) td {
  background: #fafafa;
}

/* Links inside article */
#content80 #articletxt a {
  color: #b40037;
  text-decoration: none;
}

#content80 #articletxt a:hover {
  text-decoration: underline;
}

/* Blockquote */
#content80 #articletxt blockquote {
  margin: 24px 0;
  padding: 16px 20px;
  background: #f7f7f7;
  border-left: 5px solid #b40037;
  line-height: 1.55;
}

/* Code */
#content80 #articletxt code {
  padding: 2px 5px;
  background: #f3f3f3;
  font-family: Consolas, Monaco, monospace;
  font-size: 90%;
}

/* Article h1 inside content */
#content80 #articletxt h1,
#content80 .leadingarticles .item-bg h1 {
  display: block;
  font-size: 30px;
  line-height: 1.25;
  font-weight: bold;
  margin: 0 0 22px 0;
  color: #222;
}