/*
Theme Name: MIERO
Theme URI: http://neokom.pl
Description: MIERO
Version: 1.0
Author: Neokom.pl
Author URI: http://neokom.pl
Tags: 
*/

html,body 	{margin:0; padding:0; font-family:'Open Sans Condensed', sans-serif; font-size:20px;}
.header		{width:100%; background-repeat:no-repeat; background-position:top center; float:left;}
.headbg1	{background-image:url(images/bg_miero01.jpg);}
.headbg2	{background-image:url(images/bg_miero02.jpg);}
.headbg3	{background-image:url(images/bg_miero03.jpg);}
.headbg4	{background-image:url(images/bg_miero04.jpg);}
.headbg5	{background-image:url(images/bg_miero05.jpg);}
.headbg6	{background-image:url(images/bg_miero06.jpg);}
#nazwa		{color:#fff; text-align:right; text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de; float:right;}
#bar		{width:100%; height:100px; background-image:url(images/bg00.png); float:left;}
#menu		{width:90%; height:50px; margin-top:25px; margin-left:5%; margin-right:5%; border-bottom:3px solid #33CC33; background-color:white; float:left;}
#flaga		{width:30px; height:15px; padding-top:12px; margin-right:10px; float:right;}
#page		{width:90%; margin-left:5%; margin-right:5%; padding-bottom:20px; background-color:white; float:left;}
.tresc		{width:90%; text-align:justify; padding:0% 5%; float:left;}
.tresc img	{padding:2px; border:1px solid #E0E0E0;}
#footer		{width:90%; height:100px; padding-left:5%; padding-right:5%; border-top:3px solid green; background-color:#333; float:left;}
#fot1		{width:50%; height:100px; line-height:100px; color:#bbb; float:left;}
#fot2		{width:50%; height:100px; line-height:100px; text-align:right; color:#fff; float:left;}
#fot2 img	{width:75px; height:75px; padding-top:10px; padding-left:20px; float:right;}
#fot1 a		 {color:#bbb; text-decoration:none;}
#fot1 a:hover{color:#fff; text-decoration:underline;}
	
ul {list-style-type:none; margin:0px; padding:0px; float:left;}
ul li {list-style-type:none; float:left; line-height:50px; margin-left:20px;}
ul li:hover {list-style-type:none; float:left;}
ul li a {display:block; color:#000; font-weight:bold; text-decoration:none;}
ul li a:hover {text-decoration:underline;}
ul li li a {min-width:160px; color:#fff; margin:0; padding:0;}
ul li li a:hover {text-decoration:underline;}
ul li li:hover {margin:0; padding:0px 0px 0px 10px;}
ul li ul {overflow:hidden; display:none; margin:0; padding:0;}
ul li ul li {margin:0; padding:0px 0px 0px 10px; background-color: #33CC33;}
ul li:hover ul {position:absolute; margin:0; padding:0; display:block; min-width:160px;}

h1					{font-size:29px; color:#33CC33; border-bottom:2px solid #E0E0E0;}

#face-slider		{position:fixed; right:-302px; top:90px; z-index:100;}
#face-slider #tab	{cursor:pointer; height:110px; width:35px; float:left;	background: url(images/facebook-slider.png) no-repeat center center;}
#face-code			{padding:5px; border: solid #0170cf 3px; background: #fff; color:#000; float:left; width:286px;	height:296px;	-moz-border-radius: 0 0 0 8px;	-webkit-border-radius: 0 0 0 8px;border-radius: 0 0 0 8px;}

/**
* WP STYLE
*/

img					{border:0px;}
.aligncenter 		{display:block; margin-left:auto; margin-right:auto;}
.alignleft 			{margin-right:50px; float:left;}
.alignright 			{margin-left:50px; float:right;}
.wp-caption 			{border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px;}
.wp-caption img 		{margin:0; padding:0; border:0 none;}
.wp-caption p.wp-caption-text {font-size:11px; line-height:17px; padding: 0 4px 5px; margin: ;}
.smform-submit		{width:100px; height:40px; line-height:40px; text-align:center; color:#fff; background-color:#33CC33; float:right;}

/*od 1070 - komputer */
@media (min-width: 1071px) {
.header		{height:440px;}
#logo		{width:160px; height:210px; margin-left:10%; margin-bottom:130px; float:left;}
#nazwa		{width:auto; height:110px; padding-top:100px; margin-right:10%; margin-bottom:130px; font-size:30px;}
#rwdmenu	{display:none;}
}

/*od 971 do 1070 - tablet poziom */
@media all and (min-width:971px) and (max-width:1070px){	
.header		{height:440px;}
#logo		{width:160px; height:210px; margin-left:10%; margin-bottom:130px; float:left;}
#nazwa		{width:auto; height:110px; padding-top:100px; margin-right:10%; margin-bottom:130px; font-size:27px;}
#bar		{display:none;}
#menu ul		{list-style-type:square; margin:0px; padding:0px; width:100% !important; float:left;}
#menu ul li	{line-height:30px !important; width:100% !important; margin-left:0px !important; float:left;}
#rwdmenu	{width:100%; float:left;}
.slicknav_nav img {margin-left:20px;}
}

/*od 751 do 970 - tablet pion */
@media all and (min-width:751px) and (max-width:970px){
.header		{height:440px;}
#logo		{width:160px; height:210px; margin-left:10%; margin-bottom:130px; float:left;}
#nazwa		{width:400px; height:110px; padding-top:100px; margin-right:10%; margin-bottom:130px; font-size:25px;}
#bar		{display:none;}
#menu ul		{list-style-type:square; margin:0px; padding:0px; width:100% !important; float:left;}
#menu ul li	{line-height:30px !important; width:100% !important; margin-left:0px !important; float:left;}
#rwdmenu	{width:100%; float:left;}
.slicknav_nav img {margin-left:20px;}
#rwdmenu	{width:100%; float:left;}
}

/*od 470 do 750*/
@media all and (min-width:471px) and (max-width:750px){
.headbg1	{background-image:url(images/bg_miero01m.jpg);}
.headbg2	{background-image:url(images/bg_miero02m.jpg);}
.headbg3	{background-image:url(images/bg_miero03m.jpg);}
.headbg4	{background-image:url(images/bg_miero04m.jpg);}
.headbg5	{background-image:url(images/bg_miero05m.jpg);}
.headbg6	{background-image:url(images/bg_miero06m.jpg);}	
.header		{height:200px;}
#logo		{width:100px; height:150px; margin-left:10%; margin-bottom:50px; float:left;}
#logo img	{width:100%;}
#nazwa		{width:250px; height:100px; padding-top:50px; margin-right:10%; margin-bottom:50px; font-size:22px;}
.tresc img	{max-width:50% !important; height:auto !important; padding-bottom:10px;}
#face-slider {display:none;}
#bar		{display:none;}
#menu ul		{list-style-type:square; margin:0px; padding:0px; width:100% !important; float:left;}
#menu ul li	{line-height:30px !important; width:100% !important; margin-left:0px !important; float:left;}
#rwdmenu	{width:100%; float:left;}
.slicknav_nav img {margin-left:20px;}
#fot1		{display:none;}
#fot2		{width:95%; padding-left:5%; height:100px; line-height:100px; text-align:left; color:#fff; float:left;}
.alignleft 	{margin-right:10px; float:left;}
.alignright 	{margin-left:10px; float:right;}
}

/*do 470*/
@media all and (min-width:200px) and (max-width:470px){
.headbg1	{background-image:url(images/bg_miero01m.jpg);}
.headbg2	{background-image:url(images/bg_miero02m.jpg);}
.headbg3	{background-image:url(images/bg_miero03m.jpg);}
.headbg4	{background-image:url(images/bg_miero04m.jpg);}
.headbg5	{background-image:url(images/bg_miero05m.jpg);}
.headbg6	{background-image:url(images/bg_miero06m.jpg);}
.header		{height:200px;}
#logo		{width:100px; height:150px; margin-left:10%; margin-bottom:50px; float:left;}
#logo img	{width:100%;}
#nazwa		{display:none;}
.tresc img	{width:100% !important; height:auto !important; margin:0 auto !important; margin-bottom:20px !important;}
#face-slider {display:none;}
#menu ul		{list-style-type:square; margin:0px; padding:0px; width:100% !important; float:left;}
#menu ul li	{line-height:30px !important; width:100% !important; margin-left:0px !important; float:left;}
#rwdmenu	{width:100%; float:left;}
.slicknav_nav img {margin-left:20px;}
#fot1		{display:none;}
#fot2		{width:95%; padding-left:5%; height:100px; line-height:100px; text-align:left; color:#fff; float:left;}
.alignleft 	{margin-right:10px; float:left;}
.alignright 	{margin-left:10px; float:right;}
}