/* Theme Name: freesmoking 
Theme URI: 
Description: 
Author: graphite † sword
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
Text Domain: twentyten */


@charset "UTF-8";
/* CSS Document */
body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; background: #D3D3D3; }
	.clear { clear: both; }
	.shadow{-moz-box-shadow: 0px 1px 4px #888;
			-webkit-box-shadow: 0px 1px 4px #888;
			box-shadow: 0px 1px 4px #888;}
	.text_shadow{-moz-text-shadow: 0px 1px 4px #000;
				 -webkit-text-shadow: 0px 1px 4px #000;
				 text-shadow: 0px 1px 4px #000;}
	.text_shadow2{-moz-text-shadow: 0px 1px 1px #030;
				 -webkit-text-shadow: 0px 1px 1px #030;
				 text-shadow: 0px 1px 1px #030;}
	.gradient_1{background: #56c1df; /* Old browsers */
				background: -moz-radial-gradient(center, ellipse cover, #56c1df 0%, #3e7e99 100%); /* FF3.6+ */
				background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#56c1df), color-stop(100%,#3e7e99)); /* Chrome,Safari4+ */
				background: -webkit-radial-gradient(center, ellipse cover, #56c1df 0%,#3e7e99 100%); /* Chrome10+,Safari5.1+ */
				background: -o-radial-gradient(center, ellipse cover, #56c1df 0%,#3e7e99 100%); /* Opera 12+ */
				background: -ms-radial-gradient(center, ellipse cover, #56c1df 0%,#3e7e99 100%); /* IE10+ */
				background: radial-gradient(ellipse at center, #56c1df 0%,#3e7e99 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56c1df', endColorstr='#3e7e99',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
	.vertical_separator{background:url(images/vertical_separator.png) repeat-y; border-left:#56C1DF solid 1px;border-right:#56C1DF solid 1px;}


#page { margin: auto; }
/* HEADER */
	#header { position: relative; background:#FFF; height:160px; width:100%}
		#logo { display: block; height:40px; background: url(images/logo_03.png) no-repeat; margin-top: 40px; margin-left:10px;}
		#working_nav { display: block;  height: 35px;margin-top: 40px;}
			#working_nav ul li{float:right; list-style:none; font-size:12px;}
				#working_nav ul li a{text-decoration:none; color:#666666; text-transform:uppercase;}
				#working_nav ul li a:hover{color:#FFF;}

					.social_nav{width:27px; height:30px; margin:1px 0px 1px 12px}
						.kontakt_nav{margin:5px 0px; background-repeat:no-repeat;padding:0 8px 0 8px;}
							.kontakt_nav:hover{background-color:#FBB03B !important; }
						.sklepy_nav{border-right:solid 1px #CCC; margin:5px 0; padding:0 8px 0 8px;}
							.sklepy_nav:hover{background-color:#FBB03B !important;}
				.facebook{background: url(images/facebook.png) no-repeat center;}
				.facebook:hover{background: url(images/facebook_active.png) no-repeat center;transition:all ease-in 0.3s;}
						.youtube{background:url(images/youtube.png) no-repeat center;}
						.youtube:hover{background:url(images/youtube_active.png) no-repeat center;transition:all ease-in 0.3s;}
						.twitter{background:url(images/twitter.png) no-repeat center;}
						.twitter:hover{background:url(images/twitter_active.png) no-repeat center; transition:all ease-in 0.3s;}
						.videoblog{background:url(images/videoblog.png) no-repeat center;}
						.videoblog:hover{background:url(images/videoblog_active.png) no-repeat center;transition:all ease-in 0.3s;}
                        #___plusone_0{margin: 4px !important;}
/*MENU NAVbar*/					
		#navbar { height: 26px; margin-top: 10px;}
			#nav { position: absolute; top: 20px; }
				#navbar div#mainnav ul { list-style:none}
					#navbar div#mainnav ul li { float: left; font-size: 12px; margin-right: 5px; margin-left:0}
						#navbar div#mainnav ul li a { color: #4D4D4D; text-decoration: none; padding:6px; text-transform:uppercase;}
						#navbar div#mainnav ul li a:hover { background:#FBB03B; transition:all ease-in-out 0.2s;}
						.current-menu-item a{background:#FBB03B; color:#FFF !important;}
		#searchform { margin-top:16px;}
		#searchform input { height:25px;border: none; background: url(images/search_bg.png) no-repeat; }
/* SIDEBAR */
#sidebar { width: 215px; float: left; }
	.widget a { color: #D40900; text-decoration: none; }
	.entry { margin-bottom: 0px;padding-bottom:30px;}
	.entry_startowa { margin-bottom: 0px; height:480px}

	.entry h1 { font-size: 12px; font-weight: normal; margin: 0px; float:right; width:70px; height:auto; margin-right:5px; text-align:center;
				line-height:14px;}
	
	.entry h1 a { color: #1F759A; text-decoration: none; }
	.entry p.entry-date { font-size: 12px; margin-bottom: 8px; }
	
	.entry img.entry-thumb { float: left;}
	.entry p { line-height: 19px; margin-top: 5px; }
	
	.entry a.more-link { color: #D40900; text-decoration: none; }
	.entry a { color: #D40900; text-decoration: none; }
	
	.widget { margin-bottom: 40px; }
	.widget h2 { font-size: 18px; font-weight: normal; margin-bottom: 10px; }
	
	.widget p { line-height: 19px; margin-top: 5px; }


.kafel{background-color:#F2F2F2; height:162px; margin:10px 9px; border:solid 1px #E6E6E6;}
	.thumb_bg{width:132px; height:155px; background-color:#FFF; margin:3px; text-align:center;}
	.thumb_bg_sklepy{width: 120px !important;height: 155px;background-color: #FFF;margin: 3px;text-align: center;font-size:9px;}
		.thumb_bg_sklepy .thumb_desc{ background-color: rgba(102,102,102,0.5); position:relative; top:-28px; height:60px;}

a.kafel{text-align:center; line-height: 164px;text-decoration: none;color: rgb(19, 189, 231);}	
a.kafel:hover{text-align:center; line-height: 164px;text-decoration: none;color: #FFF; background:#09C; transition:all ease-in 0.3s;}	

	.dane_galerii{float:left; font-size:10px; }
		.dane_galerii p{margin:0;line-height:18px;}
		.thumb_holder{height:139px; width:120px !important;}
			.thumb_bg img.entry-thumb{float:none;}
			.category_desc{height:40px; vertical-align: middle;position:relative; top:-91px;}
				.thumb_desc{ background-color: rgba(102,102,102,0.5); position:relative; top:-28px; height:40px;}
					.thumb_desc p a{color:#FFF;margin:0; font-size:12px;}
					.thumb_desc:hover{color: #FFF; background:#CCC; transition:all ease-in 0.3s;}

							.thumb_bg_sklepy .thumb_desc { background-color: rgba(102,102,102,0.5); position:relative; top:-49px; height:60px;}

  /********************/
 /******* POSTY ******/
/********************/
#dane_postu{}
	#dane_postu h1{width:auto; float:none; top:0}
	.big_title{text-align: left !important;margin-top: 20px !important;line-height: 28px !important;}
		.big_title a{font-size: 27px; color:#39A430 !important; font-style:italic; font-weight:bold; line-height:33px;}
	.technical_data_prod h2{font-size:14px; font-weight:bold; margin-bottom:5px; margin-top:10px;}
	.technical_data_prod ul{list-style:none; color:#808080;}
		.technical_data_prod ul li{margin-left:0}
	#opis_producenta h2{font-size:21px; font-weight:bold; margin-bottom:5px;}
#galeria #big_photo{background-color:#E2E2E2;height:400px; text-align:center; margin-bottom:10px;}
#galeria #thumbs{text-align:center;margin-bottom:40px;}
	#galeria #thumbs .thumb, .gallery-item{background-color:#E2E2E2;text-align:center; margin-right:10px;}
	#galeria #thumbs .thumb a img{float:none;}
	#gallery-1{text-align:center;}
		#gallery-1 .gallery-item {margin:20px 0 !important;}
		#gallery-1 img, #gallery-2 img{border:none !important; text-align:center;}

/*GALERIA W PRODUKT_POST */		
#photos_list, #thumb_list{ list-style:none;}
	#photos_list li, #thumb_list li{float:left;}
		#photos_list li img{height:auto; width:auto; max-width:540px; max-height:400px;}
	#thumb_list li{background-color:#E2E2E2;text-align:center; padding:7px;margin-left:0;margin-bottom:20px; cursor:pointer; height:150px;}
	#photo2, #photo3, #photo4, #photo5, #photo6, #photo7, #photo8{display:none;}
	#thumb2, #thumb5, #thumb8{margin-left:22px !important; margin-right:22px !important;}
	.thumb_produkt_post{width:150px; padding:5px;}
.smak{}
	.smak h2{ font-style:italic;}
.mg6{}
	.nikotyna{margin:10px 0;}
	.nikotyna p{float:left; line-height:22px; margin: 0;}
	.mg0{background-color:#F0F5DB; border:solid 2px #B0CDA1; width:18px; height:18px; text-align:center; float:left; margin-right:10px; font-size:12px; line-height:18px;}
	.mg4{background-color:#1BE6C7; border:solid 2px #48A99A}
	.mg3{background-color:#C1F7A4; border:solid 2px #95AA88}
	.mg2{background-color:#E2FFA4; border:solid 2px #ACAD7B}
	.mg1{background-color:#E8F2C6; border:solid 2px #B0CDA1}
	.mg5{background-color:#2CB4C8; border:solid 2px #008D98}

/* LIQUIDY POJEMNOSCI */
.p1{background: url(images/bottles.png) no-repeat;margin:0;}
	.p1 p{padding: 67px 0 0 0; margin-bottom:0; font-size:12px;font-style:italic; font-weight:bold; color:#173D4D; }
	.p2{background-position:5px -89px;}
	.p3{background-position:5px -180px;}

/* CATEGORY.PHP */
.cat-item:hover{background:rgba(255,255,255,0.3);cursor:pointer; transition:all ease-in-out 0.2s;}
.cat-item a{padding:0 5px}
  /********************/
 /******* MAPA *******/
/********************/
.sklepy_kontener_sklepow{}
	.sklepy_kontener_sklepow .kafel{display:none;}
#mapa_sklepow_kontener{float:right;}
	.miasto-active{}
	.miasto:hover{ -webkit-transition: all 0.7s ease 1s;
					-moz-transition: all 0.7s ease 1s;
					-o-transition: all 0.7s ease 1s;
					transition: all 0.7s ease 1s;}
	.wyswietlone{ display:block !important; opacity:0; -webkit-transition: all 0.3s ease-in 1s;
    -moz-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;}
	
	@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
	

/*OLD MAPA*/
.big_map{ background:url(images/big_map.png) no-repeat; float:right; height:618px; width:476px; position: relative; margin:20px;}
	.city{width:15px; height:15px; float:left; }
	.city_off{background:url(images/city_off.png) 50% 50% no-repeat;}
	.city p.city_name{ visibility:hidden; background-color:#FFF;  padding:5px; width:100px; text-align:center; position:relative; top:15px; left:2px;}
	.city:hover p.city_name{ visibility:visible;}
	.city_off:hover{ background:url(images/city_on.png) 50% 50% no-repeat;}
.cities_list ul.level2 li{padding:4px !important}
ul.level4{display:block; background:none !important;}
.list{background-position:140px 10px !important;}
.list_shop_adress{display:none; position:absolute;}
.shop_name{ font-size:16px; color:#1BA0E1; background-image:none; margin-top:10px;}
li.submenu2{}
li.submenu2:hover div.list_shop_adress2{background:none;display:block; color:#333; position:absolute;}
li.submenu2:hover ul li{color:black;}
li.submenu2:hover ul li:hover{background:none;}
li.submenu2:hover div.list_shop_adress ul{position:relative; left: 130px; top: -15px;}
li.submenu2:hover div.list_shop_adress ul li{background:none; padding:2px !important;width:140px;}
.open_hours{background: url(images/hours.png) 0 top no-repeat !important; font-size:10px; margin: 0 0 0 30px; padding:0 !important; list-style:none;}
.open_hours p{padding:0 0 0px 15px;color:#333;width:300px;}
.open_hours:hover p{color:#333;}
.open_hours2{background: url(images/hours.png) 0 center no-repeat !important; font-size:10px; margin:-10px 0; padding:0 !important; list-style:none;}
.open_hours2 p{padding:10px 0 15px 15px;color:#333;}
.open_hours2:hover p{color:#333;}
.hours_cover{display:none !important;}
.hours_uncover{display:block;width: 270px; position:relative; left:100px; color:#000;  color:#CCC; font-family:"Orator Std", Helvetica, Arial; border-bottom: dashed; border-color:#666; border-width:thin; margin:0 0 17px 100px;}
.hours_uncover ul{}
.hours_uncover ul li{width:200px;}
.hours_uncover ul li:hover{color:#D4145A !important;}
.hours_uncover ul:hover{padding:0 !important}

.article_shop{color:#000;}
#container_shop{background:#DDD;}
#content_shop{padding:20px 40px}
.entry_shop{width:auto; margin:30px 0; }
.big_photo_shop{}
.hours_uncover2{display:block; width:300px; color:#000; padding:10px 0; background-color:#333; color:#CCC; font-family:"Orator Std", Helvetica, Arial;  border-bottom: dashed; border-color:#666; border-width:thin; margin:0 0;}

ul.hours_contact{list-style:none;}
ul.hours_contact li{color:#FFF !important; margin:0 0; padding-left:0 !important}
#previous_page{margin: 0 0 0 290px; float:left;}
#next_page{margin: 0 290px 0 0; float:right;}
#next_page1{margin: 0 400px;}

#next_page h2 a {color:#D4145A; text-decoration:none;}
#previous_page h2 a{color:#D4145A; text-decoration:none;}
ul li.sklepy{color:red;}
ul li.sklepy:active{color:white;}
.active{color:white}

.newboxesx{background-color:transparent; display: none;padding: 0px; position:relative; width:250px; float:left;}
.newboxesx ul{list-style:none;}
.newboxesx ul:hover{color: inherit; }
.newboxesx ul li{padding:0px 0 2px 0px !important; background-color: transparent !important;}
.newboxesx ul li:hover{color:#000 !important;}
ul li.submenu2:hover ul{color:black;}
.shop_name{color:#1BA0E1;}
	.shop_name h1 a{color:#1BA0E1; font-size:18px;}
li.submenu2:hover ul li.shop_name{color:#1BA0E1; background-image:none !important;}
ul li.submenu2 li.shop_name:hover{color:#1BA0E1 !important; background-image:none !important;}
li.adres_sklepu{ list-style:none;}
li.adres_sklepu:hover{ background-image:none !important;}
li.shop_name:hover{color:#1BA0E1 !important; background-image:none !important;}

/* SLIDER */		
		.slider_photo{ display:none;}
		.slider_photo_active{ display:block;}
		.slider_title{background:#333; border-top:solid 12px #FFFFFF; border-bottom:solid 1px #000000; color:#666;}
			.slider_title_one{padding-top:5px; text-align:center; cursor: pointer;}
				.slider_active{color:#FFF; background-image: url(images/slider_active.png); background-repeat:no-repeat; background-position:center top;}
				.slider_title_one p{margin-bottom:5px;}
#container { background: url('images/content.png') repeat-y;}
#content { width: 700px; float: left; padding-left: 13px; margin-right: 20px; }

#lista_producentow{height:auto; border:solid 1px #000000; box-shadow:rgba(0,0,0,0.2) 0 5px 10px inset;}
	#lista_producentow ul{ list-style:none;}
		#lista_producentow ul li{float:left;padding:10px 0;margin:0 10px;}
			#lista_producentow ul li a{color:#FFF; text-decoration:none;}
		
#start_points{height:290px;width:100%; padding-top:40px;color:white;}
	.dark_blue{color:#173D4D;}
	#start_points h2, #buy_stripe h2{-moz-text-shadow: 0px 1px 1px #444;
					 -webkit-text-shadow: 0px 1px 1px #444;
					 text-shadow: 0px 1px 1px #444;
					 margin-botttom:40px !important;}
	#start_points p{font-size:12px;
					 margin-botttom:40px !important;}
					 
	#start_points input{height: 20px !important; border-radius:5px;width:165px;}
	.newsletter-submit{border:none;width:98px !important;
        background: none url(images/submit_newsletter.png) no-repeat right !important;
        float:right; margin-top:10px;}
	#articles_start{margin: 0 0; padding:0 9px; background:url(images/health_care.png) no-repeat 0 50px;min-height:250px; color:#FFF;}
	#recomended_start{background:url(images/recomended_icon.png) no-repeat 0 50px;min-height:250px;color: white}
		#recomended_start h2{background:url(images/recomended_symbol_small.png) no-repeat 245px -10px; padding-top:40px; margin-top:-40px}
/* Buy STRIPE*/
#buy_stripe{height:290px;width:100%; color:white; text-align:center; padding:40px 0 0 0; }
	.padding_top_100{padding-top:80px;}
	#buy_stripe a{ text-decoration:none; color:#FFF;}
	#online_store{ background:url(images/online_store_icon.png) no-repeat center 20px}
	#offline_store{ background:url(images/offline_store_icon.png) no-repeat center 20px; padding-left:9px; padding-right:9px;margin:0 0;}
	#contact_start{ background:url(images/mail_icon.png) no-repeat center 20px}
		#online_store p, #contact_start p{margin-top:55px}

/* FOOTER */
#footer { margin-top:0; padding-top:40px; width:100%; background-color:#666; border-top: solid 1px #000000; color:#F2F2F2;}
	#footer p { font-size: 12px; margin-left: 10px; }
	.footer_column{color:#8FE4F9;}
		.footer_column ul{list-style:none; margin-left:0}
			.footer_column ul li{margin:0}
				.footer_column ul li a{color:inherit; text-decoration:none;}
	.footer_logo{background:url(images/logo_foot.png) no-repeat 420px 10px; color:#999999;}
	#cntctfrm_contact_form input.text, #cntctfrm_contact_form textarea, #cntctfrm_contact_message, #cntctfrm_contact_name, #cntctfrm_contact_email,#cntctfrm_contact_subject{width: 220px !important; 
	height: 20px !important; 
	background-color:#4D4D4D !important; 
	border-radius:20px; 
	box-shadow:inset 0 1px 5px #000000; 
	-webkit-box-shadow: inset 0 1px 5px #000000;
    -moz-box-shadow: inset 0 1px 5px #000000;
    box-shadow: inset 0 1px 5px #000000;
	border:none;
	border-bottom: solid 1px #999;
	margin-bottom:5px;}
	
	#cntctfrm_contact_form textarea, #cntctfrm_contact_message{height: 115px !important;}
		#contact_form span.subtitle{margin-top:0; background: url(images/day_and_night.png) no-repeat right; padding-right:25px; padding-top:5px;}
		#contact_form h1{margin-bottom:0}
		#contact_form div{margin:0 !important; color: #FBB03B !important;  font-size:10px;}
	#contact_form label{color:#999; font-size:10px;}
	#contact_form input[type="submit"]{position: relative; top:-65px; right:-147px; background:url(images/submit.png) no-repeat;width:80px;height:31px; border:none;}
	.opis {margin: 5px 10px 0 0;}
		.contact ul { list-style:none; font-size:12px; margin-top:43px;}
			.contact ul li{float:left; margin-left:30px;}