/*
	Autor: Grzegorz Jaworek
	E-mail: grzegorz.jaworek@gmail.com
	www: http://gjaworek.pl 
	Tel.: +48 519 133 159
*/


/*Common

------------------------------------------------------------------------- */
* { margin:0;padding:0;}
img { border: 0; font-size: 0; line-height: 0; }
a, button, object{ text-decoration: none; outline: none; color: #FFF;}
a:hover { text-decoration: underline; }
ul { text-align: left; }
ul ul { list-style: none;}
fieldset { border: 0; padding: 0.6em 16px;}
fieldset h2 { padding: 0 0 0.6em;}
.text-input { width: 275px; height: 15px; padding: 8px 10px 6px; display: block; margin: 1.2em 0 0.8em; background: url(../images/text-input.png) 0 0 no-repeat; }
.text-input input { font: 1.2em Verdana; color: #ce0d23; border: 0; background: none; width: 100%; }
h2 { font: normal 2.3em Verdana; color: #FFF; padding: 0.2em 16px; text-align: left;}
h3 { font: bold 3em Arial; color: #ce0d23; margin: 0.8em 0 0; text-transform: uppercase; text-align: left;}
h4 { font: normal 2.4em Arial; color: #ce0d23; margin: -0.2em 0 0.8em; text-align: left;}
h5 { font: normal 1.1em Arial; color: #FFF; margin: 0; padding: 0.8em 0 0.6em; text-transform: uppercase; background: #db7b86; border-bottom: 1px solid #ce0d23; text-align: center;}
p { padding: 0.5em 0;}
	  
/*Layout

------------------------------------------------------------------------- */
html { height: 100%; }
body { height: 100%; width: 100%; background: #ce0d23 url(../images/bg.jpg) 50% 0 repeat-x; font: 0.63em/1em Verdana,Arial,Helvetica,sans-serif; color: #FFF;}

#top, #content , #footer, #subpage, #subpage-nh, #head { width: 989px; margin: 0 auto; clear: both;}

/* Top

------------------------------------------------------------------------- */
#top { position: relative;}
#top h1#home {padding: 15px 0 0; }
#top h1#home a { display: block; width: 325px; height: 119px; background: url(../images/terra-home.png) 0 0 no-repeat; font-size: 0; text-indent: -1000px;}
#top h1#page {padding: 26px 0 0; }
#top h1#page a { display: block; width: 262px; height: 108px; background: url(../images/terra-page.png) 0 0 no-repeat; font-size: 0; text-indent: -1000px;}
.menu { float: left; clear: both; width: 949px; text-transform: uppercase; padding: 20px; background: #000; list-style: none; }
.menu li { float: left; font: bold 1.2em/1.2em Arial; padding: 0 3px; border-left: 1px solid #FFF;}
.menu li:first-child { border-left: 0;}
.menu li a { float: left; font: bold 1em/1em Arial; padding: 0 7px; text-decoration: none;}
.menu li a:hover, .menu li.active a { color: #ce0d23; text-decoration: none;}
#topmenu { float: right; position: absolute; top: 40px; right: 0; list-style: none; }
#topmenu li { float: left; font: 1em/1em Verdana; padding: 0 3px; border-left: 1px solid #FFF;}
#topmenu li:first-child { border-left: 0;}
#topmenu li a { float: left; font: 1em/1em Verdana; padding: 0 7px; text-decoration: none;}
#topmenu li a:hover, #topmenu li.active a { color: #ce0d23; text-decoration: none;}


/* Content

------------------------------------------------------------------------- */
#content { background: url(../images/shadow-top.png) 0 0 no-repeat; padding: 15px 0 0;}
#cu3er { background: url(../images/cu3er.png) 0 0 no-repeat; height: 251px; width: 989px; overflow: hidden;}
.shadow-wide { float: left; width: 989px; height: 24px; background: url(../images/shadow-wide.png) 0 0 no-repeat;}
.shadow-double { float: left; width: 989px; height: 22px; background: url(../images/shadow-double.png) 0 0 no-repeat;}
#newsletter { float: left; width: 326px; height: 145px; background: url(../images/bg-newsletter.jpg) 0 0 repeat-x;}
#newsletter fieldset { float: left; width: 294px;}
#newsletter h2 { padding-top: 0.15em;}
#newsletter_submit { cursor: pointer; font: 1em Verdana; color: #FFF; float: right; clear: both; background: none; border: 0;text-decoration: none;}
#newsletter_submit:hover {color: #ce0d23; text-decoration: none;}
#banner { float: right; width: 656px; height: 145px; overflow: hidden;}
#banner div { float: left; width: 656px; height: 145px; overflow: hidden;}
#banner h2 { position: absolute; z-index: 2; padding-top: 0.4em;}
#banner img { position: relative; z-index: 1;}


/* Subpage

------------------------------------------------------------------------- */
#subpage {background: url(../images/subpage.png) 0 0 no-repeat;}
#subpage #content { width: 977px; border: 1px solid #33b9e9; background: #FFF; padding: 5px;}
#subpage #head { height: 222px; background: url(../images/shadow-top.png) 0 0 no-repeat;}
#subpage #head h2 { padding: 0;}

#subpage-nh {background: url(../images/shadow-top.png) 0 0 no-repeat; padding: 15px 0 0;}
#subpage-nh #content { background: #FFF; width: 977px; border: 1px solid #33b9e9; padding: 5px;}

.sidemenu { float: left; display: inline; width: 257px; list-style: none; padding-bottom:20px;}
.sidemenu li { float: left; clear: both; width: 257px; border-top: 1px solid #fff; text-align: right;}
.sidemenu li:first-child {border-top: 0;}
.sidemenu li a {float: left; clear: both; width: 237px; color: #FFF; padding: 10px; background: #424242 url(../images/sidemenu.gif) 0 0 repeat-x;}
.sidemenu li a:hover, .sidemenu li.active a { color: #ce0d23; text-decoration: none; background: #000;}
.sidemenu li ul { display: none;}
.sidemenu li.active li a {background: #424242 url(../images/sidemenu.gif) 0 0 repeat-x;}
.sidemenu li.active li a:hover, .sidemenu li.active li.active a {background: #000;}
.sidemenu li.active ul { display: block;}
h2.active { width: 237px; border-bottom: 1px solid #fff; text-align: right; font: normal 1em Verdana; color: #ce0d23; text-decoration: none; background: #000; padding: 12px 10px; text-transform: uppercase;}
h2.active a {color: #ce0d23;}
h2.active a:hover {text-decoration: none;}

.content { float: right; padding: 8px 32px 40px; background: #e9e9e9; width: 651px;}
.content .body-wide, #content .body-wide { width: 651px;}
.content .body { color: #3d3b3e; float: left; width: 527px; border-top: 1px solid #FFF; text-align: justify;}
.content .body p { font: 1.4em Georgia; }
.content .sidebar { float: right; width: 94px; border-top: 1px solid #FFF; text-align: center; background: #eff8fc url(../images/sidebar.jpg) 50% 100% repeat-x; padding: 0 0 2em;}

.B_crumbBox { float: left; clear: both; margin: 0.3em 0 0; padding: 0 0 1em; text-transform: uppercase; font: 1.1em Verdana; color: #ce0d23;}
.B_crumbBox span { float: left; padding: 0; font: 1em Verdana; color: #ce0d23;}
.B_crumbBox a { float: left; padding: 0;  font: 1em Verdana; color: #ce0d23; }
.B_crumbBox a.B_crumb { background: url(../images/crumb.gif) 100% 50% no-repeat; padding-right: 15px;}
.B_crumbBox span.B_currentCrumb { padding-left: 9px;}
.B_crumbBox span.B_firstCrumb span.B_currentCrumb { padding-left: 0;}

.user-content { padding: 0 10px; margin: 1em 0 0; font: 1.1em Arial; color: #646464;}
.user-content a { display: block; margin: 0.8em 0; font: 1em Arial; color: #646464;}

.LSM_0 { font: 1.4em/1.6em Arial; color: #3d3b3e; list-style: inside disc; margin-left: 10px;}
.LSM_0 a { color: #3d3b3e;}
.LSM_0 ul { list-style: inside circle; margin-left: 17px;}

#cfContact { cursor: pointer; font: 1em Verdana; color: #FFF;clear: both; background: #ce0d23; border: 0;text-decoration: none; padding: 5px;}
#cfContact:hover { text-decoration: none; background: #000;}

.block { display: block; padding: 20px;}

/* Footer 

------------------------------------------------------------------------- */
#footer { font-size: 1em; text-align: center; padding: 15px 0 45px; background: url(../images/shadow-foot.png) 0 0 no-repeat;}

/* Other 

------------------------------------------------------------------------- */
.fl { float: left; }
.fr { float: right; }
.clear { clear:both; font-size: 0; line-height: 0; text-indent: -1000px; }
.pdf { padding-top: 40px; background: url(../images/pdf.gif) 50% 0 no-repeat; cursor: pointer; float: left; clear: both; width: 100%; }
#tags{color:#222;padding-top:20px;line-height:16px;}