/*
Theme Name: Rajdowo4x4 - by Gabriel Ślawski
Theme Author: www.gabrielslawski.tk
*/


/* =WordPress Core
-------------------------------------------------------------- */


.comments-area {
	margin: 48px auto;
	max-width: 474px;
	padding: 0 10px;
}

.comment-reply-title,
.comments-title {
	font: 900 16px/1.5 Lato, sans-serif;
	margin: 0;
	text-transform: uppercase;
}

.comment-list {
	list-style: none;
	margin: 0 0 48px 0;
}

.comment-author {
	font-size: 14px;
	line-height: 1.7142857142;
}

.comment-list .reply,
.comment-metadata {
	font-size: 12px;
	line-height: 2;
	text-transform: uppercase;
}

.comment-list .reply {
	margin-top: 24px;
}

.comment-author .fn {
	font-weight: 900;
}

.comment-author a {
	color: #2b2b2b;
}

.comment-list .trackback a,
.comment-list .pingback a,
.comment-metadata a {
	color: #767676;
}

.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
	color: #41a62a;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 24px;
	padding-top: 24px;
}

.comment-list > li:first-child > article,
.comment-list > .pingback:first-child,
.comment-list > .trackback:first-child {
	border-top: 0;
}

.comment-author {
	position: relative;
}

.comment-author .avatar {
	border: 1px solid rgba(0, 0, 0, 0.1);
	height: 18px;
	padding: 2px;
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
}

.bypostauthor > article .fn:before {
	content: "\f408";
	margin: 0 2px 0 -2px;
	position: relative;
	top: -1px;
}

.says {
	display: none;
}

.comment-author,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply,
.comment-metadata {
	padding-left: 30px;
}

.comment-edit-link {
	margin-left: 10px;
}

.comment-edit-link:before {
	content: "\f411";
}

.comment-reply-link:before,
.comment-reply-login:before {
	content: "\f412";
	margin-right: 2px;
}

.comment-content {
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	word-wrap: break-word;
}

.comment-content ul,
.comment-content ol {
	margin: 0 0 24px 22px;
}

.comment-content li > ul,
.comment-content li > ol {
	margin-bottom: 0;
}

.comment-content > :last-child {
	margin-bottom: 0;
}

.comment-list .children {
	list-style: none;
	margin-left: 15px;
}

.comment-respond {
	margin-bottom: 24px;
	padding: 0;
}

.comment .comment-respond {
	margin-top: 24px;
}

.comment-respond h3 {
	margin-top: 0;
	margin-bottom: 24px;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.no-comments,
.form-allowed-tags,
.form-allowed-tags code {
	color: #767676;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as {
	font-size: 14px;
	line-height: 1.7142857142;
}

.no-comments {
	font-size: 16px;
	font-weight: 900;
	line-height: 1.5;
	margin-top: 24px;
	text-transform: uppercase;
}

.comment-form label {
	display: block;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
	width: 100%;
}

.form-allowed-tags,
.form-allowed-tags code {
	font-size: 12px;
	line-height: 1.5;
}

.required {
	color: #c0392b;
}

.comment-reply-title small a {
	color: #2b2b2b;
	float: right;
	height: 24px;
	overflow: hidden;
	width: 24px;
}

.comment-reply-title small a:hover {
	color: #41a62a;
}

.comment-reply-title small a:before {
	content: "\f405";
	font-size: 32px;
}

.comment-navigation {
	font-size: 12px;
	line-height: 2;
	margin-bottom: 48px;
	text-transform: uppercase;
}

.comment-navigation .nav-next,
.comment-navigation .nav-previous {
	display: inline-block;
}

.comment-navigation .nav-previous a {
	margin-right: 10px;
}

#comment-nav-above {
	margin-top: 36px;
	margin-bottom: 0;
}

/* -- */
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* WP END */


@font-face{
    font-family: Ebrima;
    src:url('ebrima.ttf');
}

.cls{
    height: 30px;
    clear: both;
}

body{
    padding: 0px;
    margin: 0px;
    font-family: ebrima;
}

a{
    text-decoration: none;
}
@media all and (min-width:700px){
	#container{
    	margin: auto;
    	width: 80%;
	}
	
	
#content{
    width: 100%;
    margin: auto;
    margin-top: 40px;
}

#contLeft{
    float: left;
    max-width: 49%;
    padding-right: 5px;
}

#contRight{
    float: right;
    max-width: 49%;
    padding-left: 5px;
}

#search{
    width: 100%;
}


