/******************************************************************************/
/*
    © 2005-2008 Grafikstudio
    All rights reserved

    Making *ANY* changes in this document will cause loss of 
    12-month warranty for faultless site functioning and
    free of charge service during warranty period will be no 
    longer available!
    Any changes shoud be first consulted with and accepted by
    Grafikstudio representative.

    Stylesheet for ProCMS visitor-side pages.
    Version 3.0 or greater only.

    * File encoding: UTF-8
	* Predefined objects and template classes can be found in general.css
    * Default text classes definitions can be found in text.css
    * Menu elements classes definitions can be found in menus.css
    * Additional stylesheet for MS Internet Explorer versions lower 
      than 7.0, that overrides following definitions can be found 
      in overrideie.css
*/

/******************************************************************************
*	xHTML template classes
******************************************************************************/
body {
	margin: 0px;
	padding: 0px;
	color: #4c4c4c;
	font-family: corbel, tahoma, verdana, sans-serif;
	background-color: white;
}
div.mainframe {
	width: 1000px;
	overflow: hidden;
	margin: 0px auto;
}
div.header_bar_logo {
	position: relative;
	padding: 0px;
	margin: 0px;
	height: 82px;
	font-size: 8pt;
	color: gray;
	background: url('img/head-logo-bg.png') repeat-x transparent scroll top left;
}
div.header_bar_languages {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 22px;
	margin: 30px 10px;
	padding: 0px;
}
div.header_bar_image {
	position: relative;
	padding: 0px;
	margin: 0px;
	height: 150px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url('img/header.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}
div.header_bar_menu {
	padding: 0px;
	margin: 0px;
	height: 50px;
	background-image: url('img/head-menu-bg.gif');
	background-color: transparent;
	background-position: top left;
	background-repeat: repeat-x;
	background-attachment: scroll;
	font-size: 11px;
	font-weight: bold;
	z-index: 32;
}

img.header_bar_menu_slash {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 128;
}
div.header_logo_image {
	padding: 0px;
	margin: 0px;
	background: url('img/head-logo.png') no-repeat transparent scroll top left;
	width: 640px;
	height: 82px;
}
div.header_bar_menu_shadow {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1000px;
	height: 23px;
	z-index: 8;
}
img.language_flag {
	margin: 0px 20px;
	height: 22px;
	border: none;
}
img.harddisk {
	position: absolute;
	z-index: 64;
	top: 5px;
	right: 5px;
	border: none;
}
img.rightpanelimage {
	z-index: 1;
	float: right;
}
div.panels {
	position: relative;
	z-index: 1;
}
td.panels {
	border: none;
	padding: 0px;
	z-index: 1;
	background-color: transparent;
}
#td_leftpanel {
	width: 180px;
	vertical-align: top;
	background-attachment: scroll;
	background-color: #fffaea;
	background-image: url('img/bg-left-panel.png');
	background-position: top left;
	background-repeat: no-repeat;
	border: none;
	padding: 0px;
}
#td_mainpanel {
	vertical-align: top;
	padding: 0px;
	border: none;
	background-color: white;
	background-position: top right;
	background-attachment: scroll;
	background-repeat: no-repeat;
}
#td_rightpanel {
	width: 290px;
	vertical-align: top;
	padding: 0px;
	border: none;
	background-color: transparent;
	text-align: right;
}
#div_leftpanel {
	padding: 25px 14px;
}
#div_mainpanel {
	margin: 15px;
	color: #4c4c4c;
	font-size: 8pt;
	font-family: verdana, sans-serif;
}
#div_rightpanel {
	float: right;
	width: 240px;
	height: 490px;
	background-color: transparent;
}

div.footer {
	margin: 0px;
	position: relative;
	top: -36px;
	height: 104px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url('img/bg-footer-w-shadow.png');
	background-position: top left;
	background-repeat: repeat-x;
	z-index: 8;
}

div.footer_item {
	position: absolute;
	top: 46px;
	font-size: 10px;
	font-family: verdana, sans-serif;
	margin: 0px 15px;
	color: #fffaea;
}

