/*

Theme Name: ANNDAR
Theme URI: http://anndar.pl/
Description: Szablon dla strony www ANNDAR (c) 2013.
Author: Dariusz Bartula
Author URI: http://anndar.pl/
Version: 1.0

License: Wszelkie Prawa Zastrzeżone

*/


/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}


/* Form fields, general styles first */
button,
input,
textarea {
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: inherit;
	padding: 6px;
}
button,
input {
    line-height: normal;
}
textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}

/* Buttons */
input[type="submit"],
input[type="button"],
input[type="reset"],
.post-password-required input[type=submit] {
	padding: 6px 10px;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	cursor: pointer;
}
button[disabled],
input[disabled] {
    cursor: default;
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
	color: #5e5e5e;
	background-color: #ebebeb;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: linear-gradient(top, #f9f9f9, #ebebeb);
}
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: #757575;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: linear-gradient(top, #ebebeb, #e1e1e1);
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
	border: none;
}

/* Responsive images */
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
	border: solid 1px #000;
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}

/* Images */
.alignleft {
	float: left;
	margin: 10px 10px 10px 0;
}
.alignright {
	float: right;
	margin: 10px 0 10px 10px;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.widget img,
img.header-image,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border-radius: 10px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-style: normal;
	line-height: 19px;
	color: #757575;
	font: normal 11px sans-serif;
}
img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.gallery {clear:both;}
dl.gallery-item {
	margin: 0;
}
.gallery-item a,
.gallery-caption {
	width: 90%;
}
.gallery-item a {
	display: block;
}
.gallery-caption a {
	display: inline;
}
.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}
.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 0;
}
.gallery-columns-1 .gallery-icon img {
	padding: 0;
}

/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */

body {
	font-size: 14px;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	color: #444;
}

a {
	outline: none;
	color: #21759b;
}
a:hover {
	color: #0f3647;
}


/* =Single image attachment view
-------------------------------------------------------------- */

.image-attachment div.attachment {
	text-align: center;
}
.image-attachment div.attachment p {
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
.image-attachment  {
	margin-top: 8px;
}

/* =Widgets
-------------------------------------------------------------- */

.widget-area .widget ul ul {
	margin-left: 12px;
}
.widget_rss li {
	margin: 12px 0;
}
.widget_recent_entries .post-date,
.widget_rss .rss-date {
	color: #aaa;
	font-size: 11px;
	margin-left: 12px;
}
#wp-calendar {
	margin: 0;
	width: 100%;
	font-size: 13px;
	line-height: 20px;
	color: #686868;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
	text-align: left;
}
#wp-calendar #next {
	padding-right: 24px;
	text-align: right;
}
.widget_search label {
	display: block;
	font-size: 13px;
	line-height: 20px;
}

.textwidget, .textwidget p {
	line-height: 150%;
	margin-bottom: 10px;
}

.textwidget p a {
	text-decoration:none;
}

.textwidget p a:hover {
	text-decoration: none;
	color: red;
}

/* Szablon */

#cms-tlo-gora {
	width:		100%;
	background:	url("images/tlo-g.png") top repeat-x;
}

#cms-menu-top {
	width:	950px;
	height: 	81px;
	margin:	0 auto;
}

#menu-0 {
	float:		left;
	width:		320px;
	height:		81px;
	background:	url("images/menu-0.png") no-repeat;
}

#menu-start {
	float:		left;
	width:		105px;
	height:		81px;
	background:	url("images/menu.png") 0px 0px no-repeat;
}

#menu-start a{
	float:		left;
	display: 	block;
	width:		105px;
	height:		81px;
}

#menu-start a:hover{
	background:	url("images/menu-h.png") 0px 0px no-repeat;
}

#menu-o-nas {
	float:		left;
	width:		105px;
	height:		81px;
	background:	url("images/menu.png") -105px 0px no-repeat;
}

#menu-o-nas a{
	float:		left;
	display: 	block;
	width:		105px;
	height:		81px;
}

#menu-o-nas a:hover {
	background:	url("images/menu-h.png") -105px 0px no-repeat;
}

#menu-oferta {
	float:		left;
	width:		105px;
	height:		81px;
	background:	url("images/menu.png") -210px 0px no-repeat;
}

#menu-oferta a {
	float:		left;
	display: 	block;
	width:		105px;
	height:		81px;
}

#menu-oferta a:hover {
	background:	url("images/menu-h.png") -210px 0px no-repeat;
}