#categories{
    max-width: 95%;
    background: #0a0044;
    padding: 25px;
    padding-top: 10px;
    overflow: hidden;
		z-index: 1;
}

	
.productBlock{
		min-width: 200px;
    width:  40%;
    padding: 10px;
    background: #f2f2f2;
    float: left;
    margin: 5px;
    padding-bottom: 100%; margin-bottom: -100%;
    text-align: center;
    border: 15px solid white;
    border-left: none;
    border-right: none;
    transition: ease-in 0.5s;
    cursor: pointer;
}

.productBlock:hover{
    background: #ff4e00;
}

.productBlockImg img{
    max-width: 75%;
}

.productBlockName{
    color: #0a0044;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #0a0044;
    border-bottom: 1px solid #0a0044;
    margin-top: 15px;
}

.productBlockPrice{
    font-size: 200%;
    font-weight: bold;
    color: #0a0044;
}

.productBlockPLN{
    font-size: 80%;
    font-weight: lighter;
}


#news{
	width: 100%;
	margin: auto;
	margin-top: 30px;
}

.offer{
    min-height: 300px;
    min-width: 49%;
    position: relative;
    text-align: center;
    margin: 5px;
    z-index: 1;
    background-position: bottom center;
    cursor: pointer;
		float: left;
}


.offer .offerShadow{
    background-color: rgba(10,0,68,0.7);
    width: 100%;
    height: 100%;
    transition: ease-in 0.3s;
    position: absolute;
}

.offer:hover .offerShadow{
    background-color: rgba(10,0,68,0.9);
    width: 100%;
    height: 100%;
}



a.mmore{
    text-decoration: none;
    color: white;
    position: absolute;
    bottom: 5%;
    left: 0px;
    width: 100%;    
}
	
	.footBlock{
    width: 30%;
    background: #0a0044;
    color: white;
    border-top: 10px solid #ff4e00;
    padding: 5px;
    text-align: center;
    float: left;
    margin: 5px 5px 15px 15px;
    min-height: 315px;
}

	.dataBlock{
    float: left;
    width: 30%;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 10px;
    margin-right: 10px;
    font-weight: bold;
}
	
	#rightsLeft{
    float: left;
}

#rightsRight{
    float: right;
}
	
}

@media all and (max-width:700px){
	

	
	#prk{
		width: 80%;
	}
	
	#container{
   	 margin: auto;
   	 width: 100%;
	}
	
	
#content{
    width: 100%;
    margin: auto;
    margin-top: 40px;
}

#contLeft{
    
    max-width: 100%;
    padding-right: 5px;
	margin-bottom: 15px;
}

#contRight{
    
    max-width: 100%;
    padding-left: 5px;
}

#search{
    width: 100%;
}


#categories{
    max-width: 100%;
    background: #0a0044;
    padding: 25px;
    padding-top: 10px;
    overflow: hidden;
		z-index: 1;
}
	
	
.productBlock{
		min-width: 200px;
    width:  90%;
    padding: 10px;
    background: #f2f2f2;
    float: left;
    margin: 5px;
		margin-left: 5px;
	margin-right: 0px;
    padding-bottom: 100%; margin-bottom: -100%;
    text-align: center;
    border: 15px solid white;
    border-left: none;
    border-right: none;
    transition: ease-in 0.5s;
    cursor: pointer;
}

.productBlock:hover{
    background: #ff4e00;
}

.productBlockImg img{
    max-width: 75%;
}

.productBlockName{
    color: #0a0044;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #0a0044;
    border-bottom: 1px solid #0a0044;
    margin-top: 15px;
}

.productBlockPrice{
    font-size: 200%;
    font-weight: bold;
    color: #0a0044;
}

.productBlockPLN{
    font-size: 80%;
    font-weight: lighter;
}


#news{
	width: 100%;
	margin: auto;
	margin-top: 30px;
}

.offer{
    min-height: 300px;
    min-width: 95%;
    position: relative;
    text-align: center;
    margin: 5px;
    z-index: 1;
    background-position: bottom center;
    cursor: pointer;
		float: left;
}


.offer .offerShadow{
    background-color: rgba(10,0,68,0.7);
    width: 100%;
    height: 100%;
    transition: ease-in 0.3s;
    position: absolute;
}

.offer:hover .offerShadow{
    background-color: rgba(10,0,68,0.9);
    width: 100%;
    height: 100%;
}



a.mmore{
    text-decoration: none;
    color: white;
    position: absolute;
    bottom: 5%;
    left: 0px;
    width: 100%;    
}


	.footBlock{
    width: 90%;
    background: #0a0044;
    color: white;
    border-top: 10px solid #ff4e00;
    padding: 5px;
    text-align: center;
    float: left;
    margin: 5px 5px 15px 15px;
    min-height: 315px;
}

	.footBlock img{
		width: 100%;
	}
	
	
	.dataBlock{
    float: left;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 10px;
    margin-right: 10px;
    font-weight: bold;
}
	
	#rightsLeft{
    width: 100%;
		margin-bottom: 10px;
}