#div_footer_1 { left: 0px; font-weight: bold; color: #ffe6a3;}
#div_footer_2 { left: 170px; color: #ffe6a3; }
#div_footer_3 { left: 330px; }
#div_footer_4 { right: 150px; }
#div_footer_5 { right: 0px; color: #ffe6a3; }

a.footer_cpuservice {
	color: #ffe6a3;
} a.footer_cpuservice:hover {
	color: #ffe6a3;
	text-decoration: underline;
}
a.footer_email {
	color: #ffe6a3;
} a.footer_email:hover {
	color: #ffe6a3;
	text-decoration: underline;
}
a.footer_webdesigner {
	color: #ffe6a3;
} a.footer_webdesigner:hover {
	color: #ffe6a3;
	text-decoration: underline;
}

span.menu {
	text-align: left;
	margin-top: 22px;
}

/******************************************************************************
*	Message boxes classes
******************************************************************************/
div.errorMessageBox { 
	border: 2px solid #C95656; 
	color: #812929; 
	font-weight: bold;
	font-size: 9pt;
	font-family: arial, tahoma, sans-serif; 
	margin: 0.5em 25%; 
	padding: 2em 0.75em; 
	background: url('img/background_errormsg.jpg') no-repeat #db827e scroll top left;
	text-align: center;
}
div.infoMessageBox { 
	border: 2px solid #6FAE44; 
	color: #47702C; 
	font-weight: bold;
	font-size: 9pt;
	font-family: arial, tahoma, sans-serif; 
	margin: 0.5em 25%; 
	padding: 2em 0.75em; 
	background: url('img/background_infomsg.jpg') no-repeat #acd376 scroll top left;
	text-align: center;
}
/******************************************************************************
*	 Document images box
*******************************************************************************/
div.fixedImagesBox {
	float: left;
	text-align: center;
	border: none;
	margin: 0px 0.5em;
}
div.block_picture_view_page {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	color: #808080;
	font: 11px tahoma;
	text-align: center;
	width: 100%;
}
/******************************************************************************
*	Image preview classes
******************************************************************************/
div.imagePreview {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url('img/preview_background.png');
	background-position: top left;
	background-repeat: repeat;
	z-index: 128;
}
img.imagePreview {
	position: absolute;
	border: 2px solid #ffffff;
	cursor: pointer;
	z-index: 256;
}
div.imagePreviewDescription {
	font-size: 9pt;
	font-style: italic;
	font-weight: normal;
	font-family: arial, sans-serif;
	padding: 55% 10em 45% 10em;
	text-align: center;
	color: black;
}
img.displayImage {
	margin: 2pt;
	padding: 0.5em;
	border: 1px solid white;
	cursor: pointer;
} img.displayImage:hover {
	border: 1px solid #505050;
}
/******************************************************************************
*	Signatures' text classes
******************************************************************************/
div.additional_signature {
	position: relative;
	z-index: 1000;
	text-align: right;
	margin: 10px 0px;
	font-size: 11px;
	color: #8b8b8b;
}
a.additional_signature {
	color: #8b8b8b;
	font-weight: normal;
	text-decoration: none;
	font: 10px tahoma;
} a.additional_signature:hover {
	color: #64A5D2;
	font-weight: normal;
	text-decoration: none;
	font: 10px tahoma;
}
div.additional_printerfriendly {
	position: relative;
	z-index: 1000;
	text-align: right;
	margin-top: 10px;
	margin-bottom: 4px;
}
a.additional_printerfriendly {
	color: #8b8b8b;
	font-weight: normal;
	text-decoration: none;
	font: 10px tahoma;
} a.additional_printerfriendly:hover {
	color: #64A5D2;
	font-weight: normal;
	text-decoration: none;
	font: 10px tahoma;
}
/******************************************************************************
*	Page numbering buttons classes
******************************************************************************/
.text_page_counter {
	padding: 4px;
	margin: 0px 2px;
	border: 1px solid #C0C0C0;
	background-color: #F4F4F4;
	font: 11px verdana;
	color: #C0C0C0;
}
.block_page_limit {
	text-align: right;
	margin: 5px 0px;
	margin-top: 20px;
	padding: 0px;
	color: #808080;
	font: 11px verdana;
}
a.page_counter {
	padding: 4px;
	margin: 0px 2px;
	border: 1px solid #8b8b8b;
	background-color: #e7e7e7;
	color: #8b8b8b;
	font: 11px verdana;
} a.page_counter:hover {
	padding: 4px;
	margin: 0px 2px;
	border: 1px solid #64A5D2;
	background-color: #E1EEF7;
	font: 11px verdana;
	color: #4A97CA;
	text-decoration: none;
}
/******************************************************************************
*	Footer and page path's links definitions (if any)
******************************************************************************/
a.footer {
	color: #808080;
	text-decoration: none;
} a.footer:hover {
	color: #808080;
	text-decoration: underline;
}
a.path {
	color: #64A5D2;
	text-decoration: none;
} a.path:hover {
	color: #8b8b8b;
	text-decoration: none;
}
/******************************************************************************
*	Search module and matching text found in search classes
******************************************************************************/
span.text_colorized {
	color: #ff3000;
	font-weight: bold;
	background-color: #ffffd0;
}
div.block_searchfield_odd {
	background-color: #ffffff;
	font: 11px tahoma;
	color: #5b5b5b;
	padding: 8px;
	margin: 0px;
	border-bottom: #f4f4f4;
}
div.block_searchfield_even {
	background-color: #f8f8f8;
	font: 11px tahoma;
	color: #5b5b5b;
	padding: 8px;
	margin: 0px;
	border-bottom: #f4f4f4;
}
/******************************************************************************
*	Newsletter classes
******************************************************************************/
div.newsletter_description {
	text-align: justify; 
	margin: 4px; 
	margin-top: 8px;
}
div.newsletter_inputs {
	text-align: center; 
	margin: 4px;
}
/******************************************************************************
*	User login and registration box classes
******************************************************************************/
td.logpanel_description {
	font: 11px tahoma; 
	color: #5b5b5b;
}
div.logpanel_register_info {
	text-align: center; 
	margin: 2px; 
	margin-bottom: 16px;
}
div.logpanel_welcome {
	text-align: center; 
	margin: 8px;
}
/******************************************************************************
*	Module polls and polls box classes
******************************************************************************/
table.pollsTable {
	margin: 0px 10px;
	padding: 0px;
}
div.polls_window_title {
	text-align: center; 
	margin: 1em; 
	font: bold 9pt arial;
	color: #5b5b5b;
}
div.polls_window_others {
	text-align: center;
	margin: 4px;
	font-size: 10px;
	font-family: verdana, sans-serif;
}
div.polls_window_button {
	margin: 8px 4px;
	text-align: center;
}
div.polls_window_description {
	text-align: justify;
	margin: 4px;
	font-size: 10px;
	color: #808080;
}
span.polls_window_tabledescription {
	text-align: left;
	font: 11px tahoma;
	color: #5b5b5b;
}
div.polls_window_progressbar {
	height: 5px;
	font-size: 5px;
	background-color: #BF93D2;
	border: 1px solid #4c4c4c;
}
.block_polls_name {
	background-color: rgb(137,144,161);
	padding: 8px 4px;
	margin: 0px;
	color: #ffffff;
	font-weight: bold;
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 12px;
	text-align: left;
}
.block_polls_description {
	background-color: #ffffff;
	background-image: url('img/bg_6.gif');
	background-position: top center;
	background-repeat: repeat-x;
	background-attachment: scroll;
	font: 11px verdana;
	color: #5b5b5b;
	padding: 8px 4px;
	margin: 0px;
}
.block_polls_content {
	background-color: #ffffff;
	background-image: url('img/bg_5.gif');
	background-position: bottom center;
	background-repeat: repeat-x;
	background-attachment: scroll;
	margin: 0px;
	padding: 0px;
	padding-top: 8px;
	padding-bottom: 24px;
}
.block_polls_option_description {
	margin: 4px;
	margin-left: 16px;
	font: bold 11px tahoma;
	color: #5b5b5b;
	text-align: left;
}
.block_polls_option_result {
	margin: 8px;
	margin-left: 16px;
}
.block_polls_progressbar {
	height: 10px;
	background-color: rgb(190,194,203);
	border: 1px solid rgb(137,144,161);
}
.block_polls_stats {
	border-top: 1px solid rgb(137,144,161);
	margin-top: 0px;
	padding: 4px;
	text-align: right;
	color: rgb(137,144,161);
	font: 10px verdana;
}
a.polls_link {
	color: #ffffff;
	text-decoration: none;
} a.polls_link:hover {
	color: #c8cbd3;
	text-decoration: underline;
}
a.polls_window_others {
	color: #3775B3;
	text-decoration: none;
} a.polls_window_others:hover {
	color: #3775B3; 
	text-decoration: underline;
}
/******************************************************************************
*	General form elements classes
******************************************************************************/
.form_button {
	border: 1px solid #4c4c4c;
	background-color: #ffce3a;
	font: bold 11px tahoma;
	color: #4c4c4c;
	margin-top: 2px;
	padding: 6px;
}