#menu-realizacje {
	float:		left;
	width:		105px;
	height:		81px;
	background:	url("images/menu.png") -315px 0px no-repeat;
}

#menu-realizacje a {
	float:		left;
	display: 	block;
	width:		105px;
	height:		81px;
}

#menu-realizacje a:hover{
	background:	url("images/menu-h.png") -315px 0px no-repeat;
}

#menu-bok {
	float:		left;
	width:		105px;
	height:		81px;
	background:	url("images/menu.png") -420px 0px no-repeat;
}

#menu-bok a {
	float:		left;
	display: 	block;
	width:		105px;
	height:		81px;
}

#menu-bok a:hover {
	background:	url("images/menu-h.png") -420px 0px no-repeat;
}

#menu-kontakt {
	float:		left;
	width:		105px;
	height:		81px;
	background:	url("images/menu.png") -525px 0px no-repeat;
}

#menu-kontakt a {
	float:		left;
	display: 	block;
	width:		105px;
	height:		81px;
}

#menu-kontakt a:hover {
	background:	url("images/menu-h.png") -525px 0px no-repeat;
}

#cms-slideshow {
	margin:		0 auto;
	width:		950px;
	height:		300px;
	background:	url("images/slideshow.jpg") no-repeat;	
}

#cms-menu-2 {
	margin:		0 auto;
	width:		950px;
	height:		55px;
	background:	url("images/menu-2.png") no-repeat;
}

#cms-srodek {
	margin:		0 auto;
	width:		950px;
	clear:		both;
	overflow:	hidden;
	
}

/* Kategorie */

#cms-srodek-kategorie {
	float:			left;
	width:			950px;
	margin-bottom:	15px;
}

.cms-www, .cms-sklep, .cms-drukarnia, .cms-inne  {
	float:		left;
	width:		230px;
	height:		230px;
	border:		solid 1px #AAA;
}

.cms-www a, .cms-sklep a, .cms-drukarnia a, .cms-inne a {
	display:		block;
	width:		230px;
	height:		230px;
}

.cms-www {
	margin:		0 7px 5px 0;
	background:	url("images/kategorie.png") 0px 0px no-repeat;
}

.cms-www a:hover {
	background:	url("images/kategorie-h.png") 0px 0px no-repeat;
}

.cms-sklep {
	margin:		0 7px 5px 0;
	background:	url("images/kategorie.png") -230px 0px no-repeat;
}

.cms-sklep a:hover {
	background:	url("images/kategorie-h.png") -230px 0px no-repeat;
}

.cms-drukarnia {
	margin:		0 7px 5px 0;
	background:	url("images/kategorie.png") -460px 0px no-repeat;
}

.cms-drukarnia a:hover {
	background:	url("images/kategorie-h.png") -460px 0px no-repeat;
}

.cms-inne {
	margin:		0 0 5px 0;
	background:	url("images/kategorie.png") -690px 0px no-repeat;
}
.cms-inne a:hover {
	background:	url("images/kategorie-h.png") -690px 0px no-repeat;
}

/* Menu pod slideshow */

.widget-1 {
	float:		left;
	width:		100%;
}

.widget-1 .menu-menu-container ul#menu-menu {
	list-style-type: 	square;
	color:				rgb(255, 136, 0);
}

.widget-1 .menu-menu-container ul#menu-menu li {
	float:			left;
	padding-top:	18px;
	margin-left:	25px;
	margin-right:	5px;
}

.widget-1 .menu-menu-container ul#menu-menu li a {
	font: 		  		normal 16px 'Oswald',sans-serif;
	line-height:  		18px;
	color:		  		#fff;
	text-decoration:	none;
}

.widget-1 .menu-menu-container ul#menu-menu li a:hover {
	color:		  		rgb(255, 136, 0);
	text-decoration:	none;
}

/* Kategorie - koniec */

#cms-stopka {
	width:		100%;
	background:	url("images/tlo-d.png") bottom repeat-x;
}

#cms-stopka-srodek {
	margin:		0 auto;
	width:		950px;
	height:		210px;
	background:	url("images/stopka.png") top no-repeat;
}
	
#cms-srodek  {
	margin: 	0 auto;
	width:	950px;
}

#cms-srodek-tresc {
	float:		left;
	width:		700px;
	padding:		10px 0 10px 0;
}

