/****************************************************************************************/
/*                                                                                      */
/* František Bublan website - CONTENT PAGES STYLES                                      */
/*                                                                                      */
/* Version:         2009-07-19 03:00                                                    */
/* Last changed by: Josef Vondracek, Soft Evolution s.r.o.                              */
/*                                                                                      */
/****************************************************************************************/

/*======================================================================================*/
/* GENERAL SETTINGS                                                                     */
/*======================================================================================*/

#middlePanel h1,
#middlePanel h2,
#middlePanel h3,
#middlePanel h4,
#middlePanel h5,
#middlePanel h6,
#middlePanel h7,
#middlePanel h8
{
	padding: 5px 0 5px 0;
	clear: both;
	color: #fe8a01;
	font-size: 125%;
}

#middlePanel h3,
#middlePanel h4,
#middlePanel h5,
#middlePanel h6,
#middlePanel h7,
#middlePanel h8
{
	font-size: 115%;
}

#middlePanel h1.icon,
#middlePanel h2.icon,
#middlePanel h3.icon,
#middlePanel h4.icon,
#middlePanel h5.icon,
#middlePanel h6.icon,
#middlePanel h7.icon,
#middlePanel h8.icon
{
	padding: 5px 0 5px 25px;
	background: url(images/header-icon.gif) no-repeat left 4px;
}

#middlePanel p
{
	margin: 10px 0 0 0;
}

#middlePanel a
{
	text-decoration: underline;
}

#middlePanel a
{
	text-decoration: none;
}

/*======================================================================================*/
/* PAGING                                                                               */
/*======================================================================================*/

#middlePanel .paging
{
	width: 100%;
	margin: 15px 0 0 0;
	padding: 10px 0;
	clear: both;
	border-top: 1px dotted #c1c1c1;
	text-align: center;
	color: #848484;
}

/*======================================================================================*/

#middlePanel .paging a,
#middlePanel .paging span
{
	color: #848484;
	text-decoration: none;
}

#middlePanel .paging a:hover
{
	text-decoration: underline;
}

#middlePanel .paging .selected
{
	color: #fe8a01;
	font-weight: bold;
}

#middlePanel .paging .underlined
{
	text-decoration: underline;
}

#middlePanel .paging .underlined:hover
{
	text-decoration: none;
}


/*======================================================================================*/
/* DOWNLOAD                                                                             */
/*======================================================================================*/

.downloadContent
{
	width: 655px;
	margin: 0 auto;
}

/*======================================================================================*/

.downloadContent h2
{
	margin: 15px 0 10px 0;
	clear: both;
	color: #EB8011;
	font-size: 130%;
}

.downloadContent .item
{
	width: 605px;
	padding: 0 0 15px 45px;
}

.downloadContent .item a
{
	font-weight: bold;
	text-decoration: none;
}

.downloadContent .item a:hover
{
	text-decoration: underline;
}

/*======================================================================================*/

.downloadContent .doc,
.downloadContent .docx,
.downloadContent .txt,
.downloadContent .rtf,
.downloadContent .html
{
	background: url(images/files-icons/doc.png) no-repeat left top;
}

.downloadContent .pdf
{
	background: url(images/files-icons/pdf.png) no-repeat left top;
}

.downloadContent .xls,
.downloadContent .xlsx
{
	background: url(images/files-icons/xls.png) no-repeat left top;
}

.downloadContent .ppt,
.downloadContent .pptx
{
	background: url(images/files-icons/ppt.png) no-repeat left top;
}

.downloadContent .jpg,
.downloadContent .jpeg,
.downloadContent .png,
.downloadContent .bmp,
.downloadContent .gif,
.downloadContent .cdr,
.downloadContent .psd
{
	background: url(images/files-icons/jpg.png) no-repeat left top;
}

/*======================================================================================*/
/* CALENDAR                                                                             */
/*======================================================================================*/

#calendarContent
{
	width: 575px;
	padding: 260px 0 0 0;
	position: relative;
	display: block;
	overflow: visible;
}

/*======================================================================================*/

#calendarContent .calendarBox
{
	width: 556px;
	margin: 10px 0 20px 0;
	padding: 20px 15px;
	position: absolute;
	top: 0;
	left: -7px;
	background: url(images/calendar-middle.png) repeat-y left top;
}