.form_input {
	border: 1px solid #8c8c8c;
	background: url('img/form-input-bg.gif') repeat-x white scroll bottom left;
	font-size: 11px;
	font-family: verdana, sans-serif;
	color: #4c4c4c;
	padding: 6px 3px;
}

.form_textarea {
	border: 1px solid #8c8c8c;
	background: url('img/form-input-bg.gif') repeat-x white scroll bottom left;
	font-size: 11px;
	font-family: verdana, sans-serif;
	color: #4c4c4c;
	padding: 6px 3px;
}

.block_formfield_newline {
	display: block;
	padding: 5px 0px;
	margin: 0px;
	border: none;
	vertical-align: top;
	color: #4c4c4c;
}

.block_formfield_description {
	display: table-cell;
	width: 200px;
	padding: 3px;
	position: relative;
	text-align: left;
	vertical-align: top;
}

.block_formfield_input {
	padding: 3px;
	display: table-cell;
	text-align: left;
	vertical-align: top;
}

.text_formfield_description {
	text-align: left;
	font: 10px tahoma;
	color: #8b8b8b;
}
}
/******************************************************************************
*	Module guestbook
******************************************************************************/
div.block_guestbook_title {
	margin-top: 0px;
	margin: 0px 2px;
	padding: 6px 4px;
	font: bold 12px arial;
	color: #ffffff;
	background-color: #64A5D2;
	text-align: left;
}
div.block_guestbook_additional {
	margin: 2px;
	font-style: italic;
	font-family: arial, tahoma, sans-serif;
	font-size: 11px;
	text-align: right;
}
div.block_guestbook_content {
	background: url('img/bg_4.gif') repeat-x left bottom scroll #ffffff;
	font: 11px verdana;
	text-align: justify;
	margin: 2px;
	margin-top: 5px;
	padding-bottom: 10px;
	margin-bottom: 0px;
}
/******************************************************************************
*	Module favourite links
******************************************************************************/
div.block_links_title {
	border-top: 1px solid #e0e0e0;
	background-color: #fafafa;
	padding: 2px 6px;
	padding-top: 8px;
	padding-bottom: 6px;
	margin: 0px;
	color: #5b5b5b;
	text-align: left;
}
div.block_links_description {
	background-color: #ffffff;
	background-image: url('img/bg_7.gif');
	background-position: bottom center;
	background-repeat: repeat-x;
	background-attachment: scroll;
	font: 11px verdana;
	color: #5b5b5b;
	padding: 8px 4px;
	margin: 0px;
	padding-bottom: 16px;
	text-align: justify;
}
a.links_href {
	font-weight: bold;
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 12px;
	color: #64A5D2;
	text-decoration: none;
	margin-left: 10px;
} a.links_href:hover {
	font-weight: bold;
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 12px;
	color: #ff0000;
	text-decoration: underline;
	margin-left: 10px;
}
/******************************************************************************
*	Module news and news archive
******************************************************************************/
div.block_news {
	font: bold 11px tahoma;
	margin: 0px;
	padding: 0px;
}
div.block_news_title {
	background: url('img/bg_3.gif') repeat-x left top scroll #ffffff;
	text-align: left;
	padding: 4px 0px;
	margin: 0px;
	margin-bottom: 2px;
	color: #5b5b5b;
	font-size: 14px;
}
div.block_news_date {
	font-style: italic;
	font-size: 10px;
	font-family: arial, sans-serif;
	font-weight: normal;
	color: #a8a8a8;
	text-align: left;
	margin: 0px;
	margin-bottom: 4px;
	padding: 0px;
}
div.block_news_content {
	font: 11px tahoma;
	color: #5b5b5b;
	padding: 0px;
	padding-bottom: 8px;
	margin: 0px;
	text-align: justify;
}
div.block_news_author {
	border-bottom: 1px dotted #a8a8a8;
	padding: 3px 0px;
	text-align: right;
}
a.news_sign {
	color: #5b5b5b;
	font-weight: normal;
	text-decoration: none;
	font: 10px tahoma;
} a.news_sign:hover {
	color: #64A5D2;
	font-weight: normal;
	text-decoration: none;
	font: 10px tahoma;
}
/******************************************************************************
*	Module galleries
******************************************************************************/
tr.block_gallery {
	background-color: transparent;
	cursor: default;
}
tr.block_galleryHover {
	background-color: #ecf5fb;
	cursor: pointer;
}
.block_gallery_avatar {
}
.block_gallery_picture {
	float: left;
	padding: 4px;
	margin: 4px;
}
.block_gallery_description {
	padding-right: 1em;
}
.block_gallery_description_title {
	font-size: 11pt;
	font-family: calibri, arial, sans-serif;
	font-weight: bold;
	margin-bottom: 0.5em;
}
.block_gallery_description_date {
	margin-bottom: 0.5em;
	font-size: 7pt;
	color: #a0a0a0;
}
.block_gallery_description_content {
}
img.gallery_avatar {
	margin: 1em;
}
/******************************************************************************
*	Module downloads
******************************************************************************/
.block_download_category_title {
	background-image: url('img/icon_download.gif');
	background-repeat: no-repeat;
	background-position: center left;
	background-attachment: scroll;
	font: bold 18px tahoma;
	text-align: left;
	margin: 0px;
	margin-top: 8px;
	padding: 14px;
	padding-left: 64px;
	border-top: 1px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px dotted #f0f0f0;
}
a.download_category {
	color: #5b5b5b;
	text-decoration: none;
} a.download_category:hover {
	color: #64A5D2;
	text-decoration: none;
}
a.download_getfile {
	color: #5b5b5b;
	text-decoration: underline;
} a.download_getfile:hover {
	color: #ff0000;
	text-decoration: underline;
}
.block_download_category_description {
	font: 11px verdana;
	color: #808080;
	padding: 8px;
	padding-left: 64px;
	border-bottom: 1px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
}
.block_download_category_list {
	background-image: url('img/bg_10.gif');
	background-repeat: repeat-x;
	background-position: top left;
	background-attachment: scroll;
	padding: 0px;
	padding-top: 12px;
	margin: 0px;
}
.block_download_file {
	background-image: url('img/icon_downloadfile.gif');
	background-repeat: no-repeat;
	background-position: top left;
	background-attachment: scroll;
	padding: 8px;
	margin: 0px 4px;
	padding-left: 64px;
}
.block_download_file_name {
	font: bold 12px arial;
	color: #5b5b5b;
	padding: 8px 0px;
	text-align: left;
}
.block_download_file_properties {
	font: 10px verdana;
	color: #a0a0a0;
	padding: 0px;
	padding-bottom: 4px;
	text-align: right;
}
.block_download_file_description {
	padding-top: 4px;
	padding-bottom: 8px;
	font: 11px tahoma;
	color: #5b5b5b;
	text-align: justify;
}
.block_download_file_go {
	background-color: #f4f4f4;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	padding: 4px;
	font-weight: bold;
	height: 30px;
}
.span_download_get_file {
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	position: relative;
	left: 8px;
	top: 9px;
}
div.download_link {
	margin: 2px 0px;
	padding: 18px 0px;
	padding-left: 50px;
	padding-right: 5px;
	background-repeat: no-repeat;
	background-position: center left;
	background-attachment: scroll;
	background-color: #e9e9e9;
}
a.download_link {
	font-size: 11px;
	color: #2f5e91;
	text-decoration: none;
} 	a.download_link:hover {
	font-size: 11px;
	color: #D70000;
	text-decoration: underline;
}