#rightsRight{
    width: 100%;
		margin-bottom: 10px;
}
	
	
}



#navigation{
    width: 100%;
    margin: auto;
    color: white;
}

#mainSquare{
    background: #0a0044;
    height: 55px;  
     padding-top:30px;
}

#borderSquare{
    background: #ff4e00;
    height: 8px;
    width: 100%;
   
}

#social{
    float: left;
    margin-left: 15px;
}

#quicklyContact{
    float: right;
    margin-right: 15px;
    font-size: 75%;
  
}

#qcMotto{
    float: left;
    margin-right: 10px;
}

#qcPhones{
    float: right;
    padding: 5px;
    border: 1px solid white;
    margin-top: -5px;
}


#menuBar{
    width: 100%;
    margin: auto;
    margin-top: 30px;
}

#logo{
    float: left;
    text-align: center;
}

#menuBarRight{
    float: right;
    
}


#menu{
    float: left;
}

#menu ul li{
    list-style-type: none;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

#menu ul li a{
    padding: 5px;
    color: #0a0044;
    text-decoration: none;
    transition: ease-in 0.2s;
    font-size: 85%;
}

#menu ul li a:hover{
    border-bottom: 5px solid #0a0044;
}

#shoppingCart{
    float: right;
    background: #0a0044;
    color: white;
    padding: 15px;
    font-size: 85%;
    margin-top: 5px;
    transition: ease-in 0.4s;
    cursor: pointer;
}

#shoppingCart:hover{
    background: #ff4e00;
}

#cart{
    position: relative;
    float: right;
    padding-left: 10px;
    margin-top: -10px;
}

#cartImg{
    float: left;
}

#shopCircle{
    position: absolute;
    background: #ff4e00;
    border-radius: 10px;
    padding: 2px;
    right: 0px;
    font-size: 75%;
}

#about{
    width: 100%;
    margin: auto;
    clear: both;
    background: #0a0044;
    color: white;
    position: relative;
    max-height: 602px;
    overflow: hidden;
}


#aboutLeft img{
    max-width: 50%;
    float: left;
    
}

#aboutRight{
    max-width: 50%;
    float: right;
    font-size: 90%;
    max-height: 602px;
    overflow: hidden;
}

#aboutRight h1{
    font-weight: lighter;
}

#aboutRightHolder{
    width: 90%;
    margin: auto;
}

.infoBannerLeft{
    
    color: #0a0044;
    border-left: 100px solid #0a0044;
    padding: 5px;
    padding-left: 10px;
    font-weight: bold;
    margin-bottom: 20px;
}


.infoBannerRight{
    
    color: #0a0044;
    border-left: 100px solid #0a0044;
    padding: 5px;
    padidng-left: 10px;
    font-weight: bold;
    margin-bottom: 20px;
}

.field{
    color: #0a0044;
    border: 1px solid #0a0044;;
    padding: 10px;
}

.but{
    background: #0a0044;
    color: white;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border: none;
    transition: ease-in 0.4s;
	cursror: pointer;
	font-weight: 100;
}

.but:hover{
    background: #ff4e00;
    color: white;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border: none;
}


#s{
    color: #0a0044;
    border: 1px solid #0a0044;;
    padding: 10px;
}

#searchsubmit{
    background: #0a0044;
    color: white;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border: none;
    transition: ease-in 0.4s;
	cursor: pointer;
}

#searchsubmit:hover{
    background: #ff4e00;
    color: white;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border: none;
}

#categories h1{
    font-weight: lighter;
    font-size: 130%;
    color: white;
}

#categories b{
    color: white;
    font-size: 95%;
    font-weight: lighter;
}

#categories ul{
	height: auto;
		z-index: 1;
}


#categories ul li{
    list-style-type: circle;
    color: white;
    margin: -5px;
		margin-top: 10px;		
    width: 100%;
	

	padding-right: 20px;
	z-index: 1;

}

#categories li:last-child{
margin-bottom: 5px;
}

#categories ul li .sub-menu{
	height: 5px;
	overflow: hidden;
}


#categories ul li:hover .sub-menu{
	height: auto;
	
}






.sub-menu{
	height: auto;
	margin-left: -25px;
	margin-top: 0px;
	z-index: 998;
	display: block;
}

.sub-menu > li{
	list-style-type: circle;
	color: white;
	margin-left: -5px;
	clear: both;
  max-width: 50%;
	height: auto;
	font-size: 65%;
	z-index: 999;
}


#categories ul li:hover .sub-menu li .sub-menu{
	display: none;
	
}


#categories ul li:hover .sub-menu li:hover .sub-menu{
display: inline;
 padding-bottom: 100%; margin-bottom: -100%;
}