#calendarContent .calendarBox .content
{
	width: 575px;
	position: relative;
	z-index: 100;
}

#calendarContent .calendarBox .bottom,
#calendarContent .calendarBox .top
{
	width: 586px;
	height: 50px;
	position: absolute;
	z-index: 50;
	left: 0px;
	_right: -1px;
	display: block;
}

#calendarContent .calendarBox .top
{
	top: 0px;
	background: url(images/calendar-top.png) no-repeat 0px 0px;
}

#calendarContent .calendarBox .bottom
{
	bottom: 0px;
	background: url(images/calendar-bottom.png) no-repeat 0px 0px;
}

/*================================================*/

#calendarContent .calendarBox table
{
    width: 250px;
	position: relative;
	left: -3px;
	top: -5px;
	font-size: 100%;
}

#calendarContent .calendarBox table a
{
	color: #5b5b5b;
	text-decoration: none;
}

#calendarContent .calendarBox table a:hover
{
	text-decoration: underline;
}

#calendarContent .calendarBox table span
{
	color: #989595;
}

#calendarContent .calendarBox .dayName
{
	padding: 0 0 5px 0;
	color: #7f7f7f;
	text-transform: uppercase;
}

#calendarContent .calendarBox table td.day
{
	width: 21px;
	height: 16px;
	padding: 0 1px 2px 0;
	background: url(images/calendar-empty.png) no-repeat 0px 0px;
}

#calendarContent .calendarBox table td.today
{
	background: url(images/calendar-today.png) no-repeat 0px 0px;
}

#calendarContent .calendarBox table td.today a,
#calendarContent .calendarBox table td.today span
{
	color: White;
	font-weight: bold;
}

#calendarContent .calendarBox table td.dayAction
{
	background: url(images/calendar-action.png) no-repeat 0px 0px;
}

/*================================================*/

#calendarContent .calendarBox .left
{
	width: 257px;
	padding: 0 10px;
	float: left;
	border-right: 1px dotted #b7b7b7;
}

#calendarContent .calendarBox .right
{
	width: 237px;
	padding: 0 20px;
	float: left;
}

/*================================================*/

#calendarContent .calendarBox .right .item
{
	padding: 5px 0;
}

#calendarContent .calendarBox .right .item a.date
{
	text-decoration: none;
	font-weight: bold;
}

#calendarContent .calendarBox .right .item a.date:hover
{
	text-decoration: underline;
}

#calendarContent .calendarBox .right .item p
{
	padding: 0;
	margin: 0;
}

/*======================================================================================*/

#calendarContent .action
{
	padding: 0 0 15px 0;
	clear: both;
}

/*================================================*/

#calendarContent .action .left
{
	width: 152px;
	float: left;
}

#calendarContent .action .left .date
{
	width: 151px;
	height: 19px;
	padding: 5px 0 15px 0;
	clear: both;
	background: url(images/date-background.gif) no-repeat 0px 0px;
	color: #454545;
	text-align: center;
	font-weight: bold;
}

#calendarContent .action .left a
{
	width: 146px;
	margin: 0 auto;
	display: block;
	text-align: center;
}

/*================================================*/

#calendarContent .action .right
{
	width: 410px;
	padding: 0 0 20px 10px;
	position: relative;
	float: right;
}

#calendarContent .action .right .more
{
	position: absolute;
	right: 0;
	bottom: 0;
	color: #fe8a01;
	text-decoration: underline;
}

#calendarContent .action .right .more:hover
{
	text-decoration: none;
}

/*======================================================================================*/

#calendarContent a
{
	text-decoration: underline;
}

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

#calendarContent ul
{
	margin: 10px 0 5px 25px;
}

#calendarContent ol
{
	margin: 10px 0 5px 25px;
}

/*======================================================================================*/

#calendarContent .photogallery
{
	padding: 15px 0;
	border-top: 1px dotted #c1c1c1;
}

#calendarContent .photogallery h3
{
	margin: 0 0 15px 0;
	font-size: 110%;
}

#calendarContent .photogallery a
{
	margin: 0 10px 10px 0;
	display: block;
	float: left;
}

#calendarContent .photogallery a img
{
	
}



/*======================================================================================*/
/* LINKS                                                                                */
/*======================================================================================*/

#linksContent
{
	width: 575px;
}

/*======================================================================================*/

