/*
ciemna zielen: #044843
granat logo: #0b333c
ciemny orange: #ff8c00 (255,140,0)
jasna zielen belki: #abbcac
ciemna zielen belki: #607865 (96,120,101)
szary jasny: #e6e6e6
szary sredni: #aaaaaa
zólty: #ffd968
ciemny zólty: #ffae00
*/

.kontakt {
	background-color:#ccc;
	width:600px;
	margin:0px auto;
	text-align:center;
	padding:10px;
	border-radius:10px;
	box-shadow: 0 0 15px 1px #aaa;
	background-image: linear-gradient(left top, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
	background-image: -o-linear-gradient(left top, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
	background-image: -moz-linear-gradient(left top, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient(left top, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient(left top, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-gradient(
		linear,
		left top,
		right bottom,
		color-stop(0, rgb(204,204,204)),
		color-stop(1, rgb(255,255,255))
	);
}

#butSub2:hover {
	background-color:#abbcac;
	background-image:none;
	cursor:pointer;
}

/*.kontakt label {
	width:100px;
	text-align:right;
	margin-right:10px;
	display:inline-block;
	font-family: 'Monda', sans-serif;
	font-size:12px;
	color:#607865;
	font-weight:normal;
}*/

#idFormContact input[type='text'], #idFormContact input[type='email'] {
	width:300px;
	color:#333;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	padding:6px;
	border:#abbcac 1px solid;
	border-radius:4px;
	background-color: #fff;
}

textarea {
	color:#333;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	padding:4px;
	border:#abbcac 1px solid;
	border-radius:4px;
	background-color: #fff;
}

#idFormContact {
	text-align:right;
	padding:10px;
}

.clAmazonRecom {
	width:100%;
	text-align:center;
	background-color:#abbcac;
	border-radius:10px;
}
.clCenterHoriz {
	margin-left:auto;
	margin-right:auto;
	width:800px;
}

.wciecie {
	margin-left:30px;
}

.high100 {
	height:100px;
}

.artPics {
	border:#044843 1px solid;
	border-radius:4px;
	box-shadow: 0 0 15px 1px #666;
	padding:20px;
	margin:20px;
}

.wycentruj {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

h3 { /*glowna*/
	color:#044843;
	font-family: 'Monda', sans-serif;
	margin-top:20px;
	margin-bottom:0px;
	font-size:16px;
	font-weight: 400;
}

#buttCreate, #LoginForm, #loginOut { /*nie przenosic do header*/
	display:inline;
}

.topField { /*nie przenosic do header*/
	width:100%;
	height:60px;
}

/* LINKI */

.persLin {
	width:296px;
	background-color:#CCC;
	padding:1px 20px 20px 20px;
	margin:-40px 0px 30px 0px;
	border-radius:10px;
	box-shadow: 0 0 5px 1px #aaa;
	font-size:12px;
	color:#444;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	background-image: linear-gradient(left top, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
	background-image: -o-linear-gradient(left top, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
	background-image: -moz-linear-gradient(left top, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient(left top, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient(left top, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-gradient(
		linear,
		left top,
		right bottom,
		color-stop(0, rgb(204,204,204)),
		color-stop(1, rgb(255,255,255))
	);
}

.persLin ol {
	color:#044843;
}

.persLin a {
	color:#044843;
}

.persLin a:hover {
	color:#ff8c00;
}

/* LISTY */

.persTxt ol {
	margin-right:10px;
}

.persTxt ol li {
	margin-bottom:20px;
	padding-top:4px;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#abbcac;
}

.persTxt ol li.liTit {
	margin-top:10px;
	margin-bottom:10px;
	padding-top:20px;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#abbcac;
	font-weight:bold;
}

ul.zwykla li {
	margin-top:auto;
	margin-bottom:auto;
	padding-top:auto;
	border-top-style:none;
	border-top-width:0px;
	font-weight:normal;
}

/* OBRAZKI */

.persBoo {
	margin-top:70px;
	background-color:#abbcac;
	height:330px;
	border-radius:10px;
	background-image: linear-gradient(bottom, rgb(171,188,172) 100%, rgb(96,120,101) 0%);
	background-image: -o-linear-gradient(bottom, rgb(171,188,172) 100%, rgb(96,120,101) 0%);
	background-image: -moz-linear-gradient(bottom, rgb(96,120,101) 0%, rgb(171,188,172) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(171,188,172) 100%, rgb(96,120,101) 0%);
	background-image: -ms-linear-gradient(bottom, rgb(171,188,172) 100%, rgb(96,120,101) 0%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(1, rgb(171,188,172)),
		color-stop(0, rgb(96,120,101))
	);
}

.oneBook {
	text-align:center;
	padding-top:5px;
	margin:25px 33px;
	float:left;
	border-radius:10px;
	box-shadow: 0 0 15px 1px #777;
	background: linear-gradient(to top, rgb(235,235,235) 0%, rgb(4,72,67) 100%);
	
	/*background-image: linear-gradient(bottom, rgb(235,235,235) 0%, rgb(4,72,67) 100%);
	background-image: -o-linear-gradient(bottom, rgb(235,235,235) 0%, rgb(4,72,67) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(235,235,235) 0%, rgb(4,72,67) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(235,235,235) 0%, rgb(4,72,67) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(235,235,235) 0%, rgb(4,72,67) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(235,235,235)),
		color-stop(1, rgb(4,72,67))
	);*/
	width:170px;
	height:268px;
}

.imgBorderKs {
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	width:160px;
	height:240px;
}

.persPic {
	border:#044843 1px solid;
	border-radius:10px;
	box-shadow: 0 0 15px 1px #666;
	width:300px;
	background-color:#fff;
}

.imgPortret {
	border-bottom:#044843 1px solid;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	width:300px;
	height:300px;
}

a img { 
	border:none;
}


/* TEKSTY */

.titBio { 
	font-size:12px;
	color:#999;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	margin-bottom:8px;
}

.persBio {
	text-align:justify;
	margin-left:30px;
	font-size:13px;
	color:#333;
	font-family: 'Monda', sans-serif;
	font-weight: 400;
}

.bySw {
	font-size:11px;
	color:#999;
	font-family: 'Monda', sans-serif;
	font-weight: 400;
	font-style:italic;
	margin-left:10px;/**/
}

.podpisCenterPic {
	text-align:center;
	margin-bottom:2px;
	margin-top:-4px;
	color:#044843;
	font-size:10px;
	color:#044843;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400italic;
	font-style:italic;
}

.podpisCenter {
	text-align:center;
	margin-bottom:5px;
	font-size:11px;
	color:#044843;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:normal;
	/*font-family: 'Open Sans', sans-serif;
	font-weight: 700;*/
}

.podpisCenter a {
	text-decoration:none;
	color:#044843;
}
.podpisCenter a:hover {
	text-decoration:underline;
}

.tlumacz {
	color:#aaa;
	font-size:10px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	margin-left:10px;
}
	
.napisal {
	color:#607865;
	margin-top:-30px;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	margin-bottom:16px;
	margin-left:5px;
}

.persTxt {
	font-family: 'Monda', sans-serif;
	color:#222;
	font-size:14px;
	font-weight: 400;
	width:100%;
	text-align:justify;
}

.persTxt a {
	color:#222;	
}

.quotes strong {
	font-family: 'Monda', sans-serif;
	color:#607865;
	font-size:18px;
	font-weight: 400;
}

.quotes {
	font-family: 'Monda', sans-serif;
	color:#222;
	font-size:14px;
	font-weight: 400;
	text-align:justify;
}

.quotes p {
	margin-bottom:36px;
}

.quotes p {
	margin-left:25px;
}

/* REKLAMY */



.googleAdCenter {
	width:336px;
	height:280px;
	margin-bottom:30px;
	box-shadow: 0 0 15px 1px #aaa;
	border-radius:10px;
}


/* NAGLÓWKI */

h1 {
	color:#044843;
	font-size:36px;
	font-family: 'Kaushan Script', sans-serif;
	font-weight:normal;
}

h2 {
	color:#044843;
	font-family: 'Kaushan Script', sans-serif;
	margin-top:50px;
	font-size:28px;
	font-weight:normal;
}



h4 {
	font-family: 'Monda', sans-serif;
	color:#607865;
	font-size:18px;
	font-weight: 400;
	line-height:50px;
	margin-bottom:-15px;
}

h5 {
	font-size:14px;
	color:#044843;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	margin-bottom:10px;
}


/* PODSTAWOWY SZKIELET */

.content {
	width:1180px;
	padding:40px 0px;
	margin-left:auto;
	margin-right:auto;
}

.clearing {
	clear:both;
}

#stopka {
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	text-align:center;
}

html {
	height:100%;
    overflow-y: scroll;
}

body {
	height:100%;
	margin:0;
	background-image: linear-gradient(bottom, rgb(250,250,250) 0%, rgb(210,210,210) 100%);
	background-image: -o-linear-gradient(bottom, rgb(250,250,250) 0%, rgb(210,210,210) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(250,250,250) 0%, rgb(210,210,210) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(250,250,250) 0%, rgb(210,210,210) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(250,250,250) 0%, rgb(210,210,210) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(250,250,250)),
		color-stop(1, rgb(210,210,210))
	);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color:#dadada;
}

.rightColCenter {
	float:right;
	margin-left:40px;
}

.persYot {
	float:right;
	margin:0px 0px 20px 20px;
	padding:20px;
	background-color:#eee;
}

#ifram {
	width:480px;
	height:360px;
}