/* roboczy.css na podstawie css z newrider.html */
body{
margin:0;
padding:0;
line-height: 1.3em;
font-size:14px;
}

body * {margin: 0; padding: 0; } /*likwiduje dodatkowy padding,default przeglądarek */

.clr {clear: both; overflow: hidden; font-size: 0; line-height: 0; height: 0;}
b{font-size: 120%;color:#007F3A;}
em{color: red;}
a img{ border:none;}
h1 {font-size: 16px; line-height: 14px; font-weight: bold; color: #007F3A; padding-left: 16px; background:url('http://newrider.pl/obrazki/raquo_red_small.gif') no-repeat 0 5px; text-transform: uppercase; border-bottom: 2px solid #e5e8e8; padding-bottom: 6px; margin-bottom: 10px; padding-top: 3px;}
h2 {font-size: 14px; line-height: 14px; font-weight: bold; color: #007F3A; padding-left: 16px; background:url('http://newrider.pl/obrazki/raquo_red_small.gif') no-repeat 0 5px; text-transform: uppercase; border-bottom: 2px solid #e5e8e8; padding-bottom: 6px; margin-bottom: 10px; padding-top: 3px;}

h3{font-family:Georgia,sans-serif;font-size: 13px; font-weight: bold; text-transform: uppercase;color:#007F3A}

#czapka{width:970px;background: #f4f7f7; font-family: Arial,sans-serif; font-weight: bold; font-size: 10px; padding: 5px 0px; overflow:hidden; line-height: 14px;}
#czapka a{ background: url('http://newrider.pl/obrazki/czapeczka_brd.gif') no-repeat 0 2px;}
#czapka a{ margin-left: 6px; padding-left: 8px; }
#czapka a:link {text-decoration:none;color:#000000;} 
#czapka a:visited {text-decoration:none;color:#000000;}
#czapka a:hover {text-decoration:none;color:#FFFFFF;background-color:#007F3A}
#czapka .naprawo{ float: right; background: #f4f7f7; }
#czapka .nalewo{ float: left; background: #f4f7f7; }

#glownypojemnik{
width: 970px; /*Width of main container. Obejmuje całość*/
margin: 0 auto; /*Center container on page*/
}

#gora{
position:relative;
background: #EAEAEA;
z-index:2;
width:970px;
height: 216px; /*Height of top section*/
background-image:url('belkagornam.jpg');
}
#navH {width: auto; height:auto; position: absolute;top:200px;left:100px; z-index: 3;}

#gora h1{
margin: 0;
padding-top: 15px;
}

#opaskakolumn{
float: left;
width: 100%;
}

#srodkowakolumna{
margin-left: 240px; /*Set left margin to lewakolumnaWidth*/
}

#lewakolumna{
float: left;
width: 220px; /*Width of left column*/
margin-left: -970px; /*Set left margin to -(glownypojemnikWidth)*/
background: #FFFFFF;

}

.dolny{
position:relative;
clear: left;
width: 100%;
height:auto;
background:#f0f1f1;
border: 1px solid #dadbdb;
margin-top:20px;
margin-bottom:20px;
color: #FFF;
text-align: left;
padding: 4px 0;
}

#dolnyinfo{
position:relative;
clear: left;
width: 100%;
height:auto;
background:#f0f1f1;
border: 1px solid #dadbdb;
margin-top:20px;
margin-bottom:20px;
padding: 4px 0;
}
#dolnyinfo .tresc{float:left;border:solid 4px #FFFFFF;width:185px; overflow:hidden;text-align:center}
#dolnyinfo img{width:160px;height:140px;border:solid 2px #FFFFFF}
#dolnyinfo h4{font-family:Georgia,serif;font-size:15px;text-align:center}

#stopka{
clear: left;
width: 100%;
background: #f4f7f7;
color: #000000;
text-align: center;
padding: 4px 0;
}



.wnetrze{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 10px;
}
.lewy{
width:100%;
height:auto;
border-bottom:solid #FFFFFF 5px;
background: #f0f1f1;
padding:5px;
}


