/*
	Baza Leków Weterynaryjnych
	studiofabryka.pl
	mc, 7-10-2012
*/


.blw {
	float: left;
	width: 95%;
	padding: 2.5%;
	font-family: "Myriad Pro", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;


	h4 {
		font-weight: normal !important; 
		font-size: 12px; 
		color: white;
		padding: .4em 0;
		line-height: 1.4em;
	}

	.jestemweterynarzem {
		float: left;
		width: auto;
		margin: 0 5px 0 0;
	}

	.blw-szukaj {margin-left: 23px;}
}

h2 {
	color: #fff;
	font-weight: normal;
	font-size:15px;
	line-height: 1.3em;
	text-transform: uppercase;

	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px solid #5B90E5;

	float: left;
	width:100%;
}


.blw-search {
	fieldset {
		width:50%;
		padding:0;
		margin:0;
		float: left;
		border:0;
	}

	fieldset.long {
		width: 100%;
		margin:.5em 0;
		text-align: center;
	}

	fieldset > div {
		float: left;
		width: 100%;
		margin:.3em 0;
	}

	span {
		float: left;
		width:100%;
		font-size:14px;
		color: #fff;
		line-height: 1.3em;
		margin: 0 0 5px 5%;
	}

	select, input {
		padding: 3px;
		background: #f8f8f8;
		border:1px solid #ddd;
		box-shadow: inset 0 2px 3px #e5e5e5;

		font-size:12px;
		color: #666;
		line-height: 1.3em;
		text-shadow: 0 1px 1px white;

		border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;

		transition: all .3s;
		-o-transition: all .3s;
		-ms-transition: all .3s;
		-moz-transition: all .3s;
		-webkit-transition: all .3s;

		width: 90%;
		margin-left: 5%;
	}

	select:focus, input:focus {
		font-size:12px;
		color: #222;
		line-height: 1.3em;
		outline: none;
		border: 1px solid #777;
		background: white;
	}


	.lvl2 {display: none; margin-top:.5em;}

	input {
		width: 50%;
		margin:0;
	}

	.long span {
		margin:.5em 0;
	}

	.half {
		float: left;
		width:45%;
		margin: 0 2.5%;
	}

	.left {
		input, span {float: right; width: auto;}
		input {margin:7px 5px 0 0;}

		span {line-height: 2.3em;}
	}

	.right {
		input, span {float: left; width: auto;}
		input {margin:7px 5px 0 0;}

		span {line-height: 2.3em;}
	}



	button {
		border:1px solid #bbb;
		background-color: #f2f2f2;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size: 12px;
		min-width: 90px;
		color: #555;

		padding:3px 10px;
		text-shadow:0 1px 1px white;
		box-shadow: 0 3px 2px #06152A, inset 0 -5px 15px #ddd;

		border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;

		transition: all .3s;
		-o-transition: all .3s;
		-ms-transition: all .3s;
		-moz-transition: all .3s;
		-webkit-transition: all .3s;

		&:hover {
			cursor:pointer;
			border:1px solid #ccc;
			background-color: #f9f9f9;
			box-shadow: 0 3px 2px #06152A, inset 0 0 5px #ddd;
		}

		&:active {
			cursor:pointer;
			background-color: #e9e9e9;
			box-shadow: 0 1px 2px #e9e9e9, inset 0 0 10px #bbb;
		}
	}

} // end blw form

.blw-results {
	.znaleziono {
		float: left;
		width: 50%;
		font-size: 11px;
		color: #C2D8F9;
		margin:5px 0;
	}

	.paginator {
		float: right;
	}

	.item {
		float: left;
		width: 95%;
		padding: 1em 2.5%;
		background-color: #f0f0f0;
		border-top: 1px dashed #e1e1e1;

		transition: all .3s;
		-o-transition: all .3s;
		-ms-transition: all .3s;
		-moz-transition: all .3s;
		-webkit-transition: all .3s;

		&:hover {
			background-color: #e5e5e5;
			cursor: pointer;
		}

		img {
			float: left;
			margin-right:1em;
			border:1px solid #ccc;
		}

		h3 {
			font-size: 18px;
			font-weight: normal;
			margin:0 0 .3em 0;
			color: #333;
		}

		.opis {
			color: #0B357D;
			font-size: 14px;
			text-shadow: 0 1px 0 white;
		}

		p {
			color: #071D43;
			font-size:14px;
			line-height: 1.3em;
		}

		.more {
			float: right;
			text-decoration: none;
			color: #06214C;
			font-size: 15px;

			transition: all .3s;
			-o-transition: all .3s;
			-ms-transition: all .3s;
			-moz-transition: all .3s;
			-webkit-transition: all .3s;

			strong {
				color: #333;
				font-size: 13px;
			}

			&:hover {
				color: #222;
			}
		}
	}

	.firstitem {
		border-top: 0; 
		margin-top:.55em;
	}

	.odd {
		background-color: #f8f8f8;
	}


} // results end



.produkt {

	background: white;
  float: left;
  width: 974px -60px;
  padding: 30px;
  margin: 2em 0;

		img {
			float: left;
			margin-right:1em;
			border:1px solid #ccc;
		}

		h3 {
			font-size: 18px;
			margin:0 0 .3em 0;
		}

		p, li {
			font-size:15px;
			line-height: 1.3em;
		}

		p, ul, ol {
			margin:0 0 1em 0;
			color: #071D43;
		}


		h2, h3, h4, h5, h6 {
			margin:1em 0 .3em;
		}

		h4 {
			font-size: 16px;
			font-weight: normal;
			text-transform: uppercase;
		}
}