#cms-panel-prawy {
	float:		left;
	width:		216px;
	margin-top:	18px;
	margin-left:10px;
	margin-bottom:18px;
	padding:		10px 10px 10px 10px;
	
	border:		solid 2px rgb(255, 136, 0);
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright:15px;
    -moz-border-radius-bottomleft:15px;
    -moz-border-radius-bottomright:15px;
    -webkit-border-top-left-radius:15px;
    -webkit-border-top-right-radius:15px;
    -webkit-border-bottom-left-radius:15px;
    -webkit-border-bottom-right-radius:15px;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;	
	
}

/* Prawy panel */


/* Strony */

h1 {
    font: 				bold 32px/45px 'Oswald',sans-serif;
    margin-bottom: 	15px;
    display:			block;
    color: 				rgb(255, 136, 0);
	 width:				700px;
	 border-bottom:	dotted 1px rgb(255, 136, 0);
}

h1 a {
    font: 				bold 32px/45px 'Oswald',sans-serif;
    margin-bottom: 	5px;
    display:			block;
    color: 				rgb(255, 136, 0);
	 width:				700px;
	 text-decoration:	none;
}

h1 a:hover {
    color:				#4a4d52;
}

h2 {
    font: 				normal 24px/38px 'Oswald',sans-serif;
    margin-bottom: 	10px;
}


h3 {
    font: 				normal 18px/32px 'Oswald',sans-serif;
    margin-bottom: 	10px;
	 text-align:		justify;
}

p {
    font: 				normal 14px/18px Arial,sans-serif;
    padding-bottom: 	7px;
    color: 				#4a4d52;
	 text-align: 		justify;
}

p a {
    color: 				rgb(255, 136, 0);
	 text-decoration: none;
}

p a:hover {
	 text-decoration: underline;
}

a.more-link {
	display:				block;
	float:				right;
	clear:				both;
	width:				150px;
	height:				25px;
	padding:				5px;
	letter-spacing:	1px;
	font:					normal 16px 'Oswald', sans-serif;
	color:				#fff;
	text-decoration:	none;
	text-align: 		center;
	border:				solid 1px rgb(255, 136, 0);
	background-color: rgb(255, 136, 0);
}

a.more-link:hover {
	color:				#4a4d52;
}

#cms-srodek-tresc ul {
	list-style-type:	square;
	font: 				normal 14px/18px Arial,sans-serif;
	margin:				0 0 10px 25px;
   padding-bottom: 	7px;
   color: 				#4a4d52;
	text-align: 		justify;
}

.tresc-miniaturka {
	float:			left;
	margin:			0 15px 10px 0;
}

input.cms-wyslij {
	width:				150px;
	font-weight:		bold;
	color:				rgb(255, 136, 0);
}

input.cms-wyslij:active {
	border: solid 1px rgb(210, 210, 210);
}

a.cms-sprawy {
	float:			left;
	margin-right:	15px;
	display:			block;
	width:			250px;
	padding:			35px;
	margin:			10px 10px 10px 0;
	border:			solid 1px rgb(210, 210, 210);
	font:				normal 16px 'Oswald', sans-serif; 
	text-align:		center;
	background-color:		rgb(255, 136, 0);
	color:			#fff;
}

/* Stopka */

.widget-3 {
	padding:				15px;
	float:				left;
}

.widget-3 .widget-title {
	font:					bold 14px sans-serif;
	color:				#fff;
}

.menu-stopka-menu-1-container, .menu-stopka-menu-2-container{
	float:				left;
	width:				270px;
	margin-right:		10px;
}

.menu-stopka-menu-1-container ul, .menu-stopka-menu-2-container ul {
	list-style-type:	square;
	margin-right:		10px;
	margin-left:		25px;
	color:				#fff;
}

.menu-stopka-menu-1-container ul li, .menu-stopka-menu-2-container ul li {
	line-height:		130%;
}

.menu-stopka-menu-1-container ul li a, .menu-stopka-menu-2-container ul li a {
	color:				#fff;
	text-decoration:	none;
}

.menu-stopka-menu-1-container ul li a:hover, .menu-stopka-menu-2-container ul li a:hover {
	color:				#fff;
	text-decoration:	underline;
}

/* Koszyk */

.sscart {
	/* clear:		both;
	width:		700px;
	margin: 		0 auto; */
	
	margin:		10px;
	padding:		10px;
	border:		solid 1px #e6e6e6;
	background-color:	#FC3;
}

.db-cena{
	padding:		10px;
}
button.sscart_btn:active {
	border:		solid 1px #555;
}