.pierwszylewy{
width:100%;
height:auto;
border-bottom:solid #FFFFFF 5px;
border-top: solid #FFFFFF 10px;
background: #f0f1f1;
padding:5px;
}
.lewyczysty{
width:100%;
height:auto;
border-bottom:solid #FFFFFF 5px;
background-color:#FFFFFF;
padding:5px;
}
.pierwszylewycz{
width:100%;
height:auto;
border-bottom:solid #FFFFFF 5px;
border-top: solid #FFFFFF 10px;
background-color:#FFFFFF;
padding:5px;
}
.srodkowy{
width:100%;
height:auto;
border-bottom:solid #FFFFFF 5px;
}
.srodkowyinfo {position:relative;width:100%;height:auto;overflow: hidden; zoom: 1; margin-bottom: 20px; border: 1px solid #dadbdb;background: #f0f1f1}
.srodkowyinfo img{float:left;border:solid 3px #f0f1f1}
.srodkowyinfo p{font-family:Georgia,serif;font-size:11px;color:#000000;padding:4px}

.pierwszysrodkowy{
width:100%;
height:auto;
border-bottom:solid #FFFFFF 5px;
border-top: solid #FFFFFF 5px;
}
.przerwa{
position:relative;
width:100%;
height:20px;
background-color:#FFFFFF;
overflow: hidden; 
font-size: 0; 
line-height: 0;
}
a:link {text-decoration:none;color:#000000;} /* by pozbyć się podkreśleń */
a:visited {text-decoration:none;color:#000000;}
a:hover {text-decoration:none;color:#FFFFFF;background-color:#007F3A}
a:active {text-decoration:none;color:#000000;}
.lewyczysty b:link {text-decoration:none;color:#000000;} /* by pozbyć się podkreśleń */
.lewyczysty b:visited {text-decoration:none;color:#000000;}
.lewyczysty b:hover {text-decoration:none;color:#FFFFFF;background-color:#007F3A}
.lewyczysty b:active {text-decoration:none;color:#000000;}
/*dla lewakolumna */
.blogBox {overflow: hidden; zoom: 1; margin-bottom: 10px;}
.blogBox h2 {font: bold 12px/14px Georgia, serif; color: #007F3A; text-transform: uppercase; padding-left: 20px; background: url('http://newrider.pl/obrazki/quote_red_small.gif') no-repeat 0 0; padding-bottom: 2px; border-bottom: 2px solid #e5e8e8; margin-bottom: 5px;}
.blogBox .entry {margin-bottom: 14px;}
.blogBox .entry h3 {font: italic 14px Georgia, serif; display: inline;text-transform:capitalize;} 
.blogBox .entry p {display: inline; font: italic 11px Arial, sans-serif; color:#007F3A;} 
.blogBox .entry .more {overflow: hidden; padding-top: 2px;} 
.blogBox .entry .more a{float: right; font: bold 11px Arial, sans-serif; border: 1px solid #d4d5d5; border-width: 0 1px 1px 0; padding: 0 8px 3px;}

.lewyjasny {overflow: hidden; zoom: 1; margin-bottom: 20px; border: 1px solid #dadbdb;background: #f0f1f1}
.lewyjasny img{float:left;border:solid 2px #f0f1f1;margin-right:2px}
.lewyjasny p{font-family:Georgia,serif;font-size:11px;color:#000000;padding:3px}


#menu, #menu ul {
	list-style:none;
	padding:0;
	margin:0;
}
#menu li {
	float:left;
	position:relative;
	line-height:20px;
	width:80px;
	}
#menu li ul {
	position:absolute;
	margin-top:-5px;
	display:none;
}

#menu li ul li{
 width:150px;
 }
#menu ul li ul {
	margin-top:-20px;
	margin-left:50px;
}

/* ******************************************************************* */
/* SHOW SUBMENU  1 */
#menu li:hover ul, #menu li.over ul {
	display:block;
}
#menu li:hover ul ul, #menu li.over ul ul {
	display:none;
}
/* SHOW SUBMENU  2 */
#menu ul li:hover ul, #menu ul li.over ul {
	display:block;
}
/* ******************************************************************* */
/* STYLING UP THE LINKS */
#menu a {
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	padding:0 10px;
	font-size:13px;
	text-align:center;
}
#menu a:hover {
	
	background-color:#007F3A;
	color:#FFFFFF;
}
#menu a:active {
	background-color:#007F3A;
	color:#FFFFFF;
	
}
#menu ul {
	border-top:1px solid #fff;
}
#menu ul a {
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
		background-color:#007F3A;
}

/* ******************************************************************* */

#menu {
	z-index:1;
}
#menu ul {
	z-index:2;
}
#menu ul ul {
	z-index:3;
}

/* ******************************************************************* */

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }