@charset "utf-8";
/* CSS Document */

/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

h1,h2,h3,h4,h5,h6{
	padding:0;
	margin:0;
}
ul,li{
	padding:0;
	margin:0;
}
.clear{
	clear:both;
}

.f14{
	font-size:14px;
}
input[type="submit"]{
	display:inline-block;
	padding: 0 .91em;
	height: 2.3em;
	outline: 0;
	border-radius:2px;
	border: 1px solid;
	border-color: #bf3e00 #bf3e00 #692200 !important;
	border-image: initial;
	background-color: #ce3d00;
	background-image: -moz-linear-gradient(top,#ce3d00 0,#ae3800 100%);
	background-image: -ms-linear-gradient(top,#ce3d00 0,#ae3800 100%);
	background-image: -o-linear-gradient(top,#ce3d00 0,#ae3800 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ce3d00),color-stop(100%,#ae3800));
	background-image: -webkit-linear-gradient(top,#ce3d00 0,#ae3800 100%);
	background-image: linear-gradient(to bottom,#ce3d00 0,#ae3800 100%);
	color:#fff !important;
	text-shadow: 0 1px 0 #692200;
	letter-spacing:1px;
	font-weight: bold;
	font-size: 12px;
	line-height:2.3em;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fffafafa,EndColorStr=#ffdcdcdc);
	cursor: pointer;
	-ms-box-shadow: inset 0 0 1px #ff8347;
}
/*general*/

body{
	font-family:helvetica,Arial,tahoma, sans-serif;
	font-size:13px;
	color:#2a2d2a;
	line-height:18px;
	margin:0;
	padding:0 0 80px 0;
  	background:url(background.jpg) repeat-x repeat-y;
}
/*typography*/
a{
	color:#2286a8;
	text-decoration:none;
}
a:hover{
	color:#17abdd;
}

.form_line{
	margin-bottom:5px;
}
h1{
	/*padding:10px 0;*/
	border-bottom:1px solid #eee;
	font-size:24px;
	line-height:100%;
	font-family:"Junge",Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}
.f24{
	font-size:24px;
}


h2{
	border-bottom:1px solid #eee;
	font-size:18px;
	font-weight:normal;
	margin:20px 0 10px 0;
	padding-bottom:10px;
	font-family:"Junge",Georgia, "Times New Roman", Times, serif;
}
.clear{
	clear:both;
}
textarea{
	width:200px;
	height:100px;
	border:1px solid #aaa;
	font-size:13px;
}
input[type="text"],input[type="email"],input[type="password"]{
       height:26px;
       border:1px solid #aaa;
       font-size:13px;
}
/*structure */
.bg_header{
	position:relative;
	z-index:1000;
	height:120px;
	background:#fff;
	box-shadow:0 0 7px #000;
}
nav.main{
	text-align:right;
	width:980px;
	margin:0 auto;
}

nav.main ul{
	float:right;

}
nav.main li{
	display:inline-block;
}
nav.main li a{
	text-transform:uppercase;
	font-family:"Junge",Georgia, "Times New Roman", Times, serif;
	color:#2a2d2a;
	padding:80px 15px 20px 15px;
	display:block;
}
nav.main li a:hover, .active_menu{
	background:rgba(0,0,0,0.05);
}
nav.main a.logo{
	overflow:hidden;
	display:inline-block;
	float:left;
	width:200px;
	height:120px;
	text-indent:2000px;
	background:url(../images/logo_jphnmr.png) no-repeat;
}
nav.main a.logo:hover{
	opacity:0.9;
}
.bg_content{
	min-height:700px;
  	background:url(background.jpg) repeat-y;
	background-color: rgba(0, 0, 0, 0);

}

.content{
       box-shadow:0 0 3px #000;
       width:980px;
       margin:0 auto 0;
       background:#fff;
       position:relative;
       z-index:500;
}


.content.home,.content.contact{
	background:transparent;
}

footer{
	position:fixed;
	bottom:0;
	width:100%;
	color:#1e371d;
	padding:10px;
	font-weight:bold;
	background:#fff;
	margin-top:50px;
	box-shadow:0 0 7px #000;
	z-index:10000;
}
.copyrights{
	width:980px;
	margin:0 auto;
}
.copyrights p{
	margin:0;
	padding:0;
}
form.contact input[type="text"], form.contact textarea{
	width:100%;
}



/*-------------------- informacje dla autrow */
.content.info{

	background:rgba(0,0,0,0.5);
}

.news{
	width:240px;
	color:white;
	/*text-shadow:1px 1px 1px #000;*/
	float:right;
	padding:30px;
	/*background:rgba(0,0,0,0.5);*/
}
.news h2{
	clear:both;
	margin:0px -30px 10px;
	color:white;
	background:rgba(255,255,255,0.2);
	padding:10px 20px;

	font-size:20px;
	border-bottom:1px solid #fffff;
	border-top:1px solid #ffffff;
}

.information{
	background:#fff;
	padding:50px;
	width:580px;
	float:left;
	min-height:520px;
}

.tabs_info{
	margin-top:20px;
	border-bottom:1px solid #eee;
	width:100%;
}

.tabs_info li:hover, .tabs_info li.active{
	border:1px solid #ddd;
	background:#fff;
	height:28px;
	margin-bottom:-1px;
	border-bottom:1px solid #fff;
}
.tabs_info li{
	border:1px solid #ddd;
	display:inline-block;
	background:green;
	line-height:27px;
	height:27px;
	padding:5px 10px;
	margin-right:5px;
	background:#ddd;
	background: -moz-linear-gradient(top,#eee 0,#ddd 100%);
	background-: -ms-linear-gradient(top,#eee 0,#ddd 100%);
	background: -o-linear-gradient(top,#eee 0,#ddd 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#eee),color-stop(100%,#ddd));
	background: -webkit-linear-gradient(top,#eee 0,#ddd 100%);
	background: linear-gradient(to bottom,#eee 0,#ddd 100%);
}

.tabs_info li a{
	color:#333;
}

/*------- home ----*/

.partners{
	background:#fff;
	width:980px;
	float:left;
	min-height:200px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iNTclIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODglIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMjgiLz4KICAgIDxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMDIiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9yYWRpYWxHcmFkaWVudD4KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 57%, rgba(255,255,255,0.28) 88%, rgba(255,255,255,0.02) 99%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(57%,rgba(255,255,255,1)), color-stop(88%,rgba(255,255,255,0.28)), color-stop(99%,rgba(255,255,255,0.02)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 57%,rgba(255,255,255,0.28) 88%,rgba(255,255,255,0.02) 99%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 57%,rgba(255,255,255,0.28) 88%,rgba(255,255,255,0.02) 99%,rgba(255,255,255,0) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 57%,rgba(255,255,255,0.28) 88%,rgba(255,255,255,0.02) 99%,rgba(255,255,255,0) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 57%,rgba(255,255,255,0.28) 88%,rgba(255,255,255,0.02) 99%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */



}

.slider{
	width:490px;
	float:left;
	background:rgba(0,0,0,0.1);
	min-height:640px;
}
.description{
	background:rgba(0,0,0,0.8);
	padding:50px;
	width:390px;
	float:left;
	min-height:540px;
	color: white;
}

.description h1{
	color: white;
	font-weight: bold;
}
.description p{
	font-size:14px;
	line-height:150%;
}

.description .language{
	text-align:right;
	border-bottom:1px solid #aaa;
	padding:5px;
}
.description .language img{
	margin-left:10px;
}
.description .language img:hover{
	opacity:0.6;
}
.content.dark{
	background:rgba(0,0,0,0.1);
	min-height:620px;
}
.content.light{
	background:#fff;
	padding:40px;
}

.role{
	font-size:12px;
	text-transform:uppercase;
	color:#666;
	font-weight:normal;
	margin-bottom:5px;
	display:block;
}


/* ----------------------- numery ----------------------- */

.numery h1{
	border:none;
	color:#d7e1d7;
	text-shadow:1px 1px 1px #000;
	margin-top:0px;
	font-weight:normal;
	background:rgba(0,0,0,0.2);
	padding:30px 20px 10px;
}
.numery h2.no_margin{
	margin:0;
}
.numery h2{
	clear:both;
	margin-top:30px;
	color:#d7e1d7;
	background:rgba(0,0,0,0.2);
	padding:10px 20px;
	text-shadow:1px 1px 1px #000;
	font-size:20px;
	border-bottom:1px solid #3a6c39;
	border-top:1px solid #3a6c39;
}

.shelf{
background-image:url('shelf.jpg');
height: 1685px;
}


.issue h3{
	color:#d7e1d7;
	font-size:14px;
	text-shadow:1px 1px 1px #000;
	margin-top:0px;
	font-weight:normal;
	background:rgba(0,0,0,0.2);
	padding:5px 0;
	width: 150px;
	
}
.issue img{
	width:150px;
	height: 200px;
	box-shadow:1px 0 50px #000;
	border:1px solid #fff;
}
.issue img:hover{
	opacity:0.8;
	
	
}
/*------- redakcja ----*/
.redakcja_box{
	width:400px;
	margin:15px 20px;
	float:left;
}
.redakcja_box img{
	float:left;
	margin-right:20px;
}
.redakcja_box strong{
	font-size:20px;
	display:block;
	margin-bottom:5px;
}
.left{
	float:left;
	width:450px;
}
.right{
	width:450px;
	float:right;
}
.right h1, .left h1{
	font-size:30px;
	margin-bottom:15px;
}

.issue{

	text-align:center;
	width:100px;
	margin:20px 50px 75px 75px;
	float:left;
	position:relative;
	box-shadow:0 0 5px #f;
}
.issue .bottom {
height: 50px;
width: 150px;
top: 126px;
left: 0px;
padding-top: 20px;
position: absolute;
background: rgba(255,255,255,0.5);
}

.btn_green{
	display:inline-block;
	padding:5px 12px 5px;
	height:24px;
	border:1px solid #366835;
	-webkit-border-radius: 2px;
	border-radius:2px;
    background: #448b43;
	background: -moz-linear-gradient(top,  #448b43 0%, #366835 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#448b43), color-stop(100%,#366835)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #448b43 0%,#366835 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #448b43 0%,#366835 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #448b43 0%,#366835 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #448b43 0%,#v 100%); /* W3C */
	-webkit-box-shadow:inset 0px 0px 9px #fff;
	-webkit-box-shadow: 0px 1px 3px #000;
	-moz-box-shadow:inset 0px 0px 9px #fff;
	-moz-box-shadow: 0px 1px 3px #000;
	box-shadow:inset 0px 0px 9px #fff;
	box-shadow: 0px 1px 3px #000;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	font-size:14px;
	font-family:helvetica,arial,tahoma;
	line-height:24px;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#448b43', endColorstr='#366835',GradientType=0 ); /* IE6-9 */
	cursor:pointer;
}

.btn_green:hover{
	color:#fff;
	background: #448b43; /* Old browsers */
	background: -moz-linear-gradient(top,  #448b43 0%, #3e8b3d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f0ee), color-stop(100%,#3e8b3d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #448b43 0%,#3e8b3d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #448b43 0%,#3e8b3d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #448b43 0%,#3e8b3d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #448b43 0%,#v 100%); /* W3C */
	-webkit-box-shadow: 0px 0px 2px 1px  #000;
	-moz-box-shadow:0px 0px 2px 1px  #000;
	box-shadow:0px 0px 2px 1px  #000;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#448b43', endColorstr='#3e8b3d',GradientType=0 ); /* IE6-9 */
}

.btn_green:active{
	color:#fff;
	background:#366835;
	-webkit-box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.5);
	box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.5);
}

#bodyContent {
display:none;
height: 100%;
}

.effect5
{
  position: relative;
}
.effect5:before, .effect5:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 35px 20px #777;
  -moz-box-shadow: 0 35px 20px #777;
  box-shadow: 0 35px 20px #777;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.effect5:after
{
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}