#linksContent .link
{
	width: 580px;
	height: 45px;
	padding: 10px 0;
	position: relative;
	left: -5px;
	background: url(images/link.png) no-repeat 0px 0px;
	cursor: hand;
	cursor: pointer;
}

#linksContent .link table
{
	width: 550px;
	margin: 0 auto;
	color: #272727;
}

#linksContent .link table a
{
	color: #272727;
}

#linksContent .link table td.image
{
	width: 130px;
	height: 100%;
	text-align: center;
}

#linksContent .link table td.image a img
{
	opacity: 0.4;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
}

#linksContent .link table td.image a:hover img
{
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}

#linksContent .link table td.text
{
	
}

/*================================================*/

#linksContent .link:hover
{
	
}

#linksContent .link:hover table td.image img
{
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}

/*======================================================================================*/

#linksContent .clear
{
	height: 15px;
}


/*======================================================================================*/
/* CONTACT                                                                              */
/*======================================================================================*/

.contactContent
{
	width: 575px;
	position: relative;
}

/*======================================================================================*/

.contactContent table
{
	color: #848484;
}

.itemsSpace
{
	width: 100%;
	height: 10px;
	clear: both;
	display: block;
	overflow: hidden;
}

.dottedLine
{
	width: 100%;
	height: 1px;
	display: block;
	overflow: hidden;
	border-top: 1px dotted #c1c1c1;
}

/*======================================================================================*/

.contactContent .form
{
	width: 575px;
}
.contactContent .form table
{
	float: right;
	margin: 15px 0 15px 0;
	position: relative;
	right: 100px;
	color: #272727;
}

.contactContent .form table .title
{
	padding: 0 10px 0 0;
	text-align: right;
}

.contactContent .form table .input
{
	
}

.contactContent .form table .input input,
.contactContent .form table .input textarea
{
	width: 350px;
	border: 1px solid #ededed;
	background: #f5f5f5;
	color: #272727;
}

.contactContent .form table .input input
{
	
}

.contactContent .form table .input textarea
{
	height: 145px;
}

.contactContent .form table .error
{
	
}

.contactContent .form table .error span
{
	width: 4px;
	height: 16px;
	display: block;
	background: url(images/form-exclamation-mark.png) no-repeat 0px 0px;
}

.contactContent .form table .buttons
{
	
}

.contactContent .form table .buttons a
{
	width: 129px;
	height: 25px;
	padding: 9px 0 0 0;
	display: block;
	float: right;
	background: url(images/form-add-button.png) no-repeat 0px 0px;
	color: #595959;
	font-size: 120%;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}


/*======================================================================================*/
/* PRINTED NEWS LIST                                                                    */
/*======================================================================================*/

#printedNewsListContent
{
	
}

/*======================================================================================*/

#printedNewsListContent .article
{
	width: 575px;
	margin: 0 0 15x 0;
	padding: 40px 0 25px 0;
	position: relative;
	clear: both;
	border-bottom: 1px dotted #c1c1c1;
}

#printedNewsListContent .article h3
{
	padding-bottom: 0;
}

#printedNewsListContent .article div.date
{
	width: 151px;
	height: 19px;
	padding: 5px 0 0 0;
	position: absolute;
	left: 0;
	top: 10px;
	background: url(images/news-date.gif) no-repeat 0px 0px;
	color: #454545;
	text-align: center;
	font-weight: bold;
}

#printedNewsListContent .article p
{
	padding-top: 0;
}

#printedNewsListContent .article a.more
{
	position: absolute;
	right: 0;
	bottom: 10px;
	color: #FE8A01;
	text-decoration: underline;
}

#printedNewsListContent .article a.more:hover	
{
	text-decoration: none;
}


/*======================================================================================*/
/* NEWS LIST                                                                            */
/*======================================================================================*/

#newsListContent
{
	
}

/*======================================================================================*/

#newsListContent .article
{
	width: 575px;
	margin: 0 0 15x 0;
	padding: 40px 0 25px 0;
	position: relative;
	clear: both;
	border-bottom: 1px dotted #c1c1c1;
}

#newsListContent .article h3
{
	
}

#newsListContent .article p
{
	padding-top: 0;
}

#newsListContent .article a.more
{
	position: absolute;
	right: 0;
	bottom: 10px;
	color: #FE8A01;
	text-decoration: underline;
}

#newsListContent .article a.more:hover	
{
	text-decoration: none;
}


/*======================================================================================*/
/* ARTICLES LIST                                                                        */
/*======================================================================================*/

#articlesListContent
{
	
}

/*======================================================================================*/

#articlesListContent .article
{
	width: 575px;
	margin: 0 0 0 0;
	padding: 10px 0 25px 0;
	position: relative;
	clear: both;
	border-bottom: 1px dotted #c1c1c1;
}

#articlesListContent .article h3
{
	
}

#articlesListContent .article .image
{
	width: 159px;
	float: left;
}

#articlesListContent .article .content
{
	width: 415px;
	padding: 20px 0 0 0;
	float: right;
	position: relative;
}

#articlesListContent .article .content .author
{
	position: absolute;
	left: 0;
	top: 0;
	font-weight: bold;
}

#articlesListContent .article .content .date
{
	position: absolute;
	right: 0;
	top: 0;
	font-weight: bold;
}

#articlesListContent .article .content p
{
	
}

#articlesListContent .article a.more
{
	position: absolute;
	right: 0;
	bottom: 10px;
	color: #FE8A01;
	text-decoration: underline;
}

#articlesListContent .article a.more:hover	
{
	text-decoration: none;
}



/*======================================================================================*/
/* ARTICLE DETAIL                                                                       */
/*======================================================================================*/

#articleContent
{
	
}

/*======================================================================================*/

#articleContent .authorAndDate
{
	width: 100%;
	height: 30px;
	clear: both;
	position: relative;
	font-weight: bold;
}

#articleContent .authorAndDate .author
{
	position: absolute;
	left: 0;
	top: 5px;
}

#articleContent .authorAndDate .date
{
	position: absolute;
	right: 0;
	top: 5px;
}

/*======================================================================================*/

#articleContent p
{
	
}

#articleContent a
{
	color: #454545;
	text-decoration: underline;
}

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

#articleContent ul
{
	margin: 10px 0 5px 25px;
}

#articleContent ol
{
	margin: 10px 0 5px 25px;
}

/*======================================================================================*/

#articleContent .backLinkParent
{
	width: 100%;
	padding: 10px 0;
	text-align: right;
}

#articleContent .backLinkParent a
{
	color: #FE8A01;
	text-decoration: underline;
}

#articleContent .backLinkParent a:hover
{
	text-decoration: none;
}

/*======================================================================================*/

#articleContent .filesList ul,
#calendarContent .filesList ul
{
	margin: 0;
}

.filesList
{
	padding: 15px 0;
	border-top: 1px dotted #c1c1c1;
}

.filesList h3
{
	font-size: 110%;
}

.filesList ul
{
	list-style: none;
	margin: 10px 0;
}

.filesList ul li
{
	padding: 5px 0 5px 25px;
	background: url(images/files-icons-small/no.gif) no-repeat left center;
}

.filesList ul li a
{
	color: #454545;
}

/*================================================*/

.filesList ul .doc,
.filesList ul .docx,
.filesList ul .txt
{
	background: url(images/files-icons-small/doc.gif) no-repeat left center;
}

.filesList ul .xls,
.filesList ul .xlsx
{
	background: url(images/files-icons-small/xls.jpg) no-repeat left center;
}

.filesList ul .pdf
{
	background: url(images/files-icons-small/pdf.gif) no-repeat left center;
}

.filesList ul .exe
{
	background: url(images/files-icons-small/exe.gif) no-repeat left center;
}

.filesList ul .zip,
.filesList ul .rar,
.filesList ul .arj
{
	background: url(images/files-icons-small/zip.rar.gif) no-repeat left center;
}

.filesList ul .avi,
.filesList ul .wmv,
.filesList ul .mov,
.filesList ul .mpg,
.filesList ul .mpeg,
.filesList ul .mp3,
.filesList ul .mp2,
.filesList ul .mp1,
.filesList ul .mp4,
.filesList ul .org,
.filesList ul .wav,
.filesList ul .divx
{
	background: url(images/files-icons-small/avi.mpg.mov.wmv.gif) no-repeat left center;
}

.filesList ul .bmp,
.filesList ul .jpg,
.filesList ul .jpeg,
.filesList ul .gif,
.filesList ul .png,
.filesList ul .psd,
.filesList ul .cdr
{
	background: url(images/files-icons-small/jpg.bmp.gif.gif) no-repeat left center;
}

/*======================================================================================*/

#articleContent .photogallery
{
	padding: 15px 0;
	border-top: 1px dotted #c1c1c1;
}

#articleContent .photogallery h3
{
	margin: 0 0 15px 0;
	font-size: 110%;
}

#articleContent .photogallery a
{
	margin: 0 5px 5px 0;
	display: block;
	float: left;
}

#articleContent .photogallery a img
{
	
}


/*======================================================================================*/
/* PHOTOGALLERY LIST                                                                    */
/*======================================================================================*/

#photogalleryListContent
{
	
}

/*======================================================================================*/

#photogalleryListContent .item
{
	width: 185px;
	margin: 0 10px 10px 0;
	padding: 20px 0px 20px 0px;
	position: relative;
	float: left;
	background: url(images/photogallery-middle.png) repeat-y 0px 0px;
}

#photogalleryListContent .item .top,
#photogalleryListContent .item .bottom
{
	width: 185px;
	height: 50px;
	position: absolute;
	z-index: 50;
	right: 0px;
	_right: -1px;
	display: block;
}

#photogalleryListContent .item .top
{
	top: 0px;
	background: url(images/photogallery-top.png) no-repeat 0px 0px;
}

#photogalleryListContent .item .bottom
{
	bottom: 0px;
	background: url(images/photogallery-bottom.png) no-repeat 0px 0px;
}

#photogalleryListContent .item .content
{
	width: 140px;
	margin: 0 auto;
	position: relative;
	z-index: 100;
}

#photogalleryListContent .item .content a
{
	
}

#photogalleryListContent .item .content a img
{
	
}

#photogalleryListContent .item .content h2
{
	color: #646464;
	font-size: 110%;
}

#photogalleryListContent .item .content h2 a
{
	text-decoration: none;
}

#photogalleryListContent .item .content h2 a:hover
{
	text-decoration: underline;
}

#photogalleryListContent .item .content span
{
	
}



/*======================================================================================*/
/* PHOTOGALLERY DETAIL                                                                  */
/*======================================================================================*/

#photogalleryContent
{
	width: 575px;
	display: block;
	overflow: hidden;
}

/*======================================================================================*/

#photogalleryContent .actualImage
{
	width: 472px;
	margin: 20px auto;
	position: relative;
	border: 1px solid #9f9f9f;
}

#photogalleryContent .actualImage a
{
	
}

#photogalleryContent .actualImage a img
{
	clear: both;
}

#photogalleryContent .actualImage div
{
	width: 452px;
	padding: 8px 10px 8px 10px;
	clear: both;
	border-top: 1px solid #9f9f9f;
	background: #e0e0e0;
	color: #7c7c7c;
}

/*======================================================================================*/

#photogalleryContent .imagesLine
{
	width: 575px;
	padding: 0;
	margin: 10px 0 0 0;
	position: relative;
	display: block;
	overflow: hidden;
}

#photogalleryContent .imagesLine .next,
#photogalleryContent .imagesLine .back
{
	width: 30px;
	height: 115px;
	position: absolute;
	z-index: 100;
	top: 0;
	display: block;
}

#photogalleryContent .imagesLine .back
{
	left: 0;
	background: white url(images/photogallery-back.gif) no-repeat center center;
}

#photogalleryContent .imagesLine .next
{
	right: -1px;
	background: white url(images/photogallery-next.gif) no-repeat center center;
}

#photogalleryContent .imagesLine table
{
	position: relative;
	z-index: 50;
}

#photogalleryContent .imagesLine table td
{
	padding: 0 10px;
}

#photogalleryContent .imagesLine table td a
{
	
}

#photogalleryContent .imagesLine table td a img
{
	
}

/*======================================================================================*/
/* ADMIN CONTENT PAGE                                                                   */
/*======================================================================================*/

.adminContent
{
    
}

/*======================================================================================*/

.adminContent h1
{
    padding: 5px 0 5px 0;
	clear: both;
	color: #fe8a01;
	font-size: 125%;
}

/*======================================================================================*/

.adminContent table input.button
{
    background: none;
    border: none;
    text-decoration: underline;
    display: inline-block;
    cursor: hand;
    cursor: pointer;
}

/*======================================================================================*/

/*======================================================================================*/

/*======================================================================================*/

/*======================================================================================*/