.back {
			float: right;
			text-decoration: none;
			color: #ABC7F4;
			font-size: 15px;

			transition: all .3s;
			-o-transition: all .3s;
			-ms-transition: all .3s;
			-moz-transition: all .3s;
			-webkit-transition: all .3s;

			strong {
				color: #fff;
				font-size: 13px;
			}

			&:hover {
				color: #222;
			}
		}


.belka {
	border-top:0 !important;
	padding-top:5px;
}







.forHaslo {
	font-size: 12px;
	margin: 1em 0;
	padding:1em 0;
	float: left;
	width: 100%;

	border-top: 1px solid #04487E;
	border-bottom: 1px solid #04487E;
	background: #092E49;

	a {
		color: #6EB5E5;
		text-decoration: underline;
	}

	a:hover {
		color: #ADD9F7;
	}

	strong, input, a {float: left;}

	strong, a {margin: 6px 0 0 0;}

	strong {font-weight: normal; margin-left: 15px;}

	input {margin: 0 1em !important;}

	p {
		font-size: 13px;
		margin: 0 0 10px 15px;
	}
}


.wyloguj {
	float: left;
	display: block;
	padding: 5px 15px;
	background: white;
	box-shadow: inset 0 0 10px #ccc;

	border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;

	color: #044E82;
	font-size: 13px;
	font-weight: bold;
}

.logout {
	margin: 1em 0;
	width: 100%;
	float: left;
}

.wyloguj:hover {
	background: #f2f2f2;
	box-shadow:inset 0 0 5px #444;
}



.produkt {
	input.nazwa {display: none;}

	span.header {
		float: left;
		font-weight: bold;
		font-size: 14px;
		margin-right: 10px;
		color: #071D43;
		line-height: 1.7em;
	}

	.label {
		float: left;
		width: 100%;
		padding: 0;
		margin-bottom: 5px;
		border-bottom: 1px dashed #ddd;

		.header {
			display: block;
			width:  207px;
		}

		div.tag {
			float: left;
			padding: 1px;
			margin-right: 5px;
			margin-bottom: 5px;
			border:1px solid #96B2E0;


			span.tag, .tag2 {
				float: left;
				color: white;
				display: block;
				/* background: #96B2E0; */
				background: darken(#96B2E0, 15%);
				padding: 0 5px;
				font-size: 12px;
				height: 20px;
				line-height: 19px;
			}

			.tag2 {
				margin-left: 1px;
				/* background: darken(#96B2E0, 15%); */
				background: #96B2E0;
			}
		}
	}

	.opis {
		float: left;
		width: 100%;
	}
}



/*.paginator {
	width: 100%;
	margin:1em 0;

	.pages {
		width: 100%;
		padding:0 !important;
		text-align: center;

		a {
			cursor:pointer;
		}

		a:hover {
			background: #28529A;
		}
	}

	.pages * {
		display: inline;
		font-size: 11px;
		font-weight: normal;
		padding:2px;
	}

	.jPag-current {
		color: #5B90E5;
	}
}*/



.paginator {
	float: left;
	width: 100%;
	margin: .3em 0;
}


.jPaginate{
    height:18px;
    position:relative;
    color:#fff;
    font-size:small;
	width: auto;
	overflow: hidden;
}
.jPaginate a {
    line-height:15px;
    cursor:pointer;
    padding: 1px 5px 0;
    margin: 1px;
    font-size: 11px;
    float:left;
}
.jPag-control-back{
	position:absolute;
	left:0;
}
.jPag-control-front{
	position:absolute;
	top:0;
}
.jPaginate span{
    cursor:pointer;
}
ul.jPag-pages {
    float:left;
    margin:0 !important;
    padding:0 !important;
}
ul.jPag-pages li {
    float: left;
    padding:0 !important;
    margin:0 !important;
}


ul.jPag-pages li a:hover, .jPag-first:hover, .jPag-last:hover {
	color: white !important;
	opacity:.8;
	filter:alpha(opacity=80);
}

span.jPag-current {
    line-height:15px;
    cursor:pointer;
    padding: 1px 5px 0;
    margin: 1px;
    font-size: 11px;
    float:left;
    background: #407BA5;
}
ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-next,
span.jPag-sprevious,
span.jPag-snext,
ul.jPag-pages li span.jPag-previous-img,
ul.jPag-pages li span.jPag-next-img,
span.jPag-sprevious-img,
span.jPag-snext-img{
    height:22px;
    margin:2px;
    float:left;
    line-height:18px;
}

ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-previous-img{
    margin:2px 0px 2px 2px;
    font-size:12px;
    font-weight:bold;
        width:10px;

}
ul.jPag-pages li span.jPag-next,
ul.jPag-pages li span.jPag-next-img{
    margin:2px 2px 2px 0px;
    font-size:12px;
    font-weight:bold;
    width:10px;
}
span.jPag-sprevious,
span.jPag-sprevious-img{
    margin:-2px 0 0 0;
    font-size:18px;
    width:15px;
    text-align:right;
}
span.jPag-snext,
span.jPag-snext-img{
    margin:-2px 0 0 0;
    font-size:18px;
    width:15px;
    text-align:left;
}