#categories ul li:hover .sub-menu li:hover > .sub-menu li{
	list-style-type: circle;
margin-left: 10px;
clear: both;
height: 8px;

}


#categories ul li:hover .sub-menu li:hover > .sub-menu li:last-child{
	margin-bottom: -10px;
}





#categories ul li:hover .sub-menu li:hover > .sub-menu li a{
	color: white;
    text-decoration: none;
    transition: ease-in 0.5s;
    font-weight: 100;
    font-size: 130%;
z-index: 999;
clear: both;
width: 95%;

}

#categories ul li:hover .sub-menu li:hover > .sub-menu li a:hover{
	color: white;
    text-decoration: none;
    transition: ease-in 0.5s;
    font-weight: 100;
    font-size: 130%;
z-index: 999;
clear: both;
width: 95%;
color: #ff4e00;
    text-decoration: underline;

}


#categories a{
    color: white;
    text-decoration: none;
    transition: ease-in 0.5s;
    font-weight: 100;
    font-size: 85%;
}

#categories a:hover{
    color: #ff4e00;
    text-decoration: underline;
}


.sub-menu li a{
    color: white;
    text-decoration: none;
    transition: ease-in 0.5s;
    font-weight: 100;
    font-size: 65%;
		max-width: 25%;
		z-index: 998;
}

.sub-menu li a:hover{
    color: #ff4e00;
    text-decoration: underline;
}

#recomendedProducts{
    width: 100%;
    margin: auto;
    overflow-y: hidden;
    
}

#ad{
    width: 100%;
    margin: auto;
}

.adPlace{
    width: 100%;
    background: #fafafa;
    height: auto;

    border: 1px solid #0a0044;
    color: silver;
    text-align: center;
    font-size: 150%;
		margin-bottom: 3px;
}


#footer{
    width: 100%;
    margin: auto;
}

#footBlocks{
    width: 100%;
}



.footBlockTitle{
    font-size: 130%;
    padding: 10px 10px 5px 5px;
    margin-bottom: 10px;
    text-align: center;
}


#newsletter{
    padding: 10px;
    color: #ff4e00;
    border: 1px solid #ff4e00;
    background: none;
    width: 80%;
    margin-top: 25px;
}

#sendNews{
    color: white;
    padding: 10px;
    background: #ff4e00;
    width: 40%;
    border: none;
    cursor: pointer;
    margin-top: 15px;
    transition: ease-in 0.1s;
}

#newsLetter:hover{
    font-size: 120%;
}

#data{
    width: 100%;
    overflow: auto;
    background: #f2f2f2;
    color: #0a0044;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 0px;
}



.dataBlock img{
    float: left;
    margin-right: 25px;
}

#copyrights{
    width: 100%;
    color: #0a0044;
}



a{
    text-decoration: none;
    font-weight: bold;
	color: #0a0044;
}


.rOfferLeft{
	float: left;
	
}


.rOfferRight{
	float: right;
	width: 70%;
}


.rOfferTitle{
	color: #0a0044;
	font-size: 150%;
	padding-bottom: 15px;
	border-bottom: 1px solid #0a0044;
	text-transform: uppercase;
}


.rOfferContent{
	margin-top: 15px;
}


.rOfferContent img{
	float: left;
}

.row{
	margin-top:5px;
	margin-bottom: 5px;
	float: left;
	padding: 5px;
	padding-right: 15px;
	padding-left: 15px;
}


#dataa{
	padding: 10px; 
	color: #0a0044;
	border: 1px solid #ff4e00;
	width: 65%;
	
}

.place{
	padding: 10px; 
	color: #0a0044;
	border: 1px solid #ff4e00;
	width: 40%;
}

.hnumber{
	padding: 10px; 
	color: #0a0044;
	border: 1px solid #ff4e00;
	width: 10%;
}

#pnumb1{
	padding: 10px; 
	color: #0a0044;
	border: 1px solid #ff4e00;
	width: 27px;
	text-align: center;
}

#pnumb2{
	padding: 10px; 
	color: #0a0044;
	border: 1px solid #ff4e00;
	width: 35px;
	text-align: center;
}

#phone{
	padding: 10px; 
	color: #0a0044;
	border: 1px solid #ff4e00;
	width: 60%;
}

#mail{
	padding: 10px; 
	color: #0a0044;
	border: 1px solid #ff4e00;
	width: 60%;
}

#nip{
	padding: 10px; 
	color: #0a0044;
	border: 1px solid #ff4e00;
	width: 40%;
}

#captch{
	padding: 10px; 
	color: #0a0044;
	border: 1px solid #ff4e00;
	width: 40%;
}

#uwagi{
	padding: 10px; 
	color: #0a0044;
	border: 1px solid #ff4e00;
	width: 80%;
}