/**************
 base elements
**************/

body					{ margin:0 auto; padding:0; text-align:center; font:normal 12px arial; line-height:150%; color:#2d3d45; background:url(/img/base/bg.png) repeat-x left top; }
img						{ border:none; }
a, a:visited, .a		{ color:#f26522; text-decoration:none; cursor:pointer; }
a:hover 				{ text-decoration:underline; }
h1, h2, h3, h4			{ margin:10px 0 0 0; padding:0; color:#2d3d45; }
h1						{ font:normal 18pt tahoma; margin:20px 0 10px 0; }
h2						{ font:normal 15pt tahoma; }
h3						{ font:normal 13pt tahoma; }
h4						{ font:bold 10pt arial; text-align:center; color:#6482a0; }
hr      				{ height:1px; overflow:hidden; margin:10px 0 0 0; background:none; border:0; border-top:1px solid #ccd4d9; }
p						{ margin:0; padding:5px 0 0 0; }
ul, ol, dl				{ margin:10px 0 0 10px; padding:0; }
dt						{ margin:5px 0 0 0; font-weight:bold; }
dd						{ margin:5px 0 0 10px; }
ul li					{ margin:0; padding:0 0 0 15px; list-style:none; }
ol li					{ margin:0 0 0 20px; }
td, tr					{ vertical-align:top; border-collapse:collapse; }
table					{ border-collapse:collapse; border:none; }
input, textarea, select	{ color:#2d3d45; background:white url(/img/base/bg.png) repeat-x left top; border:1px solid #ccd4d9; }
.input                  { width:250px; }
textarea				{ width:500px; height:100px; }
sup						{ color:#6482a0; }

/**************
public classes
**************/

.clear					{ clear:both; }
.center					{ text-align:center; }
.left					{ float:left; }
.right					{ float:right; }
.italic                 { font-style:italic; }
.important              { color:#f26522; font-weight:bold; }
.comment                { font-size:small; color:Gray; }
.red                    { color:red; }
.button                 { padding:0 10px; font-weight:bold; color:#f26522; background:#1d1d20; border:1px solid #f26522; cursor:pointer; }
.button:hover           { background:#2a2a2f; }
.hr                     { clear:both; height:40px; background:url(/img/base/bg-divider.png) no-repeat center center; }
.indent                 { margin-left:20px; }
.hiddentable td			{ padding:5px; }

/**************
base style elements
**************/

body                    { background:#1d1d20; }
#body-center			{ }
#body-bottom            { background:white url(/img/base/bg-body-bottom.gif) repeat-x left bottom; }
#body-top               { background:url(/img/base/bg-body-top.gif) repeat-x left top; }
#container-center		{ width:970px; margin:0 auto; text-align:left; }
#container-bottom       { padding:0 0 94px 0; }
#container-top			{ /*background:white url(/img/base/logo.png) no-repeat left 50px !important; background:url(/img/base/logo.jpg) no-repeat left 50px;*/ }
#site                   { }

#header					{ height:200px; overflow:hidden; background:#1f1a17 url(/img/base/header.png) no-repeat left top; }
#content                { margin:0; }
    #leftside           { float:left; width:220px; height:200px; margin:0 20px 0 0; }
    #rightside          { float:left; width:690px; }
#footer                 { clear:both; height:67px; overflow:hidden;  }


/**************
inside elements
**************/

/*
header elements
*/

/*loginstatus*/
#loginstatusbox         { padding:3px 10px; background:url(/img/base/bg-loginstatusbox.png) no-repeat right bottom; }

/*logok*/
#pieta  				{ float:left; width:630px; height:33px; margin:104px 15px 0 205px; }

/* menu */
#menu					{ margin:0 0 0 200px; }
#menu a					{ text-decoration:none; }

/* tab */
#tab					{ display:none; }
#tab div				{ float:left; width:auto; border:1px solid white; }
#tab a					{ float:left; display:block; padding:10px 20px; color:white; }
#tab a:hover, 
#header #tab .active	{ color:#1f1a17; background:white; }

/* subtab */
#subtab					{ clear:both; height:30px; overflow:hidden; }
.subtab					{ display:none; }
.activesub				{ display:block; width:100% !important; width:95%; }
#subtab span			{ display:block; float:left; margin:0 1px 0 0; padding:6px 20px; color:white; cursor:default; /*border-right:1px solid #1f1a17; */}
#subtab span:hover, 
#subtab .activesubtab	{ color:#1f1a17; background:url(../../img/base/bg-menu-active.png) no-repeat right top !important; background:url(/img/base/bg-menu-active.gif) no-repeat right top; }

/* subtabwithmenu */
#subtab .subtabwithmenu	{ background:url(/img/base/bg-subtabwithmenu.gif) no-repeat right center; }
#subtab .activesubtabwithmenu, 
#subtab .activesubtabwithmenu:hover, 
#subtab .subtabwithmenu:hover{ color:#1f1a17; background:url(/img/base/bg-subtabwithmenu-active.png) no-repeat right top !important; background:url(/img/base/bg-subtabwithmenu-active.gif) no-repeat right top; }

/* subtabmenu */
.subtabmenu				{ clear:both; position:absolute; visibility:hidden; background:white; border:solid 1px black; border-top:none; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8; }
.subtabmenu td			{ border:0; }
.subtabmenu a,
.subtabmenu a:visited	{ display:block; padding:6px 20px; color:black; }
#site .subtabmenu .active,
.subtabmenu a:hover		{ color:white; background:black; }

/*
leftside elements
*/

/* pieta-logo-bottom */
#pieta-logo-bottom      { width:200px; height:205px; }

/*
footer elements
*/

/*banner*/
#banner-bottom-container{ display:block; position:relative; width:970px; height:67px; overflow:hidden; }
#banner-bottom          { display:block; margin:0; padding:0; list-style:none; }
#banner-bottom li       { display:block; float:left; width:101px; margin:0 3px; padding:0; line-height:67px; text-align:center; }
#banner-bottom-bg       { position:relative; top:-67px; width:970px; height:67px; background:url(/img/base/bg-banner-bottom.png) no-repeat left top; }